@charset "utf-8";





.hangs {

  position: fixed;

  top: 0;

  z-index: 99;

  left: 0;

  right: 0;

  width: 100%
}



.hangs::after {

  position: absolute;

  content: '';

  background-color: #fff;

  opacity: .502;

  bottom: 0;

  width: 100%;

  height: 1px
}



.hangs .hang-ul>li {

  float: left;

  margin-right: 35px;

  line-height: 93px;

  position: relative
}



.hangs .hang-ul>li>a {

  color: #454545;

  font-size: 17px
}



.hangs .hang-ul>li .er-ul {

  position: absolute;

  opacity: 0;
  top: 70px;
  z-index: 99;

  transform: scale(0);

  -ms-transform: scale(0);

  -moz-transform: scale(0);

  -webkit-transform: scale(0);



  border: 1px solid #eee;

  background: #fff;

  line-height: 30px;

  height: 0;

  width: 136px;

  left: -35px
}



.hangs .hang-ul>li .er-ul li {

  line-height: 25px;

  padding: 0;

  display: block;

  text-align: center
}



.hangs .hang-ul>li .er-ul li a {

  display: block;

  color: #484848;

  width: 100%;

  font-size: 14px;

  line-height: 33px
}



.hangs .hang-ul>li .er-ul li:hover a {

  background: #d7000f;

  color: #fff
}



.hangs .hang-ul>li.cur>a,

.hangs .hang-ul>li:hover>a {

  color: #d7000f;

  transition: .4s ease-in-out;

  -moz-transition: .4s ease-in-out;

  -webkit-transition: .4s ease-in-out;

  -o-transition: .4s ease-in-out
}





.hangs .hang-ul>li:hover .er-ul {

  transform: scale(1);

  -ms-transform: scale(1);

  -moz-transform: scale(1);

  -webkit-transform: scale(1);

  -o-transform: scale(1);

  opacity: 1;

  height: auto;

  height: auto;
  -o-transform: scale(0);

  transition: .4s ease-in-out;

  -moz-transition: .4s ease-in-out;

  -webkit-transition: .4s ease-in-out;

  -o-transition: .4s ease-in-out;

}



.hangs .hangs-top {

  background: rgba(255, 255, 255, .7);

  height: 42px;

  line-height: 42px
}



.hangs .hangs-top .dian {

  color: #fff;

  font-size: 15px
}



.hangs .hangs-bot {

  background: rgba(255, 255, 255, .8);

  height: 94px;

  line-height: 94px
}



.hangs .hangs-bot .hang-con .img2 {

  display: none
}



.hangs .eBusiness {

  margin-left: 1px;

  color: #fff;

  font-size: 15px;

  padding: 0 15px;

  cursor: pointer
}



.hangs .eBusiness:hover .wbus-ul {

  transform: scale(1);

  -ms-transform: scale(1);

  -moz-transform: scale(1);

  -webkit-transform: scale(1);

  -o-transform: scale(1);

  transition: .4s ease-in-out;

  -moz-transition: .4s ease-in-out;

  -webkit-transition: .4s ease-in-out;

  -o-transition: .4s ease-in-out
}

.hangs.active {

  border-bottom: 1px solid #e3e3e3;

}

.hangs .eBusiness .wbus-ul {

  transform: scale(0);

  -ms-transform: scale(0);

  -moz-transform: scale(0);

  -webkit-transform: scale(0);

  -o-transform: scale(0);

  width: 100%;

  left: 0;

  right: 0;

  top: 100%;

  background: #fff;

  z-index: 99;

  padding: 5px 0;

  box-shadow: 0 0 10px rgba(0, 0, 0, .5)
}



.hangs .eBusiness .wbus-ul li a {

  display: block;

  line-height: 30px;

  text-align: center;

  color: #000
}



.hangs .eBusiness .wbus-ul li a:hover {

  background: #d7000f;

  color: #fff
}



.hangs .eBusiness1 {

  background: #0c88e6
}



.hangs .eBusiness2 {

  background: #d7000f
}



.hangs .soua {

  line-height: 85px
}



.hangs .soua i {

  color: #454545;

  font-size: 40px;

  margin-left: 30px
}



.hangs .soua .ds {

  font-size: 28px
}



.ban::after {

  background: rgba(0, 0, 0, .102);

  content: '';

  width: 100%;

  top: 136px;

  bottom: 0;

  z-index: 2;

  left: 0;

  right: 0;

  position: absolute
}



.ban .ban-zi {

  left: 50%;

  top: 50%;

  transform: translate(-50%, -50%);

  -ms-transform: translate(-50%, -50%);

  -moz-transform: translate(-50%, -50%);

  -webkit-transform: translate(-50%, -50%);

  -o-transform: translate(-50%, -50%);

  text-align: center;

  z-index: 3
}



.ban .ban-zi .p1 {

  color: #fff;

  font-size: 33px;

  font-weight: 700;

  text-shadow: 0 0 10px rgba(0, 0, 0, .102)
}



.ban .ban-zi .p2 {

  margin-top: 5px;

  color: #fff;

  font-size: 17px;

  text-shadow: 0 0 10px rgba(0, 0, 0, .102)
}



.content {

  background: #ededed
}



.content .cons {

  position: relative;

  z-index: 5
}



.content .er-div {

  background-color: rgba(65,65,65, 0.5);

  height: 55px;

  line-height: 55px
}



.content .er-div .erji-ul {

  text-align: center
}



.content .er-div .erji-ul li {

  display: inline-block;

  position: relative
}



.content .er-div .erji-ul li::after {

  content: '';

  width: 1px;

  height: 12px;

  right: -1px;

  top: 50%;

  -ms-transform: translateY(-50%);

  -moz-transform: translateY(-50%);

  -webkit-transform: translateY(-50%);

  -o-transform: translateY(-50%);

  transform: translateY(-50%);

  position: absolute;

  background-color: #ededed;

  opacity: .502
}



.content .er-div .erji-ul li:last-child::after {

  opacity: 0
}



.content .er-div .erji-ul li a {

  display: block;

  padding: 0 25px;

  color: #fff;

  font-size: 17px
}



.content .er-div .erji-ul li.active,

.content .er-div .erji-ul li:hover {

  background: #d7000f;

  transition: .4s ease-in-out;

  -moz-transition: .4s ease-in-out;

  -webkit-transition: .4s ease-in-out;

  -o-transition: .4s ease-in-out
}



.content .san-div {

  border-bottom: 1px solid #e3e3e3;

  background: #fff
}



.content .san-div .san_ul {

  text-align: center;

  height: 55px;

  line-height: 55px
}



.content .san-div .san_ul li {

  display: inline-block;

  position: relative;

  margin: 0 15px
}



.content .san-div .san_ul li a {

  display: block;

  color: #656565;

  font-size: 16px
}



.content .san-div .san_ul li::after {

  content: '';

  opacity: 0;

  position: absolute;

  left: 50%;

  transform: translateX(-50%);

  -ms-transform: translateX(-50%);

  -moz-transform: translateX(-50%);

  -webkit-transform: translateX(-50%);

  -o-transform: translateX(-50%);

  bottom: -10px;

  border-width: 5px;

  border-style: solid;

  border-color: #d7000f transparent transparent transparent
}



.content .san-div .san_ul li.active a,

.content .san-div .san_ul li:hover a {

  color: #d7000f
}



.content .san-div .san_ul li.active::after,

.content .san-div .san_ul li:hover::after {

  opacity: 1
}



.content .con-bot {

  background: #fff;
  padding-bottom: 60px;
}



.content .con-bot .hred {

  color: #000;

  font-size: 40px;

  font-weight: 700;

  line-height: 1
}



.content .con-bot .position-a {

  color: #656565;

  font-size: 16px;

  margin-top: 15px
}



.content .con-bot .position-a a {

  color: #656565;

  font-size: 16px
}



.content .con-bot .position-a a:hover {

  color: #d7000f
}



.content .position-div {

  padding-bottom: 30px;

  border-bottom: 1px solid #e3e3e3
}



.content .position-div .bdsharebuttonbox a {

  margin: 0 0 0 15px;

  padding: 0;

  width: 40px;

  display: inline-block;

  height: 40px;

  border-radius: 50%;

  background-image: none;

  background-color: #ededed;

  color: #444c62;

  line-height: 40px;

  font-size: 20px;

  text-align: center
}



.content .position-div .bdsharebuttonbox a:hover {

  color: #0c88e6
}



.hezuo {

  margin: 100px -7.5px 0 -7.5px
}



.hezuo .col-md-2 {

  padding: 10px 7.5px
}



.hezuo .col-md-2 .overh {

  cursor: pointer;

  border: 1px solid #fff
}



.hezuo .col-md-2:hover .overh {

  border: 1px solid #d7000f;

  transition: .4s ease-in-out;

  -moz-transition: .4s ease-in-out;

  -webkit-transition: .4s ease-in-out;

  -o-transition: .4s ease-in-out
}



.hezuo .col-md-2 .overh {

  box-shadow: 0 0 6px 0 rgba(0, 0, 0, .1)
}



footer {

  background: #ededed
}



footer .foot-top {

  background: #fff;

  border-top: 1px solid #ededed
}



footer .foot-ul {

  line-height: 60px
}



footer .foot-ul li {

  display: inline-block;

  margin-right: 30px
}



footer .foot-ul li a {

  color: #414141;

  font-size: 15px
}



footer .foot-ul li a:hover {

  color: #d7000f
}



footer .ditu {

  position: relative;

  padding-right: 64px
}



footer .ditu a {

  color: #414141;

  font-size: 15px;

  display: inline-block;

  line-height: 62px
}



footer .ditu a span {

  display: inline-block;

  margin: 0 25px
}



footer .ditu a:hover {

  color: #d7000f
}



footer .ditu a:hover span {

  transform: rotate(360deg);

  -ms-transform: rotate(360deg);

  -moz-transform: rotate(360deg);

  -webkit-transform: rotate(360deg);

  -o-transform: rotate(360deg);

  transition: .4s ease-in-out;

  -moz-transition: .4s ease-in-out;

  -webkit-transition: .4s ease-in-out;

  -o-transition: .4s ease-in-out
}



footer .ditu .fanhui {

  display: inline-block;

  padding-top: 14px;

  top: 0;

  text-align: center;

  width: 64px;

  height: 79px;

  background-color: #006d47;

  color: #fff;

  position: absolute;

  right: 0;

  margin-top: -19px;

  z-index: 8;

  cursor: pointer
}



footer .ditu .fanhui:hover {

  background: #0c88e6;

  transition: .4s ease-in-out;

  -moz-transition: .4s ease-in-out;

  -webkit-transition: .4s ease-in-out;

  -o-transition: .4s ease-in-out
}



.foot-bot {

  padding: 20px 0 25px 0;

  color: #363636;

  font-size: 15px;

  line-height: 30px
}



.foot-bot .ma-zi {

  padding-left: 15px
}



.new {

  margin: 100px 0 0 0
}



.new .new-yao {

  font-size: 17px;

  color: #888;

  line-height: 30px;

  height: 120px;

  display: -webkit-box;

  -webkit-box-orient: vertical;

  text-overflow: ellipsis;

  -webkit-line-clamp: 4;

  overflow: hidden
}



.new .more {

  margin-top: 50px
}



.new .new-title {

  font-size: 20px;

  color: #0b0b0b;

  line-height: 30px;

  height: 30px;

  display: -webkit-box;

  -webkit-box-orient: vertical;

  text-overflow: ellipsis;

  -webkit-line-clamp: 1;

  overflow: hidden;

  margin: 10px 0
}



.new .new-date {

  font-size: 15px;

  margin-top: 25px;

  line-height: 25px;

  color: #888
}



.new .tui-new a {

  display: block
}



.new .tui-new a>div {

  width: 49%
}



.new .tui-new a:hover .overh img {

  transition: .4s ease-in-out;

  -moz-transition: .4s ease-in-out;

  -webkit-transition: .4s ease-in-out;

  -o-transition: .4s ease-in-out;

  transform: scale(1.2);

  -ms-transform: scale(1.2);

  -moz-transform: scale(1.2);

  -webkit-transform: scale(1.2);

  -o-transform: scale(1.2)
}



.new .tui-new a:hover .more span {

  background: #d7000f;

  transition: .4s ease-in-out;

  -moz-transition: .4s ease-in-out;

  -webkit-transition: .4s ease-in-out;

  -o-transition: .4s ease-in-out
}



.new .tui-new a:hover .new-title {

  color: #d7000f
}



.new .tui-new .swiper-pagination {

  width: auto;

  left: 51%;

  bottom: 30px
}



.new .tui-new .swiper-pagination-bullet {

  border-width: 1px;

  border-color: #000000;

  border-style: solid;

  border-radius: 50%;

  background-color: #fff;

  width: 13px;

  height: 12px;

  opacity: 1
}



.new .tui-new .swiper-pagination-bullet-active {

  border-color: #d7000f
}



.more span {

  font-size: 17px;

  color: #fff;

  display: inline-block;

  line-height: 40px;

  padding: 0 40px;

  border-radius: 30px;

  background: #00aa46
}



.lunbo1 {

  overflow: hidden;

  transition: .4s ease-in-out;

  -moz-transition: .4s ease-in-out;

  -webkit-transition: .4s ease-in-out;

  -o-transition: .4s ease-in-out
}



.lunbo1 video {

  object-fit: contain;

  width: 100%
}



.lunbo1.active {

  opacity: 1;

  animation: fadeInUpBig 1s;

  -moz-animation: fadeInUpBig 1s;

  -webkit-animation: fadeInUpBig 1s;

  -o-animation: fadeInUpBig 1s
}



.new-a {

  padding: 30px 25px;

  border: 1px solid #e6e6e6;

  display: block;

  position: relative;

  z-index: 2;

  overflow: hidden;

}

.new-a .title {

  font-size: 18px;

  color: #000;

  line-height: 30px;

  height: 30px;

  display: -webkit-box;

  -webkit-box-orient: vertical;

  text-overflow: ellipsis;

  -webkit-line-clamp: 1;

  overflow: hidden
}



.new-a .zhanyao {

  font-size: 16px;

  margin-top: 20px;

  color: #000000;

  line-height: 30px;

  height: 90px;

  display: -webkit-box;

  -webkit-box-orient: vertical;

  text-overflow: ellipsis;

  -webkit-line-clamp: 3;

  overflow: hidden
}



.new-a .date {

  color: #000000;

  font-size: 16px;

  margin-top: 35px
}



.new-a::after {

  content: '';

  width: 100%;

  position: absolute;

  left: 100%;

  bottom: 0;

  top: 0;

  /*background: url(../images/6.jpg) no-repeat;*/

  background-size: 100% 100%;

  transition: .4s ease-in-out;

  -moz-transition: .4s ease-in-out;

  -webkit-transition: .4s ease-in-out;

  -o-transition: .4s ease-in-out;

  z-index: -1
}



.new-a:hover::after {

  left: 0;

  transition: .4s ease-in-out;

  -moz-transition: .4s ease-in-out;

  -webkit-transition: .4s ease-in-out;

  -o-transition: .4s ease-in-out;

  right: 0
}



.new-con {

  margin: 30px -10px 0 -10px
}



.new-con .col-md-4 {

  padding: 10px
}



.ship {

  margin-top: 100px
}



.ship .col-md-4 {

  margin-bottom: 30px
}



.ship .ship_div {

  cursor: pointer
}



.ship .ship_div .bo {

  left: 50%;

  top: 50%;

  transform: translate(-50%, -50%);

  -ms-transform: translate(-50%, -50%);

  -moz-transform: translate(-50%, -50%);

  -webkit-transform: translate(-50%, -50%);

  -o-transform: translate(-50%, -50%)
}



.ship .ship_div .bo i {

  color: #fff;

  font-size: 60px
}



.ship .ship_div .ship-title {

  color: #3b3b3b;

  margin-top: 4px;

  font-size: 18px;

  line-height: 60px;

  height: 60px;

  display: -webkit-box;

  -webkit-box-orient: vertical;

  text-overflow: ellipsis;

  -webkit-line-clamp: 1;

  overflow: hidden;

  padding: 0 15px;

  background: #eee
}



.ship .ship_div .jiao {

  right: 0;

  bottom: 0
}



.ship .ship_div .vidio {

  display: none
}



.ship .ship_div:hover .overh img {

  transition: .4s ease-in-out;

  -moz-transition: .4s ease-in-out;

  -webkit-transition: .4s ease-in-out;

  -o-transition: .4s ease-in-out;

  transform: scale(1.2);

  -ms-transform: scale(1.2);

  -moz-transform: scale(1.2);

  -webkit-transform: scale(1.2);

  -o-transform: scale(1.2)
}



.ship .ship_div:hover .ship-title {

  background: #d7000f;

  transition: .4s ease-in-out;

  -moz-transition: .4s ease-in-out;

  -webkit-transition: .4s ease-in-out;

  -o-transition: .4s ease-in-out;

  color: #fff
}



.lianxis {

  margin-top: 100px
}

.lianxis>.row {
  margin-bottom: 15px;
}



.lianxis .col-md-4 {

  box-shadow: 0 0 8px 0 rgba(0, 0, 0, .5);

  width: 30%
}



.lianxis .lianxi-uls {

  padding: 11px 0
}



.lianxis .lianxi-uls li {

  padding: 16.3px 0;

  border-bottom: 1px solid #f0f0f0
}



.lianxis .lianxi-uls li:last-child {

  border-bottom: none
}



.lianxis .lianxi-uls li .fl {

  width: 10%;

  line-height: 50px;

  color: #d7000f;

  text-align: center
}



.lianxis .lianxi-uls li .fl i {

  font-size: 30px
}



.lianxis .lianxi-uls li .fr {

  width: 85%
}



.lianxis .lianxi-uls li .fr .add-p {

  color: #000;

  font-size: 20px
}



.lianxis .lianxi-uls li .fr .add-p1 {

  color: #5b5b5b;

  font-size: 16px;

  margin-top: 10px
}



.map {

  padding-right: 0;

  width: 70%
}



.rong {

  margin-top: 90px
}



.rong .col-md-3 {

  margin-bottom: 30px
}



.rong .col-md-3 .rong-div {

  border: 1px solid #eee;

  padding: 7px
}



.rong .col-md-3 .tile_div {

  margin-top: 7px;

  line-height: 47px;

  background: #eee;

  padding: 0 15px;

  color: #414141;

  font-size: 17px;

  text-align: center
}



.zizhi-mo {

  position: fixed;

  display: none;

  width: 100%;

  left: 0;

  right: 0;

  bottom: 0;

  top: 0;

  background: rgba(0, 0, 0, .7);

  z-index: 99
}



.zizhi-mo .img-zi {

  position: absolute;

  left: 50%;

  top: 50%;

  transform: translate(-50%, -50%);

  -ms-transform: translate(-50%, -50%);

  -moz-transform: translate(-50%, -50%);

  -webkit-transform: translate(-50%, -50%);

  -o-transform: translate(-50%, -50%);

  width: 40%;

  text-align: center
}



.zizhi-mo .guan {

  width: 63px;

  cursor: pointer;

  height: 63px;

  border-width: 2px;

  border-color: #fff;

  border-style: solid;

  border-radius: 50%;

  line-height: 57px;

  right: 30%;

  top: 10px;

  text-align: center
}



.zizhi-mo .guan i {

  color: #fff;

  font-size: 30px
}



.about {

  margin-top: 90px
}



.about .about-img {

  background: url(../images/11.jpg) no-repeat;

  background-size: 100% 100%;

  height: 375px;

  margin-bottom: 60px
}



.about .about-img>.fl {

  width: 55%
}



.about .about-img>.fr {

  width: 45%;

  position: relative;

  z-index: 5
}



.about .about-img>.fr img {

  margin-top: -10px
}



.about .about-img>.fr::after {

  content: '';

  position: absolute;

  width: 95%;

  bottom: -30px;

  top: 28px;

  right: 0;

  left: 5%;

  background: url(../images/13.jpg) no-repeat;

  background-size: 100% 100%;

  z-index: -1
}



.about .about-img .abod {

  padding: 147px 0 0 130px
}



.about .about-img .abod .p2 {

  color: #6e6e6e;

  font-size: 20px;

  line-height: 30px;

  margin-top: 30px
}



.about .about-img .abod .p1 {

  color: #3e3e3e;

  font-weight: lighter;

  font-size: 35px
}



.about .about-con {

  color: #6e6e6e;

  font-size: 17px;

  line-height: 30px
}



.about .abou-bot {

  margin-top: 60px
}



.about .abou-bot>div {

  width: 50%;

  float: left;

  padding: 45px 0
}



.about .abou-bot>div:nth-child(1),

.about .abou-bot>div:nth-child(4) {

  background: #f7f8fc
}



.about .abou-bot .about-nian>div {

  width: 50%;

  float: left
}



.about .abou-bot .about-nian>div .p3 {

  color: #242a3a;

  font-weight: lighter;

  font-size: 43px
}



.about .abou-bot .about-nian>div .p4 {

  color: #242a3a;

  font-size: 17px;

  line-height: 30px;

  height: 30px
}



.about .abou-bot .about-nian>div .xian {

  width: 21px;

  height: 3px;

  background-color: #323232;

  margin-top: 5px
}



.about .abou-bot .about-nian .le {

  padding-left: 90px
}



.superiority {

  margin-top: 88px;

  color: #656565;

  font-size: 16px;

  line-height: 33px
}



.superiority>div {

  width: 49%
}



.application {

  margin-top: 90px
}



.application .col-md-6 {

  margin-bottom: 30px
}



.application .application-div {

  border: 1px solid #e3e3e3;

  display: block
}



.application .application-div>div {

  width: 48%
}



.application .application-div .application-title {

  margin-top: 25px;

  color: #000;

  font-size: 20px
}



.application .application-div .application-title span {

  width: 5px;

  height: 15px;

  background-color: #d7000f;

  display: inline-block;

  margin-right: 10px
}



.application .application-div .application-ul {

  margin-top: 15px
}



.application .application-div .application-ul li a {

  color: #585858;

  font-size: 16px;

  line-height: 30px;

  height: 30px
}



.application .application-div .application-ul li a span {

  border-radius: 50%;

  width: 5px;

  height: 5px;

  position: relative;

  top: -3px;

  margin: 0 15px;

  display: inline-block;

  background-color: #939393
}



.application .application-div .application-ul li a:hover {

  color: #d7000f
}



.application .application-div .application-ul li a:hover span {

  background: #d7000f
}



.download {

  margin-top: 90px
}



.download .baioge thead {

  background: #f7f8fc
}



.download .baioge thead tr th {

  color: #000;

  font-size: 16px;

  font-weight: 700;

  line-height: 65px;

  padding: 0;

  border-bottom: 0;

  text-align: center
}



.download .baioge thead tr th:nth-child(1) {

  text-align: left;

  padding-left: 77px
}



.download .baioge tbody tr td {

  color: #343434;

  font-size: 16px;

  line-height: 60px;

  padding: 0;

  text-align: center
}



.download .baioge tbody tr td:nth-child(1) {

  text-align: left;

  padding-left: 77px
}



.download .baioge tbody tr td i {

  font-size: 25px;

  display: inline-block;

  margin-right: 15px
}



.download .baioge tbody tr td a {

  color: #343434;

  font-size: 16px;

  padding: 5px 15px;

  border: 1px solid transparent
}



.download .baioge tbody tr:nth-child(even) {

  background: #f7f8fc
}



.download .baioge tbody tr:hover {

  background: #eafff4;

  transition: .4s ease-in-out;

  -moz-transition: .4s ease-in-out;

  -webkit-transition: .4s ease-in-out;

  -o-transition: .4s ease-in-out
}



.download .baioge tbody tr:hover td i {

  color: #d7000f
}



.download .baioge tbody tr:hover td a {

  color: #d7000f;

  border: 1px solid #d7000f;

  transition: .4s ease-in-out;

  -moz-transition: .4s ease-in-out;

  -webkit-transition: .4s ease-in-out;

  -o-transition: .4s ease-in-out
}



.technical {

  margin-top: 90px
}



.technical .col-md-4 {

  margin-bottom: 30px
}



.technical .technical-a {

  display: inline-block
}



.technical .technical-a .technica-title {

  margin-top: 10px;

  color: #000;

  font-size: 18px;

  line-height: 30px;

  height: 30px;

  display: -webkit-box;

  -webkit-box-orient: vertical;

  text-overflow: ellipsis;

  -webkit-line-clamp: 1;

  overflow: hidden
}



.technical .technical-a .technica-date {

  color: #747474;

  font-size: 16px;

  line-height: 30px
}



.technical .technical-a .technica-yao {

  color: #747474;

  font-size: 16px;

  line-height: 30px;

  height: 30px;

  display: -webkit-box;

  -webkit-box-orient: vertical;

  text-overflow: ellipsis;

  -webkit-line-clamp: 1;

  overflow: hidden
}



.technical .technical-a:hover .overh img {

  transition: .4s ease-in-out;

  -moz-transition: .4s ease-in-out;

  -webkit-transition: .4s ease-in-out;

  -o-transition: .4s ease-in-out;

  transform: scale(1.2);

  -ms-transform: scale(1.2);

  -moz-transform: scale(1.2);

  -webkit-transform: scale(1.2);

  -o-transform: scale(1.2)
}

.dis1 span {

  display: inline-block;

  width: 171px;

  text-align: right;

}



.technical .technical-a:hover .technica-title {

  color: #d7000f
}



.frequently {

  margin-top: 90px
}



.frequently .frequently_ul {

  border-top: 1px solid #e3e3e3
}



.frequently .frequently_ul li {

  cursor: pointer
}



.frequently .frequently_ul li .frequently_div {

  color: #000;

  font-size: 20px;

  border-bottom: 1px solid #e3e3e3;

  line-height: 60px;

  background: #f7f8fc;

  padding: 0 50px
}



.frequently .frequently_ul li .frequently_div .frequently_title {

  width: 90%;

  height: 60px;

  display: -webkit-box;

  -webkit-box-orient: vertical;

  text-overflow: ellipsis;

  -webkit-line-clamp: 1;

  overflow: hidden
}



.frequently .frequently_ul li .frequently_div .fr i {

  line-height: 60px;

  color: #d7000f;

  font-size: 20px
}



.frequently .frequently_ul li.active .frequently_div .fr {

  transform: rotateZ(180deg);

  transition: .4s ease-in-out;

  -moz-transition: .4s ease-in-out;

  -webkit-transition: .4s ease-in-out;

  -o-transition: .4s ease-in-out
}



.frequently .frequently_con {

  color: #6e6e6e;

  font-size: 16px;

  display: none;

  line-height: 30px;

  padding: 15px 70px
}



.xingsw {

  margin-top: 30px;

  border-top: 1px solid #e5e5e5
}



.xingsw .row {

  margin-bottom: 45px
}



.xing-bots {

  margin-top: 20px;

  border-top: 1px solid #eee;

  padding: 24px 0
}



.xing-bots .more a {

  color: #575757;

  font-size: 15px;

  border: 1px solid #eee;

  line-height: 30px;

  padding: 0 15px;

  height: 30px;

  display: inline-block
}



.xing-bots .more a:hover {

  background: #d7000f;

  color: #fff
}







.xingsw .more {

  margin: 40px 0
}



.xingsw .more a:hover {

  border: 1px solid #d7000f;

  color: #d7000f
}



.new-list-xiang {

  padding: 30px 0 10px 0
}



.detall .bdsharebuttonbox {

  display: inline-block;

  position: relative;

  top: 16px
}



.detall .bdsharebuttonbox a {

  margin: 0 6px 0 0
}



.new-list-xiang {

  margin-top: 50px
}



.new-list-xiang .xing-lizi {

  left: 8%;

  top: 40%
}



.xing-biao {

  color: #0b0b0b;

  font-size: 23px;

  font-weight: 700
}



.cons-bian2 {

  color: #888;

  font-size: 15px
}



.cs-cons1 {

  color: #888;

  font-size: 15px;

  line-height: 30px;

  padding: 30px 0
}



.shehui-zhao {

  margin-bottom: 70px
}



.shehui-zhao .tou-wen {

  color: #696969;

  font-size: 19px;

  line-height: 40px;

  right: 30px;

  top: 50%;

  -ms-transform: translateY(-50%);

  -moz-transform: translateY(-50%);

  -webkit-transform: translateY(-50%);

  -o-transform: translateY(-50%);

  transform: translateY(-50%)
}



.shehui-zhao .tou-wen a {

  background: #d7000f;

  color: #fff;

  font-size: 19px;

  line-height: 30px;

  padding: 0 15px;

  margin-left: 10px;

  display: inline-block
}



.shehui-zhao .tou-wen a:hover {

  background: #00a0e9;

  transition: .4s ease-in-out;

  -moz-transition: .4s ease-in-out;

  -webkit-transition: .4s ease-in-out;

  -o-transition: .4s ease-in-out
}



.shehui-zhao .jian {

  margin-bottom: 30px
}



.xinzi {

  left: 50%;

  top: 50%;

  transform: translate(-50%, -50%);

  -ms-transform: translate(-50%, -50%);

  -moz-transform: translate(-50%, -50%);

  -webkit-transform: translate(-50%, -50%);

  -o-transform: translate(-50%, -50%);

  width: 80%
}



.xinzi .title_p {

  color: #fff;

  font-size: 19px;

  padding: 15px 0;

  position: relative
}



.xinzi .title_p::after {

  position: absolute;

  content: '';

  width: 31px;

  bottom: 0;

  left: 50%;

  transform: translateX(-50%);

  -ms-transform: translateX(-50%);

  -moz-transform: translateX(-50%);

  -webkit-transform: translateX(-50%);

  -o-transform: translateX(-50%);

  height: 1px;

  background-color: #fff
}



.xinzi .zinxins {

  color: #fff;

  font-size: 15px;

  line-height: 30px;

  margin-top: 15px
}



.gang form {

  display: inline-block
}



.gang select {

  color: #797979;

  font-size: 16px;

  background: #fff;

  height: 40px;

  padding: 0 20px;

  margin-right: 20px
}



.gang .sou {

  width: 470px;

  border: 1px solid #c7c7c7;

  display: inline-block
}



.gang .sou input {

  width: 80%;

  float: left;

  height: 40px;

  padding-left: 30px
}



.gang .sou button {

  width: 20%;

  border: none;

  float: right;

  height: 40px;

  background: #d7000f;

  color: #fff
}



.gang .sou .i-co {

  top: 50%;

  -ms-transform: translateY(-50%);

  -moz-transform: translateY(-50%);

  -webkit-transform: translateY(-50%);

  -o-transform: translateY(-50%);

  transform: translateY(-50%);

  left: 5px
}



.recruitment .xiao-cona {

  margin-top: 40px
}



.recruitment .xiao-cona .lee {

  width: 24%
}



.recruitment .xiao-cona .lee .lee-ul {

  border: 1px solid #e3e3e3;

  border-bottom: none;
  height: 746px;
  overflow-y: scroll;
  overflow-x: hidden;
}



.recruitment .xiao-cona .lee .lee-ul li {

  color: #424242;

  font-size: 18px;

  border-bottom: 1px solid #e3e3e3;

  background: #fff;

  cursor: pointer;

  padding: 17px 20px 17px 60px
}



.recruitment .xiao-cona .lee .lee-ul li.active,

.recruitment .xiao-cona .lee .lee-ul li:hover {

  background: #d7000f;

  color: #fff;

  transition: .4s ease-in-out;

  -moz-transition: .4s ease-in-out;

  -webkit-transition: .4s ease-in-out;

  -o-transition: .4s ease-in-out
}



.recruitment .xiao-cona .ree {

  width: 73%;

  background: #fff
}



.zhao-xinghs {

  padding: 25px 30px;

  padding-bottom: 50px
}



.zhao-xinghs .gongc-p {

  color: #000;

  font-size: 20px
}



.zhao-xinghs .cons-bian2 {

  margin: 10px 0
}



.zhao-xinghs .cons-bian2 span {

  font-size: 15px;

  color: #575757
}



.zhao-xinghs .cons-bian2 a {

  margin-top: 0
}



.zhao-xinghs .z-uls {

  padding: 5px 0 10px 0;

  border-bottom: 1px solid #e3e3e3
}



.zhao-xinghs .z-uls li {

  width: 33.333%;

  float: left;

  color: #575757;

  font-size: 15px;

  line-height: 32px
}



.zhao-xinghs .gang-nei {

  color: #575757;

  font-size: 15px;

  line-height: 30px;

  margin: 20px 0
}



.zhao-xinghs .tou-a a {

  font-size: 17px;

  background: #d7000f;

  line-height: 40px;

  padding: 0 30px;

  display: inline-block;

  color: #fff;

  border-radius: 45px
}



.zhao-xinghs .tou-a a:hover {

  background: #0c88e6;

  color: #fff;

  transition: .4s ease-in-out;

  -moz-transition: .4s ease-in-out;

  -webkit-transition: .4s ease-in-out;

  -o-transition: .4s ease-in-out
}



.ree-cons>div {

  display: none
}



.ghe {

  border-top: 1px solid #e3e3e3;

  color: #575757;

  font-size: 15px;

  line-height: 30px;

  padding: 20px 0
}



.recruitment-cons1 {

  margin: 40px 0 40px 0
}



.recruitment-xiao {

  margin-bottom: 80px
}



.recruitment-xiao .xiao-zhao-con {

  margin-top: 50px
}



.recruitment-xiao .xiao-zhao-con .xia-zha-ul li {

  padding: 30px 20px 30px 40px
}



.recruitment-xiao .xiao-zhao-con .xia-zha-ul li:nth-child(odd) {

  background: #f5f5f5
}



.recruitment-xiao .xiao-zhao-con .xia-zha-ul li a {

  display: block
}



.recruitment-xiao .xiao-zhao-con .xia-zha-ul li a .fl {

  width: 80%
}



.recruitment-xiao .xiao-zhao-con .xia-zha-ul li a .fl .huas {

  font-size: 18px;

  color: #000;

  line-height: 30px;

  height: 30px;

  display: -webkit-box;

  -webkit-box-orient: vertical;

  text-overflow: ellipsis;

  -webkit-line-clamp: 1;

  overflow: hidden
}



.recruitment-xiao .xiao-zhao-con .xia-zha-ul li a .fl .shenx {

  color: #575757;

  font-size: 15px;

  margin-top: 10px
}



.recruitment-xiao .xiao-zhao-con .xia-zha-ul li a .fl .shenx span {

  display: inline-block;

  padding-right: 20px;

  line-height: 1;

  border-right: 1px solid #b6b6b6;

  margin-right: 20px
}



.recruitment-xiao .xiao-zhao-con .xia-zha-ul li a .fl .shenx span:last-child {

  border-right: none
}



.recruitment-xiao .xiao-zhao-con .xia-zha-ul li a .fr {

  width: 13%;

  line-height: 60px;

  border-left: 1px solid #b6b6b6;

  text-align: center
}



.recruitment-xiao .xiao-zhao-con .xia-zha-ul li a .fr span {

  line-height: 30px;

  background: #d7000f;

  color: #fff;

  padding: 0 20px;

  display: inline-block
}



.recruitment-xiao .xiao-zhao-con .xia-zha-ul li a:hover .fl .huas {

  color: #d7000f
}



.recruitment-xiao .xiao-zhao-con .xia-zha-ul li a:hover .fr span {

  background: #00a0e9;

  transition: .4s ease-in-out;

  -moz-transition: .4s ease-in-out;

  -webkit-transition: .4s ease-in-out;

  -o-transition: .4s ease-in-out
}



.hrd {

  color: #3d3d3d;

  font-size: 30px;

  font-weight: 700;

  margin: 50px 0 35px 0
}



.shehui-zhao {

  padding-top: 40px
}



.ree-cons {

  background-color: #fff;

  box-shadow: 0 0 8px 0 rgba(0, 0, 0, .1)
}



.morde-xiao {

  margin-top: 60px
}



.morde-xiao span {

  color: #d7000f;

  cursor: pointer;

  display: inline-block;

  line-height: 60px;

  padding: 0 45px;

  border-radius: 30px;

  border: 1px solid #d7000f;

  font-size: 18px
}



.morde-xiao span i {

  font-size: 20px
}



.morde-xiao span:hover {

  background: #d7000f;

  color: #fff;

  transition: .4s ease-in-out;

  -moz-transition: .4s ease-in-out;

  -webkit-transition: .4s ease-in-out;

  -o-transition: .4s ease-in-out
}



.xia-zha-ul1 {

  display: none
}



.xz-liuc li {

  width: 20%;

  padding: 15px;

  border-left: 1px solid #ddd;

  float: left
}



.xz-liuc li .num {

  color: #d7000f;

  font-size: 33px
}



.xz-liuc li .sheng-p {

  color: #3a3a3a;

  font-size: 18px;

  padding: 10px 0;

  text-transform: uppercase
}



.liu-con {

  background: #fff
}



.welfare {

  padding-bottom: 75px;

  background: #f5f5f5
}



.welfare .welfare-ul {

  text-align: center;

  font-size: 0
}



.welfare .welfare-ul li {

  padding: 30px;

  background: #fff;

  margin: 0 15px;

  width: 30%;

  height: 281px;

  display: inline-block;

  text-align: center
}



.welfare .welfare-title {

  color: #000;

  font-size: 18px;

  line-height: 30px;

  height: 30px;

  display: -webkit-box;

  -webkit-box-orient: vertical;

  text-overflow: ellipsis;

  -webkit-line-clamp: 1;

  overflow: hidden;

  margin: 10px 0
}



.welfare .welfare-yao {

  color: #575757;

  font-size: 15px;

  line-height: 30px;

  height: 90px;

  display: -webkit-box;

  -webkit-box-orient: vertical;

  text-overflow: ellipsis;

  -webkit-line-clamp: 3;

  overflow: hidden
}



.ontent .xiaozhao {

  padding-bottom: 20px
}



.recruitment-cons1 .zhao-xinghs {

  padding: 0
}



.recruitment-cons1 .zhao-xinghs .z-uls {

  background: #f5f5f5;

  padding: 20px 0 20px 70px;

  border-bottom: none;

  margin: 20px 0
}



.recruitment-cons1 .zhao-xinghs .tou-a a {

  font-size: 17px;

  color: #d7000f;

  line-height: 45px;

  border: 1px solid #d7000f;

  padding: 0 30px;

  background: 0 0;

  border-radius: 0;

  display: inline-block
}



.recruitment-cons1 .zhao-xinghs .tou-a a:hover {

  background: #d7000f;

  color: #fff;

  transition: .4s ease-in-out;

  -moz-transition: .4s ease-in-out;

  -webkit-transition: .4s ease-in-out;

  -o-transition: .4s ease-in-out
}



.history-con {

  height: 120px;

  padding: 0 48px;

  width: 90%;

  margin: auto
}



.history-con:after {

  content: '';

  position: absolute;

  top: 50%;

  -ms-transform: translateY(-50%);

  -moz-transform: translateY(-50%);

  -webkit-transform: translateY(-50%);

  -o-transform: translateY(-50%);

  transform: translateY(-50%);

  height: 33px;

  left: 0;

  width: 100%;

  background: url(../images/23.jpg) center center
}



.history-con .swiper-slide {

  text-align: center
}



.history-con .swiper-slide span {

  color: #000;

  font-size: 17px;

  padding: 0 10px;

  display: inline-block;

  line-height: 30px;

  cursor: pointer;

  position: relative
}



.history-con .swiper-slide span.active,

.history-con .swiper-slide span:hover {

  background: #d7000f;

  transition: .4s ease-in-out;

  -moz-transition: .4s ease-in-out;

  -webkit-transition: .4s ease-in-out;

  -o-transition: .4s ease-in-out;

  color: #fff
}



.history-con .swiper-slide span.active::after,

.history-con .swiper-slide span.active:before,

.history-con .swiper-slide span:hover::after,

.history-con .swiper-slide span:hover:before {

  opacity: 1
}



.history-con .swiper-slide span::after {

  opacity: 0;

  position: absolute;

  content: '';

  top: 36px;

  width: 1px;

  height: 20px;

  background-color: #d7000f;

  left: 50%;

  transform: translateX(-50%);

  -ms-transform: translateX(-50%);

  -moz-transform: translateX(-50%);

  -webkit-transform: translateX(-50%);

  -o-transform: translateX(-50%)
}



.history-con .swiper-slide span:before {

  opacity: 0;

  position: absolute;

  content: '';

  top: 50px;

  border-radius: 50%;

  background-color: #d7000f;

  left: 50%;

  transform: translateX(-50%);

  -ms-transform: translateX(-50%);

  -moz-transform: translateX(-50%);

  -webkit-transform: translateX(-50%);

  -o-transform: translateX(-50%);

  width: 5px;

  height: 5px
}



.history-con .swiper-slide:nth-child(even) span {

  position: absolute;

  bottom: 0
}



.history-con .swiper-slide:nth-child(even) span:before {

  top: -34px
}



.history-con .swiper-slide:nth-child(even) span::after {

  top: -30px
}



.history-con .swiper-container {

  height: 100%
}



.history-con .swiper-button-next {

  width: 38px;

  height: 38px;

  background: url(../images/8.png) no-repeat #fff;

  background-size: 100% 100%;

  right: -100px
}



.history-con .swiper-button-prev {

  width: 38px;

  height: 38px;

  background: url(../images/7.png) no-repeat #fff;

  background-size: 100% 100%;

  left: -100px
}



.history {

  margin-top: 60px
}



.dian-history {

  margin-top: 60px
}



.dian-history .history-ul {

  position: relative;

  display: none
}



.dian-history .history-ul::after {

  content: '';

  height: 100%;

  background: #e6e6e6;

  width: 1px;

  top: 0;

  z-index: 1;

  left: 50%;

  transform: translateX(-50%);

  -ms-transform: translateX(-50%);

  -moz-transform: translateX(-50%);

  -webkit-transform: translateX(-50%);

  -o-transform: translateX(-50%);

  position: absolute
}



.his-div>.fl {

  width: 33%
}



.his-div {

  width: 95%;

  border-radius: 20px;

  border: 1px solid #e5e5e5;

  position: relative;

  padding: 20px
}



.his-div>.fr {

  width: 64%
}



.dian-history .history-ul li {

  margin-bottom: 40px;

  position: relative
}



.dian-history .history-ul li>div {

  width: 50%;

  height: 100%
}



.dian-history .history-ul li>div .nian {

  text-align: right;

  position: relative
}



.dian-history .history-ul li>div .nian>div {

  display: inline-block
}



.nian-zi {

  color: #d7000f;

  font-size: 29px
}



.dian-history .history-ul li>div .nian .nian-zi {

  font-size: 40px;

  font-weight: lighter;

  color: #666;

  margin: 0 40px
}



.dian-history .history-ul li:nth-child(2n) .his-div {

  float: right
}



.dian-history .history-ul li>div .nian .nian-img {

  position: absolute;

  right: -30px;

  z-index: 3;

  top: -5px
}



.dian-history .history-ul li .re {

  color: #666;

  font-size: 15px;

  padding: 0 15px;

  position: relative
}



.dian-history .history-ul li .re::after {

  content: '';

  position: absolute;

  display: none;

  z-index: 3;

  top: 10px;

  left: -7px;

  border-top: 5px solid transparent;

  border-bottom: 5px solid transparent;

  border-right: 10px solid #d7000f
}



.dian-history .history-ul li .history-img .overh {

  display: inline-block;

  overflow: visible;

  position: relative;

  z-index: 2
}



.dian-history .history-ul li .history-img .overh:before {

  display: none;

  content: '';

  position: absolute;

  background: url(../images/26.jpg) no-repeat;

  bottom: -25px;

  left: 25px;

  top: 25px;

  z-index: -1;

  right: -25px
}



.dian-history .history-ul li::before {

  content: '';

  width: 205px;

  height: 250px;

  background: url(../images/11.png) no-repeat;

  background-size: 100% 100%;

  position: absolute;

  right: 0;

  top: 80px
}



.dian-history .history-ul li:nth-child(even)::before {

  background: url(../images/12.png) no-repeat;

  right: auto;

  left: 0;

  top: auto;

  bottom: 0
}



.dian-history .history-ul li:nth-child(even)>.le {

  float: right
}



.dian-history .history-ul li:nth-child(even)>.le .nian {

  text-align: left
}



.dian-history .history-ul li:nth-child(even)>.le .nian .nian-img {

  left: -30px
}



.dian-history .history-ul li:nth-child(even)>.le .history-img {

  text-align: right
}



.dian-history .history-ul li:nth-child(even)>.re {

  float: left;

  text-align: right
}



.dian-history .history-ul li:nth-child(even)>.re::after {

  content: '';

  position: absolute;

  z-index: 3;

  left: auto;

  top: 10px;

  right: -7px;

  border-top: 5px solid transparent;

  border-bottom: 5px solid transparent;

  border-right: 0 solid transparent;

  border-left: 10px solid #d7000f
}



.thick {

  margin-top: 100px
}



.thick .thick-top {

  position: relative;

  z-index: 0;

  background: url(../images/29.jpg) no-repeat;

  background-size: 100% 100%;

  padding: 30px 25px 10px 25px
}



.thick .thick-top>.fl {

  width: 30%;

  text-align: center
}



.thick .thick-top>.fr {

  width: 69%
}



.thick .thick-top>.fr .thick-title {

  font-size: 20px;

  color: #000
}



.thick .thick-top>.fr .thick-yao {

  color: #757575;

  font-size: 16px;

  line-height: 30px;

  margin-top: 20px;

  height: 90px;

  display: -webkit-box;

  -webkit-box-orient: vertical;

  text-overflow: ellipsis;

  -webkit-line-clamp: 3;

  overflow: hidden
}



.thick .thick-top .swiper-pagination-bullet {

  width: 11px;

  height: 11px;

  border-width: 1px;

  border-color: #000000;

  border-style: solid;

  border-radius: 50%;

  opacity: 1;

  background-color: #fff
}



.thick .thick-top .swiper-pagination-bullet-active {

  border-color: #d7000f
}



.thick .thick-top .swiper-pagination {

  left: 31%;

  width: auto;

  bottom: 20px
}



.thick .thick-top .swiper-pagination span {

  margin-right: 5px
}



.thick .thick-bot {

  margin-top: 40px
}



.thick .thick-bot .table thead {

  background: #0c88e6
}



.thick .thick-bot .table thead tr th {

  line-height: 25px;

  height: 60px;

  color: #fff;

  font-size: 14px;

  font-weight: 400;

  text-align: center;

  border-bottom-width: 0
}



.thick .thick-bot .table>tbody>tr>td,

.thick .thick-bot .table>tbody>tr>th,

.thick .thick-bot .table>tfoot>tr>td,

.thick .thick-bot .table>tfoot>tr>th {

  vertical-align: middle;

  text-align: center;

  color: #4d4d4d;

  font-size: 14px
}



.thick .thick-bot .table a {

  color: #4d4d4d;

  font-size: 16px
}



.thick .thick-bot .table a span {

  font-size: 25px
}



.thick .thick-bot .table a:hover {

  color: #d7000f
}



.thick-bot .table>thead>tr>th {
background: #d7000f;color: #fff;text-align: center;font-weight: normal;
  vertical-align: middle;
  font-size:15px;

}

.table>tbody>tr>td{text-align: center;    vertical-align: middle;}



.chip {

  margin-top: 60px
}



.chip .chip-top {

  z-index: 0;

  padding: 60px 0;

  zoom: 1;

  position: relative
}



.chip .chip-top>.fl {

  width: 49%
}



.chip .chip-top>.fr {

  width: 45%;

  padding-right: 50px
}



.chip .chip-top::before {

  content: '';

  position: absolute;

  left: 5%;

  right: 0;

  bottom: 0;

  top: 0;

  width: 95%;

  display: block;

  background: url(/statics/images/hua/bg2.jpg);

  background-size: 100% 100%;

  z-index: -1;

  height: 100%
}



.chip .chip-title {

  color: #fff;

  font-size: 24px;

  font-weight: 700
}



.chip .chip-yao {

  color: #dcffed;

  font-size: 16px;

  line-height: 30px;

  margin: 20px 0 30px 0
}



.chip .chip-ul {

  padding-top: 20px;
  border-top: 1px solid #fff;
  margin-top: 20px;
}



.chip .chip-ul li {

  color: #dcffed;

  font-size: 17px;

  line-height: 30px;

  width: 50%;

  float: left
}



.chip .chip-ul li a {

  color: #dcffed;
  cursor: pointer;
  background: url(/statics/images/hua/kuai.jpg)no-repeat left;
  padding-left: 30px;
}



.chip .chip-ul li a:hover {

  color: #fff
}



.chip .chip-ul li span {

  display: inline-block;

  border-radius: 50%;

  background-color: #f6f6f6;

  width: 5px;

  height: 5px;

  margin-right: 30px
}



.chip .xian1 {

  left: -37px;

  top: -60px
}



.chip .xian2 {

  right: -37px;

  bottom: -60px
}



.dong {

  animation: da 16s ease-in-out infinite alternate;

  z-index: -1
}



@keyframes cir {

  from {

    margin-top: -10px
  }



  to {

    margin-top: 10px
  }

}



.dong1 {

  animation: da 16s ease-in-out infinite alternate;

  z-index: -1
}



@keyframes cir1 {

  from {

    margin-bottom: 0
  }



  to {

    margin-bottom: 10px
  }

}



.sous-uls1 {

  margin-top: 40px
}



.sous-uls1 li {

  display: inline-block;

  border-left: 1px solid #e8e8e8;

  padding: 20px 80px
}



.sous-uls1 li:first-child {

  border-left: none
}



.sous-uls1 li a {

  display: block
}



.sous-uls1 li a p {

  color: #262626;

  font-size: 19px;

  line-height: 30px;

  height: 30px;

  display: -webkit-box;

  -webkit-box-orient: vertical;

  text-overflow: ellipsis;

  -webkit-line-clamp: 1;

  overflow: hidden
}



.sous-uls1 li a:hover .overh img {

  transform: rotateY(360deg);

  transition: .4s ease-in-out;

  -moz-transition: .4s ease-in-out;

  -webkit-transition: .4s ease-in-out;

  -o-transition: .4s ease-in-out
}



.sous-uls1 li a:hover p {

  color: #d7000f
}



.chip-cen-ul {

  width: 80%;

  margin: 50px auto
}



.chip-cen-ul li {

  width: 30%;

  padding-left: 40px;

  float: left;

  border-left: 1px solid #ebebeb
}



.chip-cen-ul li .hao {

  color: #262626;

  font-size: 17px
}



.chip-cen-ul li .hao-title {

  color: #262626;

  font-size: 19px;

  margin-top: 16px
}



.chip-cen-ul li a {

  display: block
}



.chip-cen-ul li a:hover {

  color: #d7000f
}



.chip-cen-ul li a:hover .hao-title {

  color: #d7000f
}



.chip-cen-ul li:last-child {

  width: 10%;

  border-left: none;

  margin-top: 20px
}



.chip-cen-ul li:last-child a {

  display: inline-block;

  background: #d7000f;

  width: 50px;

  height: 50px;

  line-height: 50px;

  text-align: center
}



.chip-cen-ul li:last-child a i {

  color: #fff;

  font-size: 20px
}



.chip-bot {

  background: #f7f8fc
}



.chip-bot>div {

  width: 50%
}



.chip-bot .zi {

  left: 50%;

  top: 50%;

  transform: translate(-50%, -50%);

  -ms-transform: translate(-50%, -50%);

  -moz-transform: translate(-50%, -50%);

  -webkit-transform: translate(-50%, -50%);

  -o-transform: translate(-50%, -50%);

  color: #fff;

  text-align: center;

  font-size: 20px
}



.chip-bot .zi i {

  font-size: 40px
}



.chip-bot .ding-top {

  padding: 60px 140px
}



.chip-bot .ding-top i {

  color: #e2e2e2;

  font-size: 20px;

  font-size: 30px
}



.chip-bot .ding-top .fl {

  width: 10%
}



.chip-bot .ding-top .fr {

  width: 89%
}



.chip-bot .ding-top .fr .p1 {

  color: #262626;

  font-size: 20px
}



.chip-bot .ding-top .fr .p2 {

  font-size: 17px;

  color: #6c6c6c
}



.chip-bot .ding-bot {

  background: #d7000f
}



.chip-bot .ding-bot a {

  display: block;

  color: #fff;

  line-height: 41px;

  height: 41px;

  text-align: center;

  font-size: 17px
}



.chip-bot .ding-bot:hover {

  background: #0c88e6;

  transition: .4s ease-in-out;

  -moz-transition: .4s ease-in-out;

  -webkit-transition: .4s ease-in-out;

  -o-transition: .4s ease-in-out
}



.hangs.active .hangs-top {

  background: #ededed
}



.hangs.active .hangs-top .dian {

  color: #6d6d6d
}



.hangs.active .hangs-bot {

  background: #fff;

  line-height: 80px;

  height: 80px;

  transition: .4s ease-in-out;

  -moz-transition: .4s ease-in-out;

  -webkit-transition: .4s ease-in-out;

  -o-transition: .4s ease-in-out
}



.hangs.active .hangs-bot .hang-con .img1 {

  display: none
}



.hangs.active .hangs-bot .hang-con .img2 {

  display: inline-block
}



.hangs.active .hang-ul>li {

  line-height: 78px;

  transition: .4s ease-in-out;

  -moz-transition: .4s ease-in-out;

  -webkit-transition: .4s ease-in-out;

  -o-transition: .4s ease-in-out
}



.hangs.active .hang-ul>li.cur>a,

.hangs.active .hang-ul>li:hover>a {

  color: #d7000f
}



.hangs.active .hang-ul>li>a {

  color: #454545
}



.hangs.active .soua i {

  color: #454545
}



.hangs.active .soua {

  line-height: 65px;

  transition: .4s ease-in-out;

  -moz-transition: .4s ease-in-out;

  -webkit-transition: .4s ease-in-out;

  -o-transition: .4s ease-in-out
}



.hangs.active .soua .ds {

  color: #d7000f
}



.pad {

  padding-top: 123px
}



.pad .content .cons {

  margin-top: 0
}



.pad .content .con-bot {

  padding: 90px 0 90px
}



.pro-search {

  margin-top: 40px
}



.pro-search .pro-search-yao {

  color: #7a7a7a;

  font-size: 17px;

  line-height: 30px
}



.pro-search .pro-search-yao1 {

  color: #7a7a7a;

  font-size: 17px
}



.pro-search .pro-search-ul {

  margin: 40px 0
}



.pro-search .pro-search-ul>li {

  width: 49%
}



.pro-search .pro-search-ul>li a {

  display: block;

  color: #262626;

  font-size: 20px;

  line-height: 58px;

  height: 58px;

  background: #f7f8fc;

  text-align: center
}



.pro-search .pro-search-ul>li.active a,

.pro-search .pro-search-ul>li:hover a {

  background: #d7000f;

  color: #fff;

  transition: .4s ease-in-out;

  -moz-transition: .4s ease-in-out;

  -webkit-transition: .4s ease-in-out;

  -o-transition: .4s ease-in-out;

  position: relative
}



.pro-search .pro-search-ul>li.active a::after,

.pro-search .pro-search-ul>li:hover a::after {

  content: '';

  position: absolute;

  border-left: 8px solid transparent;

  border-right: 8px solid transparent;

  border-top: 10px solid #d7000f;

  bottom: -10px;

  left: 50%;

  transform: translateX(-50%);

  -ms-transform: translateX(-50%);

  -moz-transform: translateX(-50%);

  -webkit-transform: translateX(-50%);

  -o-transform: translateX(-50%)
}



.pro-search .pro-search-form {

  margin-top: 30px
}



.pro-search .pro-search-form span {

  color: #000;

  font-size: 19px;

  display: inline-block;
  line-height: 53px;
  margin-right: 10px;
}



.pro-search .pro-search-form .box input {

  width: 415px;

  height: 53px;

  border-width: 1px;

  border-color: #e3e3e3;

  border-style: solid
}



.pro-search .pro-search-form .box button {

  height: 53px;

  line-height: 53px;

  background: #d7000f;

  border: none;

  padding: 0 30px
}



.pro-search .pro-search-form .box button i {

  color: #fff;

  font-size: 20px
}



.pro-search .pro-search-form .box button:hover {

  background: #00a0e9;

  transition: .4s ease-in-out;

  -moz-transition: .4s ease-in-out;

  -webkit-transition: .4s ease-in-out;

  -o-transition: .4s ease-in-out
}



.pro-search .box {

  display: inline-block
}



.search-result-top .fl {

  color: #444;

  font-size: 16px
}



.search-result-top .fl span {

  color: #d7000f
}



.pro-search-list {

  margin-top: 40px;

  border-top: 1px solid #dfdfdf;

  padding-top: 30px;

  line-height: 30px
}



.pro-search-list .search-result-bot {

  margin-top: 30px
}


.pro-search-list .search-result-bot .table-bordered>thead>tr>td,

.pro-search-list .search-result-bot .table-bordered>thead>tr>th {

  border-bottom-width: 0;

  text-align: center;

  background: #d7000f;
  line-height: 28px;
  vertical-align: middle;

  padding: 5px 10px;
  color: #fff;

  font-size: 16px;


}


.pro-search-list .search-result-bot .table tbody tr td {

  padding: 10px;

  text-align: center;

  vertical-align: middle;

  color: #4f4f4f;

  font-size: 17px
}



.pro-search-list .search-result-bot .table tbody tr td a {

  color: #4f4f4f
}



.pro-search-list .search-result-bot .table tbody tr td a i {

  color: #4f4f4f;

  font-size: 30px
}



.pro-search-list .search-result-bot .table tbody tr td a:hover i {

  color: #d7000f
}



.page ul {

  display: inline-block
}



.page ul li {

  display: inline-block
}



.page ul li a {

  display: block;

  line-height: 30px;

  border: 1px solid #dfdfdf;

  color: #606060;

  font-size: 16px;

  padding: 0 10px
}



.page ul li.active a,

.page ul li:hover a {

  background: #d7000f;

  color: #fff;

  transition: .4s ease-in-out;

  -moz-transition: .4s ease-in-out;

  -webkit-transition: .4s ease-in-out;

  -o-transition: .4s ease-in-out
}



.tiexing-div .tiexing1-ul li {

  margin-right: 40px;

  display: inline-block;

  position: relative
}



.tiexing-div .tiexing1-ul span {

  position: relative;

  top: 3px;

  display: inline-block;

  width: 20px;

  height: 20px;

  border-width: 1px;

  border-color: #8c8c8c;

  border-style: solid;

  background: #fff;

  line-height: 20px;

  text-align: center
}



.tiexing-div .tiexing1-ul span i {

  font-size: 16px;

  position: absolute;

  left: 50%;

  top: 50%;

  transform: translate(-50%, -50%);

  -ms-transform: translate(-50%, -50%);

  -moz-transform: translate(-50%, -50%);

  -webkit-transform: translate(-50%, -50%);

  -o-transform: translate(-50%, -50%);

  display: none
}



.tiexing-div .tiexing-bot {

  margin-top: 20px
}



.tiexing-div .tiexing-bot>.tiexing-bot_div {

  width: 13.33%;

  float: left;

  margin-right: 1%;

  border: 1px solid #e6e6e6
}



.tiexing-div .tiexing-bot>.tiexing-bot_div .chongzhi {

  width: 100%;

  z-index: -1;

  left: 0;

  right: 0;

  opacity: 0;

  bottom: 0
}



.tiexing-div .tiexing-bot>.tiexing-bot_div .chongzhi button {

  width: 100%;

  background: #f1f1f1;

  color: #444;

  font-size: 16px;

  border: none;

  line-height: 28px
}



.tiexing-div .tiexing-bot>.tiexing-bot_div .chongzhi.active {

  z-index: 1;

  opacity: 1
}



.tiexing-div .tiexing-bot>.tiexing-bot_div:last-child {

  margin-right: 0
}



.tiexing-div .tiexing-bot>.tiexing-bot_div .tiexing-bot_div_title {

  color: #444;

  font-size: 16px;

  line-height: 40px;

  padding-left: 20px;

  border-bottom: 1px solid #e6e6e6
}



.tiexing-div .tiexing-bot>.tiexing-bot_div ul {

  height: 140px;

  overflow-y: scroll;

  background: #fcfcfc
}



.tiexing-div .tiexing-bot>.tiexing-bot_div ul li a {

  color: #606060;

  font-size: 15px;

  display: block;

  line-height: 28px;

  padding-left: 20px
}



.tiexing-div .tiexing-bot>.tiexing-bot_div ul li.active,

.tiexing-div .tiexing-bot>.tiexing-bot_div ul li:hover {

  background: #d7000f
}



.tiexing-div .tiexing-bot>.tiexing-bot_div ul li.active a,

.tiexing-div .tiexing-bot>.tiexing-bot_div ul li:hover a {

  color: #fff
}



.parameters {

  margin-top: 25px
}



.parameters .parameters-le {

  width: 70%;

  color: #444;

  font-size: 16px
}



.parameters .parameters-le>span {

  color: #444;

  font-size: 16px;

  display: inline-block;

  line-height: 30px
}



.parameters .parameters-le ul {

  display: inline-block
}



.parameters .parameters-le ul li {

  display: inline-block;

  margin-right: 40px
}



.parameters .parameters-le ul li .checkbox label::before {

  top: 2px
}



.parameters .parameters-le ul li .checkbox label::after {

  top: 2px
}



.parameters .parameters-re {

  width: 30%
}



.parameters .parameters-re button {

  background: 0 0;

  border: 1px solid #d7000f;

  color: #d7000f;

  line-height: 40px;

  font-size: 17px;

  margin-left: 15px;

  padding: 0 25px
}



.parameters .parameters-re button.active,

.parameters .parameters-re button:hover {

  background: #d7000f;

  color: #fff;

  transition: .4s ease-in-out;

  -moz-transition: .4s ease-in-out;

  -webkit-transition: .4s ease-in-out;

  -o-transition: .4s ease-in-out
}



.application-xing {

  margin-top: 80px
}



.application-xing .gaikong .gaikong-title {

  color: #000;

  font-size: 20px
}



.application-xing .gaikong .application-xiangs {

  color: #656565;

  font-size: 16px;

  line-height: 30px;

  margin-top: 15px;

  height: 90px;

  transition: .4s ease-in-out;

  -moz-transition: .4s ease-in-out;

  -webkit-transition: .4s ease-in-out;

  -o-transition: .4s ease-in-out;

  overflow: hidden
}



.application-xing .gaikong .application-xiangs.active {

  transition: .4s ease-in-out;

  -moz-transition: .4s ease-in-out;

  -webkit-transition: .4s ease-in-out;

  -o-transition: .4s ease-in-out;

  height: auto
}



.application-xing .gaikong .more-gei {

  margin-top: 20px
}



.application-xing .gaikong .more-gei span {

  border: 1px solid #d7000f;

  color: #d7000f;

  cursor: pointer;

  border-radius: 30px;

  display: inline-block;

  line-height: 40px;

  padding: 0 25px;

  font-size: 17px
}



.application-xing .gaikong .more-gei span.active,

.application-xing .gaikong .more-gei span:hover {

  transition: .4s ease-in-out;

  -moz-transition: .4s ease-in-out;

  -webkit-transition: .4s ease-in-out;

  -o-transition: .4s ease-in-out;

  background: #d7000f;

  color: #fff
}



.car-img {

  margin: 65px 0
}



.car-ul {

  width: 100%;

  left: 0;

  top: 0;

  bottom: 0;

  right: 0
}



.car-ul li {

  display: inline-block;

  cursor: pointer;

  position: absolute
}



.car-ul li.active .yuans {

  background: #0c88e6;

  transform: scale(1.2);

  -ms-transform: scale(1.2);

  -moz-transform: scale(1.2);

  -webkit-transform: scale(1.2);

  -o-transform: scale(1.2);

  transition: .4s ease-in-out;

  -moz-transition: .4s ease-in-out;

  -webkit-transition: .4s ease-in-out;

  -o-transition: .4s ease-in-out
}



.car-ul li.active .yuans::after {

  border-color: #0c88e6;

  transition: .4s ease-in-out;

  -moz-transition: .4s ease-in-out;

  -webkit-transition: .4s ease-in-out;

  -o-transition: .4s ease-in-out
}



.car-ul li:nth-child(1) {

  left: 44%;

  top: 44%
}



.car-ul li:nth-child(2) {

  left: 58%;

  top: 9%
}



.car-ul li:nth-child(3) {

  left: 68%;

  top: 36%
}



.car-ul li .yuans {

  display: inline-block;

  width: 33px;

  height: 33px;

  border-radius: 50%;

  background-color: #00aa46;

  color: #fff;

  font-size: 30px;

  font-weight: lighter;

  text-align: center;

  line-height: 33px;

  position: relative
}



.car-ul li .yuans::after {

  position: absolute;

  content: '';

  width: 40px;

  height: 40px;

  border-width: 1px;

  border-color: #00aa46;

  border-style: dashed;

  border-radius: 50%;

  left: 50%;

  top: 50%;

  transform: translate(-50%, -50%);

  -ms-transform: translate(-50%, -50%);

  -moz-transform: translate(-50%, -50%);

  -webkit-transform: translate(-50%, -50%);

  -o-transform: translate(-50%, -50%)
}



.car-ul li .car-yao {

  width: 403px;

  right: 100px;

  top: -60px;

  display: none;

  height: 146px;

  border-width: 1px;

  border-color: #fff;

  border-style: solid;

  background-color: #0c88e6;

  box-shadow: 0 0 8px 0 rgba(0, 0, 0, .1);

  color: #fff;

  padding: 30px 25px 30px 40px
}



.car-ul li .car-yao .p1 {

  font-size: 18px;

  position: relative
}



.car-ul li .car-yao .p1 span {

  position: absolute;

  left: -15px;

  top: 50%;

  -ms-transform: translateY(-50%);

  -moz-transform: translateY(-50%);

  -webkit-transform: translateY(-50%);

  -o-transform: translateY(-50%);

  transform: translateY(-50%);

  border-radius: 50%;

  background-color: #fff;

  width: 6px;

  height: 6px;

  display: inline-block
}



.car-ul li .car-yao .p2 {

  font-size: 16px;

  line-height: 30px
}



.car-ul li .car-yao .guanbi {

  transform: rotate(-45deg);

  -ms-transform: rotate(-45deg);

  -moz-transform: rotate(-45deg);

  -webkit-transform: rotate(-45deg);

  -o-transform: rotate(-45deg);

  font-size: 30px;

  font-weight: lighter;

  right: 20px;

  top: 0
}



.car-divs {

  display: none
}



.car-divs .car-head {

  color: #fff;

  line-height: 60px;

  height: 60px;

  font-size: 20px;

  padding-left: 40px;

  background: #d7000f
}



.car-divs .ul-cars {

  border-left: none;
}



.car-divs .ul-cars li {

  width: 100%;

  float: left;



  border-top: none;

  border-left: none
}

.dianji-ul {
  overflow: hidden;
}

.car-divs .ul-cars li>.les {
  width: 30%;
}

.car-divs .ul-cars li>.righs {
  width: 70%;
}

.car-divs .ul-cars li a {

  overflow: hidden;

  display: block;

  padding: 10px;
}

/* .car-divs .ul-cars li a >div:nth-child(1){
  width: 10%;
  float: left;

  
} */

/* .car-divs .ul-cars li a >div:nth-child(2),.car-divs .ul-cars li a >div:nth-child(3){
  width: 45%;  float: left;
  height: 80px;
  margin-bottom: 0;
} 
.car-divs .ul-cars li a >div:nth-child(2){
  line-height: 80px;
} */
.car-divs .ul-cars li a .xin-img {

  width: 100%;
  display: none;

  left: -100%;

  right: 0;

  bottom: 0;

  top: 0;

  background: rgba(155, 179, 188, .5)
}



.car-divs .ul-cars li a .xin-img img {

  position: absolute;

  left: 50%;

  top: 50%;

  transform: translate(-50%, -50%);

  -ms-transform: translate(-50%, -50%);

  -moz-transform: translate(-50%, -50%);

  -webkit-transform: translate(-50%, -50%);

  -o-transform: translate(-50%, -50%)
}



.car-divs .ul-cars li a:hover .overh img {

  transition: .4s ease-in-out;

  -moz-transition: .4s ease-in-out;

  -webkit-transition: .4s ease-in-out;

  -o-transition: .4s ease-in-out;

  transform: scale(1.2);

  -ms-transform: scale(1.2);

  -moz-transform: scale(1.2);

  -webkit-transform: scale(1.2);

  -o-transform: scale(1.2)
}



.car-divs .ul-cars li a:hover .xin-img {

  left: 0;

  transition: .4s ease-in-out;

  -moz-transition: .4s ease-in-out;

  -webkit-transition: .4s ease-in-out;

  -o-transition: .4s ease-in-out
}

.car-divs .ul-cars>li {

  border: 1px solid #e3e3e3;
  margin-bottom: 15px;
}

.car-divs .car-ti {

  color: #000;


  font-size: 20px;

  margin-bottom: 10px;
  text-align: left;





}

.car-divs .car-ti a {
  color: #000;

}

.car-divs .dianji-ul li {
  width: 33.33%;
  float: left;
}

.car-divs .dianji-ul li .div1 {

  color: #616161;

  font-size: 16px;




  text-align: left;

  display: -webkit-box;

  -webkit-box-orient: vertical;

  text-overflow: ellipsis;

  -webkit-line-clamp: 2;

  overflow: hidden
}



.lunbo .swiper-pagination {

  width: auto;

  bottom: 140px;

  left: 128px
}



.lunbo .swiper-pagination-bullet {

  width: 70px;

  height: 5px;

  background-color: #fff;

  opacity: 1;

  border-radius: 0
}



.lunbo .swiper-pagination-bullet-active {

  background: #d7000f
}



.soll {

  left: 50%;

  transform: translateX(-50%);

  -ms-transform: translateX(-50%);

  -moz-transform: translateX(-50%);

  -webkit-transform: translateX(-50%);

  -o-transform: translateX(-50%);

  left: 48%;

  bottom: 0;

  z-index: 95
}



.soll img {

  animation: soll 1.5s ease-in-out infinite alternate;

  cursor: pointer
}



.soll p {

  color: #5b5b5b;

  font-size: 15px
}



.lunbo-ul {

  left: 56%;
  display: none;

  bottom: 32px;

  z-index: 35
}



.lunbo-ul li {

  float: left;

  position: relative;

  display: inline-block
}



.lunbo-ul li:nth-child(2) {

  margin-top: -30px
}



.lunbo-ul li:nth-child(3) {

  margin-top: 30px
}



.lunbo-ul li a {

  display: block;

  overflow: hidden
}



.lunbo-ul li a .zi-huo {

  width: 100%;

  color: #fff;

  padding: 20px;

  bottom: 20px;

  text-align: right;

  z-index: 10
}



.lunbo-ul li a .zi-huo .p1 {

  font-size: 20px;

  line-height: 30px;

  height: 30px;

  display: -webkit-box;

  -webkit-box-orient: vertical;

  text-overflow: ellipsis;

  -webkit-line-clamp: 1;

  overflow: hidden;

  margin-top: 5px
}



.lunbo-ul li a .zi-huo .p2 {

  font-size: 14px;

  line-height: 30px;

  height: 30px;

  display: -webkit-box;

  -webkit-box-orient: vertical;

  text-overflow: ellipsis;

  -webkit-line-clamp: 1;

  overflow: hidden
}



.lunbo-ul li a:hover .overh img {

  transition: .4s ease-in-out;

  -moz-transition: .4s ease-in-out;

  -webkit-transition: .4s ease-in-out;

  -o-transition: .4s ease-in-out;

  transform: scale(1.2);

  -ms-transform: scale(1.2);

  -moz-transform: scale(1.2);

  -webkit-transform: scale(1.2);

  -o-transform: scale(1.2)
}



.you-ulh {

  position: fixed;

  top: 50%;

  -ms-transform: translateY(-50%);

  -moz-transform: translateY(-50%);

  -webkit-transform: translateY(-50%);

  -o-transform: translateY(-50%);

  transform: translateY(-50%);

  right: 60px;

  z-index: 99
}



.you-ulh::after {

  content: '';

  position: absolute;

  height: 92%;

  width: 1px;

  background: #fff;

  right: 0;

  top: 5%;

  bottom: 0
}



.you-ulh li {

  color: #fff;

  font-size: 17px;

  position: relative;

  cursor: pointer;

  margin-top: 30px
}



.you-ulh li:first-child {

  margin-top: 0
}



.you-ulh li span {

  text-align: right
}



.you-ulh li span:first-child {

  display: inline-block;

  width: 150px;

  padding-right: 30px
}



.you-ulh li .fai {

  position: absolute;

  display: inline-block;

  margin-top: 6px;

  width: 12px;

  height: 12px;

  background: #fff;

  top: 0;

  transform: rotate(-45deg);

  -ms-transform: rotate(-45deg);

  -moz-transform: rotate(-45deg);

  -webkit-transform: rotate(-45deg);

  -o-transform: rotate(-45deg);

  margin-left: -7px;

  right: -5px
}



.you-ulh li .fai::after {

  position: absolute;

  content: '';

  width: 32px;

  height: 32px;

  border-width: 1px;

  border-color: #fff;

  border-style: solid;

  z-index: 66;

  transition: .4s ease-in-out;

  -moz-transition: .4s ease-in-out;

  -webkit-transition: .4s ease-in-out;

  -o-transition: .4s ease-in-out;

  left: 50%;

  top: 50%;

  transform: translate(-50%, -50%) scale(0);

  -ms-transform: translate(-50%, -50%) scale(0);

  -moz-transform: translate(-50%, -50%) scale(0);

  -webkit-transform: translate(-50%, -50%) scale(0);

  -o-transform: translate(-50%, -50%) scale(0)
}



.you-ulh li.active .fai::after {

  transition: .4s ease-in-out;

  -moz-transition: .4s ease-in-out;

  -webkit-transition: .4s ease-in-out;

  -o-transition: .4s ease-in-out;

  transform: translate(-50%, -50%) scale(1);

  -ms-transform: translate(-50%, -50%) scale(1);

  -moz-transform: translate(-50%, -50%) scale(1);

  -webkit-transform: translate(-50%, -50%) scale(1);

  -o-transform: translate(-50%, -50%) scale(1)
}



.you-ulh.active::after {

  transition: .4s ease-in-out;

  -moz-transition: .4s ease-in-out;

  -webkit-transition: .4s ease-in-out;

  -o-transition: .4s ease-in-out;

  background: #d7000f
}



.you-ulh.active li {

  color: #d7000f;

  transition: .4s ease-in-out;

  -moz-transition: .4s ease-in-out;

  -webkit-transition: .4s ease-in-out;

  -o-transition: .4s ease-in-out
}



.you-ulh.active li .fai {

  background: #d7000f;

  transition: .4s ease-in-out;

  -moz-transition: .4s ease-in-out;

  -webkit-transition: .4s ease-in-out;

  -o-transition: .4s ease-in-out
}



.you-ulh.active li.active .fai::after {

  border-color: #d7000f;

  transition: .4s ease-in-out;

  -moz-transition: .4s ease-in-out;

  -webkit-transition: .4s ease-in-out;

  -o-transition: .4s ease-in-out
}



.ho-s {

  color: #000;

  font-size: 20px
}



.titls-tie {

  color: #000;

  font-size: 42px;

  font-weight: 700;

  margin-top: 10px
}



.index-pro {

  margin-top: 80px;

  padding-bottom: 70px;

  border-bottom: 1px solid #e1e1e1
}



.index-pro .index-pro-imgs {

  left: 22%;

  top: -61px;

  animation: da 2s ease-in-out infinite alternate
}



.index-pro .index-pro-a {

  display: block
}



.index-pro .index-pro-a>.fl {

  width: 50%
}



.index-pro .index-pro-a>.fl .zhaos-index-pro {

  color: #696969;

  margin: 20px 0 15px 0;

  font-size: 17px;

  line-height: 30px;

  height: 90px;

  display: -webkit-box;

  -webkit-box-orient: vertical;

  text-overflow: ellipsis;

  -webkit-line-clamp: 3;

  overflow: hidden
}



.index-pro .index-pro-a>.fr {

  width: 50%;

  overflow: hidden;

  padding: 15px
}



.index-pro .index-pro-a:hover .more span {

  background: #0c88e6;

  transition: .4s ease-in-out;

  -moz-transition: .4s ease-in-out;

  -webkit-transition: .4s ease-in-out;

  -o-transition: .4s ease-in-out
}



.index-pro .swiper-pagination-bullet {

  border-width: 1px;

  border-color: #000000;

  border-style: solid;

  border-radius: 50%;

  background-color: #fff;

  width: 13px;

  height: 13px
}



.index-pro .swiper-pagination-bullet-active {

  background: #fff;

  border-color: #d7000f
}



.index-hangye .index-hangye-top {

  margin: 50px 0
}



.index-hangye .index-hangye-top .ho-s {

  margin-top: 5px;

  line-height: 30px
}



.index-hangye .index-hangye-top .moe {

  margin-top: 20px
}



.index-hangye .index-hangye-top .moe a {

  font-size: 17px;

  color: #696969;

  display: inline-block;

  line-height: 40px;

  padding: 0 40px;

  border-radius: 30px;

  border: 1px solid #8b8b8b
}



.index-hangye .index-hangye-top .moe a:hover {

  background: #d7000f;

  color: #fff;

  border: 1px solid #d7000f;

  transition: .4s ease-in-out;

  -moz-transition: .4s ease-in-out;

  -webkit-transition: .4s ease-in-out;

  -o-transition: .4s ease-in-out
}



.index-hangye .index-hangye-ul li {

  display: inline-block;

  color: #696969;

  font-size: 17px;

  margin: 0 25px;

  line-height: 55px;

  cursor: pointer
}



.index-hangye .index-hangye-ul li.active,

.index-hangye .index-hangye-ul li:hover {

  color: #d7000f;

  border-bottom: 2px solid #d7000f
}



.index-hangye .index-hangye-bot {

  border-top: 1px solid #e1e1e1
}



.index-hangye .car-index {

  background: rgba(0, 0, 0, .3);

  line-height: 110px;

  height: 110px;

  bottom: 0;

  left: 0;

  right: 0;

  color: #fff;

  width: 100%
}



.index-hangye .car-index .fl {

  color: #fff;

  font-weight: 700;

  font-size: 30px
}



.index-hangye .car-index .fr {

  font-size: 17px;

  color: #fff;

  line-height: 40px;

  padding: 0 40px;

  border-radius: 30px;

  border: 1px solid #fff;

  margin-top: 34px;

  display: inline-block
}



.index-hangye .car-index .fr:hover {

  background: #d7000f;

  color: #fff;

  transition: .4s ease-in-out;

  -moz-transition: .4s ease-in-out;

  -webkit-transition: .4s ease-in-out;

  -o-transition: .4s ease-in-out
}



.index-hangye .car-index .xians {

  display: inline-block;

  font-size: 20px;

  margin: 0 40px;

  font-weight: lighter
}



.index-hangye .car-index .ac {

  font-size: 17px
}



.hang-pa-con {

  width: 100%;

  left: 0;

  right: 0;

  bottom: 0;

  top: 0
}



.yingyong-div {

  display: none
}



.xiang-a>a {

  display: block;

  background: #d7000f;

  color: #fff;

  line-height: 37px;

  font-size: 16px;

  text-align: center
}



.xiang-a>a:hover {

  background: color1 !important;

  transition: .4s ease-in-out;

  -moz-transition: .4s ease-in-out;

  -webkit-transition: .4s ease-in-out;

  -o-transition: .4s ease-in-out
}



.index-hangye-con1 .car-ul li .car-yao {

  background: #fff;

  border: none;

  padding: 0;

  height: auto;

  color: #555
}



.index-hangye-con1 .car-ul li .car-yao .tops {

  padding: 30px 25px 30px 40px
}



.index-hangye-con1 .car-ul li.active .yuans {

  background: #fff;

  color: #d7000f
}



.index-hangye-con1 .car-ul li.active .yuans::after {

  border-color: #fff;

  transition: .4s ease-in-out;

  -moz-transition: .4s ease-in-out;

  -webkit-transition: .4s ease-in-out;

  -o-transition: .4s ease-in-out
}



.xis-pa {

  width: 100%;

  top: 50%;

  -ms-transform: translateY(-50%);

  -moz-transform: translateY(-50%);

  -webkit-transform: translateY(-50%);

  -o-transform: translateY(-50%);

  transform: translateY(-50%)
}



.index-new {

  margin: 100px 0 50px 0
}



.index-new-lunbo {

  margin-top: 50px
}



.index-new-lunbo .swiper-container {

  padding-bottom: 40px
}



.index-new-lunbo .swiper-pagination {

  bottom: 0;

  width: auto
}



.index-new-lunbo .swiper-pagination-bullet {

  border-width: 1px;

  border-color: #000000;

  border-style: solid;

  border-radius: 50%;

  background-color: #fff;

  width: 13px;

  height: 13px
}



.index-new-lunbo .swiper-pagination-bullet-active {

  background: #fff;

  border-color: #d7000f
}



.index-new-lunbo .new-a .date {

  margin-top: 60px
}



.index-about {

  background: url(../images/30.png) no-repeat;

  background-size: 100% 100%;

  height: 650px;

  padding-top: 6%
}



.index-about .titls-tie {

  color: #fff
}



.index-about .ho-s {

  font-size: 17px;

  color: #fff;

  line-height: 30px;

  margin-top: 15px
}



.index-abouts-ul {

  margin-top: 60px
}



.index-abouts-ul li {

  width: 33.333%;

  float: left;

  text-align: center
}



.index-abouts-ul li .icon-div {

  text-align: center;

  display: inline-block;

  padding-left: 70px
}



.index-abouts-ul li .nian {

  font-size: 45px;

  color: #fff
}



.index-abouts-ul li .shijian-div {

  font-size: 16px;

  color: #fff
}



.index-abouts-ul li:nth-child(1) .icon-div {

  background: url(../images/31.png) left center no-repeat
}



.index-abouts-ul li:nth-child(2) .icon-div {

  background: url(../images/32.png) left center no-repeat
}



.index-abouts-ul li:nth-child(3) .icon-div {

  background: url(../images/33.png) left center no-repeat
}



.paabout-imgs {

  right: 45px;

  top: -152px;

  z-index: -1;

  animation: da 5s ease-in-out infinite alternate
}



.index-new .panew-imgs {

  left: 0;

  animation: da 5s ease-in-out infinite alternate;

  top: 0
}



.papro-imgs {

  right: 60px;

  top: 0;

  animation: da 5s ease-in-out infinite alternate
}



@keyframes da {

  from {

    transform: scale(1);

    -ms-transform: scale(1);

    -moz-transform: scale(1);

    -webkit-transform: scale(1);

    -o-transform: scale(1)
  }



  to {

    transform: scale(0);

    -ms-transform: scale(0);

    -moz-transform: scale(0);

    -webkit-transform: scale(0);

    -o-transform: scale(0)
  }

}



@keyframes soll {

  from {

    transform: scale(1);

    -ms-transform: scale(1);

    -moz-transform: scale(1);

    -webkit-transform: scale(1);

    -o-transform: scale(1)
  }



  to {

    transform: scale(.7);

    -ms-transform: scale(.7);

    -moz-transform: scale(.7);

    -webkit-transform: scale(.7);

    -o-transform: scale(.7)
  }

}



.searchbox {

  padding: 15px;

  background: #fff;

  position: fixed;

  left: 0;

  width: 100%;

  right: 0;

  top: 137px;

  border-top: 2px solid #d7000f;

  text-align: center;

  z-index: 99;

  display: none
}



.searchbox.active {

  top: 123px
}



.searchs {

  max-width: 600px;

  margin: 0 auto
}



.searchs .sertext {

  display: block;

  padding: 0;

  outline: 0;

  padding-left: 12px;

  width: 78%;

  float: left;

  border: 1px solid #cdcdcd;

  color: #a2a2a2;

  font-size: 12px;

  height: 52px;

  line-height: 52px;

  transition: .4s
}



.serbtn {

  padding: 0;

  margin: 0;

  border: none;

  outline: 0;

  width: 22%;

  float: right;

  height: 52px;

  text-align: center;

  line-height: 52px;

  background: #d7000f;

  color: #fff;

  font-size: 15px;

  cursor: pointer;

  transition: .44s
}



.ds {

  cursor: pointer
}



.ship-con {

  width: 100%;

  top: 0;

  right: 0;

  z-index: 34;

  transition: .4s ease-in-out;

  -moz-transition: .4s ease-in-out;

  -webkit-transition: .4s ease-in-out;

  -o-transition: .4s ease-in-out
}



.ship-con.active {

  animation: fadeOutUp 1s;

  -moz-animation: fadeOutUp 1s;

  -webkit-animation: fadeOutUp 1s;

  -o-animation: fadeOutUp 1s;

  transition: .4s ease-in-out;

  -moz-transition: .4s ease-in-out;

  -webkit-transition: .4s ease-in-out;

  -o-transition: .4s ease-in-out;

  z-index: -1;

  opacity: 0
}



.img-shou {

  bottom: 0;

  left: 0;

  z-index: 2
}



.lunbo .img-con {

  z-index: 50;

  left: 20%;

  bottom: 27%
}



.lunbo .img-zi {

  left: 50%;

  top: 50%;

  transform: translate(-50%, -50%);

  -ms-transform: translate(-50%, -50%);

  -moz-transform: translate(-50%, -50%);

  -webkit-transform: translate(-50%, -50%);

  -o-transform: translate(-50%, -50%)
}



.lunbo .xun-img {

  animation: animtran 16s linear infinite;

  -webkit-animation: animtran 16s linear infinite
}



.lunbo .ch-ul {

  width: 495px;

  height: 495px;

  z-index: 33;

  left: 20%;

  bottom: 18%
}



.lunbo .ch-ul li {

  position: absolute
}



.lunbo .ch-ul li .img1 {

  animation: animtrans 8s linear infinite;

  -webkit-animation: animtrans 8s linear infinite
}



.lunbo .ch-ul li:nth-child(1) {

  right: -92%;

  top: -2%
}



.lunbo .ch-ul li:nth-child(1) .img-2 {

  left: -100%;


  top: 46%;
  transform: rotate(15deg);
  -ms-transform: rotate(15deg);
  /* IE 9 */
  -moz-transform: rotate(15deg);
  /* Firefox */
  -webkit-transform: rotate(15deg);
  /* Safari 和 Chrome */
  -o-transform: rotate(15deg);
}



.lunbo .ch-ul li:nth-child(2) {

  right: -103%;

  top: 48%
}



.lunbo .ch-ul li:nth-child(2) .img-2 {

  left: -226%;

  top: 24%;

  max-width: inherit;
  transform: rotate(3deg);
  -ms-transform: rotate(3deg);
  /* IE 9 */
  -moz-transform: rotate(3deg);
  /* Firefox */
  -webkit-transform: rotate(3deg);
  /* Safari 和 Chrome */
  -o-transform: rotate(3deg);
}



.lunbo .ch-ul li:nth-child(3) {

  right: -25%;
  display: none;
  top: 79%
}

.lunbo .zzs1 {
  opacity: 0;
  transition: 400ms ease-in-out;
  -moz-transition: 400ms ease-in-out;
  /* Firefox 4 */
  -webkit-transition: 400ms ease-in-out;
  /* Safari and Chrome */
  -o-transition: 400ms ease-in-out;
}

.lunbo .zzs1 a {
  background: #fff;
  color: #d7000f;
  padding: 10px 20px;

  font-size: 20px;
  transition: 400ms ease-in-out;
  -moz-transition: 400ms ease-in-out;
  /* Firefox 4 */
  -webkit-transition: 400ms ease-in-out;
  /* Safari and Chrome */
  display: block;
  -o-transition: 400ms ease-in-out;
  text-align: center;
  /* Opera */

}

.lunbo .ch-ul li:hover .zzs1 {
  opacity: 1;
  transition: 400ms ease-in-out;
  -moz-transition: 400ms ease-in-out;
  /* Firefox 4 */
  -webkit-transition: 400ms ease-in-out;
  /* Safari and Chrome */
  -o-transition: 400ms ease-in-out;
}

.lunbo .ch-ul li .img1 {
  cursor: pointer;
}

.lunbo .zzs1 a:hover {
  background: #d7000f;
  color: #fff;
  transition: 400ms ease-in-out;
  -moz-transition: 400ms ease-in-out;
  /* Firefox 4 */
  -webkit-transition: 400ms ease-in-out;
  /* Safari and Chrome */
  -o-transition: 400ms ease-in-out;
  /* Opera */
}


.lunbo .ch-ul li:nth-child(3) .img-2 {

  left: -8%;

  top: 10%
}



.lunbo .ch-ul li:nth-child(4) {

  left: 23%;
  display: none;
  bottom: -39%
}



.lunbo .ch-ul li:nth-child(4) .img-2 {

  left: 55%;

  top: -21%;

}



.lunbo .ch-ul li:nth-child(5) {

  left: -56%;

  top: 0
}



.lunbo .ch-ul li:nth-child(5) .img-2 {

  right: -50%;

  top: 48%;
  transform: rotate(-12deg);
  -ms-transform: rotate(-12deg);
  /* IE 9 */
  -moz-transform: rotate(-12deg);
  /* Firefox */
  -webkit-transform: rotate(-12deg);
  /* Safari 和 Chrome */
  -o-transform: rotate(-12deg);
}



@keyframes animtran {

  from {

    transform: rotateZ(0)
  }



  to {

    transform: rotateZ(360deg)
  }

}



@keyframes animtrans {

  from {

    transform: rotateZ(360deg)
  }



  to {

    transform: rotateZ(0)
  }

}



@-webkit-keyframes animtran {

  from {

    transform: rotateZ(0)
  }



  to {

    transform: rotateZ(360deg)
  }

}



@-webkit-keyframes animtrans {

  from {

    transform: rotateZ(360deg)
  }



  to {

    transform: rotateZ(0)
  }

}



.lunbo2 {

  display: none
}



.yingyiong-uls {

  display: none
}



#wrapper {

  position: relative;

  transition: transform .25s cubic-bezier(.39, .575, .565, 1)
}



.phone {

  box-shadow: 0 0 2px rgba(0, 0, 0, .1);

  display: none;

  top: 0;

  position: fixed;

  background: #fff;

  z-index: 99;

  width: 100%
}



.phone .phong-l {

  width: 35%;

  line-height: 70px
}



.sidebar-menu.is-active+#wrapper {

  transform: translateX(-300px)
}



.color_dao i {

  display: inline-block;

  font-size: 25px;

  color: #d7000f;

  line-height: 70px
}



.sidebar-menu {

  display: none;

  position: fixed;

  top: 0;

  bottom: 0;

  right: 0;

  width: 250px;

  height: 100%;

  overflow-x: hidden;

  overflow-y: auto;

  -webkit-overflow-scrolling: touch;

  background-color: #e7e9eb;

  transition: right .5s;

  z-index: 99999
}



.sidebar-menu.is-active {

  display: block;

  transition: right .5s
}



.sidebar-menu__header {

  height: 50px;

  background: #d7000f;

  position: relative;

  display: block;

  padding: 15px 25px;

  height: 100%;

  width: 100%;

  color: #fff
}



.sidebar-menu__title {

  color: #ccc;

  font-size: 15px;

  font-weight: 400;

  text-transform: uppercase
}



.sidebar-menu__title>i {

  display: inline-block;

  float: right;

  font-size: 28px;

  line-height: inherit
}



.sidebar-menu__title:active,

.sidebar-menu__title:focus,

.sidebar-menu__title:hover {

  color: #fff;

  text-decoration: none
}



.sidebar-menu__title::first-letter {

  text-transform: uppercase
}



.sidebar-menu__title::before {

  content: "\e907";

  display: block;

  position: absolute;

  top: 50%;

  right: 20px;

  margin-top: -10px;

  color: #fff;

  font-size: 20px;

  speak: none;

  font-style: normal;

  font-weight: 400;

  font-variant: normal;

  text-transform: none;

  line-height: 1;

  letter-spacing: 0;

  font-feature-settings: "liga"1;

  font-variant-ligatures: discretionary-ligatures;

  -webkit-font-smoothing: antialiased;

  -moz-osx-font-smoothing: grayscale;

  all: unset
}



.sidebar-menu__list {

  position: fixed;

  top: 50px;

  right: 0;

  bottom: 0;

  margin: 0;

  padding: 0;

  width: 250px;

  list-style: none;

  background-color: #fff;

  transition: right .25s cubic-bezier(.39, .575, .565, 1)
}



.sidebar-menu__item {

  padding: 0;

  width: 100%;

  border-bottom: 1px solid #eee
}



.colos {

  line-height: 70px
}



.sidebar-menu__item:first-child {

  border-top: 0
}



.sidebar-menu__item.sidebar-menu__item--back,

.sidebar-menu__item.sidebar-menu__item--back:hover,

.sidebar-menu__link.sidebar-menu__subtitle {

  background-color: #46b700 !important
}



.sidebar-menu__item.sidebar-menu__item--back .sidebar-menu__link {

  color: #fff !important
}



.sidebar-menu__item:hover {

  background-color: #fff;

  cursor: pointer
}



.sidebar-menu__item:hover>.sidebar-menu__link {

  color: #6e6e6e
}



.phone_i {

  display: inline-block;

  line-height: 60px;

  padding: 0 15px
}



.sidebar-menu__item:hover>.sidebar-menu__link .glyphicon-menu-right {

  color: #6e6e6e
}



.sidebar-menu__item .sidebar-menu__list {

  position: absolute;

  top: 0;

  right: 0;

  z-index: 1;

  transform: translateX(300px);

  transition: transform .25s cubic-bezier(.39, .575, .565, 1)
}



.sidebar-menu__item .sidebar-menu__list.is-active {

  transform: translateX(0)
}



.sidebar-menu__item .sidebar-menu__list .sidebar-menu__list {

  z-index: 2
}



.sidebar-menu__item .sidebar-menu__list .sidebar-menu__list .sidebar-menu__list {

  z-index: 3
}



.sidebar-menu__item .sidebar-menu__list .sidebar-menu__list .sidebar-menu__list .sidebar-menu__list {

  z-index: 4
}



.sidebar-menu__link {

  display: block;

  padding: 10px 25px;

  color: #828282;

  font-size: 13px;

  font-weight: 400;

  transition: color .1s cubic-bezier(.39, .575, .565, 1)
}



.sidebar-menu__link::first-letter {

  text-transform: uppercase
}



.sidebar-menu__link:active,

.sidebar-menu__link:focus,

.sidebar-menu__link:hover {

  text-decoration: none
}



.sidebar-menu__link span.glyphicon-menu-left {

  float: left;

  font-size: 12px;

  color: #fff;

  line-height: 20px;

  margin-right: 4px
}



.sidebar-menu__link .glyphicon-menu-right {

  color: #bababa;

  float: right
}



.mobile-foot {

  display: none;

  background: #d7000f;

  padding: 8px 0;

  position: fixed;

  bottom: 0;

  left: 0;

  width: 100%;

  z-index: 9999
}



.mobile-foot a {

  color: #fff;

  height: 35px;

  line-height: 33px;

  border: 1px solid #fff;

  border-radius: 4px;

  text-align: center;

  width: 22%;

  padding: 0 15px;

  font-size: 15px;

  margin: 0 5px;

  transition: .3s;

  -o-transition: .3s;

  -moz-transition: .3s;

  -webkit-transition: .3s;

  padding: 0
}



.btn {

  display: inline-block;

  margin-bottom: 0;

  font-size: 14px;

  font-weight: 400;

  text-align: center;

  white-space: nowrap;

  vertical-align: middle;

  cursor: pointer;

  border: 1px solid transparent;

  border-radius: 4px
}



.pull-right {

  float: right
}



.pull-left {

  float: left
}



.rightfix {

  position: fixed;

  top: 50%;

  right: 0;

  width: 40px;

  border-right: none;

  transform: translateY(-50%);

  z-index: 99;

  border: 1px solid #dee2e7;

  background: #fff
}



.fix_ul li {

  font-size: 12px;

  text-align: center;

  float: none;

  position: relative;

  width: 40px;

  cursor: pointer;

  height: 40px;

  line-height: 40px;

  margin-bottom: 0;

  color: #000;

  border-bottom: 1px solid #dee2e7
}



.fix_ul li i {

  font-size: 20px;

  color: #7a7a7a
}



.right_div {

  transform: scale(0);

  -ms-transform: scale(0);

  -moz-transform: scale(0);

  -webkit-transform: scale(0);

  -o-transform: scale(0);

  position: absolute;

  right: 20px;

  top: 0;

  box-shadow: 0 0 10px rgba(0, 0, 0, .1);

  background: #fff;

  padding: 5px;

  line-height: 30px;

  transition: .4s ease-in-out;

  -moz-transition: .4s ease-in-out;

  -webkit-transition: .4s ease-in-out;

  -o-transition: .4s ease-in-out;

  min-width: 120px
}



.fix_ul li:hover a {

  color: #848484
}



.fix_ul li:hover .right_div {

  transform: scale(1);

  -ms-transform: scale(1);

  -moz-transform: scale(1);

  -webkit-transform: scale(1);

  -o-transform: scale(1);

  right: 40px;

  transition: .4s ease-in-out;

  -moz-transition: .4s ease-in-out;

  -webkit-transition: .4s ease-in-out;

  -o-transition: .4s ease-in-out
}



.fix_ul li:hover {

  background: #d7000f
}



.fix_ul li:hover i {

  color: #fff
}



.ying-xian {

  height: 50px;

  background: #fff;

  border-top: 5px solid #00aa46
}



.bixu {

  color: #262626;

  font-size: 17px;

  margin: 0 0 20px 0
}



.reds {

  color: #e00000
}



.inp-ul>li {

  width: 32%;

  float: left;

  margin-right: 2%
}



.inp-ul>li:nth-child(3) {

  margin-right: 0
}



.inp-ul>li p {

  font-size: 16px;

  color: #1b1b1b;

  margin-top: 10px
}



.inp-ul>li:last-child {

  width: 100%;

  margin-right: 0
}



.inp-ul>li input {

  width: 100%;

  height: 42px;

  margin-top: 10px;

  border: 1px solid #ebebeb;

  padding-left: 15px
}



.inp-ul>li textarea {

  width: 100%;

  height: 160px;

  resize: none;

  margin-top: 10px;

  border: 1px solid #ebebeb;

  padding: 15px
}



.tiajiaos {

  font-size: 15px;

  color: #fff;

  line-height: 40px;

  padding: 0 50px;

  background: #d7000f;

  border: none;

  border-radius: 30px;

  margin-top: 20px
}



.tiajiaos:hover {

  background: #0c88e6;

  transition: .6s ease-in-out
}



.dingyue>.fl {

  width: 60%;

  padding: 40px
}



.dingyue>.fr {

  width: 40%;

  background: url(../images/31.jpg) no-repeat;

  background-size: cover;

  height: 100%;

  height: 515px;

  text-align: center;

  color: #fff;

  padding: 80px 40px
}



.dingyue>.fr .mas {

  padding: 50px;

  border-radius: 20px;

  display: inline-block;

  background: #fff
}



.dingyue>.fr>p {

  line-height: 40px;

  font-size: 18px
}



.dingyue>.fr .fuwus {

  font-size: 25px;

  margin-bottom: 20px
}



.dingyue>.fr .fuwus p {

  font-size: 20px;

  margin-bottom: 20px
}



.ding-uls li {

  margin-bottom: 10px
}



.ding-uls li p {

  font-size: 16px;

  color: #000;

  line-height: 30px
}



.ding-uls li p span {

  color: red
}



.ding-uls li input {

  height: 40px;

  width: 100%;

  border: 1px solid #eee
}



.ding-uls li button {

  width: 100%;

  border: none;

  background: #d7000f;

  text-align: center;

  line-height: 40px;

  color: #fff;

  margin-top: 10px
}



#ding1 .modal-content {

  border-radius: 0
}



#ding1 .modal-body {

  padding: 0
}



#ding1 .modal-title {

  margin-bottom: 30px
}



#ding1 .modal-title {

  color: #000
}



#ding1 .modal-title span {

  display: inline-block;

  margin-left: 10px;

  font-size: 16px;

  color: #6c6c6c
}



#ding1 button.close {

  position: absolute;

  top: -10px;

  right: -10px;

  background: #fff;

  z-index: 33;

  opacity: 1;

  width: 40px;

  height: 40px;

  border-radius: 100%;

  box-shadow: 0 0 10px rgba(0, 0, 0, .2)
}



.modal-dialog {

  top: 15%
}



#yings1 button.close {

  width: 55px;

  height: 55px;

  border-radius: 50%;

  background-color: #00aa46;

  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .15);

  position: absolute;

  color: #fff;

  text-align: center;

  opacity: 1;

  right: -30px;

  top: -30px
}



#yings1 button.close span {

  position: relative;

  top: -4px
}



#yings1 .modal-content {

  border-radius: 0
}



#yings1 .fl {

  width: 36%;

  padding-top: 5%
}



#yings1 .fr {

  width: 60%
}



#yings1 .fr>p {

  color: #00aa46;

  font-size: 20px
}



#yings1 .fr .cons-p1 {

  color: #616161;

  font-size: 16px;

  line-height: 30px
}

#yings1 .fr .cons-p1 {
  display: none;
}

#yings1 .fr .neis-div {

  font-size: 16px;

  color: #616161;

  line-height: 30px;

  margin-top: 20px
}



#yings1 .fr .xias11 {

  color: #00aa46;

  font-size: 17px;

  line-height: 40px;

  border: 1px solid #d7000f;

  padding: 0 20px;

  border-radius: 20px;

  display: inline-block;

  margin-top: 10px
}



#yings1 .fr .xias11:hover {

  background: #d7000f;

  color: #fff
}



.ying-cons1 {

  padding: 50px
}



@media (min-width:768px) {

  .modal-dialog1 {

    width: 47%;

    left: 50%;

    top: 50%;

    transform: translate(-50%, -50%);

    -ms-transform: translate(-50%, -50%);

    -moz-transform: translate(-50%, -50%);

    -webkit-transform: translate(-50%, -50%);

    -o-transform: translate(-50%, -50%);

    position: absolute;

    margin: auto
  }

}



#div_sitemap {

  display: none;

  position: fixed;

  right: 0;

  top: 0;

  left: 0;

  bottom: 0;

  z-index: 300;

  background-color: #fff
}



#div_sitemap h1 {

  display: none;

  position: absolute;

  left: 50px;

  top: 15px
}



#div_sitemap .fr {

  right: 7%;

  top: 30px;

  padding: 24px 25px 22px !important;

  position: relative;

  z-index: 2
}



#div_sitemap .fr i {

  font-size: 40px;

  color: #0c88e6
}



#ul_sitemap {

  margin: 0 auto;

  width: 100%;

  position: absolute;

  left: 0;

  right: 0;

  top: 40px;

  background: #fff
}



#ul_sitemap_inner {

  display: table;

  margin: 0 auto;

  height: 800px
}



#ul_sitemap_inner>li {

  padding: 33px 15px;

  display: table-cell;

  width: 12.5%
}



#ul_sitemap_inner>li>a {

  font-size: 18px;

  color: #000;

  font-weight: 700
}



#ul_sitemap_inner .ul_submenu {

  display: block !important;

  border-top: 1px solid #0c88e6;

  margin: 25px 0 0 0;

  padding-top: 6px
}



#ul_sitemap_inner .ul_submenu>li {

  display: table-row
}



#ul_sitemap_inner .ul_submenu>li>a {

  display: block;

  padding-top: 19px;

  text-align: left;

  font-size: 16px;

  color: #0c88e6;

  font-weight: 400
}



#ul_sitemap_inner .ul_submenu>li>a:hover {

  color: #d7000f
}



#ul_sitemap_inner .ul_submenu>li>a:hover::before {

  background: #d7000f
}



.no_ul {

  -webkit-transition: .3s linear;

  -moz-transition: .3s linear;

  -o-transition: .3s linear;

  transition: .3s linear
}



.no_ul.active {

  height: 350px;

  -webkit-transition: .3s linear;

  -moz-transition: .3s linear;

  -o-transition: .3s linear;

  transition: .3s linear
}



#ul_sitemap_inner .ul_submenu>li>a:before {

  content: '';

  display: inline-block;

  vertical-align: middle;

  width: 4px;

  height: 4px;

  background: #0c88e6;

  margin: -4px 4px 0 0
}



#ul_mainmenu_mobile #li_languagemenu,

#ul_sitemap_inner #li_languagemenu {

  display: none
}



#div_sitemap .ul_endpoint {

  padding-top: 10px;

  display: block
}



#div_sitemap .ul_endpoint>li {

  padding: 6px;

  padding-left: 8px;

  text-align: left;

  font-size: 1em;

  line-height: 20px
}



.counter {

  font-weight: 100;

  padding: 30px
}



#ul_globalcount {

  line-height: 10px !important;

  margin: 0 auto;

  margin-top: 30px;

  display: table
}



#ul_globalcount>li {

  padding: 30px;

  padding-top: 0 !important;

  padding-bottom: 0 !important
}



#ul_globalcount>li:first-child {

  border-right: 1px solid #5187b6
}



.common_more_btn {

  margin-top: 40px
}



.common_more_btn span {

  font-size: 16px;

  line-height: 24px;

  color: #d7000f;

  border: 1px solid #d7000f;

  border-radius: 3px;

  background: #fff;

  padding: 8px 5px;

  width: 170px;

  display: inline-block;

  text-align: center;

  text-decoration: none;

  cursor: pointer
}



.common_more_btn span:hover {

  background: #d7000f;

  color: #fff;

  transition: .4s ease-in-out;

  -moz-transition: .4s ease-in-out;

  -webkit-transition: .4s ease-in-out;

  -o-transition: .4s ease-in-out
}



.prod_application_block .left_block {

  float: left;

  width: 22%;

  padding-top: 11px;

  font-size: 24px;

  line-height: 1.5em
}



.prod_application_block .left_block img {

  display: inline-block;

  vertical-align: middle;

  margin-right: 10px
}



.prod_application_block .right_block {

  border-left: 1px solid #dcdcdc;

  position: relative;

  float: right;

  width: 74%;

  padding-top: 15px;

  padding-left: 30px
}



.prod_application_block .right_block:after,

.prod_application_block .right_block:before {

  content: '';

  position: absolute;

  background: #dcdcdc
}



.prod_application_block .right_block:before {

  width: 70px;

  height: 1px;

  left: -70px;

  top: 42px
}



.prod_application_block .right_block:after {

  width: 8px;

  height: 8px;

  left: -74px;

  top: 38px;

  border-radius: 50%
}



.prod_application_list,

.prod_application_list li {

  display: block
}



.prod_application_list {

  margin-right: -20px;

  overflow: hidden;

  -webkit-transition: .3s linear;

  -moz-transition: .3s linear;

  -o-transition: .3s linear;

  transition: .3s linear
}



.prod_application_list.close {

  height: 64px !important
}



.prod_application_list li {

  float: left;

  margin-right: 20px;

  margin-bottom: 10px;

  width: 180px
}



.prod_application_list a {

  display: block;

  text-decoration: none;

  color: #fff;

  text-align: center;

  height: 54px;

  font-size: 14px;

  line-height: 54px;

  padding: 0 20px
}



.prod_application_list .common_btn {

  background: #d7000f
}



.prod_application_list .common_btn:before {

  background: #7c833f
}



.prod_application_list .common_btn:after {

  background: #697031
}



.prod_application_more {

  margin-top: 15px;

  margin-bottom: 30px
}



.thicks-cen {

  padding: 40px 0
}



.no_ul {

  height: 60px;

  overflow: hidden
}



.no_ul li {

  float: left;

  width: 23%;

  margin-right: 1.6%;

  margin-bottom: 20px
}



.no_ul li a {

  display: block;

  text-align: center;

  font-size: 17px;

  border-radius: 3px;

  background: #d7000f;

  line-height: 54px;

  height: 54px;

  color: #fff
}



.no_ul li a:hover {

  background: #0c88e6;

  transition: .4s ease-in-out;

  -moz-transition: .4s ease-in-out;

  -webkit-transition: .4s ease-in-out;

  -o-transition: .4s ease-in-out
}



.bigs {

  cursor: pointer
}



.bigs .big-img {

  width: 0;

  border: 1px solid #d7000f;

  top: 0;

  left: 100%;

  opacity: 0
}


.search-result-bot .table-responsive,

.thick-bot .table-responsive {

}



.cheng-uls {

  border-bottom: 1px solid #eee;

  margin-bottom: 30px
}



.cheng-uls li {

  display: inline-block;

  cursor: pointer;

  line-height: 60px;

  height: 60px;

  padding:0 30px;
  float:left;
}

.cheng-uls li:hover{background:#d7000f;}
.cheng-uls li:hover a{color:#fff;}


.cheng-uls li a {

  color: #000;
  text-align:center;
  font-size:15px;
  display: block;
}



.cheng-uls li.active {

  background: #d7000f;

  color: #fff
}


.thick-bot{width:1200px;margin:0 auto;padding:0 50px;background:#fff;padding-top:50px;} 


.cheng-uls {
width:1200px;
margin:0 auto;
  background: #fff;
  height:60px;
  border-bottom:1px solid #ccc;;
}




.cheng-uls li.active a {

  color: #fff
}



@media (max-width:1580px) {

  #div_sitemap .fr {

    right: 0;

    top: 0
  }



  .modal-dialog1 {

    width: 70%
  }



  .chip-bot .ding-top {

    padding: 40px 140px
  }



  .lianxis .lianxi-uls li {

    padding: 12.3px 0
  }



  .lunbo .img-con {

    width: 300px
  }





  .container {

    width: 1200px
  }



  .bg-lunbo {

    background-size: cover !important
  }



  .soll {

    bottom: -25px
  }



  .containers {

    padding: 0 75px
  }



  .lunbo-ul li {

    width: 31%
  }



  .lunbo-ul li a .zi-huo .p1 {

    font-size: 16px
  }



  .lunbo-ul li a .zi-huo .p2 {

    font-size: 12px
  }



  .img-shou {

    bottom: 0
  }



  .img-shou>img {

    width: 90%
  }



  .lunbo-ul li a .zi-huo {

    bottom: 0
  }



  .lunbo .ch-ul li:nth-child(1) {

    right: -70%;

    top: -10%
  }



  .lunbo .ch-ul li:nth-child(2) {

    right: -92%;

    top: 61%
  }



  .lunbo .ch-ul li:nth-child(5) {

    left: -46%;

    top: 0
  }



  .index-about .ho-s {

    font-size: 15px
  }



  .img-shou {

    bottom: -100px;

    left: -100px
  }



  .lunbo .ch-ul {

    width: 300px;

    height: 300px
  }



  .lunbo .ch-ul li:nth-child(1) {

    right: -130%;

    top: -20%
  }



  .lunbo-ul {

    left: 57%;

    bottom: 0
  }



  .lunbo .ch-ul li:nth-child(2) {

    right: -150%;

    top: 49%
  }



  .lunbo .ch-ul li:nth-child(3) {

    right: -52%;

    top: 79%
  }



  .lunbo .ch-ul li:nth-child(4) {

    left: 23%;

    bottom: -69%
  }



  .lunbo .ch-ul li:nth-child(5) {

    left: -86%;

    top: 0
  }

}



.lunbo {

  overflow: hidden;

}

.lunbo .swiper-slide {
  height: 100vh;
}

.lunbo:after {

  content: '';

  position: absolute;

  left: 0;

  right: 0;

  bottom: -300px;

  z-index: 34;

  background: #fff;
  display: none;
  /* transform: skewY(-6deg);

  transform-origin: left; */

  top: 99%
}



.lunbo.active:after {

  z-index: -1;

  transition: .4s ease-in-out;

  -moz-transition: .4s ease-in-out;

  -webkit-transition: .4s ease-in-out;

  -o-transition: .4s ease-in-out
}







@media (max-width:1300px) {

  .container {

    width: 970px
  }



  .containers {

    padding: 0 30px
  }



  .lunbo {

    padding-bottom: 100px
  }



  .lunbo:after {

    content: '';

    opacity: 0
  }



  .bg-lunbo {

    height: auto
  }



  .lunbo2 {

    display: block;

    opacity: 1
  }



  .lunbo2.active {

    opacity: 1;

    animation: fadeInUpBig 1s;

    -moz-animation: fadeInUpBig 1s;

    -webkit-animation: fadeInUpBig 1s;

    -o-animation: fadeInUpBig 1s
  }



  .lunbo1 {

    display: none
  }



  .ban img {

    height: 400px;

    object-fit: cover
  }



  .lianxis .lianxi-uls li .fr .add-p {

    font-size: 16px
  }



  .lianxis .lianxi-uls li .fr .add-p1 {

    margin-top: 5px;

    font-size: 14px
  }



  .lianxis .lianxi-uls li {

    padding: 5px 0
  }



  .superiority {

    margin-top: 20px;

    font-size: 14px;

    line-height: 22px
  }



  .recruitment-xiao .xiao-zhao-con .xia-zha-ul li a .fl .shenx span {

    margin-right: 10px;

    padding-right: 10px
  }



  .recruitment .xiao-cona .lee .lee-ul li {

    padding: 17px 20px 17px 20px
  }



  .about .abou-bot .about-nian>div .p3 {

    font-weight: 400;

    font-size: 30px
  }



  .about .abou-bot .about-nian>div .p4 {

    font-size: 14px
  }



  .new .new-yao {

    font-size: 14px;

    line-height: 22px;

    height: 88px
  }



  .new .new-title {

    font-size: 18px
  }



  .new .more {

    margin-top: 10px
  }



  .history-con .swiper-button-next {

    right: 0
  }



  .history-con .swiper-button-prev {

    left: 0
  }



  .dian-history .history-ul li>div .nian .nian-zi {

    font-size: 30px
  }



  .history-con .swiper-slide span {

    font-size: 11px
  }



  .frequently {

    margin-top: 30px
  }



  .chip-bot .ding-top {

    padding: 25px 40px 52px 40px
  }



  .chip-bot .ding-bot a {

    line-height: 30px;

    height: 30px;

    font-size: 14px
  }



  .chip .xian1 {

    left: 0
  }



  .chip .xian2 {

    right: 0
  }



  .chip-cen-ul li .hao-title {

    margin-top: 10px
  }



  .chip .chip-ul li {

    font-size: 14px
  }



  .chip .chip-yao {

    color: #dcffed;

    font-size: 14px;

    line-height: 22px;

    margin: 10px 0 10px 0
  }



  .chip .chip-title {

    font-size: 18px
  }



  footer .foot-ul li {

    margin-right: 15px
  }



  .thick {

    margin-top: 40px
  }



  .lunbo .ch-ul li:nth-child(2) {

    right: -62%
  }



  .lunbo .ch-ul li:nth-child(2) .img-2 {

    max-width: 100%;

    left: -100%
  }



  .you-ulh {

    display: none
  }



  .lunbo .ch-ul li:nth-child(1) {

    right: -58%
  }



  .lunbo .ch-ul li:nth-child(1) .img-2 {

    left: -65%
  }



  .lunbo .ch-ul li:nth-child(5) {

    left: -39%;

    top: -8%
  }



  .soll {

    bottom: 10px;
    text-align: center;
  }



  .titls-tie {

    font-size: 26px
  }



  .index-pro .index-pro-a>.fl .zhaos-index-pro {

    font-size: 14px;

    line-height: 25px;

    height: 75px
  }



  .ho-s {

    font-size: 16px
  }



  .index-pro {

    margin-top: 100px;

    padding-bottom: 50px
  }



  .index-new {

    margin: 50px 0 0 0
  }



  .index-about {

    height: 450px
  }



  .index-abouts-ul li .nian {

    font-size: 28px
  }



  .index-abouts-ul li .shijian-div {

    font-size: 14px
  }



  .index-abouts-ul {

    margin-top: 30px
  }



  .index-new-lunbo .new-a .date {

    margin-top: 20px
  }



  .new-a .zhanyao {

    font-size: 14px
  }



  .index-new-lunbo {

    margin-top: 20px
  }



  .lunbo-ul li a .zi-huo {

    padding: 5px
  }



  .hangs .hang-ul>li {

    margin-right: 22px
  }



  .soll {

    bottom: 0
  }

}



@media (max-width:990px) {

  .ying-cons1 {

    padding: 10px
  }



  .dingyue>.fl {

    padding: 23px
  }



  .modal-dialog1 {

    width: 80%
  }



  .lunbo-ul li:nth-child(2) {

    margin-top: 0
  }



  .lunbo-ul li:nth-child(3) {

    margin-top: 0
  }



  .searchbox {

    top: 70px
  }



  .mobile-foot,

  .phone {

    display: block
  }



  .application {

    margin-top: 20px
  }



  .application .col-md-6 {

    margin-bottom: 15px
  }



  .application .application-div>div {

    width: 100%
  }



  .application .application-div .application-title {

    margin-top: 10px;

    font-size: 18px
  }



  .application .application-div .application-ul {

    margin-top: 0;

    padding: 15px 0
  }



  .application .application-div .application-ul li a {

    font-size: 14px;

    line-height: 22px;

    height: 22px
  }



  .map {

    padding-right: 0;

    width: 100%;

    margin-top: 10px;

    padding: 0
  }



  .lianxis {

    margin-top: 20px
  }



  .lianxis .col-md-4 {

    width: 100%
  }



  .ban img {

    height: auto
  }



  .recruitment-xiao {

    margin-bottom: 20px
  }



  .welfare .welfare-ul li {

    width: 29%;

    padding: 20px 10px;

    height: auto
  }



  .welfare {

    padding: 25px 0
  }



  .welfare .welfare-title {

    font-size: 16px;

    line-height: 30px;

    height: 30px
  }



  .welfare .welfare-yao {

    line-height: 22px;

    height: 66px;

    font-size: 14px
  }



  .recruitment-xiao .xiao-zhao-con .xia-zha-ul li {

    padding: 15px 10px
  }



  .recruitment-xiao .xiao-zhao-con .xia-zha-ul li a .fr span {

    line-height: 22px;

    font-size: 14px;

    height: 22px;

    padding: 0 10px
  }



  .morde-xiao {

    margin-top: 20px
  }



  .morde-xiao span {

    color: #d7000f;

    cursor: pointer;

    display: inline-block;

    line-height: 30px;

    font-size: 14px;

    padding: 0 15px
  }



  .liu-con {

    margin-top: 20px
  }



  .recruitment-xiao .xiao-zhao-con .xia-zha-ul li a .fl .shenx {

    font-size: 14px
  }



  .recruitment-xiao .xiao-zhao-con .xia-zha-ul li a .fl .shenx span {

    margin-right: 5px;

    padding-right: 5px
  }



  .recruitment .xiao-cona .lee .lee-ul li {

    font-size: 15px;

    padding: 10px
  }



  .zhao-xinghs {

    padding: 15px
  }



  .csh-row .col-md-3 {

    margin-bottom: 30px
  }



  .gang .sou {

    width: 400px
  }



  .about .about-con {

    font-size: 14px;

    line-height: 22px
  }



  .about .abou-bot .about-nian .le {

    padding-left: 20px
  }



  .about .abou-bot {

    margin-top: 20px
  }



  .about .about-img .abod .p1 {

    font-weight: 400;

    font-size: 20px
  }



  .about .about-img .abod .p2 {

    font-weight: 400;

    font-size: 14px;

    margin-top: 10px
  }



  .about .about-img .abod {

    padding: 80px 0 0 60px
  }



  .about .about-img {

    height: 250px;

    margin-bottom: 20px
  }



  .new .new-date {

    margin-top: 0
  }



  .new .new-title {

    font-size: 16px;

    margin: 5px 0
  }



  .new .tui-new .swiper-pagination {

    bottom: 0
  }



  .more span {

    font-size: 14px;

    line-height: 30px;

    padding: 0 20px
  }



  .dian-history .history-ul li .re {

    font-size: 16px
  }



  .history-con .swiper-slide span {

    display: block
  }



  .download .baioge tbody tr td:nth-child(1) {

    padding-left: 10px
  }



  .frequently .frequently_ul li .frequently_div .frequently_title {

    line-height: 40px;

    height: 40px
  }



  .frequently .frequently_ul li .frequently_div {

    font-size: 16px;

    line-height: 40px;

    height: 40px;

    padding: 0 20px
  }



  .frequently .frequently_ul li .frequently_div .fr i {

    line-height: 40px;

    font-size: 15px
  }



  .chip-bot .ding-top {

    padding: 22px 20px
  }



  .chip-bot .ding-top .fr .p2 {

    font-size: 14px
  }



  .chip-bot .ding-top .fr .p1 {

    font-size: 16px
  }



  .chip .chip-top>.fr {

    width: 100%;

    padding-right: 0;

    margin-top: 10px
  }



  .chip .chip-top>.fl {

    width: 100%;

    text-align: center
  }



  .chip-cen-ul li .hao-title {

    font-size: 14px
  }



  .chip-cen-ul li:last-child {

    margin-top: 0
  }



  .chip .chip-top>.fl>img {

    width: 100%
  }



  .chip-cen-ul li {

    padding-left: 10px
  }



  .chip .chip-top::before {

    left: 0;

    width: 100%
  }



  .chip .chip-top {

    padding: 20px 15px
  }



  .pro-search .pro-search-form {

    text-align: center
  }



  .ban .ban-zi .p1 {

    font-size: 20px
  }



  .ban .ban-zi .p2 {

    font-size: 14px
  }



  .pro-search .pro-search-form .box input {

    width: 200px;

    height: 40px
  }



  .pro-search .pro-search-form .box button {

    height: 40px;

    line-height: 40px
  }



  .pro-search .pro-search-form .box button i {

    font-size: 14px
  }



  .pro-search .pro-search-form .box button {

    font-size: 15px
  }



  .thick .thick-top .swiper-slide>.fr .thick-yao {

    font-size: 14px;

    line-height: 22px;

    margin-top: 10px;

    height: 66px
  }



  .thick .thick-bot .table thead tr th {

    font-size: 12px;

    line-height: 20px;

    height: 40px
  }



  .thick .thick-bot .table>tbody>tr>td,

  .thick .thick-bot .table>tbody>tr>th,

  .thick .thick-bot .table>tfoot>tr>td,

  .thick .thick-bot .table>tfoot>tr>th {

    font-size: 12px
  }



  .thick .thick-bot .table a {

    font-size: 12px
  }



  .content .er-div .erji-ul li a {

    font-size: 14px;

    padding: 0 15px
  }



  .content .cons {

    margin-top: -30px
  }



  .pro-search-list .search-result-bot .table tbody tr td {

    padding: 5px;

    font-size: 14px
  }



  .parameters .parameters-re {

    margin-top: 36PX
  }



  .parameters .parameters-re button {

    line-height: 30px;

    font-size: 13px;

    padding: 0 16px
  }



  .tiexing-div .tiexing1-ul li {

    margin-right: 28px
  }



  .pro-search .pro-search-form {

    margin-top: 10PX
  }



  .tiexing-div .tiexing-bot>.tiexing-bot_div {

    width: 24%;

    margin-bottom: 10PX
  }



  .tiexing-div .tiexing-bot>.tiexing-bot_div ul li a {

    font-size: 14PX
  }



  .parameters .parameters-le ul {

    padding-left: 23PX
  }



  .pro-search .pro-search-ul>li a {

    font-size: 15PX;

    line-height: 40px;

    height: 40px
  }



  .pro-search .pro-search-yao1 {

    font-size: 14PX;

    line-height: 22PX;

    margin-top: 5PX
  }



  .container {

    width: auto
  }



  .pro-search .pro-search-yao {

    font-size: 14px;

    line-height: 22px
  }



  .pro-search {

    margin-top: 20px
  }



  .pro-search .pro-search-ul {

    margin: 10px 0
  }



  .content .position-div .bdsharebuttonbox a {

    width: 30px;

    height: 30px;

    line-height: 30px;

    font-size: 16px
  }



  .content .con-bot .position-a a {

    font-size: 14px
  }



  .content .con-bot .position-a {

    font-size: 14px;

    margin-top: 5px
  }



  .content .position-div {

    padding-bottom: 10px
  }



  .content .con-bot {

    padding: 30px 15px
  }



  .pad .content .con-bot {

    padding: 30px 15px
  }



  .pad {

    padding-top: 70px
  }



  .content .con-bot .hred {

    font-size: 20px
  }



  .hangs {

    display: none
  }



  .lunbo-ul {

    position: relative;

    left: 0;

    bottom: 0
  }



  .lunbo-ul li {

    width: 33.33%
  }



  .index-hangye .index-hangye-ul li {

    font-size: 14px;

    margin: 0 14px;

    line-height: 36px
  }



  .index-hangye .car-index .ac {

    font-size: 12px
  }



  .index-hangye .car-index .fl {

    font-size: 18px
  }



  .index-hangye .car-index .xians {

    margin: 0 12px
  }



  .index-hangye .car-index .fr {

    font-size: 14px;

    line-height: 30px;

    padding: 0 30px;

    margin-top: 10px
  }



  .index-hangye .car-index {

    line-height: 50px;

    height: 50px
  }



  .index-about .ho-s {

    font-size: 14px;

    line-height: 22px
  }



  .index-about {

    height: 400px
  }



  footer .foot-top {
    display: none;
  }


  body {

    padding: 70px 0 0 0;
  }

  .index-pro {
    margin-top: 0;
  }


  .hrd {

    font-size: 25px;

    font-weight: 700;

    margin: 0 0 15px 0
  }



  .shehui-zhao .tou-wen {

    font-size: 14px;

    line-height: 22px
  }



  .shehui-zhao .tou-wen a {

    line-height: 25px;

    font-size: 14px
  }

}



@media (max-width:767px) {
  #lhform .box select {
    height: 40px;
    font-size: 12px;

  }.recruitment .xiao-cona .lee .lee-ul {
    height: 379px;
  }

  .pro-search .box {
    margin: 5px 0;
  }

  .pro-search .pro-search-form span {
    line-height: 40px;
  }

  .thick .thick-top>.fl {
    position: relative;
  }

  .application-xing {
    margin-top: 20px;
  }

  .frequently .frequently_ul li .frequently_div {
    padding: 0;
  }

  .frequently .frequently_ul li .frequently_div .fr {
    float: right;
    text-align: right;
    width: 10%;


  }

  .gang select {
    padding: 0 10px;
    margin-right: 5px;
  }

  .shehui-zhao .tou-wen {
    font-size: 12px;
  }

  .thick .thick-top .swiper-pagination {
    left: 0%;
    position: relative;
    bottom: inherit;

  }

  .thick-top .swiper-container {
    padding-bottom: 10px;
  }

  .cheng-uls li {
    padding: 0 15px;
  }

  .car-img {
    margin: 25px 0;
  }

  .cheng-uls {
    margin-top: 30px;
    margin-bottom: 20px;
  }

  .his-div>.fl {
    width: 100%;
    margin-bottom: 10px;
  }

  .his-div>.fr {
    width: 100%;
    padding: 0;

  }

  .rong {
    margin-top: 10px;
  }

  .zizhi-mo .img-zi {
    width: 90%;
    z-index: 9999;
  }

  .zizhi-mo {
    display: none !important;
  }

  .thick .thick-top>.fl {
    width: 100%;
  }

  .thick .thick-top>.fr {
    width: 100%;
    margin-top: 15px;
  }

  .thick-top .swiper-container {
    padding-bottom: 0;
  }

  .nian-zi {

    font-size: 16px;
  }

  .sous-uls1,
  .content .position-div .bdsharebuttonbox a:nth-child(2),
  .index-hangye .index-hangye-top .ho-s,
  .index-hangye .index-hangye-top .moe {
    display: none;
  }

  .index-hangye .car-index .ac,
  .index-hangye .car-index .xians {
    display: none;
  }

  .chip-bot .zi {

    font-size: 14px
  }

  .search-result-bot .table-responsive,
  .thick-bot .table-responsive {
    padding-bottom: 0;
  }

  .index-hangye .car-index .fr {
    padding: 0 14px;
    font-size: 12px;
  }

  .prod_application_block .left_block {

    width: 100%
  }



  .prod_application_block .right_block {

    width: 100%;

    border-left: none;

    padding-left: 0
  }



  .prod_application_block .right_block::before {

    display: none
  }



  .no_ul li {

    width: 48%
  }



  .common_more_btn {

    margin-top: 10px
  }



  .no_ul li a {

    font-size: 14px;

    height: 40px;

    line-height: 40px
  }



  .ding-uls li p {

    font-size: 13px;

    line-height: 25px
  }



  .ding-uls li input {

    height: 30px
  }



  .ding-uls li button {

    line-height: 30px
  }



  .dingyue>.fr {

    display: none
  }



  .dingyue>.fl {

    width: 100%
  }



  .dingyue>.fr {

    width: 100%;

    padding: 15px
  }



  #ding1 .modal-title span {

    font-size: 12px
  }



  #ding1 .modal-title {

    margin-bottom: 10px
  }



  .shehui-zhao .tou-wen {

    position: relative;

    top: 0;

    transform: translateY(0);

    right: 0;

    margin-top: 10px
  }



  .lunbo-ul li:nth-child(2) {

    margin-top: 0
  }



  .lunbo-ul li:nth-child(3) {

    margin-top: 0
  }



  .index-hangye .index-hangye-top .moe a {

    font-size: 14px;

    line-height: 30px;

    padding: 0 30px
  }



  .index-hangye .car-index .fr {

    margin-top: 0
  }



  .lunbo-ul {

    padding-bottom: 60px;

    margin-top: 20px
  }



  .index-pro .index-pro-a>.fl {

    width: 100%
  }



  .index-pro .index-pro-a>.fr {

    width: 100%
  }



  .papro-imgs {

    display: none
  }



  .index-pro {

    margin-top: 20px;

    padding-bottom: 10px
  }



  .lunbo .swiper-pagination {

    bottom: 10px
  }



  .index-hangye .index-hangye-top {

    margin: 20px 15px
  }



  .index-hangye .index-hangye-top .ho-s {

    font-size: 14px;

    line-height: 20px
  }



  .index-hangye .car-index {

    line-height: 30px;

    height: auto;

    padding: 10px
  }



  .car-ul li .car-yao {

    display: none;

    opacity: 0
  }



  .yingyiong-uls {

    margin: 15px
  }



  .yingyiong-uls li {

    border: 1px solid #eee
  }



  .yingyiong-uls li .p-tt {

    line-height: 30px;

    font-size: 16px;

    height: 30px;

    padding: 0 15px;

    background: #d7000f;

    color: #fff;

    position: relative
  }



  .yingyiong-uls li .p-tt::after {

    position: absolute;

    content: '';

    width: 15px;

    top: 50%;

    -ms-transform: translateY(-50%);

    -moz-transform: translateY(-50%);

    -webkit-transform: translateY(-50%);

    -o-transform: translateY(-50%);

    transform: translateY(-50%);

    right: 10px;

    background: #fff;

    height: 1px
  }



  .yingyiong-uls li .p-tt::before {

    position: absolute;

    content: '';

    height: 15px;

    top: 50%;

    -ms-transform: translateY(-50%);

    -moz-transform: translateY(-50%);

    -webkit-transform: translateY(-50%);

    -o-transform: translateY(-50%);

    transform: translateY(-50%);

    right: 17.5px;

    background: #fff;

    width: 2px;

    opacity: .5
  }



  .yingyiong-uls li .yingyiong-uls-coan {

    display: none
  }



  .yingyiong-uls li .psinzi-p1 {

    font-size: 14px;

    line-height: 22px;

    padding: 15px 15px 15px 15px
  }



  .yingyiong-uls li .xiang-a a {

    background: #0c88e6;

    line-height: 30px;

    font-size: 14px
  }



  .yingyiong-uls li.active .p-tt::before {

    opacity: 0
  }



  .paabout-imgs,

  .panew-imgs {

    display: none
  }



  .index-new {

    margin-top: 20px
  }



  .new-a {

    padding: 15px
  }



  .new-a .title {

    font-size: 16px
  }



  .new-a .zhanyao {

    font-size: 14px;

    line-height: 22px;

    height: 66px;

    margin-top: 5px
  }



  .new-a .date {

    margin-top: 10px;

    font-size: 14px
  }



  .index-about {

    height: auto;

    margin-top: 20px;

    background: url(../images/58.jpg) no-repeat;

    background-size: cover;

    padding: 30px 15px
  }



  .index-abouts-ul li {

    width: 100%;

    margin-bottom: 10px
  }



  .index-abouts-ul li .icon-div {

    padding-top: 10px;

    padding-bottom: 10px
  }



  .index-abouts-ul li .nian {

    font-size: 20px
  }



  .yingyiong-uls {

    display: block
  }



  .lunbo .swiper-pagination {

    width: 100%;

    bottom: 0;

    left: 0
  }



  .more span {

    font-size: 14px;

    line-height: 30px;

    padding: 0 30px
  }



  .index-pro .index-pro-a>.fl .zhaos-index-pro {

    color: #696969;

    margin: 10px 0 5px 0;

    line-height: 22px;

    height: 66px
  }



  .titls-tie {

    font-size: 18px
  }



  .tiexing-div .tiexing1-ul li {

    margin-right: 19px
  }



  .checkbox,

  .radio {

    margin-top: 4px;

    margin-bottom: 4px
  }



  .tiexing-div .tiexing-bot>.tiexing-bot_div {

    width: 49%;

    margin-right: 2%
  }



  .tiexing-div .tiexing-bot>.tiexing-bot_div:nth-child(even) {

    margin-right: 0
  }



  .parameters .parameters-le ul li {

    margin-right: 20px
  }



  .parameters .parameters-re button {

    margin: 5px 0
  }



  .search-result-top .fl {

    width: 100%;

    margin-bottom: 10px
  }



  .pro-search-list {

    margin-top: 10px;

    padding-top: 10px;

    line-height: 27px
  }



  .page ul li a {

    font-size: 12px
  }



  .pro-search-list .search-result-bot {

    margin-top: 10px;

  }

  .search-result-bot .table-responsive,
  .thick-bot .table-responsive {
    padding: 10px 0;
  }

  .pro-search-list .search-result-bot .table-bordered>thead>tr>td,

  .pro-search-list .search-result-bot .table-bordered>thead>tr>th {

    line-height: 40px;

    font-size: 14px;

    padding: 5px
  }



  .parameters .parameters-le {

    width: 100%
  }



  .parameters .parameters-re {

    width: 100%;

    margin-top: 0
  }



  .er-div {

    display: none
  }



  .position-a {

    display: none
  }



  .thick .thick-top .swiper-slide>.fl {

    width: 100%
  }



  .thick .thick-top .swiper-slide>.fr {

    width: 100%
  }



  .thick .thick-top {

    border: 1px solid #eee;

    background: 0 0;

    padding: 15px
  }



  .thick-top .swiper-container {

    padding-bottom: 0px
  }



  .thick .thick-top .swiper-container-horizontal>.swiper-pagination-bullets,

  .thick .thick-top .swiper-pagination-custom,

  .thick .thick-top .swiper-pagination-fraction {

    left: 0;

    width: 100%;

    bottom: 0
  }

  .thicks-cen {
    padding: 10px 0;
  }


  .thick {

    margin-top: 20px
  }



  .thick .thick-bot {

    margin-top: 20px
  }



  .content .cons {

    margin-top: 20px
  }



  .content .con-bot {

    padding: 15px 15px
  }



  .pro-search .pro-search-form span {

    font-size: 12px
  }



  .pro-search .pro-search-ul>li a {

    font-size: 14px
  }



  .page {

    width: 100%;

    text-align: center
  }



  .xian1 {

    display: none
  }



  .chip .xian2 {

    display: none
  }



  .chip {

    margin-top: 20px
  }



  .chip .chip-ul li {

    line-height: 22px
  }



  .chip .chip-ul li span {

    margin-right: 10px
  }



  .chip-cen-ul {

    width: 100%;

    margin: 20px auto
  }



  .chip-cen-ul li {

    width: 50%;

    margin-bottom: 10px
  }



  .chip-bot>div {

    width: 100%;

    margin-bottom: 15px
  }



  .frequently .frequently_con {

    padding: 15px 0;

    font-size: 14px;

    line-height: 22px
  }



  .technical {

    margin-top: 20px
  }



  .technical .technical-a .technica-title {

    font-size: 16px
  }



  .technical .technical-a .technica-date {

    font-size: 14px
  }



  .technical .technical-a .technica-yao {

    font-size: 14px;

    line-height: 22px;

    height: 22px
  }



  .technical .col-md-4 {

    margin-bottom: 15px
  }



  .download {

    margin-top: 20px
  }



  .download .baioge thead tr th:nth-child(1) {

    text-align: left;

    padding-left: 10px
  }



  .download .baioge thead tr th {

    font-size: 14px;

    line-height: 40px
  }



  .download .baioge tbody tr td {

    font-size: 14px;

    line-height: 22px;

    padding: 5px
  }



  .download .baioge tbody tr td a {

    font-size: 14px
  }



  .dian-history .history-ul li>div .nian .nian-zi {

    font-size: 18px
  }



  .dian-history .history-ul li>div {

    width: 100%
  }



  .dian-history .history-ul::after {

    left: 0;

    transform: translateX(0)
  }



  .dian-history .history-ul li>div .nian .nian-img {

    left: -30px;

    top: 50%;

    transform: translateY(-50%);

    right: auto
  }



  .dian-history .history-ul li>div .nian .nian-zi {

    float: left
  }



  .dian-history .history-ul li {

    margin-bottom: 20px
  }



  .dian-history .history-ul li .re {

    margin-top: 0px;

    font-size: 14px;

    line-height: 22px
  }



  .dian-history .history-ul li:nth-child(2n)>.re {

    width: 100%;

    text-align: left
  }



  .dian-history .history-ul li:nth-child(2n)>.re::after {

    left: -14px;

    right: auto;

    border-top: 5px solid transparent;

    border-left: 10px solid transparent;

    border-bottom: 5px solid transparent;

    border-right: 10px solid #d7000f
  }



  .dian-history .history-ul li>div .nian {

    margin-bottom: 20px
  }



  .history {

    margin-top: 20px
  }



  .dian-history {

    margin-top: 10px
  }



  .dian-history .history-ul li .history-img .overh:before {

    left: 0;

    right: 0;

    bottom: 0
  }



  .history-con .swiper-slide:nth-child(even) span {

    position: absolute;

    bottom: 0;

    width: 100%
  }



  .hezuo {

    margin: 20px -7.5px 0 -7.5px
  }



  .rong .col-md-3 .tile_div {

    line-height: 35px;

    font-size: 15px
  }



  .rong .col-md-3 {

    margin-bottom: 15px
  }



  .ship {

    margin-top: 20px
  }



  .ship .ship_div .ship-title {

    font-size: 16px;

    line-height: 40px;

    height: 40px
  }



  .ship .col-md-4 {

    margin-bottom: 15px
  }



  .new-list-xiang {

    margin-top: 0
  }



  .xing-biao {

    font-size: 18px
  }



  .cons-bian2 {

    margin-top: 5px;

    font-size: 12px
  }



  .xingsw {

    margin-top: 10px
  }



  .cs-cons1 {

    font-size: 14px;

    line-height: 22px;

    padding: 10px 0
  }



 


  .xing-bots {

    margin-top: 15px;

    border-top: 1px solid #eee;

    padding: 10px 0
  }



  .new .tui-new a>div {

    width: 100%
  }



  .new .new-date {

    margin-top: 10px
  }



  .new {

    margin: 20px 0 0
  }



  .new-con .col-md-4 {

    padding: 7.5px
  }



  .new-con {

    margin: 20px -10px 0
  }



  .about .abou-bot>div {

    width: 100%;

    padding: 10px 0
  }



  .about .about-img>.fl {

    width: 100%
  }



  .about .about-img>.fr {

    width: 100%
  }



  .about .about-img {

    height: auto;

    margin-bottom: 10px;

    background-size: cover;

    background: #f7f8fc
  }



  .about .about-img>.fr::after {

    display: none
  }



  .about .about-img .abod {

    padding: 20px 15px
  }



  .about {

    margin-top: 20px
  }



  .about .abou-bot .about-nian .le {

    padding-left: 10px
  }



  .about .abou-bot .about-nian>.fr {

    width: 30%;

    float: right
  }



  .gang .sou {

    width: 100%;

    margin-top: 10px
  }



  .hrd {

    font-size: 20px;

    margin: 15px 0 15px
  }



  .recruitment .xiao-cona .lee {

    width: 100%
  }



  .recruitment .xiao-cona .ree {

    width: 100%;

    margin-top: 15px
  }



  .csh-row .col-md-3 {

    margin-bottom: 15px
  }



  .shehui-zhao .jian {

    margin-bottom: 15px
  }



  .shehui-zhao {

    padding-top: 10px;

    margin-bottom: 20px
  }



  .zhao-xinghs .z-uls li {

    width: 100%;

    font-size: 14px;

    line-height: 22px
  }



  .zhao-xinghs .gang-nei {

    font-size: 14px;

    line-height: 22px;

    margin: 10px 0
  }



  .recruitment .xiao-cona {

    margin-top: 10px
  }



  .recruitment-xiao .xiao-zhao-con .xia-zha-ul li a .fl {

    width: 100%
  }



  .recruitment-xiao .xiao-zhao-con .xia-zha-ul li a .fr {

    width: 100%;

    line-height: 30px;

    border-left: none;

    margin-top: 10px;

    text-align: right
  }



  .recruitment-xiao .xiao-zhao-con .xia-zha-ul li a .fl .shenx {

    font-size: 12px
  }



  .recruitment-xiao .xiao-zhao-con .xia-zha-ul li a .fl .huas {

    font-size: 16px
  }



  .welfare .welfare-ul li {

    width: 100%;

    margin: 10px 0
  }



  .welfare {

    padding: 25px 15px
  }



  .xz-liuc li {

    width: 100%;

    padding: 0 15px
  }



  .xz-liuc li .num {

    font-size: 20px
  }



  .xz-liuc li .sheng-p {

    font-size: 14px
  }



  .gang select {

    height: 30px;

    font-size: 14px
  }



  .gang .sou input {

    height: 30px
  }



  .gang .sou button {

    height: 30px
  }



  .recruitment-xiao .xiao-zhao-con {

    margin-top: 10px
  }



  .recruitment-cons1 .zhao-xinghs .z-uls {

    padding: 15px
  }



  .recruitment-cons1 {

    margin: 10px 0
  }



  .ghe {

    font-size: 14px;

    line-height: 22px;

    padding: 10px 0
  }



  .recruitment-cons1 .zhao-xinghs .tou-a a {

    font-size: 14px;

    padding: 0 15px;

    line-height: 30px;

    height: 30px
  }



  .superiority>div {

    width: 100%;

    margin: 5px 0
  }



  .car-divs .ul-cars li {

    width: 100%
  }



  .car-divs .ul-cars li a {

    padding-bottom: 20px
  }



  .car-divs .ul-cars li .div1 {

    font-size: 14px;

    line-height: 22px
  }



  .car-divs .ul-cars li .car-ti {

    font-size: 16px
  }



  .car-divs .car-head {

    line-height: 40px;

    height: 40px;

    font-size: 16px;

    padding-left: 20px
  }



  .application-xing .gaikong .application-xiangs {

    font-size: 14px;

    line-height: 22px
  }



  .tiexing-div .tiexing-bot>.tiexing-bot_div ul li a {

    padding-left: 0
  }



  .tiexing-div .tiexing-bot>.tiexing-bot_div .tiexing-bot_div_title {

    padding-left: 0
  }



  .tiexing-div .tiexing1-ul li {

    text-align: left
  }



  .ying-xian {

    height: 10px;

    background: #fff;

    border-top: 5px solid #00aa46
  }



  .about .abou-bot .about-nian>div .p3 {

    font-size: 20px
  }



  .lunbo {

    padding-bottom: 0px;
  }



  .index-pro .index-pro-imgs {

    display: none
  }



  .xinzi .zinxins {

    font-size: 14px;

    line-height: 22px
  }



  .xinzi .title_p {

    font-size: 16px
  }



  .content .san-div .san_ul {

    height: auto;

    line-height: 40px
  }



  .content .san-div .san_ul li {

    margin: 0 5px
  }



  .ban .ban-zi .p2 {

    display: none
  }



  .content .san-div .san_ul li a {

    font-size: 14px
  }



  .rightfix {

    display: none
  }



  .chip .chip-top {

    background: #d7000f
  }



  .modal-dialog1 {

    width: 90%;

    margin: 30px auto;

    top: 10%
  }



  #yings1 .fl {

    width: 100%;

    padding-top: 0
  }



  #yings1 .fr {

    width: 100%
  }



  #yings1 button.close {

    width: 30px;

    height: 30px;

    top: -10px;

    right: -10px
  }



  #yings1 .fr .neis-div {

    font-size: 14px;

    line-height: 22px;

    margin-top: 5px
  }



  #yings1 .fr .xias11 {

    line-height: 30px;

    font-size: 14px
  }

  .dis1 span {



    width: 128px;

  }

}



#douMsg {

  padding: 10px 0 100px 0
}



#douMsg dl {

  padding: 260px 0 200px 0;

  text-align: center
}



#douMsg dt {

  color: #0072c6;

  font-size: 16px;

  margin-bottom: 30px;

  font-weight: 700
}



#douMsg dd {

  color: #666
}



#douMsg dd a {

  margin-left: 5px;

  color: #000
}

.new .tui-new a>div img {
  width: 100%;
}

.new-a::before {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: rgba(255, 255, 255, .9);
  z-index: -1;

}

.content .con-bot .row>ul {
  margin: 30px auto;
  text-align: center;
}

.content .con-bot .row>ul li {
  display: inline-block;
}

.content .con-bot .row>ul li a {
  padding: 5px;
  color: #343434;

}

.content .con-bot .row>ul li a:hover {
  color: #d7000f;
}

.gang select option:focus {
  background: #d7000f;
}

.xinwes .overh {
  margin-bottom: 10px;
}

.xinwes .zhanyao {
  margin-top: 5px;
}

.xinwes .date {
  margin-top: 10px;
}

.soll {

  bottom: 40px;
  text-align: center;
  color: #fff;
}

.soll p {
  color: #fff;
}

.lunbo .zzs1 a {
  width: 100%;
}

@media(max-width:1440px) {

  /* .lunbo .ch-ul li:nth-child(2) .img-2 {
    left: -187%;
  }.lunbo .ch-ul li:nth-child(1) .img-2 {
    left: -82%;
  }.lunbo .ch-ul li:nth-child(5) .img-2 {
    right: -36%;
  } */
  .lunbo .zzs1 a {

    padding: 10px 11px;
    font-size: 15px;
  }

  .lunbo video {
    height: 100vh;
  }

  .lunbo .swiper-slide>img {
    height: 100vh;

  }

  .lunbo {
    background: #000000;
  }

  .lunbo .swiper-slide .bg-lunbo>img {
    height: 100vh;
  }

  .history-con .swiper-button-next {
    right: 0;
  }

  .history-con .swiper-button-prev {
    left: 0;
  }

  .lianxis .lianxi-uls li {
    padding: 15.3px 0;
  }

  .lianxis .lianxi-uls li .fr .add-p1 {

    font-size: 15px;
  }
}

@media(max-width:1200px) {
  .lianxis .lianxi-uls li {
    padding: 18px 0;
  }

  .lunbo video {
    height: auto;
  }

  .lunbo .swiper-slide>img {
    height: auto;

  }

  .lunbo .swiper-slide .bg-lunbo>img {
    height: auto;
  }

  .lunbo .swiper-slide {
    height: auto;
  }

  .lunbo {
    background: transparent
  }

  .soll {
    display: none;
  }
}

#box {

  position: fixed;

  bottom: 10%;

  right: 0;

  z-index: 9999;

}

.box ul li {
  width: 50px;
  height: 50px;
  display: block;
  margin-bottom: 6px;
  cursor: pointer;
}

.box li .iconfont {
  position: absolute;
  width: 100%;
  height: 100%;
  font-size: 25px;
  border-radius: 6px;
  color: #d7000f;
  text-align: center;
  line-height: 50px;
  border: 1px solid #d7000f;
  background-color: rgba(255, 255, 255, 0.8);
  z-index: 999;
}

.box li {
  position: relative;
}

.app-logo {
  width: 0px;
  height: 0px;
  overflow: hidden;
  position: absolute;
  top: 0px;
  left: -112px;
  -webkit-transition: all .3s;
  -moz-transition: all .3s;
  -ms-transition: all .3s;
  -o-transition: all .3s;
}

.app:hover {
  background-position: 0 61%;
}

.app:hover .app-logo {
  width: 98px;
  height: 96px;
  -webkit-transform: rotate(360deg);
  -moz-transform: rotate(360deg);
  -ms-transform: rotate(360deg);
  -o-transform: rotate(360deg);
}

.app:hover .app-logo img {
  width: 100%;


}

.xinwes {
  background: #ededed;


}

.xinwes::before {
  background: transparent;
}

.dianji-ul {
  height: 166px;
  overflow-y: scroll;
  text-align: left;
}

.dianji-ul a {
  text-align: left;
}

.car-divs .dianji-ul a.div1 {
  text-align: left;
}

.car-divs .ul-cars .car-ti a {
  background: #ededed;

  border-bottom: 1px solid #ededed;
  padding-left: 30;

}

.car-divs .ul-cars li>.les a {
  border-right: 1px solid #ededed;
}

.dianji-ul>li {
  position: relative;

}

.car-divs .dianji-ul li {

  padding-left: 30px;
  position: relative;
}

.car-divs .dianji-ul li:after {
  content: '';
  position: absolute;
  left: 20px;

  border-top: 5px solid transparent;
  border-left: 8px solid #989595;
  border-bottom: 5px solid transparent;
  top: 50%;

  -ms-transform: translateY(-50%);
  /* IE 9 */
  -moz-transform: translateY(-50%);
  /* Firefox */
  -webkit-transform: translateY(-50%);
  /* Safari 和 Chrome */
  -o-transform: translateY(-50%);
  transform: translateY(-50%);

}

.car-divs .ul-cars li a:hover {
  color: #d7000f;
}

.car-divs .ul-cars li a:hover .div1 {
  color: #d7000f;
}

.xinwes .overh:hover img {
  transition: 400ms ease-in-out;
  -moz-transition: 400ms ease-in-out;
  /* Firefox 4 */
  -webkit-transition: 400ms ease-in-out;
  /* Safari and Chrome */
  -o-transition: 400ms ease-in-out;
  /* Opera */
  transform: scale(1.2);
  transform: scale(1.2);
  -ms-transform: scale(1.2);
  /* IE 9 */
  -moz-transform: scale(1.2);
  /* Firefox */
  -webkit-transform: scale(1.2);
  /* Safari 和 Chrome */
  -o-transform: scale(1.2);
}

.xinwes:hover {
  background: #d7000f;
}

.xinwes:hover .title,
.xinwes:hover .zhanyao,
.xinwes:hover .date {
  color: #fff;
}

@media(max-width:1440px) {
  .car-divs .dianji-ul li .div1 {

    font-size: 14px;
  }
}

@media(max-width:1280px) {
  .car-divs .dianji-ul li .div1 {

    font-size: 12px;
  }

  .car-divs .dianji-ul li a {
    padding: 5px;
  }

  .dianji-ul {
    height: 114px;
  }
}

@media(max-width:990px) {
  .car-divs .dianji-ul li {
    width: 50%;
  }
}

@media(max-width:767px) {
  .car-divs .ul-cars li>.les {
    width: 100%;
  }

  .car-divs .ul-cars li>.righs {
    width: 100%;
  }

  .car-divs .dianji-ul li {
    width: 100%;
  }

  .dianji-ul {
    height: 134px;
  }
}

#box li.idea {
  display: none;
}


@media (max-width: 1300px){
    
.thick-bot{width:1250px;margin:0 auto;padding:0 20px;background:#fff;padding-top:50px;} 

.cheng-uls {
width:1250px;
margin:0 auto;
  margin-top: 50px;
  background: #fff;
  padding:0 20px;
}

.cheng-uls li {
    display: inline-block;
    cursor: pointer;
    line-height: 60px;
    height: 60px;
    padding: 0 20px;
    margin-top: 50px;

}