@charset "utf-8";
@import url("../css/layui-theme-custom.css");
a {
  transition: all 0.3s;
}

.textleft {
  text-align: left !important;
}

.cfff {
  color: #FFF !important;
}

.fl {
  float: left;
}

.fr {
  float: right;
}

.disflex {
  display: flex;
}

.bgfff {
  background-color: #fff;
}

.bgccc {
  background-color: #F5F5F5;
}

.bgccc2 {
  background-color: #fbfbfb;
}

.textcenter {
  text-align: center !important;
}

.themec {
  color: #E94816 !important;
}

.cf {
  color: #FFF !important;
}

#page {
  max-width: 1920px;
  margin: 0 auto;
  width: 100%;
}

.theme.swiper-button-next, .theme.swiper-button-prev {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  background-color: #111;
  background-position: 50% 50%;
  background-size: auto;
  transition: all 0.3s;
}

.theme.swiper-button-next:hover, .theme.swiper-button-prev:hover {
  background-color: #E94816;
}

.theme.swiper-button-prev {
  background-image: url("../images/index_left.png");
}

.theme.swiper-button-next {
  background-image: url("../images/index_right.png");
}

/*header start*/
.nav-box {
  display: none;
}

.header_top {
  color: #979AA1;
  background: #EFEFF1;
}

.header_top > .m-width-1280 {
  justify-content: space-between;
  height: 45px;
  align-items: center;
}

.header_top .web_share {
  padding-bottom: 0;
}

.header_top .top_con a {
  margin-left: 30px;
}

.header_top a {
  color: #979AA1;
}

.header_top a:hover {
  color: #E94816;
}

.header-ny {
  border-bottom: 1px solid #ddd;
  margin-bottom: 80px;
}

.header-box {
  position: relative;
  padding-right: 150px;
  box-sizing: border-box;
}

.header-box .logo {
  height: 110px;
  display: flex;
  width: 15%;
  align-items: center;
}

.header-box .logo img {
  max-width: 100%;
}

.header-box .header-gp {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  right: 0;
  color: #E94816;
  line-height: 1.5;
}

.header-box .m-width-1280 {
  position: relative;
}

.header-box .icon-ny {
  display: none;
}

.pc-nav {
  margin-left: 3%;
  width: 58%;
  box-sizing: border-box;
}

.pc-nav ul {
  display: flex;
  justify-content: space-between;
}

.pc-nav li.active:after,
.pc-nav li:hover:after {
  height: 100%;
}

.pc-nav li.active > a,
.pc-nav li:hover > a {
  font-weight: bold;
}

.pc-nav li.active > a:after,
.pc-nav li:hover > a:after {
  transform: scale(1);
}

.pc-nav li {
  float: left;
  font-size: 18px;
}

.pc-nav li.item {
  position: relative;
}

.pc-nav li.item:after {
  content: '';
  position: absolute;
  left: 50%;
  margin-left: -10px;
  width: 21px;
  height: 13px;
  background: url("../images/nav-arrow.png") no-repeat;
  bottom: 0;
  opacity: 0;
  margin-bottom: -1px;
  z-index: 99;
} 
.pc-nav li.item:hover:after{
  opacity: 1;
}
.pc-nav li.item.curs:after{
  background: url("../images/nav-arrow-h.png") no-repeat;
}
/* .pc-nav li.item .erji dd:nth-child(1){
  position: relative;
}
.pc-nav li.item .erji dd:nth-child(1):after{
  content: '';
  position: absolute;
  left: 50%;
  margin-left: -10px;
  width: 21px;
  height: 13px;
  background: url("../images/nav-arrow.png") no-repeat;
  top:-13px;
  
  z-index: 99;
}
.pc-nav li.item .erji dd:nth-child(1):hover:after {
  opacity: 1;
  background: url("../images/nav-arrow-h.png") no-repeat;
} */

.pc-nav li.item .erji {
  width: 100%;
  min-width: 175px;
  padding: 0;
  border-top: 1px solid rgba(0, 0, 0, 0.16);
  left: 0;
  transform: translateX(-20px);
  transition: all 0s;
}

.pc-nav li.item .erji dl {
  padding:0 1px 1px;
}

.pc-nav li.item .erji dd {
  padding: 0 15px;
}

.pc-nav li.item .erji dd a {
  padding: 10px 0;
  display: block;
  border-bottom: 1px solid #E8E9E9;
}

.pc-nav li.item .erji dd:hover {
  background-color: #E94816;
}

.pc-nav li.item .erji dd:hover a {
  border-color: transparent;
  color: #FFF;
}

.pc-nav li > a {
  color: #333;
  transition: all .5s;
  -webkit-transition: all .5s;
  position: relative;
  font-weight: 500;
  z-index: 2;
  height: 110px;
  line-height: 110px;
  display: block;
  text-transform: capitalize;
}

.pc-nav li > a:after {
  content: '';
  position: absolute;
  background: #FF693C;
  width: 36px;
  height: 3px;
  left: 50%;
  bottom: 30px;
  margin-left: -18px;
  transition: all 0.3s;
  transform: scale(0);
}

.logo-box {
  display: flex;
  align-items: center;
  height: 100px;
}

.wap-logo {
  display: none;
}

.header-search {
  position: relative;
  width: 54%;
}

.header-search .ser-btn {
  position: absolute;
  left: 15px;
  top: 0;
  height: 100%;
}

.header-search input {
  border: none;
  box-shadow: none;
  border: 1px solid #D1D1D1;
  height: 36px;
  width: 70%;
  padding: 0 5% 0 25%;
}

.lan-box {
  height: 110px;
  align-items: center;
  z-index: 1992;
  margin-left: 10px;
}

.lan-box dt {
  display: flex;
}

.lan-box dt em:nth-child(2) {
  margin: 0 12px;
}

.lan-box dd {
  position: absolute;
  top: 110%;
  opacity: 0;
  visibility: hidden;
  transition: all 0.6s;
  transform-origin: top left;
  background: rgba(0, 0, 0, 0.8);
  padding: 0 20px;
  width: 90px;
  right: 0;
  line-height: 30px;
  font-size: 14px;
}

.lan-box dd a {
  display: block;
  text-align: center;
  color: #FFF;
  padding: 10px 0;
  white-space: nowrap;
}

.lan-box dd a:hover {
  color: #E94816;
}

.lan-box:hover dd {
  opacity: 1;
  visibility: visible;
  top: 100%;
}

.lan-box:hover .arrow {
  transform: rotate(-180deg);
}

.right-icon {
  width: 20%;
  font-size: 18px;
  align-items: center;
  justify-content: space-between;
  /* line-height: 75px; */
  position: relative;
  cursor: pointer;
}

.right-icon .arrow {
  display: flex;
  align-items: center;
  transition: all 0.3s;
}

.right-icon dl {
  position: relative;
}

.right-icon em,
.right-icon > a {
  position: relative;
  display: flex;
  align-items: center;
}

/* .right-icon img {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
} */
.pc-nav li .erji {
  position: absolute;
  background: #fff;
  box-shadow: 0px 8px 18px 0px rgba(0, 0, 0, 0.2);
  left: 50%;
  transform: translateX(-50%);
  top: 110%;
  width: 100%;
  box-sizing: border-box;
  padding: 0 5%;
  visibility: hidden;
  opacity: 0;
  z-index: 10;
  transition: all 0.1s;
}

.pc-nav li .erji .btn {
  position: absolute;
  right: 0;
  bottom: 0;
  max-width: 200px;
}

.erji .btns {
  position: absolute;
  right: 20px;
  bottom: 20px;
}

.erji .btns label, .erji .btns a {
  background-color: #E94816;
  display: block;
  height: 36px;
  line-height: 36px;
  color: #FFF;
  font-size: 14px;
  padding: 0 50px 0 30px;
}

.erji .btns label {
  margin-bottom: 10px;
  position: relative;
}

.erji .btns a {
  background-size: auto;
  background-repeat: no-repeat;
  background-image: url("../images/arrow-cf.png");
  background-position: 85% 50%;
}

.erji .btns input[type=checkbox] {
  border: none;
  position: absolute;
  right: 15%;
  top: 50%;
  margin-top: -6px;
}

.erji .btns input[type=checkbox]::after {
  position: absolute;
  top: 0;
  border: 1px solid #fff;
  background-color: #FFF;
  color: #000;
  width: 12px;
  height: 12px;
  display: inline-block;
  visibility: visible;
  padding-left: 0px;
  text-align: center;
  content: ' ';
  border-radius: 0px;
}

.erji .btns input[type=checkbox]:checked::after {
  content: "✓";
  background-color: #FFF;
  font-size: 12px;
  font-weight: bold;
  color: #444;
}

.erji .erji-bot {
  min-height: 490px;
  display: flex;
}

.erji .erji-bot dl.fl {
  padding: 0;
  box-sizing: border-box;
  padding-left: 20px;
}

.erji .erji-bot .fl {
  width: 33%;
  background-color: #FFF;
}

.erji .erji-bot .fr {
  width: 67%;
  position: relative;
  /* background: url("../images/erji-rightbg.jpg") no-repeat 0% 0%; */
  /* background-size: cover; */
  text-align: right;
  vertical-align: bottom;
}

.erji .erji-bot .fr img {
  /* position: absolute;
  bottom: 0; */
  width: 100%;
  /* width: auto; */
  /* left: 50%;
  transform: translateX(-50%); */
}

.erji .erji-bot dd {
  text-align: left;
  border-top: 1px solid #D1D1D1;
  z-index: 3;
}

.erji .erji-bot dd dl {
  position: absolute;
  top: 0;
  left: 100%;
  z-index: 3;
  width: 375px;
  height: 100%;
  visibility: hidden;
  opacity: 0;
}

.erji .erji-bot dd dl > div {
  background-color: rgba(255, 255, 255, 0.6);
  padding: 15px 0;
}

.erji .erji-bot dd dl dd {
  border-top: none;
  padding: 0 45px 0px 45px;
}

.erji .erji-bot dd dl dd .btns {
  opacity: 0;
  visibility: hidden;
}

.erji .erji-bot dd dl dd a {
  line-height: 1;
  padding: 8px 0;
  border-bottom: 1px solid #D1D1D1;
}

.erji .erji-bot dd dl dd:nth-last-of-type(1) {
  border-bottom: none;
}

.erji .erji-bot dd dl dd .arrow {
  right: 5px;
}

.erji .erji-bot dd .arrow {
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-image: url("../images/arrow-right.png");
  width: 10px;
  height: 14px;
  position: absolute;
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
}

.erji .erji-bot dd:hover {
  background: linear-gradient(to right, #E94816 0%, #ffffff 100%);
}

.erji .erji-bot dd:hover dl {
  opacity: 1;
  visibility: visible;
}

.erji .erji-bot dd:hover > .arrow {
  background-image: url("../images/arrow-right2.png");
}

.erji .erji-bot dd:hover > a {
  color: #343434;
  border-color: transparent;
}

.erji .erji-bot dd .icon {
  position: absolute;
  right: 50px;
  top: 50%;
  transform: translateY(-50%);
}

.erji .erji-bot dd .icon img {
  height: 36px;
}

.erji-top {
  margin-bottom: 15px;
}

.erji-top .erji-html-text {
  display: none;
}

.erji-top > dd {
  float: left;
  position: relative;
  padding: 10px 0 !important;
}

.erji-top > dd:after {
  content: '';
  position: absolute;
  left: 50%;
  width: 30px;
  margin-left: -15px;
  bottom: 0;
  height: 3px;
  background-color: #E94816;
  opacity: 0;
  transition: all 0.3s;
}

.erji-top > dd.cur, .erji-top > dd:hover {
  font-weight: bold;
}

.erji-top > dd.cur:after, .erji-top > dd:hover:after {
  opacity: 1;
}

.pro-select-more {
  float: right;
  padding: 15px 40px;
}

.pro-select-more:hover .tit {
  background-image: url("../images/arrow-right2.png");
}

.pro-select-more:hover .tit a {
  color: #E94816;
}

.pro-select-more:hover p a {
  color: #E94816;
}

.pro-select-more .tit {
  font-size: 20px;
  background-image: url("../images/arrow-right.png");
  background-repeat: no-repeat;
  background-position: 100% 50%;
  display: inline-block;
  padding-right: 30px;
  font-weight: bold;
  margin-bottom: 10px;
}

.pro-select-more .tit a {
  color: #343434;
}

.pro-select-more p a {
  color: #666666;
  font-size: 16px;
}

.pc-nav li.hover .erji {
  top: 100%;
  visibility: visible;
  opacity: 1;
  z-index: 90;
}

.lay_fade {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 160px;
  background-color: rgba(0, 0, 0, 0.5);
  left: 0;
  z-index: 1990;
  visibility: hidden;
  opacity: 0;
  transition: all 0.3s;
}

.lay_fade.act {
  visibility: visible;
  opacity: 1;
}

.erji dl {
  position: relative;
}

.erji dl dd {
  white-space: nowrap;
  padding: 5px 0;
}

.erji dd a:hover {
  color: #E94816;
}

.erji dd a {
  padding: 6px 24px;
  color: #666;
  display: block;
  white-space: nowrap;
  line-height: 1.5;
  font-size: 16px;
  position: relative;
}

.erji dd a span {
  display: inline-block;
}

.erji .fl > dd > a > span {
  white-space: nowrap;
  width: 60%;
  overflow: hidden;
  text-overflow: ellipsis;
}

/*header end*/
.border0 {
  border: none !important;
}

.marbot-40 {
  margin-bottom: 40px;
}

.inner-big-20 {
  padding-left: 20px;
  padding-right: 20px;
}

.btn {
  display: inline-block;
  padding: 18px 0px;
  text-align: center;
  background: #FFF;
  border: 1px solid #E94816;
  justify-content: center;
  display: flex;
  align-items: center;
  color: #E94816;
  width: 160px;
  text-transform: uppercase;
  transition: all 0.3s;
}

.btn.gery {
  border-color: #ddd;
  color: #888;
}

.btn.gery .icon {
  background: url("../images/l_icon3.png") no-repeat 50% 50%;
}

.btn.gery:hover {
  border-color: #E94816;
  background-color: #E94816;
  color: #FFF;
}

.btn.gery:hover .icon {
  background: url("../images/l_icon2.png") no-repeat 50% 50%;
}

.btn.type2 .icon {
  margin-left: 15px;
  width: 22px;
  height: 5px;
  display: inline-block;
  background: url("../images/cf_arrow.png") no-repeat 50% 50%;
}

.btn.hover {
  background-color: #E94816;
  color: #FFF;
}

.btn.hover .icon {
  background: url("../images/index_top_arrow2.png") no-repeat 50% 50%;
}

.btn .icon {
  margin-left: 15px;
  width: 22px;
  height: 5px;
  display: inline-block;
  background: url("../images/l_icon.png") no-repeat 50% 50%;
}

.product_list ul {
  overflow: hidden;
  padding: 15px 0;
}

.product_list li {
  float: left;
  background-color: #FFF;
  text-align: center;
}

.product_list li .imgshow {
  position: relative;
}

.product_list li .imgshow img {
  transition: all 0.3s;
  width: 100%;
}

.product_list li a {
  color: #333;
  display: block;
  position: relative;
}

.product_list li a:hover .hover_text {
  transform: scale(1);
  opacity: 1;
}

.product_list li a .hover_text {
  color: #FFF;
}

.product_list li h3 {
  font-size: 20px;
  margin-top: 24px;
  line-height: 1.5;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.product_list li h3.textleft {
  margin-bottom: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  white-space: initial;
}

.product_list li p {
  line-height: 1.8;
}

.product_list li p.text {
  margin: 10px 0 30px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.product_list li .hover_text {
  transform: scale(0);
  opacity: 0;
  transition: all 0.3s;
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background: rgba(32, 178, 187, 0.8);
  color: #FFF;
  display: flex;
  align-content: center;
  flex-wrap: wrap;
  justify-content: center;
}

.product_list li .tit {
  font-size: 20px;
}

.product_list li .date {
  text-align: left;
  display: block;
}

.title2 {
  margin: 80px 0 60px;
  position: relative;
}

.title2 .line {
  margin-top: 23px;
  width: 100%;
  height: 1px;
  display: block;
  background-color: #D1D1D1;
}

.title2 h2 {
  color: #333333;
  font-size: 28px;
  position: relative;
  text-align: center;
}

.title2 h2:after {
  content: '';
  position: absolute;
  left: 50%;
  width: 52px;
  height: 5px;
  background: #ff693c;
  margin-left: -26px;
  bottom: -25px;
}

.title2 .right-slot {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}

.title {
  text-align: center;
  margin: 80px auto 60px;
  position: relative;
}

.title .line {
  margin-top: 35px;
  width: 100%;
  height: 1px;
  display: block;
  background-color: #D1D1D1;
}

.title.type2 h2 {
  font-weight: normal;
}

.title.type3 h2 {
  font-weight: normal;
  text-align: left;
}

.title.type3 h2:after {
  left: 0;
  margin-left: 0;
}

/* .title.peixun-tit {
  margin: 40px 0;
} */

.title h2 {
  color: #333333;
  font-size: 28px;
  position: relative;
}

.title h2:after {
  content: '';
  position: absolute;
  left: 50%;
  width: 52px;
  height: 5px;
  background: #ff693c;
  margin-left: -26px;
  bottom: -38px;
}

.title .right-slot {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}

.ser_form {
  width: 500px;
  height: 60px;
  margin: 0 auto 55px;
  position: relative;
}

.ser_form .icon {
  position: absolute;
  height: 100%;
  width: 40px;
  right: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  top: 0;
  cursor: pointer;
}

.ser_form input {
  height: 60px;
  width: 100%;
  background: #FFF;
  border: 1px solid #e5e5e5;
  border-radius: 32px;
  padding: 0 40px 0;
}

.imgshow {
  overflow: hidden;
}

.imgshow img {
  width: 100%;
  transition: all 0.3s;
}
.mapwap{ display:none;}
.viewmore {
  display: inline-block;
  width: 46px;
  height: 46px;
  border-radius: 50%;
  background-color: #FFF;
  background-image: url("../images/index_top_arrow.png");
  background-repeat: no-repeat;
  background-position: 50% 50%;
}

.index-top-list li {
  float: left;
  width: 25%;
  transition: all 0.3s;
}

.index-top-list li:nth-last-of-type(1) .text {
  border-right: 1px solid #DDDDDD;
}

.index-top-list li:nth-last-of-type(1) .imgshow {
  border-right: 1px solid #fff;
}

.index-top-list li:hover {
  transform: translateY(-10px);
  box-shadow: 0 0 15px 0 rgba(233, 72, 22, 0.2);
}

.index-top-list li:hover .viewmore {
  opacity: 1;
  visibility: visible;
}

.index-top-list .viewmore {
  background-color: #E94816;
  background-image: url("../images/index_top_arrow2.png");
  opacity: 0;
  visibility: hidden;
  position: absolute;
  right: 40px;
  bottom: 20px;
}

.index-top-list .viewmore:hover {
  background-color: #E94816;
  background-image: url("../images/index_top_arrow2.png");
}

.index-top-list .line {
  display: block;
  width: 100%;
  height: 1px;
  background-color: #EBEBEB;
  margin: 28px 0 25px;
}

.index-top-list .text {
  border: 1px solid #DDDDDD;
  background-color: #FFF;
  padding: 60px 30px;
  height: 240px;
  border-right: none;
  overflow: hidden;
  position: relative;
}

.index-top-list .text h3 {
  font-size: 24px;
  color: #333;
}

.index-top-list .text p {
  color: #666;
  font-size: 16px;
  line-height: 1.5;
  max-height: 144px;
  overflow: hidden;
}

.index-top-list .text p a:hover {
  color: #E94816;
}

.index-top-list .imgshow {
  border: 1px solid #fff;
  border-right: none;
}

.index_pro_grid .swiper-container:hover .swiper-button-pro {
  opacity: 1;
}

@keyframes fromLeftToRight {
  0% {
    transform: translateX(0);
    background-color: rgba(255, 255, 255, 0.6);
  }
  50% {
    transform: translateX(5px);
    background-color: #e94816;
  }
  100% {
    transform: translateX(0);
    background-color: rgba(255, 255, 255, 0.6);
  }
}

.swiper-button-pro {
  transition: all 0.5s;
  opacity: 0;
}

.swiper-button-pro.swiper-button-next, .swiper-button-pro.swiper-button-prev {
  width: 46px;
  height: 46px;
  background-color: rgba(255, 255, 255, 0.6);
  border-radius: 50%;
  background-size: auto;
  background-position: 50% 50%;
}

.swiper-button-pro.swiper-button-next:hover, .swiper-button-pro.swiper-button-prev:hover {
  background-color: #E94816;
}

.swiper-button-pro.swiper-button-next {
  background-image: url("../images/index_top_arrow2.png");
  animation: fromLeftToRight 1s ease-out infinite;
}

.swiper-button-pro.swiper-button-prev {
  background-image: url("../images/index_top_arrow2_prev.png");
}

.parallax-bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 130%;
  height: 100%;
  -webkit-background-size: cover;
  background-size: cover;
  background-position: center;
}

.indexpro-inner {
  padding-top: 1px;
}

.pro-class-list {
  position: absolute;
  left: 0;
  width: 100%;
  height: 100%;
  top: 0;
}

.pro-class-list .erji_menu {
  opacity: 0;
  visibility: hidden;
}

.pro-class-list .erji_menu.w100 dd {
  width: 48%;
  float: left;
  padding: 0 5px;
}

.pro-class-list .erji_menu.w100 dd:nth-child(2n) {
  float: right;
}

.pro-class-list .erji_menu.w100 dd:after {
  right: 5px;
}

.pro-class-list .erji_menu dl dd {
  box-sizing: border-box;
  width: 48%;
  line-height: 32px;
  padding: 0 15px 0 5px;
  font-size: 14px;
  position: relative;
}

.pro-class-list .erji_menu dl dd:after {
  content: '';
  position: absolute;
  top: 50%;
  right: 15px;
  background: url("../images/proarrow.png") no-repeat;
  transform: translateY(-50%);
  width: 8px;
  height: 12px;
}

.pro-class-list .erji_menu dl dd:hover {
  background: url("../images/prolibg.png") repeat-y;
}

.pro-class-list .erji_menu dl dd:hover > dl {
  opacity: 1;
  visibility: visible;
}

.pro-class-list .erji_menu dl dd > dl {
  position: absolute;
  top: 0;
  left: 100%;
  padding-left: 5%;
  width: 100%;
  visibility: hidden;
  opacity: 0;
}

.pro-class-list .erji_menu dl dd > dl dd {
  width: 100%;
}

.pro-class-list dd {
  border-bottom: 1px solid rgba(255, 255, 255, 0.4);
}

.pro-class-list .swiper-slide {
  background: rgba(0, 0, 0, 0.2);
  position: relative;
  transition: all 0.3s;
}

.pro-class-list .swiper-slide:hover, .pro-class-list .swiper-slide.hover {
  background: rgba(0, 0, 0, 0.4);
}

.pro-class-list .swiper-slide:hover .viewmore, .pro-class-list .swiper-slide.hover .viewmore {
  background-color: #E94816;
  border-color: #E94816;
}

.pro-class-list .swiper-slide:hover .erji_menu, .pro-class-list .swiper-slide.hover .erji_menu {
  opacity: 1;
  visibility: visible;
}

.pro-class-list .swiper-slide:hover h3, .pro-class-list .swiper-slide.hover h3 {
  transform: translateY(10px);
}

.pro-class-list .swiper-slide a {
  color: #FFF;
}

.pro-class-list .swiper-slide h3 {
  font-size: 18px;
  margin-top: 20px;
  transition: all 0.3s;
}

.pro-class-list .swiper-slide .text {
  position: absolute;
  left: 0;
  width: 100%;
  bottom: 30px;
  text-align: center;
}

.pro-class-list .swiper-slide .viewmore {
  display: inline-block;
  border: 1px solid #FFF;
  background-color: transparent;
  background-image: url("../images/index_top_arrow2.png");
}

.index-keytech-grid {
  padding-top: 1px;
}

.keytech-content {
  background-color: #FFF;
  position: relative;
}

.keytech-content .fl {
  width: 44%;
  float: left;
  height: 100%;
}

.keytech-content .fr {
  box-sizing: border-box;
  width: 56%;
  padding: 50px 3%;
}

#picList1 {
  margin: 0 auto;
}

.keytech-item a {
  font-size: 16px;
  color: #666666;
  margin-right: 30px;
  position: relative;
  line-height: 1.5;
  float: left;
  padding-bottom: 12px;
  cursor: pointer;
}

.keytech-item a:after {
  content: '';
  position: absolute;
  left: 50%;
  width: 40px;
  height: 3px;
  bottom: 0;
  background: #e94615;
  border-radius: 3px;
  opacity: 0;
  margin-left: -20px;
}

.keytech-item a.cur {
  color: #333;
  font-weight: bold;
}

.keytech-item a.cur:after {
  opacity: 1;
}

.keytech-tab-box h3 {
  font-size: 24px;
  margin-bottom: 35px;
  margin-top: 50px;
  color: #333;
}

.keytech-tab-box p {
  color: #666;
  font-size: 16px;
  line-height: 1.625;
}

.keytech-tab-box p em {
  color: #E94816;
  padding-right: 8px;
}

.keytech-tab-box .btn {
  margin-top: 35px;
}

.index-auto-grid li {
  width: 33.33%;
}

.auto-list li {
  float: left;
  position: relative;
  overflow: hidden;
}

.auto-list li:hover .text-hover {
  transform: translateY(0);
}

.auto-list li:hover .imgshow img {
  transform: scale(1.1);
}

.auto-list li .viewmore {
  background-image: url("../images/index_top_arrow3.png");
}

.auto-list li .text-hover {
  position: absolute;
  left: 0;
  width: 100%;
  top: 0;
  height: 100%;
  background: rgba(233, 72, 22, 0.8);
  text-align: center;
  transform: translateY(100%);
  transition: all 0.3s;
}

.auto-list li .text-hover a {
  color: #FFF;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  width: 70%;
  text-align: center;
  padding: 0 15%;
}

.auto-list li .text-hover h3 {
  font-size: 24px;
  margin-bottom: 25px;
}

.auto-list li .text-hover p {
  font-size: 14px;
  line-height: 1.57;
  margin-bottom: 25px;
}

.index-news-grid {
  padding-top: 1px;
}

.index-news-grid li {
  width: 23%;
  margin-right: 2.66%;
}

.index-news-grid li:nth-child(4n) {
  margin-right: 0;
}

.news_list li {
  float: left;
  background-color: #FFF;
  padding: 20px;
  box-sizing: border-box;
}

.news_list li:hover .imgshow img {
  transform: scale(1.03);
}

.news_list li:hover h3 {
  color: #E94816;
}

.news_list h3 {
  color: #333;
  font-size: 20px;
  line-height: 1.5;
  margin-top: 30px;
  margin-bottom: 5px;
  height: 60px;
  overflow: hidden;
}

.news_list p {
  color: #666;
  line-height: 21px;
  font-size: 14px;
  text-indent: 2em;
}

.news_list .text-p {
  height: 210px;
  overflow: hidden;
}

.news_list .date {
  display: inline-block;
  padding: 5px 15px 5px 30px;
  font-size: 16px;
  margin-bottom: 15px;
  background: url("../images/date.png") no-repeat 0 50%;
  background-size: 25px;
  color: #999;
}

.news_list .date small {
  font-size: 16px;
}

.index-hezuo-grid .imgshow-logo {
  text-align: center;
}

.left-compare {
  position: fixed;
  right: 10px;
  top: 5%;
  background: #FFF;
  z-index: 19900210;
  font-size: 12px;
  border: 1px solid #DEDEDE;
  transition: all 0.3s;
  width: 100px;
}
.layui-form-select dl dt{
  font-size: 22px !important;
}
.left-compare li {
  padding: 14px;
  border-bottom: 1px solid #DEDEDE;
  text-align: center;
}

.left-compare h3 {
  color: #000;
  margin-top: 10px;
}

.left-compare.hide {
  opacity: 0;
  visibility: hidden;
}

.left-compare .l-c-top {
  background-color: #E94816;
  color: #FFF;
  padding: 8px;
  position: relative;
}

.left-compare .l-c-top .lc-close {
  position: absolute;
  cursor: pointer;
  right: 8px;
  top: 50%;
  transform: translateY(-50%);
}

.left-compare .btns {
  padding: 14px 7px;
}

.left-compare .btns a {
  display: block;
  text-align: center;
  color: #E94816;
  padding: 8px 0;
  transition: all 0.3s;
  cursor: pointer;
}

.left-compare .btns a:hover {
  background-color: #E94816;
  color: #FFF;
}

.left-fixed-grid {
  display: none;
  position: fixed;
  right: 10px;
  bottom: 180px;
  background: #FFF;
  width: 46px;
  z-index: 11;
}

.left-fixed-grid .tit {
  writing-mode: vertical-rl;
  width: 100%;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  cursor: pointer;
}

.left-fixed-grid li {
  background-color: #E94816;
  text-align: center;
  height: 46px;
  position: relative;
}

.left-fixed-grid li img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.left-fixed-grid:hover .text-right {
  visibility: visible;
  opacity: 1;
}

.left-fixed-grid > p {
  text-align: center;
  padding: 15px 0;
  line-height: 1.3;
  color: #E94816;
  border: 1px solid #dddddd;
}

.left-fixed-grid .text-right {
  transition: all 0.3s;
  position: absolute;
  right: 100%;
  width: 320px;
  visibility: hidden;
  opacity: 0;
  top: 0;
  padding-right: 10px;
  box-sizing: border-box;
}

.left-fixed-grid .text-right dl {
  background-color: #FFF;
  padding: 30px 15px;
}

.left-fixed-grid .text-right dd {
  position: relative;
  background-size: auto;
  background-repeat: no-repeat;
  padding-left: 50px;
  margin-bottom: 30px;
  color: #999999;
}

.left-fixed-grid .text-right dd:nth-last-of-type(1) {
  margin-bottom: 0;
}

.left-fixed-grid .text-right dd a:hover p {
  color: #E94816;
}

.left-fixed-grid .text-right dd a p {
  color: #999;
}

.left-fixed-grid .text-right dd.tel {
  background-image: url("../images/rig-tel.jpg");
}

.left-fixed-grid .text-right dd.tel a {
  color: #E94816;
}

.left-fixed-grid .text-right dd.shouqian {
  background-image: url("../images/rig-msg.jpg");
}

.left-fixed-grid .text-right dd.shouhou {
  background-image: url("../images/rig-kefu.jpg");
}

.left-fixed-grid .text-right dd.edit {
  background-image: url("../images/rig-edit.jpg");
}

.left-fixed-grid .text-right label {
  font-size: 14px;
  color: #333333;
  margin-bottom: 10px;
  display: block;
}

.socllfixed .pro-tab-item {
  top: 0;
  position: fixed;
  width: 78%;
  box-sizing: border-box;
  border-bottom: 1px solid #ddd;
  background-color: #FFF;
  z-index: 19900210;
  padding-top: 20px;
}

.content-left {
  width: 16%;
  float: left;
  border-right: 1px solid #DDDDDD;
  box-sizing: border-box;
  padding-right: 2%;
}

.content-left .class-title {
  color: #333;
  margin-bottom: 35px;
}

.content-left .class-title h2 {
  font-size: 30px;
  margin-bottom: 55px;
}

.content-left .class-title h3 {
  font-size: 24px;
  font-weight: 400;
}

.content-left .filter-menu dd {
  font-size: 14px;
  color: #333;
  border: 1px solid #282828;
  margin-bottom: 10px;
  max-width: 190px;
  padding: 15px 20px 15px 40px;
  box-sizing: border-box;
  position: relative;
}

.content-left .filter-menu dd:hover, .content-left .filter-menu dd.hover {
  color: #E94816;
  border-color: #E94816;
}

.content-left .filter-menu dd:hover a, .content-left .filter-menu dd.hover a {
  color: #E94816;
}

.content-left .filter-menu dd i {
  margin-right: 12px;
  position: absolute;
  left: 20px;
  top: 50%;
  transform: translateY(-50%);
}

.content-left .filter-menu dd a {
  color: #333;
  line-height: 1.3;
}

.filter-type {
  padding-bottom: 25px;
}

.filter-type h4 {
  font-size: 18px;
  color: #333;
  margin-bottom: 20px;
}

.filter-type .filter-line label {
  font-size: 16px;
  color: #333;
  width: 50%;
  float: left;
  margin-bottom: 15px;
}

.filter-type .filter-line label input {
  width: 16px;
  height: 16px;
  margin-right: 10px;
  float: left;
}

.content-right {
  width: 84%;
  float: right;
  box-sizing: border-box;
  padding-left: 5%;
}

.pro-tab-item li {
  float: left;
  font-size: 18px;
  color: #000;
  margin-right: 5%;
  position: relative;
  padding-bottom: 10px;
  margin-bottom: 30px;
}

.pro-tab-item li:after {
  content: '';
  position: absolute;
  left: 50%;
  bottom: 0;
  width: 40%;
  margin-left: -20%;
  height: 3px;
  opacity: 0;
  background-color: #E94816;
  transition: all 0.3s;
}

.pro-tab-item li:hover a {
  color: #E94816;
}

.pro-tab-item li:hover:after {
  opacity: 1;
}

.pro-tab-item li.cur {
  font-weight: bold;
}

.pro-tab-item li.cur:after {
  opacity: 1;
}

.content-pro h3 {
  font-size: 24px;
  color: #333;
  font-weight: normal;
  background-position: 0 50%;
  background-repeat: no-repeat;
  background-image: url("../images/pro-h3-arrow.png");
  padding-left: 30px;
  margin-bottom: 30px;
}

.content-pro .title.one {
  margin-top: 30px;
}

.product-ny-list {
  margin-bottom: 60px;
}

.product-ny-list:hover h3, .product-ny-list.hover h3 {
  color: #E94816;
  background-image: url("../images/pro-h3-arrow2.png");
}

.product-ny-list h4 {
  margin: 10px 0 5px;
  font-size: 16px;
  color: #333;
  padding: 0 20px;
  text-align: left;
}

.product-ny-list .imgshow {
  box-sizing: border-box;
  padding: 10px 20px;
}

.product-ny-list .imgshow img {
  width: auto;
  max-width: 100%;
}

.product-ny-list.w4 li {
  width: 25%;
  margin-right: 0;
}

.product-ny-list li {
  width: 25%;
  box-sizing: border-box;
  float: left;
  position: relative;
  margin-right: 8%;
  transition: all 0.3s;
}

.product-ny-list li.w75 {
  width: 75%;
}

.product-ny-list li:hover {
  box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.3);
}

.product-ny-list li:hover .text-hover {
  opacity: 1;
  visibility: visible;
  top: 100%;
}

.product-ny-list .text-hover {
  transition: all 0.3s;
  position: absolute;
  width: 100%;
  left: 0;
  top: 102%;
  background-color: #FFF;
  z-index: 2;
  box-shadow: 0 8px 8px 0 rgba(0, 0, 0, 0.3);
  visibility: hidden;
  opacity: 0;
}

.product-ny-list .text-hover dd {
  font-size: 16px;
  border-bottom: 1px solid #ddd;
  position: relative;
}

.product-ny-list .text-hover dd a {
  display: block;
  padding: 15px 20px;
}

.product-ny-list .text-hover dd:hover {
  background: linear-gradient(to right, #E94816 0%, #ffffff 100%);
}

.product-ny-list .text-hover dd:hover .icon {
  background-image: url("../images/arrow-right2.png");
}

.product-ny-list .text-hover dd .icon {
  position: absolute;
  right: 20px;
  top: 50%;
  height: 14px;
  width: 10px;
  transform: translateY(-7px);
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-image: url("../images/arrow-right.png");
}

.product-ny-list .text-hover dd .icon.nobg {
  background-image: none;
}

.product-ny-list .text-hover dd .icon input {
  width: 16px;
  height: 16px;
  position: relative;
  right: 3px;
}

input[type=checkbox], input[type=radio] {
  border: none;
  position: relative;
}

input[type=checkbox]::after, input[type=radio]::after {
  position: absolute;
  top: 0;
  background-color: #FFF;
  color: #000;
  width: 16px;
  height: 16px;
  display: inline-block;
  visibility: visible;
  padding-left: 0px;
  text-align: center;
  content: ' ';
  border-radius: 0px;
  box-sizing: border-box;
  border: 1px solid #999;
}

input[type=checkbox]:checked::after, input[type=radio]:checked::after {
  content: "✓";
  background-color: #E94816;
  border-color: #E94816;
  font-size: 12px;
  font-weight: bold;
  color: #FFF;
}

/*main--jieshu*/
/*footer start*/
.footer {
  padding: 80px 0 0;
  color: #FFF;
  background: #5A5959;
}

.footer a {
  color: #9D9D9D;
}

.footer-box .foot_logo p {
  display: flex;
  padding-top: 25px;
}

.footer-box dd {
  margin-bottom: 25px;
}

.footer-box dd a:hover {
  color: #E94816;
  text-decoration: underline;
}

.footer-box .flogo {
  margin-bottom: 35px;
}

.footer-box .web_share {
  width: 100%;
  margin-bottom: 70px;
}

.footer-box .web_share a > img {
  width: 100%;
}

.foot_nav {
  width: 100%;
  box-sizing: border-box;
  padding-right: 230px;
  position: relative;
}

.foot_nav .foot-con {
  position: absolute;
  right: 0;
  top: 0;
  width: 230px;
}

.foot_nav li {
  float: left;
  width: 16.66%;
}

.foot_nav h3 {
  font-size: 20px;
  margin-bottom: 25px;
}

.foot_nav h3 a {
  color: #fff;
}

.foot_nav dd {
  font-size: 14px;
  color: #fff;
  background: url("../images/liarrow.png") no-repeat 0 50%;
  padding-left: 20px;
}

.foot_nav dd a {
  color: #fff;
}

.textnowrap {
  white-space: nowrap;
}

.footer-copy {
  text-align: center;
  justify-content: space-between;
  margin-top: 55px;
  padding: 20px 0;
  color: #B6B6B6;
}

/*footer end*/
/*轮播图start*/
@keyframes banner_dh {
  from {
    width: 0;
  }
  to {
    width: 100%;
  }
}

.banner-scoll-down {
  position: absolute;
  left: 50%;
  bottom: -29px;
  margin-left: -29px;
  width: 58px;
  height: 58px;
  border-radius: 50%;
  background: rgba(0, 0, 0, 0.8) url("../images/index-socll-down.png") no-repeat 50% 50%;
  z-index: 10;
  transition: all 0.3s;
}

.banner-scoll-down.hide {
  opacity: 0;
  visibility: hidden;
}

.banner {
  margin: 0 auto 0;
  position: relative;
}

.banner img {
  width: 100%;
}

.banner.banner_ny {
  position: relative;
}

.banner .swiper-pagination {
  bottom: 0px;
  position: initial;
}

.banner .swiper-pagination-bullet {
  margin: 0 10px;
  width: 50px;
  height: 3px;
  border-radius: 0;
  background-color: #FFF;
  transition: all 0.6s;
}

.banner .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: transparent;
  position: relative;
}

.banner .swiper-pagination-bullet.swiper-pagination-bullet-active:before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.3);
}

.banner .swiper-button-next, .banner .swiper-button-prev {
  width: 46px;
  height: 46px;
  background-color: #F5F5F5;
  background-position: 50% 50%;
  background-size: auto;
}

.banner .swiper-button-next {
  background-image: url("../images/index-banner-right.png");
}

.banner .swiper-button-prev {
  background-image: url("../images/index-banner-left.png");
}

.swiper-type {
  position: absolute;
  width: 100%;
  text-align: center;
  bottom: 47px;
  left: 50%;
  transform: translateX(-50%);
  height: 2px;
  z-index: 9;
}

.swiper-type.act .swiper-pagination-bullet.swiper-pagination-bullet-active:after {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  animation: banner_dh 3s linear;
  background-color: #FFF;
}

.banner .swiper-slide {
  position: relative;
  overflow: hidden;
}

.banner .bg-box {
  position: relative;
  z-index: 1;
  text-align: center;
}

.banner .bg-box img {
  width: 100%;
  height: auto;
}

.banner .wap-box {
  display: none;
}

.banner .wap-box img {
  width: 100%;
  height: auto;
}

.swiper-slide .banner-content {
  transform: translateY(-200px);
  opacity: 0;
  position: absolute;
  left: 10%;
  top: 25%;
  z-index: 10;
  color: #FFF;
  width: 660px;
}

.swiper-slide .banner-content .text {
  background: rgba(0, 0, 0, 0.25);
  padding: 20px 18px;
  margin-bottom: 40px;
}

.swiper-slide .banner-content h2 {
  font-size: 36px;
}

.swiper-slide .banner-content .line {
  display: block;
  width: 42px;
  height: 2px;
  background-color: #FFF;
  margin: 19px 0 17px;
}

.swiper-slide .banner-content p {
  font-size: 24px;
  font-weight: 300;
  line-height: 1.4;
}

.swiper-slide .banner-content .btn {
  font-size: 18px;
  width: 150px;
}

.ani-slide .banner-content {
  transform: translateY(0);
  opacity: 1;
  transition: all .6s;
}

/*轮播图end*/
.crumbs-box {
  padding: 16px 0;
  line-height: 30px;
  font-size: 21px;
}

.crumbs-box .icon {
  width: 33px;
  height: 30px;
  background: url("../images/home.jpg") no-repeat 50% 50%;
  margin-right: 10px;
  float: left;
}

.crumbs-box a {
  color: #333;
  display: inline-block;
  transition: all 0.4s;
  font-size: 21px;
}

.crumbs-box a:hover {
  color: #E94816;
}

.crumbs-box i {
  display: inline-block;
  margin: 0 10px;
  color: #333;
  width: 5px;
  height: 9px;
  background: url("../images/cf_arrow.png") no-repeat;
}

.crumbs-box span {
  color: #333;
}

/*公共样式定义 start*/
/*例如,统一间距,统一字体,统一大小写,统一最大距离*/
.bshare-custom .bshare-weixin,.bshare-custom .bshare-sinaminiblog{
  padding:0;
  width: 30px;
  height: 30px;
  background-size: 30px 30px !important;
}
.bshare-custom .bshare-sinaminiblog{
  background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyVpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ4IDc5LjE2NDAzNiwgMjAxOS8wOC8xMy0wMTowNjo1NyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIxLjAgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QTQ2QjM3Rjk0RDczMTFFQkE3NzFENUYzNDZCRUQ4QzQiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QTQ2QjM3RkE0RDczMTFFQkE3NzFENUYzNDZCRUQ4QzQiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpBNDZCMzdGNzRENzMxMUVCQTc3MUQ1RjM0NkJFRDhDNCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpBNDZCMzdGODRENzMxMUVCQTc3MUQ1RjM0NkJFRDhDNCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Ps9HETsAAATcSURBVHjaxFd9TFtVFL/3ta8tBfpFgRHc6BqGFqkgUBSkBbcENMYYtoQ/NNsS95eCZi7qNJo4/3E4jRq3JfM/Z2J0kAHLpnHLWB5U6AQz+QhrKIWtG6V8lH5QKG1fX6/3vaxQZ5HRVDjJS+/9vdfzO/ecc889F4IYQbf1pYAH9wAI8wCDxCCZQoAAQOA+gGgGPm7sisJwlXxM34ynX+KhEPzfEgGfQk3PiVUD0LihDoNXwVYKAerhnp5rEJkNWjzpw1Aa2FpZwouuInBMireBHHCcBHgJGwAfA9slEFQS2A2iZOpkloLTtHvJ+mhfIwk/meQe421qxeas5XKMR1j5mRK7vFqjJUSkYv1cTKKkqLJkKXlKii9L7UGQCIVmPDVzHX84g9PukfX+sykPhD3Mgqt9cXR5NAAZX4SfdVAmkOhTy6LvhTuVJfgBtNNnIZXpBX6Lo987YN3lujGyQ/nC0xyWsAGeLl+/44wrG4WRIYrNnFsYxAbEJBUcnWntnULBcD0g4JRCrxFIdWq7t39ix+LQXUfGPm1BQiGwn3Z2T3+zUIHJ8x6qaHAt+ZjFwFhAoKgpzpdU5N/A70iPycITF+SWscaEHJ7ChEJw5wNHz8posCZuxgeQ1PbxbLffHMhFIZSPIQkvjRhRncxRpeR5zDghddwqSb4zEqRLNp2E9pY5CpMb1t1EYaRaHlqpeUD+wBMRrbd7yc4pF5LjMeGZ2pQHXJcXTd5ef20sJi7TmdPqX5yX7K0TQAhg2OUKhefnGO+VS+lLRqog4vOlc0qV/BSZvrB8lVtEhngichoP/1X02LPgBPbDJ7Fg8D59b7LJLkYIKKPEmcc/coqfKtGv6w2avjf94btzi1culQtySJO0NpXJfFVW/d+VEFFxQzB92nk3Si4qfNKa92ObhiWfnJw0vff+cVO6RAYa9h8YsVjG+1Z1keSu3FNf7ySEwkDIQVfO/+SpnnjT3rfxoRhHgnfobPaXJ5e7VT+3cxhLXlxSWnnu3HeV7Pz69S5tWbmuqr2zk1rTRmQr3z7WH+PJqoQMiASRnP2V7W80Q4GQS7DPTraQ6t27Z8//8D3V0PAK1U1Rv7L4O0ePFf9T4+aKa/wkRCjrYejChdZyy5i5Nycnp1atUt/UGwxcgrpcLnnsd7TVIlqrjCQbgqpNeyClQGjkql97qwYFAhZ2fPbMWarl81PQZrMNNDU3PRv9dmjwlik6XvztF8p9sa0iOlcekJIJhSD7iIJLQMbtllvrDPLw7MzAoUOv1eKmEhVpi3XDwyOgqKjI2tFxsVutVlcChpma//ar3+1Hm1a3rbJB2iPdl6bbsCWItw251fT7Bx1fzAtxtdOwc8XhI38q32jmB0MhUYQOQyEBwcrQXw7v5U6Z/2ZffmR5meuqIB/aMl6W2LJelxs2bkgQta4BUZk77zZ6jcsCejb8zAbZNCXdmzaRfVBexJfxMh6tI0LUhmdB1mG5Hj8ABZDfN+A3h2bDAXqGDkcYAEgZj+AreHz8CCXPpZbGq3SJ7YJ4xoqgOPbsT153TqDgtjWlAPrYptSxbfwMuIU9gO9r2ybIRHAXRQQbt54bNkKN8SpXiOAT3W0YeYs9P7aEnL2ccpwxt+O16zlbu+HzeI8qkrtiwoN19uK4D+Ob8bUo/LcAAwCIuPrAD7aGIwAAAABJRU5ErkJggg==') !important;
  background-position: 0 0 !important;
}
.martop-80 {
  margin-top: 80px;
}

.paddtop-100 {
  padding-top: 100px;
}

.paddbot-100 {
  padding-bottom: 100px;
}

.paddbot-130 {
  padding-bottom: 70px;
}

.padd-130 {
  padding: 60px 0 60px;
}

.paddtop-130 {
  padding-top: 100px;
}

.m-width-1380 {
  width: 100%;
  max-width: 1380px;
  margin: 0 auto;
}

.m-width-1280 {
  width: 100%;
  max-width: 1280px;
  margin: 0 auto;
}

.m-width-1720 {
  width: 100%;
  max-width: 1718px;
  margin: 0 auto;
}

/*置顶按钮 start*/
#toTop {
  width: 46px;
  height: 46px;
  right: 10px;
  bottom: 20px;
  position: fixed;
  z-index: 999;
  background: rgba(0, 0, 0, 0.6);
}

#toTop img {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

/*置顶按钮 end*/
/*分页 start*/
.page-box {
  padding: 80px 0 0px;
  text-align: center;
}

.page-box .page-inner {
  display: flex;
  justify-content: center;
}

.page-box .page-inner .iconfont {
  font-size: 20px;
  font-weight: normal;
}

.page-box .page-inner a{
  display: inline-flex;
  font-size: 18px;
  color: #333;
  margin: 0 5px;
  width: 46px;
  height: 46px;
  line-height: 46px;
  justify-content: center;
  background: transparent;
  background: #fff;
  border: 1px solid #eee;
}
.page-box .page-inner span{
  display: inline-flex;
  font-size: 18px;
  color: #333;
  margin: 0 5px;
  width: 46px;
  height: 46px;
  line-height: 46px;
  justify-content: center;
  background: transparent;
}
.page-box .page-inner .page-list {
  display: flex;
}

.page-box .page-inner .page-list a.act,
.page-box .page-inner .page-list a:hover, .page-box .next:hover, .page-box .prev:hover {
  color: #FFFFFF;
  background: #E94816;
  border: 1px solid #E94816;
  transition: all 0.4s;
}

.page-box .page-inner a.next_page {
  width: auto;
  padding: 0 5px;
  border: none;
}

.page-box .page-inner a.next_page:hover {
  color: #E94816;
  background: none;
  border: none;
}

.page-box .page-inner a.prev.no-drop,
.page-box .page-inner a.next.no-drop {
  cursor: no-drop;
  opacity: 0.5;
}

/*分页 end*/
.nav-box,
.fz_line_grid_wap,
.wap_logo {
  display: none;
}

.f38 {
  font-size: 38px;
}

.web_share a {
  display: inline-block;
  width: 38px;
  height: 38px;
  border-radius: 50%;
  background-position: 50% 50%;
  margin-right: 11px;
  transition: all 0.3s;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-color: #ACACAC;
  flex-shrink: 0;
}

.web_share a:hover {
  background-color: #E94816;
}

.web_share.ftype a {
  background-color: transparent;
  width: 39px;
  height: 39px;
  position: relative;
  margin-right: 20px;
}

.web_share.ftype a:nth-last-child(1) {
  margin-right: 0;
}

.web_share.ftype a:hover .h-text {
  opacity: 1;
  visibility: visible;
}

.web_share.ftype a .h-text {
  position: absolute;
  top: 100%;
  left: 0;
  margin-top: 10px;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s;
}

.web_share.ftype a > img {
  display: none;
}

.web_share.ftype a > img.h-img {
  display: inline-block;
}

.web_share a:nth-last-of-type(1) {
  margin-right: 0;
}

.prodis-banner {
  text-align: center;
}

.prodis-banner img {
  max-width: 100%;
}

.prodis-tab-box.socllfixed {
  position: fixed;
  box-shadow: 8px 0 8px 0 rgba(0, 0, 0, 0.1);
  width: 100%;
  top: 0;
  left: 0;
  background-color: #FFF;
  z-index: 33;
}

.content-product-detail .title {
  margin-top: 20px;
}

.content-product-detail .prodis-skxt .title, .content-product-detail .prodis-form-box .title {
  margin-top: 60px;
}

.content-product-detail .prodis-form-box {
  padding: 1px 0 60px;
}

.content-product-detail .prodis-form-box input[type=checkbox]::after {
  background-color: #FFF;
}

.content-product-detail .prodis-form-box input[type=checkbox]:checked::after {
  content: "✓";
  background-color: #E94816;
  border-color: #E94816;
  font-size: 12px;
  font-weight: bold;
  color: #FFF;
}

.content-product-detail .xhl-input-xlarge, .content-product-detail .usedComp select, .content-product-detail .xhl-controls .xhl-textarea {
  background-color: #FFF;
  border: none;
}

.prodis-tab-item {
  font-size: 20px;
  padding: 40px 0;
}

.prodis-tab-item li {
  float: left;
  width: 11.11%;
  position: relative;
  text-align: center;
  padding: 10px 0;
  cursor: pointer;
}

.prodis-tab-item li.cur {
  color: #333;
  font-weight: bold;
}

.prodis-tab-item li.cur:after {
  opacity: 1;
  visibility: visible;
}

.prodis-tab-item li:after {
  content: '';
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 0;
  height: 3px;
  width: 50%;
  background-color: #E94816;
  opacity: 0;
  visibility: hidden;
}

.prodis-tit h2 {
  color: #333333;
  font-size: 30px;
  position: relative;
}

.prodis-wg .swiper-slide {
  width: auto;
  border: 1px solid transparent;
  text-align: center;
}

.prodis-wg .gallery-thumbs .swiper-slide {
  width: 135px;
}

.prodis-wg .swiper-slide.swiper-slide-thumb-active {
  border-color: #E94816;
}

.prodis-wg .swiper-slide img {
  max-width: 100%;
}

.prodis-cpld li {
  margin-bottom: 90px;
  overflow: hidden;
}

.prodis-cpld li:nth-child(2n) .imgshow {
  float: left;
}

.prodis-cpld li:nth-child(2n) .text {
  float: right;
  padding-right: 0;
  padding-left: 3%;
}

.prodis-cpld .imgshow {
  float: right;
  width: 50%;
}

.prodis-cpld .text {
  float: left;
  width: 48%;
  box-sizing: border-box;
  padding-right: 3%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  overflow-y: auto;
}

.prodis-cpld .text::-webkit-scrollbar {
  /*滚动条整体样式*/
  width: 5px;
  /*高宽分别对应横竖滚动条的尺寸*/
  height: 1px;
}

.prodis-cpld .text::-webkit-scrollbar-thumb {
  /*滚动条里面小方块*/
  border-radius: 5px;
  -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
  background: #535353;
}

.prodis-cpld .text::-webkit-scrollbar-track {
  /*滚动条里面轨道*/
  -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
  border-radius: 5px;
  background: #EDEDED;
}

.prodis-cpld h3 {
  font-size: 30px;
  font-weight: normal;
  margin-bottom: 40px;
  color: #000;
}

.prodis-cpld p {
  color: #000;
  font-size: 16px;
  line-height: 1.625;
  display: flex;
}

.prodis-cpld p span {
  flex-shrink: 0;
  padding-right: 15px;
}

.yyjl-list li {
  float: left;
  width: 24%;
  margin-right: 1.33%;
  text-align: center;
}

.yyjl-list li:nth-child(4n) {
  margin-right: 0;
}

.yyjl-list h3 {
  font-size: 26px;
  margin-top: 20px;
  color: #000;
  font-weight: normal;
}

.prodis-case {
  margin-top: 90px;
  padding: 50px 0;
  background-color: #f5f5f5;
}

.prodis-case .title {
  margin-top: 0;
}

.prodis-case .see-btn {
  display: block;
  font-size: 24px;
  background: #E94816;
  width: 200px;
  height: 45px;
  margin: 30px auto 0;
  color: #FFF;
  text-align: center;
  line-height: 45px;
}

.pro-case-list li {
  float: left;
  width: 49%;
  margin-bottom: 20px;
}

.pro-case-list li:hover {
  cursor: pointer;
}

.pro-case-list li:hover .imgshow {
  border-color: #E94816;
}

.pro-case-list li:hover .imgshow img {
  transform: scale(1.03);
  opacity: 0.75;
}

.pro-case-list li:hover .imgshow:after, .pro-case-list li:hover .imgshow.before {
  opacity: 1;
  visibility: visible;
}

.pro-case-list li .imgshow {
  border: 1px solid transparent;
  position: relative;
}

.pro-case-list li .imgshow:after {
  content: '';
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background: url("../images/play.png") no-repeat;
  width: 100px;
  height: 100px;
  background-size: 100%;
  z-index: 3;
  visibility: hidden;
  opacity: 0;
}

.pro-case-list li .imgshow:before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  background-color: rgba(255, 255, 255, 0.1);
  visibility: hidden;
  opacity: 0;
}

.pro-case-list li:nth-child(2) {
  float: right;
}

.pro-case-list li:nth-child(3), .pro-case-list li:nth-child(4), .pro-case-list li:nth-child(5) {
  width: 32%;
  margin-right: 2%;
}

.pro-case-list li:nth-child(5) {
  margin-right: 0;
}

.prodis-skxt .imgshow {
  float: left;
  width: 23%;
}

.prodis-skxt .text {
  float: right;
  width: 77%;
  box-sizing: border-box;
  padding: 0 5%;
}

.prodis-skxt li {
  float: left;
  width: 48%;
  margin-bottom: 40px;
}

.prodis-skxt li:nth-child(2n) {
  float: right;
}

.prodis-skxt .text-p {
  height: 144px;
  overflow: hidden;
}

.prodis-skxt h3 {
  color: #000;
  font-size: 24px;
  border-bottom: 1px solid #333;
  padding-bottom: 10px;
  margin-bottom: 10px;
  font-weight: normal;
}

.prodis-skxt p {
  font-size: 16px;
  line-height: 24px;
  color: #000;
}

.prodis-canshu {
  background-color: #f5f5f5;
}

.prodis-canshu .title {
  margin-top: 0;
}

.prodis-canshu th {
  font-size: 26px;
  color: #000;
  font-weight: bold;
  padding: 15px 0;
}

.prodis-canshu .m-table {
  margin-top: 40px;
}

.prodis-canshu table {
  width: 100%;
}

.prodis-canshu thead {
  border-bottom: 3px solid #E94816;
}

.prodis-canshu td {
  color: #333;
  font-size: 16px;
  padding: 10px 0;
  border-bottom: 1px solid #999;
}

.prodis-canshu td:nth-child(2) {
  text-align: right;
}

.prodis-form-box {
  background-color: #f5f5f5;
}

.prodis-form-box.type2 {
  background-color: transparent;
}

/* .prodis-form-box .title {
  margin: 0 0 46px;
} */

.content-contact {
  padding-bottom: 120px;
}

.content-contact .prodis-bot-list {
  margin-top: 160px;
}

.prodis-bot-list li {
  float: left;
  width: 14%;
  background-color: #f5f5f5;
  text-align: center;
  padding: 50px 0 25px;
  margin-right: 7.25%;
}

.prodis-bot-list li:hover {
  background-color: #E94816;
}

.prodis-bot-list li:hover h3 {
  color: #FFF;
}

.prodis-bot-list li:nth-child(5n) {
  margin-right: 0;
}

.prodis-bot-list .icon {
  display: inline-block;
  height: 70px;
  margin-bottom: 20px;
}

.prodis-bot-list .icon img {
  height: 70px;
  max-width: 80px;
}

.prodis-bot-list h3 {
  font-size: 24px;
  color: #e94615;
  font-weight: normal;
}

.prodis-bot-text {
  font-size: 16px;
  color: #000;
  line-height: 28px;
  padding-bottom: 40px;
}

.news-tab-item {
  text-align: center;
  border-bottom: 1px solid #ddd;
}

.news-tab-item a {
  font-size: 20px;
  color: #333;
  display: inline-block;
  padding: 25px 30px;
  position: relative;
  cursor: pointer;
}

.news-tab-item a:hover:after, .news-tab-item a.cur:after {
  width: 40px;
}

.news-tab-item a:after {
  content: '';
  position: absolute;
  left: 50%;
  bottom: 0;
  width: 0px;
  height: 4px;
  background-color: #E94816;
  margin-left: -20px;
  margin-bottom: -2px;
  transition: all 0.3s;
}

.content-news .ny-news-list li {
  float: left;
  width: 48%;
  margin-top: 40px;
}

.content-news .ny-news-list li:nth-child(2n) {
  float: right;
}

.ny-news-list li:hover .imgshow img {
  transform: scale(1.03);
}

.ny-news-list li:hover h3 a {
  color: #E94816;
}

.ny-news-list h3 {
  color: #333;
  font-size: 20px;
  line-height: 1.5;
  margin-bottom: 5px;
  height: 60px;
  overflow: hidden;
}

.ny-news-list p {
  color: #666;
  font-size: 14px;
}

.ny-news-list .text-p {
  line-height: 21px;
  height: 63px;
  overflow: hidden;
}

.ny-news-list .imgshow {
  margin-bottom: 25px;
}
.ny-news-list .imgshow a{
	display: block;
	position: relative;
	padding-bottom:73.61563%;
	overflow: hidden;
}
.ny-news-list .imgshow a img{position: absolute;left:0;top:0;width:100%;height:auto;}
.ny-news-list .date {
  display: inline-block;
  padding: 5px 15px 5px 30px;
  font-size: 16px;
  margin-bottom: 15px;
  background: url("../images/date.png") no-repeat 0 50%;
  background-size: 25px;
  color: #999;
}

.see-more {
  color: #E94816;
}

.see-more span {
  padding-right: 10px;
}

.see-more .iconfont {
  font-size: 18px;
}

.content-news-detail {
  padding-top: 45px;
}

.content-news-detail .tit {
  color: #333333;
  font-size: 28px;
  text-align: center;
}

.content-news-detail .date {
  padding: 20px 0 10px;
  margin-bottom: 30px;
  color: #333;
  font-size: 14px;
  text-align: center;
  border-bottom: 1px solid #D1D1D1;
  position: relative;
}

.content-news-detail .date:after {
  content: '';
  position: absolute;
  left: 50%;
  width: 52px;
  height: 5px;
  background-color: #E94816;
  bottom: 0;
  margin: 0 0  -2.5px -26px;
}

.content-news-detail .text {
  font-size: 18px;
  color: #4B4B4B;
  line-height: 1.5;
}

.content-news-detail .text p {
  text-indent: 2em;
}

.content-news-detail .text img {
  max-width: 100%;
  height: auto;
  display: block;
  margin: 0 auto;
}

.content-news-detail .text .textcenter {
  text-align: center;
}

.news-page {
  margin-top: 40px;
  padding: 20px 0;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
}
.news-page .bshare-custom{
  float: left;
}
.news-page .web_share {
  float: left;
}

.news-page .page-item {
  float: right;
}

.news-page .page-item .icon {
  width: 42px;
  height: 42px;
  border-radius: 50%;
  border: 1px solid #B3B3B3;
  display: inline-block;
  float: right;
  margin-left: 20px;
  position: relative;
}

.news-page .page-item .icon:after {
  content: '';
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 5px 0 5px 8px;
  border-color: transparent transparent transparent #B3B3B3;
}

.news-page .page-item a {
  font-size: 16px;
  display: inline-block;
  line-height: 42px;
  color: #333;
}

.news-page .page-item a:hover {
  color: #E94816;
}

.news-page .page-item a:hover .icon {
  border-color: #E94816;
}

.news-page .page-item a:hover .icon:after {
  border-color: transparent transparent transparent #E94816;
}

.news-page .page-item a:nth-child(1) {
  margin-right: 50px;
}

.news-page .page-item a:nth-child(1):hover .icon {
  border-color: #E94816;
}

.news-page .page-item a:nth-child(1):hover .icon:after {
  border-color: transparent #E94816 transparent transparent;
}

.news-page .page-item a:nth-child(1) .icon {
  float: left;
  margin: 0 20px 0 0;
}

.news-page .page-item a:nth-child(1) .icon:after {
  content: '';
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 5px 8px 5px 0;
  border-color: transparent #B3B3B3 transparent transparent;
}

.tit-related {
  margin: 80px 0 40px;
  font-size: 30px;
  color: #333;
  font-weight: normal;
  text-align: center;
  border-bottom: 1px solid #d1d1d1;
}

.tit-related h3 {
  position: relative;
  padding-bottom: 30px;
}

.tit-related h3:after {
  content: '';
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translateX(-50%);
  width: 50px;
  height: 5px;
  background-color: #E94816;
  margin-bottom: -2px;
}

.related-pro-list li {
  float: left;
  width: 25%;
}

.related-pro-list li .imgshow {
  margin-bottom: 15px;
}

.related-pro-list li .imgshow img {
  max-width: 100%;
  width: auto;
}

/*公共样式定义 end*/
.content-contact .subtit {
  margin: 0px 0 20px;
  text-align: center;
  color: #888;
  font-size: 16px;
  line-height: 1.3;
}

.wordmap {
  position: relative;
  overflow: initial;
  max-width: 1100px;
  margin: 0 auto;
}

.wordmap img.img-ns {
  max-width: 100%;
  width: 165px;
  position: absolute;
  right: 0;
  bottom: 108px;
}

.wordmap li {
  position: absolute;
  z-index: 9;
}

.wordmap li .dot {
  display: block;
  width: 30px;
  height: 35px;
  background: url("../images/china-add.png") no-repeat 50% 50%;
  position: relative;
  margin: 0 auto 2px;
  background-size: 20px;
}

.wordmap li .dot:after {
  content: '';
  position: absolute;
  left: 50%;
  bottom: 0;
  width: 21px;
  height: 3px;
  background: url("../images/add-shadowbox.png") no-repeat;
  margin-left: -10.5px;
  transition: all 0.3s;
  transform: scale(0);
}

.wordmap li .dot-text {
  display: block;
  text-align: center;
  font-size: 12px;
  color: #3D3C3C;
  white-space: nowrap;
}

.wordmap li:hover {
  z-index: 10;
  cursor: pointer;
}

.wordmap li:hover .lx-text {
  opacity: 1;
  visibility: visible;
}

.wordmap li:hover .dot:after {
  transform: scale(1);
}

.wordmap li:nth-child(1) {
  top: 17%;
  right: 13%;
  border-radius: 50%;
}

.wordmap li:nth-child(2) {
  top: 23%;
  right: 15%;
  border-radius: 50%;
}

.wordmap li:nth-child(3) {
  top: 29%;
  right: 17%;
}

.wordmap li:nth-child(4) {
  top: 35%;
  right: 37%;
}

.wordmap li:nth-child(5) {
  top: 35%;
  right: 27%;
}

.wordmap li:nth-child(6) {
  top: 37%;
  right: 25%;
}

.wordmap li:nth-child(7) {
  top: 41%;
  right: 28%;
}

.wordmap li:nth-child(8) {
  top: 42%;
  right: 32%;
}

.wordmap li:nth-child(9) {
  top: 51%;
  right: 30%;
}

.wordmap li:nth-child(10) {
  top: 52%;
  right: 39%;
}

.wordmap li:nth-child(11) {
  top: 57%;
  right: 20%;
}

.wordmap li:nth-child(12) {
  top: 58%;
  right: 23%;
}

.wordmap li:nth-child(13) {
  top: 61%;
  right: 29%;
}

.wordmap li:nth-child(14) {
  top: 58%;
  right: 16%;
}

.wordmap li:nth-child(15) {
  top: 62%;
  right: 18%;
}

.wordmap li:nth-child(16) {
  top: 66%;
  right: 15%;
}

.wordmap li:nth-child(17) {
  top: 66%;
  right: 26%;
}

.wordmap li:nth-child(18) {
  top: 67%;
  right: 32%;
}

.wordmap li:nth-child(19) {
  top: 71%;
  right: 19%;
}

.wordmap li:nth-child(20) {
  top: 81%;
  right: 30%;
}

.wordmap li:nth-child(21) {
  top: 82%;
  right: 40%;
}

.wordmap li:nth-child(22) {
  top: 77%;
  right: 51%;
}

.wordmap li:nth-child(23) {
  top: 72%;
  right: 43%;
}

.wordmap li:nth-child(24) {
  top: 65%;
  right: 43%;
}

.wordmap li:nth-child(25) {
  top: 60%;
  right: 47%;
}

.wordmap li:nth-child(26) {
  top: 50%;
  right: 47%;
}

.wordmap li:nth-child(27) {
  top: 43%;
  right: 44%;
}

.wordmap li:nth-child(28) {
  top: 45%;
  right: 52%;
}

.wordmap li:nth-child(29) {
  top: 62%;
  right: 72%;
}

.wordmap li:nth-child(30) {
  top: 22%;
  right: 72%;
}
.wordmap li:nth-child(31){
  top: 45%;
    right: 24%;
}
.lx-text {
  left: 50%;
  transform: translateX(-50%);
  margin-left: 11px;
  bottom: 97%;
  padding: 20px 20px 20px;
  border: 1px solid #9d9e9f;
  display: inline-block;
  position: absolute;
  margin-bottom: 10px;
  min-width: 200px;
  background-color: #FFF;
  opacity: 0;
  visibility: hidden;
  transition: all 0.1s;
}

.lx-text .text-bot {
  width: 100%;
  height: 35px;
  background: url("../images/laybot.png") 50% 100% no-repeat;
  position: absolute;
  left: 50%;
  bottom: 0;
  z-index: 1;
  transform: translateX(-50%);
  margin-bottom: -23px;
}

.lx-text h3 {
  color: #0E0E0E;
  font-size: 14px;
  margin-bottom: 25px;
}

.lx-text dd {
  color: #0E0E0E;
  margin-bottom: 10px;
}

.lx-text dd em {
  color: #0E0E0E;
}

.lx-text p {
  color: #6C6C6C;
}

.lx-text p a {
  color: #6C6C6C;
}

.contact-filter {
  display: none;
  position: fixed;
  left: 20px;
  top: 30%;
  width: 220px;
  z-index: 9;
}

.contact-filter .input-block {
  margin-bottom: 10px;
}

.contact-filter .input-block select, .contact-filter .input-block input {
  height: 30px;
  width: 100%;
  box-sizing: border-box;
  padding: 0 10px;
  border-radius: 4px;
  border: 1px solid #ddd;
  box-shadow: none;
}

.contact-filter .ss-btn {
  position: relative;
}

.contact-filter .ss-btn button {
  border: none;
  box-shadow: none;
  width: 30px;
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  background: url("../images/sousuo.png") no-repeat 50% 50%;
  background-size: 15px;
}

.con-filetr-list {
  background-color: #FFF;
  font-size: 16px;
  border: 1px solid #ddd;
}

.con-filetr-list h3 {
  background-color: #F0F0F0;
  padding: 10px 20px;
}

.con-filetr-list ul {
  padding: 15px 0;
  font-size: 14px;
}

.con-filetr-list li {
  padding: 5px 20px;
}

.our-contacts h3 {
  color: #000;
  font-size: 30px;
  margin-bottom: 40px;
}

.our-contacts .m-table {
  border-top: 2px dashed #ddd;
  padding: 30px 0;
}

.our-contacts .m-table td {
  padding-left: 0;
}

.m-table table {
  width: 100%;
  color: #000;
  font-size: 16px;
}

.m-table table td {
  padding: 10px 0;
}

.search-wenti {
  position: relative;
  margin-bottom: 15px;
}

.search-wenti input {
  border: 1px solid #DDD;
  height: 45px;
  width: 320px;
  padding-left: 50px;
}

.search-wenti button {
  box-shadow: none;
  border: none;
  position: absolute;
  width: 60px;
  height: 100%;
  left: 0;
  top: 0;
  background: url("../images/sousuo.png") no-repeat 50% 50%;
}

.content-wenti .title {
  margin: 35px 0 30px;
}

.content-wenti .prodis-form-box .title {
  margin-top: 40px;
}

.wenti-list h3 {
  font-size: 22px;
  color: #141414;
  margin-bottom: 15px;
  line-height: 1.3;
}

.wenti-list .text-p {
  display: none;
}

.wenti-list p {
  color: #636262;
}

.wenti-list h4 {
  font-size: 16px;
  font-weight: bold;
  color: #636262;
}

.wenti-list .text {
  font-size: 16px;
  overflow: hidden;
  line-height: 22px;
}

.wenti-list .text p {
  display: inline;
}

.wenti-list .see-more {
  display: inline-block;
  margin-left: 4px;
  align-items: center;
}

.wenti-list .see-more .iconfont {
  display: inline-block;
  position: relative;
  margin-left: 6px;
  font-size: 14px;
  transform: rotate(90deg);
  cursor: pointer;
}

.wenti-list ul {
  padding-top: 1px;
}

.wenti-list li {
  margin-top: 20px;
  background-color: #fff;
  padding: 20px;
  position: relative;
}

.wenti-list li.cur .see-more {
  position: absolute;
  right: 20px;
  bottom: 20px;
  
}
.wenti-list li .see-more .iconfont{
  transform: rotate(-90deg);
}
.wenti-list li.cur .see-more .iconfont {
  transform: rotate(90deg);
}

.wenti-list li.cur .text-p {
  display: inline-block;
  line-height: 30px;
}

.wenti-list li.cur .text-p p {
  display: block;
}

.wenti-list li.cur .text-p img {
  max-width: 100%;
  height: auto;
  display: block;
  margin: 0 auto;
}

.wenti-list li.cur .text-des p {
  display: none;
}

.wenti-list .subdesrc {
  font-size: 12px;
  margin-top: 12px;
}

.wenti-list .subdesrc .art-love {
  background-color: #FDAB92;
  background-repeat: no-repeat;
  background-position: 5px 50%;
  background-image: url("../images/nbiocn.png");
  border-radius: 3px;
  overflow: hidden;
  height: 22px;
  line-height: 24px;
  padding: 0 5px 0 20px;
  color: #E94816;
  float: left;
}

.wenti-list .subdesrc .art-love em {
  padding-left: 3px;
  line-height: 1;
}

.wenti-list .subdesrc .sub-menu {
  float: left;
  line-height: 22px;
}

.wenti-list .subdesrc .sub-menu a {
  margin-left: 15px;
  color: #999;
}

.wenti-list .subdesrc .sub-menu .iconfont {
  font-size: 12px;
}

.wenti-list .page-box {
  padding: 70px 0;
}

.wenti-list .see-more {
  cursor: pointer;
}

.wenti-list .see-more span {
  padding-right: 0px;
}

.content-tousu {
  padding-bottom: 120px;
}

/* .content-tousu .title {
  margin: 60px 0 40px;
} */

.content-donwload .text-p {
  font-size: 18px;
  line-height: 42px;
}

.content-donwload .prodis-bot-list {
  margin: 90px 0;
}

.download-list ul {
  margin: 0 -20px;
}

.download-list .text {
  color: #000;
  font-size: 16px;
  line-height: 1.275;
  margin-bottom: 24px;
}

.download-list h3 {
  font-size: 26px;
  margin-bottom: 5px;
  font-weight: normal;
}

.download-list li {
  float: left;
  width: 18%;
  margin-right: 9.33%;
  margin-bottom: 50px;
  box-sizing: border-box;
  padding: 13px 20px 0;
}

.download-list li:nth-child(4n) {
  margin-right: 0;
}

.download-list li:hover {
  box-shadow: 0 0 8px 0 rgba(233, 72, 22, 0.3);
}

.download-list li .imgshow {
  border: 1px solid #D0CECF;
  box-shadow: 0px 3px 7px 0px rgba(123, 123, 123, 0.35);
}

.download-list h4 {
  color: #282828;
  font-size: 16px;
  line-height: 20px;
  margin: 30px 0 10px;
  overflow: hidden;
}

.download-list h4 input {
  float: left;
  margin-right: 15px;
}

.download-list input[type=checkbox]::after {
  border: 2px solid #E94816;
  width: 14px;
  height: 14px;
  font-size: 12px;
}

.success-text {
  text-align: center;
  margin-top: 200px;
}

.success-text h3 {
  font-weight: normal;
  margin-bottom: 15px;
}

.success-text p {
  line-height: 1.5;
}

.success-text h3, .success-text p {
  color: #000;
  font-size: 26px;
}

.success-text .back-btn {
  display: inline-block;
  width: 200px;
  margin: 0px auto;
  text-align: center;
  color: #ffffff;
  height: 36px;
  line-height: 36px;
  /* border-radius: 5px; */
  /* vertical-align: middle; */
  background-color: #E94816;
  margin-top: 33px;
  font-size: 20px;
  transition: all 0.4s;
  text-transform: uppercase;
}

.fuwupro-list li {
  display: flex;
  justify-content: space-between;
  margin-bottom: 100px;
}

.fuwupro-list li:nth-child(2n) {
  flex-direction: row-reverse;
}

.fuwupro-list .text {
  display: flex;
  flex-direction: column;
  justify-content: center;
  color: #000;
  width: 45%;
  flex-shrink: 0;
}

.fuwupro-list h3, .fuwupro-list h4 {
  font-weight: normal;
}

.fuwupro-list h3 {
  font-size: 30px;
  margin-bottom: 5px;
}

.fuwupro-list h4 {
  font-size: 22px;
}

.fuwupro-list .text-p {
  margin-top: 25px;
  font-size: 16px;
  line-height: 26px;
}

.fuwupro-list .text-p p {
  position: relative;
  padding-left: 24px;
}

.fuwupro-list .text-p p:after {
  content: '';
  position: absolute;
  left: 0;
  top: 14px;
  width: 13px;
  height: 1px;
  background-color: #000;
}

.fuwupro-list .imgshow {
  width: 50%;
  box-sizing: border-box;
}

.fuwupro-list .imgshow img {
  max-width: 100%;
  border: 1px solid #ccc;
}

/* .sq-fuwu-grid .title {
  margin: 40px 0 100px;
} */

.sz-fuwu-grid .title {
  margin: 0 0 100px;
}

.sh-fuwu-grid .title {
  margin: 0 0 100px;
}

.zhuyishixiang {
  font-size: 16px;
  color: #000;
  line-height: 26px;
}

.content-fuwu .prodis-form-box {
  padding: 90px 0;
}

.mylayer-class .layui-layer-title {
  border: none;
  background: transparent;
}

.mylayer-class .layui-layer-btn {
  text-align: center;
  padding-bottom: 30px;
}

.mylayer-class .layui-layer-btn .layui-layer-btn0 {
  width: 184px;
  height: 40px;
  text-align: center;
  background: #E94816;
  line-height: 40px;
  border: none;
}

.layer-text {
  text-align: center;
  padding: 0 100px;
}

.layer-text h3 {
  font-size: 32px;
  color: #353535;
  margin-bottom: 10px;
}

.layer-text .tips {
  color: #353535;
  font-size: 20px;
  margin-bottom: 30px;
}

/* .content-baoxiu .title {
  margin-top: 40px;
} */

.msh-tit {
  padding: 110px 0;
  font-size: 36px;
  color: #333333;
  text-align: center;
}

.msh-tit em {
  color: #E94816;
}

.about-msh-list {
  color: #333333;
}

.about-msh-list li {
  position: relative;
  float: left;
  width: 33.33%;
}

.about-msh-list li:hover h3 {
  font-size: 18px;
  color: #333;
}

.about-msh-list li:hover .h-text {
  background: #f7f8f9;
}

.about-msh-list li:hover p {
  opacity: 1;
}

.about-msh-list .h-text {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  padding: 50px;
  transition: all .5s linear;
}

.about-msh-list .h-text p {
  font-size: 16px;
  line-height: 25px;
  transition: all .5s linear;
  opacity: 0;
  max-height: 100px;
  overflow: hidden;
}

.about-msh-list h3 {
  color: #FFF;
  font-size: 26px;
  margin-bottom: 25px;
  transition: all .5s linear;
  transform: scale(1);
}

.join-whyjoin .text-p {
  font-size: 18px;
  color: #4B4B4B;
  /* max-width: 800px; */
  margin: 0 auto;
  line-height: 1.3;
  text-align: center;
  margin-bottom: 40px;
}

.join-whyjoin .text-p img {
  max-width: 100% !important;
  height: auto !important;
}

.join-whyjoin .img-list {
  margin-bottom: 70px;
}

.join-whyjoin .img-list:nth-last-child(1) {
  margin-bottom: 0;
}

.join-whyjoin .img-list li {
  float: left;
}

.join-whyjoin .img-list li img {
  max-width: 100%;
}

.join-whyjoin .img-list li:nth-child(2) {
  float: right;
}

.join-whybot {
  padding: 70px 0;
}

.join-whybot h3 {
  font-size: 26px;
  color: #000;
  border-bottom: 2px solid #E94816;
  padding: 20px 0;
  margin-bottom: 20px;
}

.join-whybot li {
  float: left;
  width: 23%;
  margin-right: 2.66%;
}

.join-whybot li:nth-child(4n) {
  margin-right: 0;
}

.join-whybot .text-li {
  font-size: 16px;
  line-height: 30px;
  color: #000;
}

.join-box-list {
  background-color: #F5F5F5;
  padding: 1px 0 40px;
  overflow: hidden;
}

.join-tab-tit {
  text-align: center;
  margin-bottom: 40px;
}

.join-tab-tit h3 {
  display: inline-block;
  background-color: transparent;
  position: relative;
  color: #000;
  font-size: 20px;
  text-align: center;
  line-height: 56px;
  height: 56px;
  width: 200px;
  cursor: pointer;
}

.join-tab-tit h3.cur {
  background-color: #E94816;
  color: #FFF;
}

.join-tab-tit h3.cur:after {
  display: inline-block;
}

.join-tab-tit h3:after {
  display: none;
  line-height: 1;
  content: '';
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: -10px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 10px 10px 0 10px;
  border-color: #E94816 transparent transparent transparent;
}

.toudi-list li {
  background-color: #FFF;
  box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.16);
  float: left;
  width: 32.5%;
  box-sizing: border-box;
  margin-right: 1.25%;
  margin-bottom: 17px;
  padding: 30px 40px 25px 30px;
}

.toudi-list li:nth-child(3n) {
  margin-right: 0;
}

.toudi-list li h3 {
  font-size: 22px;
  color: #E94816;
  font-weight: bold;
}

.toudi-list .tit {
  overflow: hidden;
  margin-bottom: 35px;
}

.toudi-list .tit h3 {
  line-height: 34px;
  float: left;
  max-width: 60%;
  overflow: hidden;
}

.toudi-list .toudi-btn {
  background-color: #E94816;
  color: #fff;
  font-size: 16px;
  padding: 8px 12px;
  float: right;
}

.toudi-list .text {
  font-size: 16px;
  color: #5B5B5B;
  line-height: 22px;
}

.toudi-list .text p {
  margin-bottom: 5px;
  overflow: hidden;
}

.toudi-list .text .see-btn {
  float: right;
  color: #E94816;
  font-weight: bold;
}

.see-more-job {
  background-color: #FFF;
  color: #E94816;
  display: block;
  width: 250px;
  height: 58px;
  line-height: 58px;
  text-align: center;
  font-size: 16px;
  margin: 50px auto;
  box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.16);
}

@keyframes squareMove1 {
  0% {
    width: 74.678%;
    padding-bottom: 74.678%;
    transform: translate(53.9%, 0);
    -ms-transform: translate(53.9%, 0%);
  }
  50% {
    width: 55.262%;
    padding-bottom: 55.262%;
    transform: translate(0, 0);
    -ms-transform: translate(0, 0);
  }
  100% {
    width: 14.936%;
    padding-bottom: 55.262%;
    transform: translate(0, 0);
    -ms-transform: translate(0, 0);
  }
}

@keyframes squareMove2 {
  0% {
    width: 67.21%;
    padding-bottom: 67.21%;
    transform: translate(-71.09%, 0%);
    -ms-transform: translate(-71.09%, 0%);
  }
  50% {
    width: 44.808%;
    padding-bottom: 44.808%;
    transform: translate(0, 0);
    -ms-transform: translate(0, 0);
  }
  100% {
    width: 14.936%;
    padding-bottom: 44.808%;
    transform: translate(0, 0);
    -ms-transform: translate(0, 0);
  }
}

@keyframes squareMove3 {
  0% {
    width: 89.614%;
    padding-bottom: 89.614%;
    transform: translate(28.4%, 0%);
    -ms-transform: translate(28.4%, 0%);
  }
  50% {
    width: 74.678%;
    padding-bottom: 74.678%;
    transform: translate(0, 0);
    -ms-transform: translate(0, 0);
  }
  100% {
    width: 14.936%;
    padding-bottom: 74.678%;
    transform: translate(0, 0);
    -ms-transform: translate(0, 0);
  }
}

@keyframes bgTranslateRight {
  0% {
    transform: translate(0, 0);
  }
  100% {
    transform: translate(100%, 0);
  }
}

@keyframes bgTranslateLeft {
  0% {
    transform: translate(0, 0);
  }
  100% {
    transform: translate(-100%, 0);
  }
}

.usaccet-list li {
  padding-left: 90px;
  margin-bottom: 155px;
}

.usaccet-list li:nth-last-child(1) {
  margin-bottom: 0;
}

.usaccet-list li:nth-child(2n) {
  padding-left: 0;
  padding-right: 90px;
}

.usaccet-list li:nth-child(2n) .list-left {
  float: right;
}

.usaccet-list li:nth-child(2n) .list-text {
  float: left;
}

.usaccet-list li.one2 .decorate-one {
  content: '';
  position: absolute;
  width: 67.21%;
  padding-bottom: 67.21%;
  top: 0;
  right: -14.936%;
  transform: translate(-71.09%, 0%);
  background-color: #E94816;
  z-index: 10;
}

.usaccet-list li.one1 .decorate-one {
  content: '';
  position: absolute;
  background-color: #E94816;
  z-index: 10;
  width: 74.678%;
  padding-bottom: 74.678%;
  left: -14.936%;
  transform: translate(53.9%, 0);
  bottom: 0;
  z-index: 10;
}

.usaccet-list li.one4 .decorate-one {
  content: '';
  position: absolute;
  background-color: #E94816;
  z-index: 10;
  width: 74.678%;
  padding-bottom: 74.678%;
  /*left: -14.936%;*/
 	right: -97px;
  transform: translate(53.9%, 0);
  bottom: 0;
  z-index: 10;
}

.usaccet-list li.one3 .decorate-one {
  content: '';
  position: absolute;
  width: 89.614%;
  padding-bottom: 89.614%;
  left: -14.936%;
  top: 0;
  z-index: 1;
  transform: translate(28.25%, 0%);
  background-color: #E94816;
  z-index: 10;
}

.usaccet-list li.aos-animate.one1 .decorate-one {
  animation: squareMove1 1s cubic-bezier(0.4, 0, 0.2, 1) 1s forwards;
}

.usaccet-list li.aos-animate.one4 .decorate-one {
  animation: squareMove1 1s cubic-bezier(0.4, 0, 0.2, 1) 1s forwards;
}

.usaccet-list li.aos-animate.one2 .decorate-one {
  animation: squareMove2 1s cubic-bezier(0.4, 0, 0.2, 1) 1s forwards;
}

.usaccet-list li.aos-animate.one3 .decorate-one {
  animation: squareMove3 1s cubic-bezier(0.4, 0, 0.2, 1) 1s forwards;
}

.usaccet-list li.aos-animate .list-left .imgshow:before {
  animation: bgTranslateRight 1s cubic-bezier(0, 0, 0, 1) 1s forwards;
}

.usaccet-list li.aos-animate:nth-child(2n) .list-left .imgshow:before {
  animation: bgTranslateLeft 1s cubic-bezier(0, 0, 0, 1) 1s forwards;
}

.usaccet-list .list-left {
  float: left;
  width: 50%;
  box-sizing: border-box;
  position: relative;
}

.usaccet-list .list-left .imgshow {
  position: relative;
  z-index: 1;
}

.usaccet-list .list-left .imgshow:before {
  content: '';
  position: absolute;
  left: 0;
  width: 100%;
  top: 0;
  height: 100%;
  background-color: #CCC;
  z-index: 9;
}

.usaccet-list .list-left .text {
  position: absolute;
  left: 0px;
  z-index: 7;
  padding: 75px 90px 0 90px;
  top: 0;
  width: 100%;
  box-sizing: border-box;
  color: #FFF;
}

.usaccet-list .list-left .text h3 {
  font-size: 35px;
  margin-bottom: 20px;
}

.usaccet-list .list-left .text p {
  font-size: 21px;
  line-height: 30px;
}

.usaccet-list .list-text {
  width: 45%;
  float: right;
}

.usaccet-list .welf-text-wrapper {
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
  padding-right: 24px;
  width: 100%;
  box-sizing: border-box;
}

.usaccet-list .text-one {
  position: relative;
  display: table;
  width: 100%;
  font-size: 22px;
  color: #343434;
  cursor: pointer;
  height: 134px;
  line-height: 134px;
  box-sizing: border-box;
  /* font-weight: 600; */
}

.usaccet-list .text-wrapper {
  display: table-cell;
  vertical-align: middle;
  width: 536px;
  height: 134px;
  background: #FF671F;
  padding-left: 24px;
}

.usaccet-list .box-title {
  transition: 0.5s transform cubic-bezier(0.2, 0, 0.2, 1);
  font-size: 22px;
  line-height: 22px;
  font-weight: 600;
}

.usaccet-list .box-text {
  font-size: 16px;
  line-height: 22px;
  opacity: 0;
  position: absolute;
  transform: translateY(20px);
  width: 113.5%;
}

.usaccet-list .text-one::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 134px;
  z-index: 0;
  transition: 0.5s width cubic-bezier(0.2, 0, 0.2, 1);
}

.usaccet-list .text-one.active::before {
  width: 100%;
}

.usaccet-list .text-one.active:nth-child(2n-1)::before {
  background: #ff671f;
}

.usaccet-list .text-one.active:nth-child(2n)::before {
  background: #ff671f;
}

.usaccet-list .text-one.active .box-title {
  color: white;
  padding-bottom: 12px;
  transform: translate(20px, 0);
}

.usaccet-list .text-one.active .box-text {
  width: 100%;
  opacity: 1;
  position: static;
  color: white;
  transform: translate(20px, 0);
  transition: 0.5s transform cubic-bezier(0.2, 0, 0.2, 1), 0.2s opacity cubic-bezier(0.2, 0, 0.2, 1);
}

.join-form h3 {
  font-size: 26px;
  color: #282828;
  font-weight: bold;
  margin-bottom: 35px;
}

.join-form label {
  color: #282828;
  font-size: 16px;
  display: block;
  margin-bottom: 8px;
}

.join-us-form form {
  padding-bottom: 60px;
}

.join-us-form .layui-row {
  margin-bottom: 20px;
}

.join-us-form .j-form-line select, .join-us-form .j-form-line input, .join-us-form .j-form-line textarea {
  background-color: transparent;
  border: 1px solid #DBD9D9;
  width: 100%;
  height: 42px;
  padding: 0 20px;
  box-sizing: border-box;
}

.join-us-form .j-form-line textarea {
  padding: 20px;
  height: auto;
}

.join-us-form .my-select select {
  background-color: transparent;
  border: 1px solid #DBD9D9;
}

.join-us-form #error-text {
  color: #F00;
  display: inline-block;
  padding: 5px;
}

.td-btn {
  font-size: 24px;
  background-color: #E94816;
  color: #FFF;
  width: 190px;
  height: 42px;
  text-align: center;
  line-height: 42px;
  text-align: center;
  display: block;
  margin: 0 auto;
  border: none;
  box-shadow: none;
  margin-top: 10px;
}

.join-bot-lx {
  border-top: 2px dashed #E2E2E2;
  padding: 20px 0 80px;
}

.join-bot-lx li {
  font-size: 20px;
  color: #000;
  line-height: 1.5;
  float: left;
  width: 48%;
  margin-bottom: 10px;
}

.join-bot-lx li:nth-child(2n) {
  float: right;
}

.about-history {
  padding-bottom: 50px;
}

.about-history ul {
  position: relative;
  padding: 50px 0;
}

.about-history ul:after {
  content: '';
  position: absolute;
  left: 50%;
  width: 6px;
  margin-left: -3px;
  background-color: #DBD9D9;
  height: 100%;
  top: 0;
  z-index: 1;
}

.about-history li {
  padding-right: 50%;
  position: relative;
  z-index: 2;
  margin-bottom: 50px;
}

.about-history li .dot {
  width: 20px;
  height: 20px;
  position: absolute;
  left: 50%;
  top: 0;
  background: url("../images/dev-dot.png") no-repeat;
  margin-left: -10px;
}

.about-history li:nth-child(2n) {
  padding-left: 50%;
  padding-right: 0;
}

.about-history li:nth-child(2n) .text {
  padding-left: 50px;
  padding-right: 0;
  float: left;
}

.about-history li:nth-child(2n) .imgshow {
  float: right;
}

.about-history li:nth-child(2n) .tit {
  text-align: left;
}

.about-history .tit {
  font-size: 38px;
  color: #000;
  text-align: right;
  margin-bottom: 5px;
}

.about-history .text {
  padding-right: 50px;
  float: right;
  width: 55%;
  box-sizing: border-box;
}

.about-history .text p {
  font-size: 18px;
  color: #000;
  line-height: 26px;
}

.about-history .imgshow {
  float: left;
  width: 37%;
}

.about-history .imgshow img {
  max-width: 100%;
  width: auto;
}

.about-tab-item li {
  padding: 26px 0;
  position: relative;
}

.about-tab-item li.cur {
  font-weight: bold;
}

.about-tab-item li.cur:after {
  content: '';
  position: absolute;
  left: 50%;
  width: 60%;
  transform: translateX(-50%);
  height: 3px;
  background-color: #E94816;
  bottom: 10px;
}

.about-tab-item.ws ul {
  justify-content: center;
}

.about-tab-item.ws ul li {
  margin: 0 70px;
}

.about-tab-item ul {
  display: flex;
  justify-content: space-between;
  font-size: 20px;
  color: #000;
}

.about-tx-list {
  padding-bottom: 130px;
}

.tx-list-block:nth-child(1) .title {
  margin-top: 90px;
}

.tx-list-block .title {
  margin-top: 130px;
}

.tx-list-block .text.w100 {
  padding: 0;
}

.tx-list-block .text {
  padding: 0 15%;
  text-align: center;
}

.tx-list-block p {
  font-size: 18px;
  color: #363636;
  line-height: 30px;
}

.tx-list-block .tx-dl-list {
  padding-top: 80px;
}

.tx-list-block .tx-dl-list dd {
  float: left;
  width: 32%;
  margin-right: 1.25%;
	margin-top:20px
}

.tx-list-block .tx-dl-list dd:nth-last-child(1) {
  margin-right: 0;
}

.tx-list-block .tx-dl-list dd:hover .imgshow img {
  transform: scale(1.03);
}

.tx-list-block .tx-dl-list dd:hover h4 {
  background: #e94816;
}

.tx-list-block .tx-dl-list dd:nth-child(1) .line {
  background: #E94816;
}

.tx-list-block .tx-dl-list dd:nth-child(2) .line {
  background: #F98038;
}                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            

.tx-list-block .tx-dl-list dd:nth-child(3) .line {
  background: #FFAE30;
}
.tx-list-block .tx-dl-list dd:nth-child(4) .line {
  background: #E94816;
}
.tx-list-block .tx-dl-list dd:nth-child(5) .line {
  background: #F98038;
}
.tx-list-block .tx-dl-list dd:nth-child(6) .line {
  background: #FFAE30;
}

.tx-list-block .tx-dl-list h3 {
  font-size: 22px;
  color: #363636;
  line-height: 1;
  text-align: center;
}

.tx-list-block .tx-dl-list .line {
  height: 7px;
  margin: 25px 0 50px;
}

.tx-list-block .tx-dl-list .imgshow {
  position: relative;
}

.tx-list-block .tx-dl-list .imgshow h4 {
  font-size: 20px;
  position: absolute;
  left: 0;
  width: 100%;
  box-sizing: border-box;
  background: rgba(233, 72, 22, 0.8);
  color: #FFF;
  z-index: 2;
  bottom: 0;
  line-height: 1;
  padding: 12px 0;
  text-align: center;
  transition: all 0.3s;
  font-weight: bold;
}

.tx-list-block .tx-dl-list .text-p {
  margin-top: 10px;
}

.tx-list-block .tx-dl-list .text-p p {
  font-size: 17px;
  line-height: 1.4;
}

.about-honor-list li {
  float: left;
  width: 24%;
  margin-right: 1.33%;
  margin-bottom: 40px;
  box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.35);
}

.about-honor-list li:nth-child(4n) {
  margin-right: 0;
}

.about-honor-list li:hover img {
  transform: scale(1.03);
}

.about-honor-list .w5 li {
  width: 18%;
  margin-right: 2.5%;
}

.about-honor-list .w5 li:nth-child(5n) {
  margin-right: 0;
}

.about-top-info {
  margin-bottom: 90px;
}

.about-top-info .imgshow {
  float: left;
  width: 35%;
}

.about-top-info .text {
  margin-top: 70px;
  float: right;
  width: 60%;
  box-sizing: border-box;
  text-indent: 2em;
  font-size: 18px;
  color: #6C6C6C;
  line-height: 40px;
}

.about-desrc {
  position: relative;
}

.about-desrc .imgshow {
  position: relative;
  width: 100%;
  z-index: 1;
  text-align: right;
}

.about-desrc .imgshow img {
  max-width: 100%;
  width: auto;
}

.about-desrc:after {
  content: '';
  position: absolute;
  left: 0;
  top: 100px;
  height: 5px;
  background-color: #E94816;
  width: 100%;
}

.about-desrc .text {
  background-color: rgba(204, 204, 204, 0.75);
  position: relative;
  z-index: 2;
  float: left;
  width: 75%;
  font-size: 18px;
  color: #6C6C6C;
  line-height: 40px;
  box-sizing: border-box;
  padding: 50px;
  text-indent: 2em;
  position: absolute;
  left: 0;
  top: 105px;
}

.about-hdm-list {
  padding: 100px 0 50px;
}

.about-hdm-list h3 {
  font-size: 26px;
  color: #000;
  border-bottom: 2px solid #E94816;
  padding: 20px 0;
  margin: 50px 0 20px;
}

.about-hdm-list li {
  float: left;
  width: 23%;
  margin-right: 2.66%;
}

.about-hdm-list li:nth-child(4n) {
  margin-right: 0;
}

.about-hdm-list .text-li {
  font-size: 16px;
  line-height: 30px;
  color: #000;
}

.keyvalue-list li {
  float: left;
  width: 25%;
  text-align: center;
  color: #FFF;
  box-sizing: border-box;
  padding: 45px 0 10px;
}

.keyvalue-list li h3 {
  font-size: 22px;
  margin: 20px 0 10px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.keyvalue-list li .icon {
  display: inline-block;
  height: 78px;
}

.keyvalue-list li p {
  font-size: 14px;
  line-height: 22px;
  height: 66px;
  overflow: hidden;
}

.keyvalue-list li:nth-child(1) {
  background-color: #FF3C00;
}

.keyvalue-list li:nth-child(2) {
  background-color: #FB5F0A;
}

.keyvalue-list li:nth-child(3) {
  background-color: #FB7B0A;
}

.keyvalue-list li:nth-child(4) {
  background-color: #FB9D0A;
}

.compare-tips {
  text-align: center;
  font-size: 18px;
  margin-bottom: 70px;
}

.compare-tips a {
  color: #E94816;
}

.compare-f-line {
  width: 32%;
  font-size: 18px;
  color: #000;
  margin-right: 2%;
  float: left;
}
.compare-f-line .imgshow{
  text-align: center;
}
.compare-f-line .layui-input-block {
  margin-left: 0;
}

.compare-f-line:nth-child(3n) {
  margin-right: 0;
}

.compare-f-line select {
  width: 100%;
  border-radius: 5px;
  border: 1px solid #D3D3D3;
  height: 56px;
  box-sizing: border-box;
  padding: 0 20px;
  color: #000;
}

.compare-f-line .imgshow {
  margin-top: 15px;
  box-shadow: 0 0 13px 0 rgba(0, 0, 0, 0.16);
  display: none;
}

.compare-filter {
  position: relative;
  padding-left: 270px;
  margin-bottom: 15px;
}

.compare-filter .fil-tit {
  position: absolute;
  left: 0;
  font-size: 23px;
  color: #000;
}
.prodis-xgcp .product-ny-list li{
  text-align: center;
}
.cp-table-tit {
  font-size: 23px;
  color: #000;
  border-bottom: 2px solid #E94816;
  padding: 8px 0;
}

.cp-pareblock {
  position: relative;
  padding-left: 270px;
  font-size: 18px;
}

.cp-pareblock p {
  padding: 14px 0;
  border-bottom: 1px solid #E3E4E4;
  min-height: 48px;
  box-sizing: border-box;
}

.cp-pareblock .tit {
  position: absolute;
  left: 0;
  width: 270px;
  top: 0;
  box-sizing: border-box;
  padding-right: 15px;
}

.cp-pareblock dd {
  width: 32%;
  float: left;
  margin-right: 2%;
}

.cp-pareblock dd:nth-child(3) {
  margin-right: 0;
}

.cp-compare-list {
  margin-bottom: 40px;
}

.cp-compare-list .ljgd {
  font-size: 18px;
  color: #000;
  padding: 20px;
  border: 1px solid #D3D3D3;
  border-radius: 5px;
  display: flex;
  justify-content: space-between;
}

.cp-compare-list .ljgd:hover {
  border-color: #E94816;
  color: #E94816;
}

.search-form-box .sear-form {
  width: 500px;
  margin: 0 auto 100px;
  position: relative;
  box-sizing: border-box;
  padding-right: 60px;
}

.search-form-box .sear-form .sear-hot-list {
  position: absolute;
  background-color: #FFF;
  top: 100%;
  left: 0;
  color: #000;
  padding: 20px 0;
  font-size: 14px;
  border: 1px solid #000;
  width: 440px;
  box-sizing: border-box;
  border-top: none;
  transition: all 0.3s;
  visibility: hidden;
  opacity: 0;
}

.search-form-box .sear-form .sear-hot-list.cur {
  visibility: visible;
  opacity: 1;
}

.search-form-box .sear-form .sear-hot-list li {
  line-height: 30px;
  padding: 0 20px;
  cursor: pointer;
}

.search-form-box .sear-form .sear-hot-list li:hover {
  background-color: #E94816;
  color: #FFF;
}

.search-form-box .sear-form input {
  border: 1px solid #000000;
  height: 50px;
  width: 100%;
  box-sizing: border-box;
  padding: 0 20px;
  font-size: 18px;
  color: #000;
}

.search-form-box .sear-form button {
  width: 50px;
  position: absolute;
  right: 0;
  height: 100%;
  background: #E94816;
  border: none;
}

.search-form-box .sear-form .iconfont {
  color: #FFF;
  font-size: 20px;
}

.search-list li {
  float: left;
  width: 23%;
  margin-right: 2.66%;
}

.search-list li:nth-child(4n) {
  margin-right: 0;
}

.search-list h3 {
  margin-bottom: 20px;
  margin-top: 40px;
}

.search-list h3 a {
  color: #000;
  font-size: 20px;
}

.search-list .imgshow {
  box-shadow: 0 0 13px 0 rgba(0, 0, 0, 0.16);
}

.search-list .imgshow img {
  width: auto;
  max-width: 100%;
}

.search-list .see-more {
  border: 1px solid #D3D3D3;
  width: 100%;
  font-size: 14px;
  color: #000;
  display: flex;
  padding: 15px 20px;
  line-height: 1;
  box-sizing: border-box;
  border-radius: 5px;
  justify-content: space-between;
  margin-top: 24px;
}

.search-list .see-more .iconfont {
  font-size: 12px;
  color: #E94816;
}

.search-list .see-more:hover {
  border-color: #E94816;
  color: #E94816;
}

.ct-case-box .imgshow img {
  margin-bottom: 20px;
}

.zeren-text {
  font-size: 18px;
  color: #363636;
  line-height: 1.6;
  text-align: center;
}

.content-about-zeren .title {
  margin-bottom: 35px;
}

.zpdetail-text {
  padding-bottom: 55px;
  margin-bottom: 70px;
  border-bottom: 1px solid #E7E7E7;
}

.zpdetail-text.nobr {
  border: none;
}

.zpdetail-text h3 {
  font-size: 32px;
  color: #333;
  margin-bottom: 35px;
}

.zpdetail-text .text-p {
  font-size: 16px;
  color: #333;
  line-height: 1.5;
}

.content-case-yingyong .fuwupro-list {
  margin-top: 55px;
}

.content-case-yingyong .join-bot-lx {
  padding-top: 50px;
}

.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
  cursor: no-drop;
  pointer-events: initial;
}

.case-yyswiper {
  position: relative;
}

.case-yyswiper .swiper-button-next {
  right: 30px;
}

.case-yyswiper .swiper-button-prev {
  left: 30px;
}

.case-yyswiper .swiper-button-next, .case-yyswiper .swiper-button-prev {
  background: #FFF;
  height: 70px;
  width: 70px;
  border-radius: 50%;
  text-align: center;
  line-height: 70px;
  color: #E94816;
}

.case-yyswiper .swiper-button-next .iconfont, .case-yyswiper .swiper-button-prev .iconfont {
  font-size: 30px;
}

.case-yyswiper .swiper-slide {
  background: #F1F1F1;
  min-height: 600px;
  display: flex;
  justify-content: space-between;
}

.case-yyswiper .imgshow {
  float: left;
  width: 30%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.case-yyswiper .imgshow img {
  max-width: 480px;
  width: 100%;
}

.case-yyswiper .text {
  float: right;
  width: 30%;
  color: #000;
  display: flex;
  flex-direction: column;
  justify-content: center;
  flex-shrink: 0;
  box-sizing: border-box;
  padding-right: 5%;
}

.case-yyswiper h3 {
  font-size: 30px;
  margin-bottom: 5px;
}

.case-yyswiper h4 {
  font-size: 22px;
}

.case-yyswiper .text-p {
  margin-top: 25px;
  font-size: 16px;
  line-height: 26px;
}

.case-yyswiper .text-p p {
  position: relative;
  padding-left: 24px;
}

.case-yyswiper .text-p p:after {
  content: '';
  position: absolute;
  left: 0;
  top: 14px;
  width: 13px;
  height: 1px;
  background-color: #000;
}

.case-yingyong-list h3 {
  font-weight: bold;
}

.case-yingyong-list .case-tit {
  font-size: 26px;
  color: #000;
  margin-bottom: 10px;
  font-weight: bold;
}

.case-yingyong-list .fuwupro-list .imgshow img {
  border: none;
}

.casejj-list .imgshow {
  position: relative;
}

.casejj-list .imgshow:hover:after {
  opacity: 1;
  visibility: visible;
}

.casejj-list .imgshow:hover .video-play {
  opacity: 1;
  visibility: visible;
}

.casejj-list .imgshow:After {
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s;
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.26);
  z-index: 1;
}

.casejj-list .video-play {
  opacity: 0;
  visibility: hidden;
  position: absolute;
  transition: all 0.3s;
  left: 50%;
  top: 50%;
  margin: -24px 0 0 -24px;
  width: 48px;
  height: 48px;
  background: url("../images/case-play.png") no-repeat;
  z-index: 2;
  cursor: pointer;
}

.casejj-list li {
  float: left;
  width: 23%;
  margin-right: 2.66%;
  box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.16);
  border-radius: 5px;
  background-color: #FFF;
  margin-bottom: 30px;
}

.casejj-list li:nth-of-type(4n) {
  margin-right: 0;
}

.casejj-list li:hover h3 {
  color: #E94816;
}

.casejj-list li:hover .text {
  border-color: #E94816;
}

.casejj-list h3 {
  font-size: 18px;
  color: #000;
  margin: 15px 0;
  position: relative;
}

.casejj-list h3 .bshare-custom {
  position: absolute;
  right: 0;
  margin-right: 20px;
  top: 50%;
  transform: translateY(-50%);
  transition: all 0.3s;
  visibility: hidden;
  opacity: 0;
  width: 100%;
  text-align: right;
}

.casejj-list h3 .share {
  position: absolute;
  right: 0;
  top: 50%;
  width: 100%;
  transform: translateY(-50%);
  height: 20px;
  background: url("../images/case-share.png") no-repeat 100% 50%;
}

.casejj-list h3 .share:hover .bshare-custom {
  visibility: visible;
  opacity: 1;
}

.casejj-list .text {
  padding: 1px 20px 20px;
  border: 2px solid transparent;
  border-top: none;
  transition: all 0.3s;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
}

.casejj-list .tags {
  overflow: hidden;
  height: 50px;
}

.casejj-list .tags a {
  margin-bottom: 5px;
  float: left;
  margin-right: 10px;
  border-radius: 3px;
  border: 1px solid #BFBFBF;
  padding: 2px 4px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.filter-box {
  font-size: 20px;
}

.filter-box .block {
  border-bottom: 1px solid #CECECE;
  position: relative;
  display: flex;
  background-color: #FFF;
}

.filter-box .fil-left {
  flex-shrink: 0;
  width: 180px;
  line-height: 34px;
  padding: 10px;
  box-sizing: border-box;
  background-color: #E7E7E7;
}

.filter-box .fil-right {
  background-color: #FFF;
  float: left;
  box-sizing: border-box;
  padding: 10px;
}

.case-filter {
  margin-bottom: 30px;
}

.case-filter dl.allmenu dd {
  margin-bottom: 15px;
}

.case-filter dl.allmenu dt .iconfont {
  transform: rotate(0);
}

.case-filter dl dt {
  position: absolute;
  right: 30px;
  top: 10px;
  height: 34px;
  width: 85px;
  border: 1px solid #CECECE;
  border-radius: 3px;
  font-size: 18px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}

.case-filter dl dt a {
  color: #808080;
}

.case-filter dl dt .iconfont {
  transition: all 0.3s;
  position: relative;
  display: inline-block;
  transform: rotate(90deg);
}

.case-filter .fullmenu {
  padding-right: 120px;
}

.case-filter dd {
  margin: 0 20px;
  float: left;
  font-size: 18px;
  color: #808080;
  height: 34px;
  line-height: 34px;
  min-width: 85px;
  padding: 0 25px;
  box-sizing: border-box;
  border-radius: 3px;
  text-align: center;
  cursor: pointer;
}

.case-filter dd.on {
  background-color: #E94816;
  color: #FFF;
}

.case-line {
  height: 1px;
  background-color: #E94816;
}

.hx-list:nth-last-of-type(1) {
  margin-bottom: 130px;
}

.hx-list .hx-block {
  display: flex;
  justify-content: space-between;
  overflow: hidden;
}

.hx-list .hx-block .hx-cs {
  font-size: 22px;
  color: #000;
  flex-shrink: 0;
  width: 100%;
  line-height: 1.6;
}

.hx-list .hx-block .hx-cs label {
  color: #E94816;
  display: inline-block;
  width: 30%;
}

.hx-list .hx-block .imgshow {
  float: left;
  width: 49%;
  display: flex;
  flex-wrap: wrap;
  align-content: flex-end;
}

.hx-list .hx-block .imgshow h3 {
  color: #FFF;
  background-image: linear-gradient(to right, #E94917, #F89200);
  font-size: 36px;
  line-height: 1;
  padding: 10px;
  text-align: center;
  white-space: nowrap;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  box-sizing: border-box;
}

.hx-list .hx-block .text {
  float: right;
  width: 49%;
  display: flex;
  flex-direction: column-reverse;
}

.hx-list .hx-block .text dl {
  display: flex;
  flex-wrap: wrap-reverse;
  justify-content: space-between;
}

.hx-list .hx-block .text dd {
  width: 48%;
  flex-shrink: 0;
  background: #FFF;
  color: #000;
  font-size: 14px;
  box-sizing: border-box;
  padding: 15px 15px 5px;
  margin-top: 25px;
}

.hx-list .hx-block .text dd p {
  font-size: 14px;
  color: #000;
  line-height: 24px;
  position: relative;
  padding-left: 15px;
  margin-bottom: 10px;
}

.hx-list .hx-block .text dd p:after {
  content: '';
  position: absolute;
  left: 0;
  top: 10px;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: #000;
}

.hx-list .hx-block .text dd h4 {
  font-size: 22px;
  color: #E94816;
  margin-bottom: 6px;
  font-weight: bold;
}

@media only screen and (max-width: 1720px) {
  .header .inner-20, .content-product {
    padding-left: 20px;
    padding-right: 20px;
  }
  .header-box .header-gp {
    right: 20px;
  }
  .pc-nav li .erji {
    width: 95%;
  }
  .erji .erji-bot {
    min-height: 400px;
  }
}

@media only screen and (max-width: 1600px) {
  .pro-class-list .erji_menu dl dd {
    font-size: 14px;
    line-height: 24px;
  }
  .header-search {
    margin-right: 20px;
  }
  .erji .erji-bot {
    min-height: 380px;
  }
  .pc-nav li {
    font-size: 16px;
  }
  .lan-box dt em {
    font-size: 14px;
  }
}

@media only screen and (max-width: 1466px) {
  .hx-list .hx-block .imgshow h3 {
    font-size: 24px;
  }
  .hx-list .hx-block .hx-cs, .hx-list .hx-block .text dd h4 {
    font-size: 16px;
  }
  .tx-list-block .tx-dl-list h3 {
    font-size: 18px;
  }
  .tx-list-block .tx-dl-list .imgshow h4 {
    font-size: 14px;
    font-weight: normal;
  }
  .join-whybot h3 {
    font-size: 20px;
  }
  .toudi-list li {
    padding: 20px;
  }
  .join-whyjoin .img-list li {
    width: 100%;
    text-align: center;
    margin-bottom: 20px;
  }
  .about-msh-list .h-text {
    padding: 35px;
  }
  .about-msh-list .h-text p {
    max-height: 75px;
  }
  .wordmap li:nth-child(5) {
    top: 34%;
    right: 27%;
  }
  .wordmap li:nth-child(1) {
    top: 16%;
  }
  .wordmap li:nth-child(19) {
    right: 20%;
  }
  .wordmap li:nth-child(15) {
    top: 64%;
    right: 19%;
  }
  .wordmap li:nth-child(6) {
    right: 24%;
  }
  .erji .erji-bot .fr img {
    height: 280px;
  }
  .erji .erji-bot {
    min-height: 325px;
  }
  .keytech-tab-box h3 {
    margin: 20px 0;
  }
  .keytech-content .fr {
    padding: 25px 3%;
  }
  .index-top-list .text h3 {
    font-size: 18px;
  }
  .index-top-list .text p {
    font-size: 14px;
  }
  .index-top-list .text {
    padding: 30px 20px;
  }
  .pro-class-list .erji_menu dl dd {
    font-size: 12px;
    line-height: 24px;
  }
  .erji dd a {
    font-size: 14px;
  }
  .erji .erji-bot dd .icon img {
    height: 26px;
  }
  .erji .erji-bot dd dl {
    width: auto;
  }
  .erji .erji-bot dd dl dd a {
    padding-right: 40px;
  }
  .erji .erji-bot dd a {
    padding: 6px 15px;
  }
  .erji .erji-bot .fl {
    width: 28%;
  }
  .erji .erji-bot .fr {
    width: 72%;
  }
  .product-ny-list .imgshow img {
    width: 90%;
  }
  .keytech-content .fl {
    left: 20px;
  }
  .m-width-1280, .m-width-1380 {
    max-width: 1000px;
  }
  .pc-nav li {
    font-size: 14px;
  }
  .foot_nav h3 {
    font-size: 16px;
  }
  .foot_nav dd {
    font-size: 12px;
  }
  .footer-box .web_share {
    margin-bottom: 30px;
  }
  .lan-box dt em:nth-child(2) {
    margin: 0 5px;
  }
}

@media only screen and (max-width: 1366px) {
  .pc-nav {
    padding-left: 0;
  }
  .pc-nav li {
    font-size: 14px;
  }
  .swiper-slide .banner-content .btn,
  .keytech-tab-box .btn {
    font-size: 14px;
    padding: 12px 0;
  }
  .swiper-slide .banner-content h2 {
    font-size: 30px;
  }
  .swiper-slide .banner-content p {
    font-size: 20px;
  }
  .header-box .logo {
    width: 165px;
  }
  .header-box .logo img {
    width: 100%;
  }
  .header-search {
    margin-right: 20px;
  }
  .filter-type .filter-line label {
    font-size: 12px;
  }
  .filter-type h4 {
    font-size: 14px;
  }
  .content-right {
    width: 80%;
  }
  .content-left {
    width: 20%;
  }
  .product-ny-list .imgshow img {
    width: 100%;
  }
  .product-ny-list .text-hover dd a {
    padding: 10px 20px;
    font-size: 14px;
  }
}

.baoxiu-tit {
  font-size: 24px;
  background-color: #EEEEEE;
  line-height: 1;
  padding: 25px 40px;
  border-left: 3px solid #E94816;
}

.baoxiu-tit h3 {
  color: #282828;
  font-weight: normal;
}

.hdm-from .form-row {
  padding-top: 40px;
}

.hdm-form-block {
  position: relative;
  width: 340px;
  float: left;
  margin-right: 23px;
  margin-bottom: 25px;
}

.hdm-form-block.w100 {
  width: 705px;
}

.hdm-form-block.w25 {
  width: 20%;
}

.hdm-form-block label {
  position: absolute;
  left: 20px;
  top: 0;
  background-color: #FFF;
  padding: 0 3px;
  color: #BDBDBD;
  font-size: 20px;
  transform: translateY(-50%);
  font-weight: normal;
}

.hdm-form-block input, .hdm-form-block textarea {
  width: 100%;
  box-sizing: border-box;
  border: 1px solid #E9E9E9;
  height: 60px;
  padding: 0 15px;
  font-size: 22px;
  color: #3D3D3D;
}

.hdm-form-block textarea {
  padding: 15px;
  height: 100px;
}

.hdm-form-block select {
  border: 1px solid #E8E8E8;
  height: 60px;
  width: 100%;
  font-size: 22px;
  color: #3D3D3D;
  box-sizing: border-box;
  padding: 0 15px;
}

.hdm-form-block2 {
  margin-bottom: 45px;
}

.hdm-form-block2.jccode {
  position: relative;
}

.hdm-form-block2.jccode .jccode-tips {
  font-size: 20px;
  color: #8E8D8C;
  padding-left: 20px;
}

.hdm-form-block2.jccode .jccode-tips .iconfont {
  font-size: 20px;
  margin-left: 10px;
}

.hdm-form-block2 label {
  font-size: 20px;
  color: #8E8D8C;
  line-height: 1;
  display: block;
  margin-bottom: 40px;
}

.hdm-form-block2 input {
  border: 1px solid #BCBCBC;
  height: 60px;
  box-sizing: border-box;
  padding: 0 15px;
  width: 340px;
  font-size: 22px;
  color: #3D3D3D;
}

.hdm-form-block2 textarea {
  border: 1px solid #BCBCBC;
  padding: 15px;
  box-sizing: border-box;
  height: 140px;
  font-size: 22px;
  color: #3D3D3D;
  width: 100%;
  max-width: 900px;
}

/* m_zlxg */
.imgFileUploade {
  width: 100%;
}

.imgFileUploade .header {
  display: inline-block;
  min-height: 50px;
  min-width: 190px;
  box-sizing: border-box;
  padding: 17px;
  border: solid 1px #ccc;
}

.imgFileUploade .header span {
  display: block;
}

.imgFileUploade .header span.imgTitle {
  font-size: 20px;
  color: #8E8D8C;
  margin: 20px auto 0;
  text-align: center;
}

.imgFileUploade .header span.imgTitle b {
  color: red;
  margin: 0 5px;
  display: none;
  float: right;
  font-size: 20px;
}

.imgFileUploade .header span.imgClick {
  width: 50px;
  height: 50px;
  border: 2px solid #BCBCBC;
  border-radius: 50%;
  position: relative;
  line-height: 1;
  margin: 0 auto;
}

.imgFileUploade .header span.imgClick:after {
  content: '+';
  position: absolute;
  left: 50%;
  top: 50%;
  line-height: 1;
  font-size: 35px;
  color: #BCBCBC;
  transform: translate(-50%, -50%);
  margin-top: -2px;
}

.imgFileUploade .header span.imgcontent {
  color: #999;
  line-height: 30px;
}

.imgFileUploade .imgAll {
  width: 100%;
  margin-top: 5px;
}

.imgFileUploade .imgAll ul:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: ".";
  clear: both;
  height: 0;
}

.imgFileUploade .imgAll li {
  width: 100px;
  height: 100px;
  border: solid 1px #ccc;
  margin: 8px 5px;
  float: left;
  position: relative;
  box-shadow: 0 0 10px #eee;
}

.imgFileUploade .imgAll li img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
}

.delImg {
  position: absolute;
  top: -10px;
  right: -7px;
  width: 22px;
  height: 22px;
  background: #000;
  border-radius: 50%;
  display: block;
  text-align: center;
  line-height: 22px;
  color: #fff;
  font-weight: 700;
  font-style: normal;
  cursor: pointer;
}

.imgFilebox3 {
  min-width: 190px;
  min-height: 140px;
}

.baoxiu-tijiao {
  width: 249px;
  text-align: center;
  line-height: 60px;
  height: 60px;
  border: none;
  color: #FFF;
  font-size: 22px;
  background: #E94816;
}
@media only screen and (max-width: 1440px) {
    .wordmap img.img-ns {
       right: -10px;
       bottom: 77px;
    }
    
}
@media only screen and (max-width: 1100px) {
	.lan-box dd {
		left:0!important
	}
  .hx-list .hx-block .hx-cs label {
    width: 100%;
  }
  .hx-list:nth-last-of-type(1) {
    margin-bottom: 30px;
  }
  .hx-list .hx-block .imgshow h3 {
    font-size: 18px;
  }
  .hx-list .hx-block .text dd {
    width: 100%;
  }
  .hx-list .hx-block {
    display: block;
  }
  .hx-list .hx-block .imgshow, .hx-list .hx-block .text {
    width: 100%;
  }
  .web_share.ftype a .h-text {
    top: auto;
    bottom: 100%;
  }
  .foot_nav {
    padding-right: 0;
  }
  .footer-box .web_share {
    margin-bottom: 0 !important;
  }
  .foot_nav li {
    display: none;
  }
  .foot_nav li.foot-con {
    display: block;
    position: initial;
  }
  .filter-box .block {
    display: block;
  }
  .case-filter .fullmenu {
    padding-right: 0;
  }
  .filter-box .fil-left {
    width: 100%;
  }
  .case-filter {
    margin-top: 30px;
  }
  .case-filter dd {
    width: 50%;
    box-sizing: border-box;
    margin: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .casejj-list li {
    width: 100%;
    margin-right: 0;
  }
  .case-yyswiper .swiper-button-next, .case-yyswiper .swiper-button-prev {
    width: 40px;
    height: 40px;
    line-height: 40px;
  }
  .case-yyswiper .swiper-button-next .iconfont, .case-yyswiper .swiper-button-prev .iconfont {
    font-size: 18px;
  }
  .case-yyswiper .swiper-button-prev {
    left: 0;
  }
  .case-yyswiper .swiper-button-next {
    right: 0;
  }
  .case-yyswiper .imgshow, .case-yyswiper .text {
    width: 100%;
    padding: 20px;
    box-sizing: border-box;
  }
  .case-yyswiper .swiper-slide {
    display: block;
    min-height: auto;
  }
  .compare-x-scoll {
    overflow-x: auto;
  }
  .compare-x-box {
    min-width: 1000px;
  }
  .about-hdm-list li {
    width: 100%;
    margin-right: 0;
    margin-bottom: 25px;
  }
  .about-hdm-list h3 {
    font-size: 20px;
    margin-top: 0;
  }
  .about-top-info {
    margin-bottom: 30px;
  }
  .keyvalue-list li {
    width: 100%;
  }
  .about-top-info .imgshow, .about-top-info .text {
    width: 100%;
  }
  .about-desrc .text {
    padding: 15px;
    margin-bottom: 30px;
  }
  .about-top-info .text {
    margin-top: 25px;
  }
  .about-desrc .text {
    position: initial;
    width: 100%;
  }
  .about-honor-list li, .about-honor-list .w5 li {
    width: 100%;
    margin-right: 0;
  }
  .about-tab-item {
    display: none;
  }
  .tx-list-block:nth-child(1) .title {
    margin-top: 40px;
  }
  .tx-list-block .tx-dl-list {
    padding-top: 40px;
  }
  .tx-list-block .tx-dl-list dd {
    width: 100%;
    margin-bottom: 30px;
  }
  .tx-list-block .title {
    margin-top: 30px;
  }
  .tx-list-block .text {
    padding: 0;
  }
  .tx-list-block p {
    font-size: 14px;
  }
  .about-history ul:after {
    left: 0;
    transform: translateX(0);
  }
  .about-history .tit {
    text-align: left;
    font-size: 28px;
    padding: 15px 0;
  }
  .about-history li:nth-child(2n) .text {
    padding: 0;
  }
  .about-history li.text {
    padding: 0;
  }
  .about-history li .dot {
    left: 0;
  }
  .about-history li, .about-history li:nth-child(2n) {
    padding: 0;
    padding-left: 35px;
  }
  .about-history .imgshow, .about-history .text {
    width: 100%;
  }
  .join-bot-lx {
    padding: 20px 0 30px;
  }
  .join-bot-lx li {
    width: 100%;
  }
  .join-usaccet {
    overflow: hidden;
  }
  .usaccet-list .list-left .text h3 {
    font-size: 24px;
  }
  .usaccet-list .list-left .text p {
    font-size: 16px;
  }
  .usaccet-list .list-left .text {
    padding: 12px;
  }
  .usaccet-list li:nth-child(2n) {
    padding-right: 0;
  }
  .usaccet-list li {
    padding: 0px;
    margin-bottom: 20px;
  }
  .usaccet-list .list-left {
    margin-bottom: 20px;
  }
  .usaccet-list .list-left, .usaccet-list .list-text {
    width: 100%;
  }
  .toudi-list li {
    width: 100%;
  }
  .join-whybot li {
    width: 100%;
  }
  .msh-tit {
    padding: 40px 0;
    font-size: 30px;
  }
  .about-msh-list li {
    width: 100%;
  }
  .hdm-form-block2 label {
    margin-bottom: 20px;
  }
  .hdm-form-block2 input {
    width: 100%;
  }
  .hdm-form-block2.jccode .jccode-tips {
    padding-left: 0;
    margin-top: 20px;
    display: block;
  }
  .hdm-form-block, .hdm-form-block.w25, .hdm-form-block.w100 {
    width: 100%;
  }
  .sq-fuwu-grid .title, .sz-fuwu-grid .title, .sh-fuwu-grid .title {
    margin-bottom: 40px;
  }
  .fuwupro-list .text, .fuwupro-list .imgshow {
    width: 100%;
  }
  .fuwupro-list .text {
    margin-bottom: 15px;
  }
  .fuwupro-list .text h3 {
    font-size: 24px;
  }
  .fuwupro-list .text h4 {
    font-size: 18px;
  }
  .fuwupro-list li {
    display: block;
    margin-bottom: 50px;
  }
  .inner-20 {
    padding-left: 20px;
    padding-right: 20px;
  }
  .socllfixed .pro-tab-item {
    left: 0;
    width: 100%;
    box-sizing: border-box;
    padding: 10px 20px;
  }
  .pro-tab-item li {
    margin-bottom: 8px;
    font-size: 12px;
  }
  .prodis-canshu th {
    font-size: 18px;
  }
  .prodis-bot-list li {
    width: 49%;
    margin-right: 0;
    margin-bottom: 20px;
  }
  .prodis-bot-list li:nth-child(2n) {
    float: right;
  }
  .prodis-skxt li {
    margin-bottom: 20px;
    width: 100%;
  }
  .prodis-skxt .text-p {
    height: auto;
  }
  .prodis-skxt .imgshow, .prodis-skxt .text {
    width: 100%;
  }
  .prodis-skxt .imgshow {
    margin-bottom: 20px;
	  width: 40%;
        margin-left: 104px;
  }
  .prodis-cpld h3 {
    font-size: 18px;
  }
  .prodis-case {
    margin-top: 30px;
  }
  .prodis-cpld .imgshow, .prodis-cpld .text {
    width: 100%;
  }
  .prodis-cpld .text {
    height: auto !important;
  }
  .prodis-cpld .imgshow {
    margin-bottom: 20px;
  }
  .prodis-cpld li {
    margin-bottom: 30px;
  }
  .yyjl-list li {
    width: 49%;
    margin-right: 0;
    margin-bottom: 20px;
  }
  .yyjl-list li:nth-child(2n) {
    float: right;
  }
  .yyjl-list h3 {
    font-size: 14px;
  }
  .header-box .header-gp {
    display: none;
  }
  .prodis-tab-item {
    font-size: 14px;
    padding: 5px 0;
  }
  .prodis-tab-item li {
    width: 33.33%;
    padding: 5px 0;
  }
  .pro-class-list .erji_menu {
    display: none;
  }
  .banner .swiper-button-next, .banner .swiper-button-prev {
    display: none;
  }
  #toTop {
    bottom: 90px;
  }
  .header-ny {
    margin-bottom: 30px;
  }
  .content-pro h3 {
    font-size: 18px;
    line-height: 1.4;
    padding-left: 0;
    background: none;
  }
  .product-ny-list.w4 li {
    width: 50%;
  }
  .product-ny-list li.w75 {
    width: 100%;
  }
  .product-ny-list li {
    width: 50%;
    margin-right: 0;
    margin-bottom: 20px;
  }
  .product-ny-list {
    margin-bottom: 20px;
  }
  .product-ny-list:hover h3, .product-ny-list.hover h3 {
    color: #E94816;
    background: none;
  }
  .product-ny-list .imgshow img {
    width: 100%;
  }
  .header-box .logo img {
    width: auto;
  }
  .content-left {
    display: none;
  }
  .content-right {
    width: 100%;
    float: none;
  }
  .banner-scoll-down {
    display: none;
  }
  .swiper-type {
    bottom: 20px;
  }
  .keytech-content .imgshow,
  .keytech-content .imgshow .swiper-container {
    position: initial;
    transform: translateY(0);
  }
  .pro-class-list .swiper-slide .viewmore {
    display: none;
  }
  .pro-page-swiper {
    display: none;
  }
  .foot_nav h3 {
    margin-bottom: 15px;
  }
  .footer-box dd {
    margin-bottom: 10px;
    padding-left: 0;
    background: none;
  }
  .pro-class-list .swiper-slide .text {
    bottom: 20px;
  }
  .pro-class-list .swiper-slide h3 {
    font-size: 16px;
  }
  .keytech-content {
    padding-top: 30px;
  }
  .footer {
    padding-top: 30px;
  }
  .footer-box .flogo {
    text-align: center;
  }
  .footer-copy {
    margin-top: 0px;
  }
  .footer-copy p {
    text-align: center;
    line-height: 1.5;
  }
  .footer-box .web_share {
    margin-bottom: 30px;
    justify-content: center;
  }
  .foot_nav li:nth-last-of-type(1) {
    text-align: center;
  }
  .foot_nav li:nth-of-type(1) dl {
    width: 50%;
  }
  .news_list li {
    width: 49%;
    margin-right: 2%;
    padding: 0px;
    margin-bottom: 20px;
    padding-bottom: 15px;
  }
  .news_list li:nth-child(2n) {
    margin-right: 0;
  }
  .news_list li .text {
    padding: 0 10px;
  }
  .news_list h3 {
    font-size: 16px;
    height: 72px;
    margin: 15px 0 10px;
  }
  .news_list p {
    font-size: 12px;
  }
  .news_list .date {
    font-size: 12px;
    margin-top: 10px;
    background: none;
    width: 100%;
    box-sizing: border-box;
    background-color: transparent;
    color: #999;
    padding: 0;
  }
  .news_list .date small {
    font-size: 12px;
  }
  .news_list .text-p {
    height: 108px;
  }
  .title {
    margin: 40px auto 30px;
  }
  .title h2 {
    font-size: 26px;
  }
  .auto-list li .text-hover {
    transform: translateY(0);
    background-color: transparent;
  }
  .auto-list li .text-hover a {
    padding: 0 5%;
    width: 90%;
  }
  .auto-list li .text-hover p {
    display: none;
  }
  .auto-list li .text-hover h3 {
    font-size: 16px;
    margin-bottom: 0;
    line-height: 1.5;
  }
  .auto-list li .viewmore {
    display: none;
  }
  .index-auto-grid li {
    width: 50%;
  }
  .keytech-item {
    padding-left: 10px;
  }
  .keytech-content .fr {
    box-sizing: border-box;
    padding: 25px 0;
  }
  .keytech-tab-box p {
    font-size: 14px;
  }
  .keytech-tab-box h3 {
    font-size: 18px;
    margin: 25px 0 15px;
  }
  .paddbot-130 {
    padding-bottom: 40px;
  }
  .swiper-button-pro {
    opacity: 1;
  }
  .index-top-list li {
    width: 50%;
  }
  .index-top-list li:hover {
    transform: translateY(0);
  }
  .index-top-list li .imgshow {
    padding: 10px 0;
    text-align: center;
  }
  .index-top-list li .imgshow img {
    width: 60%;
  }
  .index-top-list .text {
    padding: 25px 10px 20px;
    
    height: 225px;
    box-sizing: border-box;
    position: relative;
  }
  .index-top-list .viewmore {
    margin-top: 15px;
    position: absolute;
    right: 10px;
    width: 30px;
    height: 30px;
    background-size: 80%;
    bottom: 2px;
    opacity: 1;
    visibility: visible;
  }
  .index-top-list .text h3 {
    font-size: 16px;
  }
  .index-top-list .line {
    margin: 7px 0;
  }
  .index-top-list .text p {
    line-height: 17px;
    font-size: 12px;
    height: 36px;
    overflow: hidden;
  }
  .padd-130 {
    padding: 40px 0;
  }
  .swiper-slide .banner-content {
    display: none;
  }
  #page {
    background-color: #FFF;
  }
  .header-box .m-width-1280 {
    background-color: #FFF;
    height: 60px;
  }
  .header-search {
    display: none;
  }
  .header-box {
    position: relative;
    padding: 0;
  }
  .right-icon .arrow {
    margin-left: 5px;
  }
  .lan-box dt em:nth-child(2) {
    display: none;
  }
  .header-box .logo {
    display: block;
    width: 50%;
    margin: 0 auto;
    float: none;
    text-align: center;
    height: auto;
    padding: 10px 0;
  }
  .header-box .logo img {
    height: 30px;
  }
  .right-icon {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
  }
  .lan-box {
    height: auto;
    position: absolute;
    left: 20px;
    margin-left: 0;
    top: 50%;
    transform: translateY(-50%);
  }
  .right-icon em:nth-of-type(1) {
    margin-left: 0;
  }
  .header_top,
  .pc-nav {
    display: none;
  }
  .foot_nav li {
    width: 50%;
    margin-bottom: 20px;
  }
  .foot_nav li:nth-of-type(1), .foot_nav li:nth-last-of-type(1) {
    width: 100%;
  }
  .page-box .page-inner a.next_page {
    display: none;
  }
  .flexwrap {
    flex-wrap: wrap;
  }
  .footer {
    margin-top: 20px;
    padding-bottom: 0px;
  }
  .sm_100 {
    width: 100% !important;
  }
  .btn-nav {
    position: absolute;
    background: transparent;
    border: none;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
    z-index: 99999;
    display: block;
    width: 30px;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
  }
  .icon-bar {
    display: block;
    margin: 6px 0;
    width: 30px;
    height: 3px;
    background-color: #E94816;
    -webkit-transition: all .7s ease;
    -moz-transition: all .7s ease;
    -ms-transition: all .7s ease;
    -o-transition: all .7s ease;
    transition: all .7s ease;
    z-index: 999999;
  }
  .icon-bar .bottom {
    margin-bottom: 0;
  }
  .mm-opening .top {
    -webkit-transform: translateY(8px) rotateZ(45deg);
    -moz-transform: translateY(8px) rotateZ(45deg);
    -ms-transform: translateY(8px) rotateZ(45deg);
    -o-transform: translateY(8px) rotateZ(45deg);
    transform: translateY(8px) rotateZ(45deg);
  }
  .mm-opening .bottom {
    -webkit-transform: translateY(-10px) rotateZ(-45deg);
    -moz-transform: translateY(-10px) rotateZ(-45deg);
    -ms-transform: translateY(-10px) rotateZ(-45deg);
    -o-transform: translateY(-10px) rotateZ(-45deg);
    transform: translateY(-10px) rotateZ(-45deg);
  }
  .mm-opening .middle {
    width: 0;
  }
  .banner .bg-box {
    display: none;
  }
  .banner .wap-box {
    display: block;
  }
  .crumbs-box {
    box-sizing: border-box;
    padding: 20px;
  }
  .page-box {
    padding-top: 40px;
  }
  .paddbot-100 {
    padding-bottom: 40px;
  }
  .content-wenti .title .right-slot {
    margin-top: 20px;
  }
  .content-wenti .search-wenti button {
    left: auto;
    right: 0;
  }
  .content-wenti .search-wenti input {
    width: 100%;
    box-sizing: border-box;
  }
  .title .right-slot {
    position: initial;
    transform: translateY(0);
  }
  .paddtop-100 {
    padding-top: 40px;
  }
  .m-table {
    overflow-x: auto;
	  margin-top: 0px !important;
  }
  .m-table td {
    white-space: nowrap;
  }
  .contact-filter {
    position: initial;
    width: 100%;
  }
  .our-contacts h3 {
    font-size: 24px;
    margin-bottom: 30px;
  }
  .lx-text .text-bot {
    display: none;
  }
  .wordmap li .dot {
    display: none;
  }
  .wordmap li .dot-text {
    text-align: left;
    padding: 10px 0;
    font-size: 16px;
  }
  .wordmap li {
    position: initial;
  }
  .wordmap li .lx-text {
    margin-left: 0;
    width: 100%;
    box-sizing: border-box;
    opacity: 1;
    visibility: visible;
    position: initial;
    transform: translateY(0);
    padding: 15px;
  }
  .our-contacts {
    margin-top: 30px;
  }
  .content-contact .prodis-bot-list {
    margin-top: 30px;
  }
  .content-contact {
    padding-bottom: 30px;
  }
  .wenti-list .subdesrc .sub-menu {
    width: 100%;
    margin-top: 15px;
  }
  .wenti-list .subdesrc .sub-menu a {
    margin-left: 0;
    margin-right: 20px;
  }
  .wenti-list .page-box {
    padding: 30px 0;
  }
  .download-list li {
    width: 49%;
    margin-right: 0;
    margin-bottom: 20px;
  }
  .download-list li:nth-child(2n) {
    float: right;
  }
  .download-list h4 {
    font-size: 14px;
    line-height: 20px;
    height: 40px;
    overflow: hidden;
  }
  .content-donwload .prodis-bot-list {
    margin: 30px 0;
  }
  .wordmap img.img-ns{
  	right: -1px;
    top: 235px;
    max-width: 100%;
    width: 88px !important;
    
  }
  .our-contacts .m-table td{
	  padding-right: 33px;
	  padding-left: 0px;
  }
   .mappc{ display:none;}
    .mapwap{ display:block;}

}
.prodis-bot-list:hover h3{
	color:#e94615!important
}
.prodis-bot-list li:hover{
	background-color:#e946157a
}