@charset "utf-8";
*{margin: 0;padding: 0;}
body{margin: auto;font:12px/25px  "microsoft yahei";color: #333;}
ul,li{list-style: none;}
a{text-decoration: none;color: #000;transition: 0.5s;}
.clearfix::after{content: "";display: block;clear: both;visibility: hidden;height: 0;}
.clearfix{*zoom: 0;}
.clear{clear: both;}
.contain { width:1400px; margin:0px auto;}
.fl{ float: left;}
.fr{ float: right;}
i,em{font-style: inherit;}
.flexwrap{display: flex;justify-content: space-between;flex-wrap: wrap;}
.flex{display: flex;justify-content: space-between;}
.vimg{transition: 1s;width: 100%;height: 100%;object-fit: cover;}
.vimg:hover{transform: scale(1.2);}

/*head*/
.nivoSlider a img{border-radius: 0px 0px 0px 500px;}
.head>.contain{padding: 20px 0;}
.logo span{font-size: 35px;color: #333;font-weight: bold;display: block;margin-top: 17px;}
.logo p{font-size: 20px;color: #888;line-height: 33px;}
.nav li{position: relative; float: left;text-align: center;width: 100px;height: 80px;line-height: 80px;}
.nav li a{font-size: 16px;display: block;}
.nav li::after{content: "";position: absolute;left: 0;bottom: 0;width: 0;height: 4px;background: #d20f0f;transition: 0.5s;}
.nav li dl{width: 150%; background:rgba(0, 0, 0, 0.5);position:absolute;left: -24%;top: 80px;z-index:99999;display: none;}
.nav li dl dt a{color:#fff;font-size: 15px;line-height:40px;display: block;}

.nav li:hover::after{width: 100%;}
.nav li:hover>a{color: #d20f0f;}
.nav li dl dt a:hover{background: #d20f0f;color: #fff;}

.box10 {
  background: url(../images/b1.jpg) no-repeat top center;
  background-position-y: 78px;
}
.box10 .top {
  margin-top: 40px;
}
.box10 .top .arrow {
  line-height: 43px;
  color: #666;
  float: left;
}
.box10 .top .arrow a {
  line-height: 43px;
  color: #666;
  margin: 0 5px;
}
.box10 .top .ser {
  width: 579px;
  height: 42px;
  background: url(../images/sec.png) no-repeat center left;
  background-position-x: 24px;
  background-color: #fafafa;
  border-radius: 21px;
  padding: 0 30px 0 58px;
  position: relative;
  box-sizing: border-box;
  float: left;
}
.box10 .top .ser input {
  width: 100%;
  line-height: 42px;
  color: #999;
  background: none;
  display: block;
  border: 1px solid #ccc;
  outline: none;
  border-radius: 10px;
  padding-left: 10px;
}
.box10 .top .ser button {
	cursor: pointer;
  position: absolute;
  top: 10px;
  right: 34px;
  width: 21px;
  height: 21px;
  background: url(../images/ser.png) no-repeat center;
  border: none;
  padding-left: 40px;
  border-left: 1px solid #ccc;
}
.box10 .top .dian {
  float: right;
  padding-left: 54px;
  position: relative;
}
.box10 .top .dian::before {
  content: "";
  display: block;
  width: 40px;
  height: 40px;
  position: absolute;
  background: url(../images/tel.png) no-repeat center;
  transform: rotate(0);
  top: 4px;
  left: 0;
}
.box10 .top .dian .zx {
  line-height: 17px;
  color: #999;
}
.box10 .top .dian p {
  font-family: Arial;
  font-size: 28px;
  font-weight: bold;
  color: #333;
}
.box10 .contain {
  position: relative;
}
.box10 .biao {
  position: absolute;
  top: 142px;
  left: 0;
}
.box10 .biao p {
  font-family: Arial;
  font-size: 26px;
  line-height: 45px;
  color: #ececec;
}
.box10 .biao h3 {
  font-size: 32px;
  font-weight: bold;
  color: #333;
  position: relative;
}
.box10 .biao h3::after{content: "";position: absolute;right: 0;top: 13px;width: 90px;height: 2px;background: #ececec;}
.sild10{margin-top: 50px;}
.box10 .sild10 .hd {
  margin: 200px 0 0 35px;
  float: left;
}
.box10 .sild10 .hd li {
  margin-bottom: 39px;
  width: 270px;
}
.box10 .sild10 .hd li:first-child a{background: url(../images/lis2.png) no-repeat center left;color: #d20f0f;}
.box10 .sild10 .hd li a {
  display: block;
  font-size: 18px;
  line-height: 17px;
  color: #666;
  padding-left: 29px;
  padding-right: 127px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  background: url(../images/lis1.png) no-repeat center left;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
.box10 .sild10 .hd li a:hover {
  background: url(../images/lis2.png) no-repeat center left;
  color: #d20f0f;
}
.box10 .sild10 .hd .more {
  display: block;
  width: 120px;
  height: 33px;
  background-color: #d20f0f;
  line-height: 33px;
  color: #fff;
  text-align: center;
  margin-top: 59px;
  font-size: 16px;
  transition: 0.5s;
}
.box10 .sild10 .hd .more:hover{width: 150px;}
.box10 .sild10 .hd .on a {
  background: url(../images/lis2.png) no-repeat center left;
  color: #d20f0f;
}
.box10 .sild10 .bd {
  float: right;
  width: 76%;
}
.box10 .sild10 .bd ul li {
  float: left;
  width: 32.3%;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  box-sizing: border-box;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  z-index: 1;
  margin-right: 10px;
}
.box10 .sild10 .bd ul li::after {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #d20f0f;
  -webkit-transform: scale(0);
  transform: scale(0);
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.box10 .sild10 .bd ul li:hover {
  color: #d20f0f;
}
.box10 .sild10 .bd ul li:hover::after {
  -webkit-transform: scale(1);
  transform: scale(1);
}
.box10 .sild10 .bd ul li .img {
  display: block;
  height: 250px;
  box-sizing: border-box;
  padding: 5px 7px 0 7px;
  border: solid 1px #f1f1f1;
}
.box10 .sild10 .bd ul li .img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.box10 .sild10 .bd ul li .title {
  display: block;
  line-height: 60px;
  padding: 0 60px 0 0;
  font-size: 16px;
  color: #666;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
  background: url(../images/more.png) no-repeat left center;
  background-position-x: 250px;
}
.box10 .sild10 .bd ul li .title:hover {
  -webkit-transform: translateY(-4px);
  transform: translateY(-4px);
}
.box10 .sild10 .bd ul li:hover .img {
  border: none;
}
.box10 .sild10 .bd ul li:hover .title {
  background: url(../images/more2.png) no-repeat left center;
  transform: translateX(15px);
  background-position-x: 250px;
  color: #fff;
}
.box20 {
  margin: 60px 0;
  height: 695px;
}
.box20 .contain {
  position: relative;
}
.box20 .top {
  width: 828px;
  margin: 0 auto;
}
.box20 .top p {
	text-transform: uppercase;
  font-size: 26px;
  font-weight: bold;
  color: #ececec;
  text-align: center;
  margin-bottom: 10px;
}
.box20 .top h3 {
  font-size: 32px;
  font-weight: bold;
  color: #333333;
  position: relative;
  text-align: center;
  background: url(../images/t1.jpg) no-repeat center;
  background-position-x: -27px;
}
.box20 .top h3::before {
  content: "";
  display: block;
  width: 58px;
  height: 3px;
  position: absolute;
  background: #d20f0f;
  left: 50%;
  bottom: -22px;
  transform: translateX(-50%);
}
.box20 .img {
  position: absolute;
  top: 150px;
  left: 50%;
  transform: translateX(-50%);
}
.box20 .img img {
  display: block;
}
.box20 .img .text {
  width: 191px;
  height: 191px;
  background: url(../images/yuna.png) no-repeat center;
  border-radius: 50%;
  color: #fff;
  position: absolute;
  top: 135px;
  left: 53%;
  transform: translateX(-50%);
  text-align: center;
  padding-top: 73px;
  box-sizing: border-box;
}
.box20 .img .text h3 {
  font-size: 24px;
  line-height: 30px;
}
.box20 .img .text p {
  font-size: 12px;
}
.box20 .list {
  margin-top: 10px;
}
.box20 .list li {
  position: absolute;
  text-align: center;
}
.box20 .list li img{transition: 0.5s;}
.box20 .list li:hover img{transform: rotateY(360deg);}
.box20 .list li h3 {
  font-size: 20px;
  color: #d20f0f;
  font-weight: bold;
  line-height: 32px;
}
.box20 .list li p {
	font-size: 16px;
  color: #666;
  line-height: 32px;
}
.box20 .list li:nth-child(1) {
  width: 300px;
  top: 142px;
  left: 180px;
}
.box20 .list li:nth-child(2) {
  width: 301px;
  top: 327px;
  left: 100px;
}
.box20 .list li:nth-child(3) {
  width: 265px;
  top: 514px;
  left: 195px;
}
.box20 .list li:nth-child(4) {
  width: 317px;
  top: 141px;
  right: 166px;
}
.box20 .list li:nth-child(5) {
  width: 284px;
  top: 329px;
  right: 52px;
}
.box20 .list li:nth-child(6) {
  width: 351px;
  top: 514px;
  right: 140px;
}
.box30 {
  height: 607px;
  background: url(../images/b3.jpg) no-repeat center top;
  box-sizing: border-box;
  overflow: hidden;
}
.box30 .contain {
  position: relative;
}
.box30 .z1 {
  float: left;
  width: 47%;
  padding-top: 55px;
}
.box30 .z1 p {
  font-size: 32px;
  line-height: 45px;
  color: #e8e8e8;
  font-weight: bold;
}
.box30 .z1 h3 {
  font-size: 32px;
  font-weight: bold;
  line-height: 45px;
  color: #333333;
}
.box30 .z1 .line{width: 50px;height: 2px;background: #d10f0f;margin-top: 20px;}
.box30 .z1 .text {
	font-size: 16px;
  line-height: 30px;
  color: #666666;
  margin-top: 30px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 5;
  overflow: hidden;
  height: 150px;
}
.box30 .z1 .list {
  margin-top: 95px;
  position: relative;
}
.box30 .z1 .list li {
  height: 180px;
  float: left;
}
.box30 .z1 .list li .par {
	font-size: 16px;
  line-height: 115px;
  color: #333;
  width: 120px;
  text-align: center;
  display: block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.box30 .z1 .list li .par:hover {
  -webkit-transform: translateY(-4px);
  transform: translateY(-4px);
}
.box30 .z1 .list li:nth-child(1) .par {
  background: url(../images/r1.png) no-repeat top center;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
.box30 .z1 .list li:nth-child(1) .par:hover {
  background: url(../images/r01.png) no-repeat top center;
  color: #d20f0f;
}
.box30 .z1 .list li:nth-child(2) .par {
  background: url(../images/r2.png) no-repeat top center;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
.box30 .z1 .list li:nth-child(2) .par:hover {
  background: url(../images/r02.png) no-repeat top center;
  color: #d20f0f;
}
.box30 .z1 .list li:nth-child(3) .par {
  background: url(../images/r3.png) no-repeat top center;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
.box30 .z1 .list li:nth-child(3) .par:hover {
  background: url(../images/r03.png) no-repeat top center;
  color: #d20f0f;
}
.box30 .z1 .list li:nth-child(4) .par {
  background: url(../images/r4.png) no-repeat top center;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
.box30 .z1 .list li:nth-child(4) .par:hover {
  background: url(../images/r04.png) no-repeat top center;
  color: #d20f0f;
}
.box30 .y1 .yud {
  float: right;
  text-transform: uppercase;
  font-size: 38px;
  line-height: 40px;
  font-weight: bold;
  color: #d52e2e;
  position: absolute;
  left: 883px;
  top: 64px;
}
.box30 .y1 .wo {
  position: absolute;
  top: 125px;
  left: 595px;
}
.box30 .y1 .text {
  position: absolute;
  width: 278px;
  text-align: center;
  left: 959px;
  top: 535px;
}
.box30 .y1 .text p {
  font-size: 18px;
  line-height: 30px;
  color: #ffffff;
}
.box30 .y1 .text .zm {
  font-size: 12px;
  line-height: 30px;
  color: #ffc9c9;
}
.box40 {
  margin: 70px 0 0 0;
  overflow: hidden;
}
.box40 .top {
  width: 828px;
  margin: 0 auto;
}
.box40 .top p {
	margin-bottom: 10px;
	text-transform: uppercase;
  font-size: 26px;
  font-weight: bold;
  color: #ececec;
  text-align: center;
}
.box40 .top h3 {
  font-size: 32px;
  font-weight: bold;
  color: #333333;
  position: relative;
  text-align: center;
  background: url(../images/t1.jpg) no-repeat center;
  background-position-x: -27px;
}
.box40 .top h3::before {
  content: "";
  display: block;
  width: 58px;
  height: 3px;
  position: absolute;
  background: #d20f0f;
  left: 50%;
  bottom: -20px;
  transform: translateX(-50%);
}
.box40 .list {
  margin-top: 80px;
}
.box40 .list li {
  float: left;
  position: relative;
  width: 620px;
  height: 580px;
  margin: 0 60px 0 0;
}
.box40 .list li .img {
  height: 450px;
  background: url(../images/t3.png) no-repeat top left;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.box40 .list li .img:hover {
  -webkit-transform: translateY(-4px);
  transform: translateY(-4px);
}
.box40 .list li .img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  margin: 10px 0 0 12px;
}
.box40 .list li .text {
  width: 461px;
  height: 264px;
  background: url(../images/t4.png) no-repeat center top;
  position: absolute;
  padding: 35px 0 0 30px;
  box-sizing: border-box;
  bottom: 0;
  left: 67px;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.box40 .list li .text:hover {
  -webkit-transform: translateY(-4px);
  transform: translateY(-4px);
}
.box40 .list li .text .title {
  font-size: 14px;
  color: #999;
  padding-right: 20px;
}
.box40 .list li .text .title i {
  font-size: 18px;
  color: #333;
  font-weight: bold;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
  width: 240px;
}
.box40 .list li .text .partext {
  margin-top: 15px;
  width: 400px;
}
.box40 .list li .text .partext p {
	font-size: 15px;
  line-height: 30px;
  color: #666;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
.box40 .list li:nth-child(2) .img {
  margin-top: 184px;
  background: url(../images/t3.png) no-repeat bottom right;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.box40 .list li:nth-child(2) .img:hover {
  -webkit-transform: translateY(-4px);
  transform: translateY(-4px);
}
.box40 .list li:nth-child(2) .img img {
  margin: 0 12px 10px 0;
}
.box40 .list li:nth-child(2) .text {
  background: url(../images/t2.png) no-repeat center top;
  bottom: 285px;
  padding: 48px 0 0 30px;
}
.box40 .more{display: block;width: 140px;line-height: 45px;font-size: 16px;margin: 100px auto 0;background: #d20f0f;color: #fff;text-align: center;transition: 0.5s;}
.box40 .more:hover{width: 160px;}
.box70 .more{display: block;width: 140px;line-height: 45px;font-size: 16px;margin: 50px auto 0;background: #d20f0f;color: #fff;text-align: center;transition: 0.5s;}
.box70 .more:hover{width: 160px;}
.box50 {
  height: 687px;
  background: url(../images/b5.jpg) no-repeat center top;
  box-sizing: border-box;
  margin-top: 130px;
  padding-top: 72px;
}
.box50 .contain {
  position: relative;
}
.box50 .top {
  position: absolute;
  top: 0px;
  left: 105px;
}
.box50 .top p {
	text-transform: uppercase;
  font-size: 26px;
  font-weight: bold;
  color: #e7e7e7;
  line-height: 30px;
}
.box50 .top h3 {
  font-size: 32px;
  color: #333333;
  font-weight: bold;
}
.box50 .suc {
  position: absolute;
  top: 0;
  left: -235px;
  writing-mode: tb-rl;
}
.box50 .suc .su {
  font-size: 26px;
  color: #ffcbcb;
  line-height: 1.5;
}
.box50 .suc .yu {
  font-size: 33px;
  color: #ffcbcb;
}
.box50 .sild20 .hd {
	width: 20%;
  float: left;
  margin-top: 170px;
  margin-left: 110px;
  font-size: 16px;
  line-height: 2;
}
.box50 .sild20 .hd .more {
  display: block;
  width: 120px;
  height: 33px;
  background-color: #d20f0f;
  line-height: 33px;
  color: #fff;
  text-align: center;
  margin-top: 59px;
  transition: 0.5s;
}
.box50 .sild20 .hd .more:hover{width: 150px;}
.box50 .sild20 .hd .on a {
  background: url(../images/c1.png) no-repeat left center;
}
.box50 .sild20 .bd {
  margin: 0 -63px 0 0;
  float: right;
  width: 70%;
}
.box50 .sild20 .bd li {
  float: left;
  margin: 0 63px 39px 0;
  position: relative;
}
.box50 .sild20 .bd li::before {
  content: "PRODUCTION";
  display: block;
  position: absolute;
  top: 0;
  left: -23px;
  writing-mode: tb-rl;
  font-size: 14px;
  color: #e7e7e7;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
.box50 .sild20 .bd li:hover::before {
  color: #d20f0f;
}
.box50 .sild20 .bd li .box {
  position: relative;
  width: 408px;
  height: 285px;
  overflow: hidden;
}
.box50 .sild20 .bd li .img {
  display: block;
  width: 388px;
  height: 246px;
  padding: 6px 10px;
  background-color: #eeeeee;
}
.box50 .sild20 .bd li .img img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.box50 .sild20 .bd li .title {
  display: block;
  position: absolute;
  width: 100%;
  height: 285px;
  top: -285px;
  background: url(../images/me.png) no-repeat center top;
  font-size: 16px;
  color: #fff;
  line-height: 225px;
  padding: 0 15px;
  box-sizing: border-box;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-align: center;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
.box50 .sild20 .bd li:hover .title {
  top: 0;
}
.box70 {
  margin-top: 90px;
}
.box70 .top {
  width: 828px;
  margin: 0 auto;
}
.box70 .top p {
	margin-bottom: 10px;
  font-size: 26px;
  font-weight: bold;
  color: #ececec;
  text-align: center;
}
.box70 .top h3 {
  font-size: 32px;
  font-weight: bold;
  color: #333333;
  position: relative;
  text-align: center;
  background: url(../images/t1.jpg) no-repeat center;
  background-position-x: -27px;
}
.box70 .top h3::before {
  content: "";
  display: block;
  width: 58px;
  height: 3px;
  position: absolute;
  background: #d20f0f;
  left: 50%;
  bottom: -20px;
  transform: translateX(-50%);
}
.box70 .sild30 {
  margin-top: 50px;
}
.box70 .sild30 .bd {
  margin-top: 33px;
}
.box70 .sild30 .bd ul {
  margin: 0 -40px 0 0;
}
.box70 .sild30 .bd ul li {
  width: 636px;
  height: 184px;
  float: left;
  margin: 0 34px 25px 0;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.box70 .sild30 .bd ul li:hover {
  -webkit-transform: translateY(-4px);
  transform: translateY(-4px);
}
.box70 .sild30 .bd ul li .img {
  display: block;
  width: 224px;
  height: 170px;
  padding: 6px 8px;
  border: solid 1px #e1e1e1;
  float: left;
  margin-right: 15px;
}
.box70 .sild30 .bd ul li .img img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.box70 .sild30 .bd ul li .text {
  float: left;
  width: 327px;
}
.box70 .sild30 .bd ul li .text .title {
  font-size: 18px;
  color: #333;
  line-height: 48px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
.box70 .sild30 .bd ul li .text .data {
  line-height: 16px;
  color: #c0c0c0;
  padding-left: 29px;
  background: url(../images/time.png) no-repeat center left;
  margin-top: 6px;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
.box70 .sild30 .bd ul li .text p {
	font-size: 15px;
  line-height: 30px;
  color: #999;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
  height: 90px;
  margin-top: 15px;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
.box70 .sild30 .bd ul li:hover {
  background: #d20f0f;
}
.box70 .sild30 .bd ul li:hover .img {
  border: none;
}
.box70 .sild30 .bd ul li:hover .text .title {
  color: #fff;
}
.box70 .sild30 .bd ul li:hover .text .data {
  color: #df5a5a;
  background: url(../images/time2.png) no-repeat center left;
}
.box70 .sild30 .bd ul li:hover .text p {
  color: #fff;
}
.link {
  height: 156px;
  background: url(../images/link.jpg) no-repeat center top;
  margin-top: 40px;
  box-sizing: border-box;
  padding-top: 49px;
}
.link .top {
  float: left;
}
.link .top p {
  font-size: 16px;
  font-weight: bold;
  color: #fff;
}
.link .top h3 {
  font-size: 24px;
  font-weight: bold;
  color: #ffffff;
}
.link .lj {
  width: 1000px;
  float: right;
}
.link .lj a {
  display: inline-block;
  line-height: 36px;
  color: #333;
  margin-left: 30px;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
.link .lj a:hover {
  color: #d20f0f;
}
.footer {
  height: 512px;
  background: url(../images/footer.jpg) no-repeat center top;
}
.footer .z1 {
  float: left;
  margin-right: 60px;
  width: 277px;
}
.footer .z1 .logo {
  display: block;
  margin-top: 25px;
}
.footer .z1 .logo h3 {
  font-size: 28px;
  line-height: 26px;
  color: #e35656;
}
.footer .z1 .logo p {
  font-family: Arial;
  font-size: 14px;
  line-height: 26px;
  color: #e35656;
}
.footer .z1 .num {
  padding-left: 64px;
  background: url(../images/tel2.png) no-repeat center left;
  margin-top: 35px;
  margin-bottom: 25px;
}
.footer .z1 .num p {
  font-size: 16px;
  color: #ffffff;
}
.footer .z1 .num .um {
  font-family: Arial;
  font-size: 24px;
  line-height: 26px;
  color: #fff;
}
.footer .z1 p {
  line-height: 26px;
  color: #ffc1c1;
  font-size: 14px;
  height: 26px;
}
.footer .z1 .erm {
  padding-top: 45px;
  width: 117px;
  margin: 0 auto;
}
.footer .z1 .erm img {
  width: 117px;
  height: 117px;
}
.footer .z1 .erm p {
  text-align: center;
}
.footer .z2 {
	width: 30%;
  float: left;
  padding-top: 50px;
  margin-left: 10%;
}
.footer .z2 p {
	position: relative;
  font-size: 24px;
  color: #333333;
  font-weight: bold;
}
.footer .z2 p::after{position: absolute;left: 0;top: 70px;content: "";width: 190px;height: 1px;background: #ccc;}
.footer .z2 p i {
  font-size: 18px;
  display: block;
  color: #333333;
}
.footer .z2 .list {
  margin-top: 45px;
}
.footer .z2 .list li {
  float: left;
  width: 122px;
  line-height: 45px;
  position: relative;
}
.footer .z2 .list li::after{content: "";display: block;position: absolute;left: 0;top: 40px;width: 10px;height: 2px;background: #d20f0f;transition: 0.5s;}
.footer .z2 .list li:hover::after{width: 63px;}
.footer .z2 .list li a {
  font-size: 16px;
  color: #4c4c4c;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.footer .z2 .list li .er {
  margin-top: 20px;
}
.footer .z2 .list li .er a {
  display: block;
  font-size: 14px;
  line-height: 36px;
  color: #999;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.footer .z3 {
  float: right;
  width: 415px;
  padding-top: 50px;
}
.footer .z3 p {
	position: relative;
  font-size: 24px;
  color: #333333;
  font-weight: bold;
}
.footer .z3 p::after{position: absolute;left: 0;top: 70px;content: "";width: 190px;height: 1px;background: #ccc;}
.footer .z3 p i {
  font-size: 18px;
  display: block;
  color: #333333;
}
.footer .z3 .FOM {
  margin: 54px -35px 0 0;
  width: 416px;
}
.footer .z3 .FOM .n {
  width: 202px;
  height: 52px;
  border: solid 1px #f3f3f3;
  position: relative;
  padding: 0 0 0 52px;
  box-sizing: border-box;
  float: left;
  margin: 0 10px 13px 0;
}
.footer .z3 .FOM .n img {
  width: 80px;
  height: 32px;
  position: absolute;
  top: 7px;
  right: 7px;
}
.footer .z3 .FOM .n input {
  width: 100%;
  height: 100%;
  line-height: 52px;
  background: none;
  color: #c1c1c1;
  border: 1px solid #ccc;
}
.footer .z3 .FOM .n ::-webkit-input-placeholder {
  color: #c1c1c1;
}
.footer .z3 .FOM .n:nth-child(2) {
  background: url(../images/f1.png) no-repeat center left;
  background-position-x: 18px;
}
.footer .z3 .FOM .n:nth-child(3) {
  background: url(../images/f2.png) no-repeat center left;
  background-position-x: 18px;
  margin: 0 0px 13px 0;
}
.footer .z3 .FOM .ln {
  width: 416px;
  height: 118px;
  border: solid 1px #f3f3f3;
  float: left;
  background: url(../images/f3.png) no-repeat top left;
  background-position: 18px 20px;
  padding: 0 0 0 50px;
  box-sizing: border-box;
  margin-bottom: 14px;
}
.footer .z3 .FOM .ln textarea {
  width: 100%;
  height: 100%;
  padding-top: 18px;
  line-height: 28px;
  box-sizing: border-box;
  background: none;
  color: #c1c1c1;
  border: 1px solid #ccc;
}
.footer .z3 .FOM .ln textarea::placeholder {
  color: #c1c1c1;
}
.footer .z3 .FOM img {
  width: 109px;
  height: 53px;
  float: left;
}
.footer .z3 .FOM .yan {
  width: 109px;
  height: 53px;
  border: solid 1px #f3f3f3;
  float: left;
  margin-left: 11px;
}
.footer .z3 .FOM .yan input {
  width: 100%;
  height: 100%;
  line-height: 52px;
  background: none;
  color: #c1c1c1;
  text-align: center;
}
.footer .z3 .FOM .yan ::-webkit-input-placeholder {
  color: #c1c1c1;
}
.footer .z3 .FOM #btn {
	display: block;
  width: 150px;
  height: 45px;
  line-height: 45px;
  margin: 20px auto 0;
  background-color: #d20f0f;
  text-align: center;
  font-size: 16px;
  color: #fff;
  cursor: pointer;
  border: none;
  transition: 0.5s;
}
.footer .z3 .FOM #btn:hover{width: 180px;}
.footer .ban {
  margin-top: 40px;
}
.footer .ban p {
	text-align: center;
  color: #7c7c7c;
  font-size: 14px;
  line-height: 26px;
}
.footer .ban p a {
  color: #7c7c7c;
  font-size: 14px;
  line-height: 26px;
}
/*footer*/
.foot-bg{background: url(../images/bot.jpg);padding: 30px 0;}
.foot-index{display: flex;justify-content: space-between;}
.foot1{width: 27%;}
.fi{width: 29%;}
.hidden-xs{width: 15%;}
.ft{
  font-size: 18px;
  color: #ffffff;
  padding: 15px 0;
  margin-bottom: 10px;
  position: relative;
}
.ft::after{content: "";display: block;position: absolute;left: 0;bottom: 0;width: 70px;height: 2px;background: #d20f0f;}
.ft span{
  font-size: 14px;
  text-transform: uppercase;
  color: rgba(255,255,255,.2);
  margin-left: 10px;
}
.fnav li{
  float: left;
  width: 25%;
  margin-bottom: 7px;
}

.fnav li a{
  display: block;
  font-size: 14px;
  color: rgba(255,255,255,.5);
}
.fnav li:hover a{color: #fff;text-decoration: underline;}
.lx p{color: rgba(255,255,255,.5);font-size: 14px;}

.ferq{text-align: center;font-size: 14px;color: rgba(255,255,255,.5);}
.cop-bg{
  background: #1e1f21;
  border-top: 1px solid #595a5c;
  border-bottom: 1px solid #595a5c;
  padding: 25px 0;
}

.cop-index{
  font-size: 12px;
  color: rgba(255,255,255,.3);
}

.cop-index a{
  color: rgba(255,255,255,.3);
}

.cop-index a:hover{
  color: #d20f0f;
}
.banquan{ width: 100%; height: 30px; line-height: 30px; background: #2c2c2c; text-align: center;color: #fff;border-top: 1px solid #464646;}
.hhimg{height: 330px;background: url(../images/images.jpg) no-repeat center center;}
.prolist{}
.prolist dl{ float: left; width: 270px; height: 240px; display: block; margin: 15px 10px 0px 10px; border: 1px solid #CCCCCC; text-align: center;}
.prolist dl dt{ text-align: center;}
.prolist dl img{ margin: 3px;  display: block; padding: 1px; border: 1px solid #EEE; height: 200px; text-align: center;}
.message{line-height:24px;width: 580px;margin: 0 auto;}
.message dt{float:left;clear:both;width:70px;margin-top:18px;}
.message dd{float:left;margin-top:10px;}
.message input{line-height:40px;height:40px;border-radius: 5px;border: 1px solid rgb(169, 169, 169);}
.message .input{display: flex;justify-content: space-evenly;margin-top: 20px;}
.sub{line-height:40px !important;height: 40px !important;width: 150px;background: #d20f0f;cursor: pointer;border: none;font-size: 16px;color: #fff;}
.iright .e2{display: flex;justify-content: space-between;flex-wrap: wrap;}
.e2 li{width: 31%;padding: 10px;border: 1px solid #ccc;margin-bottom: 20px;position: relative;overflow: hidden;border-radius: 5px;}
.e2 li .bottom_div{position: absolute;left: -100%;top: 0;z-index: -1;width: 100%;height: 100%;background: #d20f0f;transition: 0.5s;transition-timing-function:cubic-bezier(0.52, 1.64, 0.37, 0.66);}
.e2 li .nti{padding-bottom: 5px;margin-bottom: 5px;border-bottom: 1px dashed #ccc;}
.e2 li .nti .xian{width: 30px;height: 2px;float: left;background: #d20f0f;transition: 0.5s;margin-top: 17px;margin-right: 10px;}
.e2 li .tia{float: left;font-size: 18px;color: #333;font-weight: bold;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;width: 70%;}
.e2 li .nti>span{float:right;}
.e2 li .des{font-size: 14px;line-height: 2;}
.e2 li .des .desbo{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.e2 li .des a{display: block;width: 100px;line-height: 30px;text-align: center;font-size: 14px;margin-top: 30px;background: #d20f0f;color: #fff;border-radius: 5px;}
.e2 li:hover .bottom_div{left: 0;}
.e2 li:hover .nti .xian{background: #fff;}
.e2 li:hover a{color: #fff;}
.e2 li:hover .des{color: #fff;}
.e2 li:hover .des a{background: #fff;color: #d20f0f;}
.e2 li:hover{border-color: #d20f0f;}

.listimg{width:219px;float:left;margin:0px 5px;}
.listimg a{width:219px;}
.listimg a img{vertical-align:middle; width:219px; height:180px;}
.listimg p{line-height:40px; height:40px; text-align:center; width:219px; margin:0px auto;}
.slt{overflow:hidden;margin-top:10px;margin-bottom:10px;}
.timeBar{color:#666;line-height:36px;text-align:center;margin-top:20px;margin-right:auto;margin-bottom:10px;margin-left:auto;}
/* .time{border-bottom:1px solid #dedede;} */
.guidbar_next{padding:10px 0px;border-top:1px solid #dadada;margin-top:20px;display: flex;justify-content: space-between;}
.guidbar_next li{font-size:14px;color:#666;}
.guidbar_next li a{color:#333;font-size: 14px;}
.page{padding-top:20px;height:30px;clear:both;text-align: center;}
.page li{display: inline-block;margin-right:6px;border:1px solid #ccc;width: 5%;}
.page .pages_hollow{width: 5%;line-height:25px;background: #d20f0f;color: #fff;border:1px solid #d20f0f;}
.page li a{display: block;color:#333;line-height:25px;}
.page li a:hover{background: #d20f0f;color: #fff;text-decoration:none;}
.title3{height:36px; line-height:36px; color:#fff; font-size:14px; font-weight:bold; padding-left:10px; background-color:#1348ac;}
.title3 span{ float:right; color:#fff; padding-right:10px;}
.title3 a{ color: #fff;}
.content{line-height:36px;font-size:16px;}
.mt5{ text-align: center;}
.iright{margin-bottom: 20px;}
.icpfl{background: #d20f0f; }
.cpt{ height: 80px; background: #032e65; text-align: center; font-size: 22px; color: #fff; line-height: 80px;}
.cpt span{ font-size: 16px; padding-left: 6px;}
.cpb{ padding: 30px 20px;}
.cpb li{ height: 40px; line-height: 40px; background: #f8f8f8; text-align: center; margin-bottom: 10px;}
.cpb li a{ font-size: 18px; color: #333333; display: block;}
.cpb li:hover{ background: #032e65;}
.cpb li:hover a{color: #fff;}
.cpb:nth-child(2) ul{ padding: 10px 0px}
.cpb ul dd{ line-height: 35px; text-align: center;}
.cpb ul dd a{ font-size: 14px; color: #ffffff; display: block;}
.cpb ul dd:hover{ background: #f8f8f8;}
.cpb ul dd:hover a{ color: #333;}
.nlx{ margin-top: 20px;}
.nlxt{ height: 40px; line-height: 40px; background: #d20f0f; font-size: 16px; color: #fff; padding-left: 20px;}
.nlxb{ background: #f4f5f7; padding: 10px; line-height: 30px; font-size: 14px;}
.mup{height:60px;line-height: 60px;font-size:16px;background: #f1f1f1;}
.mup .contain{display: flex;justify-content: space-between;}
.mup .n-name{font-size: 25px;font-weight: bold;color: #333;border-bottom: 4px solid #d20f0f;}
.mup .cwrap{padding-left: 30px;background: url(../images/home.png) no-repeat left;}
.mup p{float:left;padding-left: 15px;}
.mup span{float:right;padding-right:10px;}
.mup span a{ font-size:14px; color:#fff;}
.mup span a:hover{color:#ef8008;}
.sbj{ margin: 40px auto;}
.rytp{width:24%;float:left;margin:0px 5px 20px;}
.rytp a.link{height:233px;display:block;overflow:hidden;border:1px solid #ccc;text-align:center;position: relative;}
.rytp a.link::before{content: "";display: block;position: absolute;left: 50%;top: 0;width: 0;height: 100%;transition: 0.5s;opacity: 1;background: #fff;}
.rytp a.link::after{content: "";display: block;position: absolute;left: 0;top: 50%;width: 100%;height: 0;transition: 0.5s;opacity: 1;background: #fff;}
.rytp:hover a.link::before{opacity: 0;width: 100%;left: 0;}
.rytp:hover a.link::after{opacity: 0;height: 100%;top: 0;}

.rytp .ryimg{height: 250px;overflow: hidden;position: relative;}
.rytp .ryimg::after{content: "查看详情";display: block;position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.5);transition: 0.5s;font-size: 16px;color: #fff;text-align: center;line-height: 250px;opacity: 0;}
.rytp:hover .ryimg::after{opacity: 1;}
.rytp .ryb{line-height:40px;height:40px;text-align:center;position: relative;}
.rytp .ryb::after{content: "";display: block;width: 0;height: 100%;background: #d20f0f;transition: 0.5s;margin: 0 auto;}
.rytp .ryb p{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;position: absolute;width: 100%;z-index: 5;transition: 0.5s;}
.rytp:hover .ryb::after{width: 100%;}
.rytp:hover .ryb p{color: #fff;}
.nproduct{text-align: center;margin: 90px 0;font-size: 0;}
.nproduct li{width: 9%;float: left;border: 1px solid #d20f0f;box-sizing: border-box;line-height: 40px;background: #f1f1f1;position: relative;margin-right: 10px;margin-bottom: 10px;border-radius: 6px;}
.nproduct li a{font-size: 16px;display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.nproduct li dl{line-height: 35px;display: none;background: #d20f0f;position: absolute;left: 0;top: 40px;width: 100%;z-index: 1;border: 1px solid #d20f0f;}
.nproduct li dl a{font-size: 15px;display: block;color: #fff;position: relative;}
.nproduct li dl a::after{content: "";display: block;position: absolute;left: 0;bottom: 0;width: 0;height: 2px;background: #fff;transition: 0.5s;}
.nproduct li:hover{background: #d20f0f;}
.nproduct li:hover a{color: #fff;}
.nproduct li dl dt a:hover::after{width: 100%;}
.iright .content img{display: block;margin: 0 auto;}
/* 联系我们内页 */
.content .cfont{font-size: 16px;color: #777;line-height: 1.5;margin-bottom: 40px;padding-bottom: 20px;border-bottom: 1px solid #ccc;}
.content .inside{display: flex;justify-content: space-between;flex-wrap: wrap;}
.content .inside li{width: 46.5%;border: 1px solid #ccc;transition: 0.5s;display: flex;justify-content: space-between;align-items: center;margin-bottom: 20px;padding: 20px;}
.content .inside li .inr{width: 85%;font-size: 16px;color: #777;position: relative;}
.content .inside li .inr p{font-size: 19px;color: #333;font-weight: bold;line-height: 1.5;text-transform: lowercase;}
.content .inside li .inr::after{content: "";display: block;position: absolute;left: -12px;top: 10px;width: 1px;height: 50px;background: #ccc;}
.content .inside li:hover{box-shadow: 0 5px 10px #ccc;transform: translateY(-10px);border-color: #d20f0f;}

/* 侧边工具栏 */
#toolbar {position: fixed;z-index: 9999;right: 17px;bottom: 10%;}
#toolbar li {margin-bottom: 3px;font-size: 0;width: 57px;height: 57px;right: 0;position: relative;}
#toolbar li a {display: block;position: absolute;z-index: 9;right: 0;top: 0;width: 57px;height: 57px;overflow: hidden;background: #d20f0f;-webkit-transition: all .5s ease;transition: all .5s ease;white-space: nowrap;font-size: 0;}
#toolbar li .icon-font {display: inline-block;vertical-align: middle;width: 57px;height: 57px;background-color: #d20f0f;}
#toolbar li .icon-qq:after {background-position: 0 -150px;}
#toolbar li .icon-phone:after {background-position: 0 -90px;}
#toolbar li .icon-ewm:after {background-position: 0 -30px;}
#toolbar li .icon-message:after {background-position: 0 -120px;}
#toolbar li .icon-top:after {background-position: 0 -60px;}
#toolbar li .icon-wangwang:after {background-position: 0 0;}
#toolbar li .wz {display: inline-block;line-height: 57px;font-size: 14px;color: #fff;vertical-align: middle;padding-left: 10px;}
#toolbar li.ewm .ewm-box {position: absolute;z-index: 1;padding: 5px;background: #292e39;width: 110px;right: 120%;bottom: 0;opacity: 0;visibility: hidden;-webkit-transform: translateX(100%);transform: translateX(100%);-webkit-transition: all .7s;transition: all .7s;}
#toolbar li.ewm .ewm-box p {margin-bottom: 0;}
#toolbar li.ewm .ewm-box img {max-width: 100%;}
#toolbar li.ewm .ewm-box:after {content: '';position: absolute;right: -5px;bottom: 20px;width: 0;height: 0;line-height: 0;font-size: 0;overflow: hidden;border-width: 5px;cursor: pointer;border-style: dashed dashed dashed solid;border-color: transparent transparent transparent #292e39;border-right: none;}
#toolbar li.ewm:hover .icon {background-position: -57px -180px;}
#toolbar li.ewm:hover .ewm-box {opacity: 1;visibility: visible;-webkit-transform: translateY(0);transform: translateY(0);}
#toolbar li.backtop {cursor: pointer;}
#toolbar li.backtop .iconfont {color: #fff;background-color: #292e39;}
#toolbar li:hover a {width: 200px;}
#toolbar li:last-child:hover a{width: 59px;}
#toolbar li:hover .icon-font {background-color: #292e39;}
#toolbar li:hover .icon-qq:after {background-position: -30px -150px;}
#toolbar li:hover .icon-phone:after {background-position: -30px -90px;}
#toolbar li:hover .icon-ewm:after {background-position: -30px -30px;}
#toolbar li:hover .icon-message:after {background-position: -30px -120px;}
#toolbar li:hover .icon-wangwang:after {background-position: -30px 0;}
#toolbar li:hover .icon-top:after {background-position: -30px -60px;}
.icon-font {position: relative;}
.icon-font:after {content: "";width: 30px;height: 30px;background-image: url(../images/icon_spirit.png);background-repeat: no-repeat;position: absolute;left: calc(50% - 15px);top: calc(50% - 15px);}

@media screen and (max-width: 1440px) {
	.contain{width: 1200px;}
	.nav li{width: 80px;}
	.box10 .sild10 .bd{width: 74%;}
	.box10 .sild10 .bd ul li{width: 32%;}
	.box10 .sild10 .bd ul li:hover .title{background-position-x: 236px;}
	.box30 .y1 .yud{font-size: 27px;left: 775px;}
	.box30 .y1 .text{left: 847px;}
	.box50{background: url(../images/b5.jpg) no-repeat -153px;}
	.box50 .sild20 .bd li .box{width: 96%;}
	.box50 .sild20 .bd li .img{width: auto;}
	.box50 .sild20 .bd li{margin: 0 13px 0 0;width: 40%;}
	.box40 .list li{width: 540px;}
	.box70 .sild30 .bd ul li{width: 585px;}
	.footer .z1{margin-right: 20px;}
	
	/* 内页 */
	.e2 li{width: 30.2%;}
	.e2 li .tia{width: 58%;}
	.rytp{width: 24.1%;}
	.page li{width: 7%;}
	.page .pages_hollow{width: 7%;}
	.ileft{width: 23%;}
	.content .inside li{width: 45.6%;}
	.content .inside li .inr{width: 82%;}
}