.inpage-banner {
  width: 100%;
  background-repeat: no-repeat;
  background-position: center top;
  overflow: hidden;
}
.inpage-banner img {
  width: 100%;
}
.inpage-banner img.moble {
  display: none;
}
@media (max-width: 1024px) {
  .inpage-banner img {
    display: none;
  }
  .inpage-banner img.moble {
    display: block;
  }
}
@media (max-width: 800px) {
  /* .inpage-banner img{ width: 180%; margin-left: -40%; } */
}
/* 位置1 */
.mianbaoxie1200 {
  width: 100%;
  height: 50px;
  margin-top: -50px;
  position: relative;
  z-index: 9
}
.mianbaoxie1200 .con {
  width: 100%;
  height: 50px;
  background: url(/img/Bg.png)repeat
}
.mianbaoxie1200 .p1 {
  height: 50px;
  line-height: 50px;
  font-size: 13px;
  color: #fff;
  float: left;
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis
}
.mianbaoxie1200 .p1 a {
  color: #fff;
  padding: 0 4px
}
.mianbaoxie1200 .p1 img {
  margin: 0 10px 0 20px;
  position: relative;
  top: -2px
}
.mianbaoxie1200 .p2 {
  float: right;
  font-size: 13px;
  color: #fff;
  line-height: 50px;
  margin-right: 22px
}
/* 位置2 */
.localtion {
  height: 130px;
  border-bottom: 1px solid #ddd;
}
.localtion .w1400 {
  height: 100%;
}
.localtion .local {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.localtion .local .link {
  font-size: 20px;
}
.localtion .local .link > a {
  font-size: 20px;
}
.localtion .local .link span {
  font-size: 12px;
}
.localtion .localNav {}
.localtion .localNav a {
  font-size: 16px;
  display: inline-block;
  margin-left: 5px;
  padding: 8px 20px;
  color: #FFFFFF;
  border-radius: 50px;
  background-color: #404040;
}
.localtion .localNav a:hover {
  background-color: #bc9b69;
}
.localtion .localNav a.cur {
  background-color: #bc9b69;
}
@media (max-width: 1024px) {
  .localtion {
    display: none;
  }
}
/*----------------- 产品列表 ----------------*/
.proNav {
  background-color: #F3F3F3;
  padding: 20px 30px;
}
.proNav dl {
  border-bottom: 1px dashed #DDDDDD;
  padding-bottom: 20px;
  margin-bottom: 20px;
}
.proNav dl:last-child {
  border-bottom: 0;
  padding-bottom: 0;
  margin-bottom: 0;
}
.proNav dt {
  font-size: 20px;
  font-weight: ;
  display: inline-block;
  color: #000000;
}
.proNav dd {
  font-size: 16px;
  display: inline-block;
  margin-left: 10px;
  color: #333333;
}
.proNav dd a {
  display: block;
  padding: 5px 10px;
  border: 1px solid #F3F3F3;
  border-radius: 20px;
  transition: all 0.3s;
}
.proNav dd a:hover, .proNav dd.on a {
  border: 1px solid #bc9b69;
  background-color: #bc9b69;
  color: #FFF;
}
.y-product-module {
  padding: 50px 0;
}
.y-product-module h3 {
  font-size: 32px;
  font-weight: 400;
  color: #212121;
  text-align: center;
  padding-bottom: 10px;
}
.y-product-module h3 a {
  color: #212121;
}
.y-product-module .y-product-nav {
  width: 100%;
  margin-top: 25px;
  position: relative;
  margin-bottom: 40px;
}
.y-product-module .y-product-nav > span {
  display: block;
  width: 48px;
  height: 100%;
  box-sizing: border-box;
  border: solid 1px #e6e6e6;
  position: absolute;
  top: 0;
  z-index: 9;
  cursor: pointer;
}
.y-product-module .y-product-nav > span.y-left-btn {
  left: 0;
}
.y-product-module .y-product-nav > span.y-right-btn {
  width: 49px;
  right: 0;
}
/*箭头*/
.y-product-module .y-product-nav > span:before, .y-product-module .y-product-nav > span:after {
  content: '';
  width: 0;
  height: 0;
  display: block;
  position: absolute;
  left: 0;
  top: 23px;
  z-index: 5;
  border-top: 12px transparent dashed;
  border-left: 12px transparent dashed;
  border-bottom: 12px transparent dashed;
  border-right: 12px #ccc solid;
  overflow: hidden;
  margin-left: 4px;
}
.y-product-module .y-product-nav > span:after {
  left: 3px;
  border-right-color: #fff;
}
.y-product-module .y-product-nav > span:before {
  border-right-color: #999;
}
.y-product-module .y-product-nav > span.y-right-btn:before, .y-product-module .y-product-nav > span.y-right-btn:after {
  border-right: 12px transparent dashed;
  border-left: 12px #ccc solid;
  margin-left: 17px;
}
.y-product-module .y-product-nav > span.y-right-btn:after {
  left: -3px;
  border-left-color: #fff;
}
.y-product-module .y-product-nav > span.y-right-btn:before {
  border-left-color: #999;
}
.y-product-module .y-nav-cont {
  width: 100%;
  overflow: hidden;
}
.y-product-module .y-nav-cont ul {
  margin: 0 auto;
  position: relative;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.y-product-module .y-nav-cont li {
  display: block;
  float: left;
  width: 138px;
  line-height: 70px;
  height: 70px;
  overflow: hidden;
  box-sizing: border-box;
  text-align: center;
  border-top: solid 1px #e6e6e6;
  border-left: solid 1px #e6e6e6;
  border-bottom: solid 1px #e6e6e6;
  border-right: solid 1px #e6e6e6;
  font-size: 18px;
  position: relative;
  margin-left: -1px;
}
.y-product-module .y-nav-cont li a {
  display: block;
  color: #333;
}
.y-product-module .y-nav-cont li.cur, .y-product-module .y-nav-cont li:hover {
  background-color: #b88b44;
  border-color: #b88b44;
}
.y-product-module .y-nav-cont li.cur a, .y-product-module .y-nav-cont li:hover a {
  color: #fff;
}
.y-product-module .y-nav-cont li.cur:after, .y-product-module .y-nav-cont li:hover:after {
  content: '';
  display: block;
  width: 0;
  height: 0;
  border-width: 8px;
  border-style: solid;
  border-color: #b88b44 transparent transparent transparent;
  position: absolute;
  bottom: -15px;
  left: 50%;
  margin-left: -8px;
  z-index: 2;
}
.y-product-module .y-product-box {
  width: 100%;
}
.y-product-module .y-product-box .y-infos {
  padding: 30px 55px;
  background-color: #f5f5f5;
}
.y-product-module .y-product-box .y-infos .y-img-box {
  width: 195px;
  height: auto;
  border-radius: 50%;
  overflow: hidden;
}
.y-product-module .y-product-box .y-infos .y-img-box img {
  display: block;
  width: 100%;
  height: auto;
}
.y-product-module .y-product-box .txts {
  width: 830px;
  height: 195px;
  position: relative;
}
.y-product-module .y-product-box .y-infos h4 {
  font-size: 22px;
  color: #212121;
  font-weight: 400;
  padding: 15px 0;
}
.y-product-module .y-product-box .txts p {
  height: 50px;
  font-size: 16px;
  color: #666;
  line-height: 24px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.y-product-module .y-product-box .txts a {
  display: block;
  width: 120px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  color: #fff;
  background-color: #212121;
  font-size: 15px;
  position: absolute;
  left: 0;
  bottom: 15px;
  z-index: 9;
}
.y-product-list {
  margin: 0 -10px;
  margin-top: 35px;
}
.y-product-box .item {
  width: 25%;
  padding: 0 10px;
  float: left;
  box-sizing: border-box;
}
.y-product-box .details-cont {
  height: auto;
  border: solid 1px #e6e6e6;
  box-sizing: border-box;
  padding: 10px 10px 30px;
  margin-bottom: 30px;
  text-align: left;
  background-color: #fff;
  transition: all .3s ease-out;
}
.y-product-list h4 {
  font-weight: 400;
  font-size: 18px;
  color: #333;
  padding: 22px 0 10px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.y-product-list h4 a {
  color: #333;
}
.y-product-box .details-cont .y-img-box {
  display: block;
  width: 100%;
  height: auto;
}
.y-product-box .details-cont img {
  display: block;
  width: 100%;
  height: auto;
}
.y-product-list .details-cont p {
  padding: 0 50px;
  height: 20px;
  line-height: 20px;
  font-size: 14px;
  color: #666;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.y-product-list .y-btns {
  display: block;
  width: 100px;
  margin: 25px auto 0;
}
.y-product-list .y-btns a {
  display: block;
  font-size: 15px;
  color: #333;
  width: 100%;
  box-sizing: border-box;
}
.y-product-list .y-btns a:nth-child(2) {
  border-left: dashed 1px #999;
}
.y-product-list .y-btns a:hover {
  color: #b88b44;
}
.y-product-list .details-cont:hover {
  box-shadow: 5px 5px 40px rgba(0, 0, 0, .2);
}
.y-product-list .details-cont:hover h4 a {
  color: #b88b44;
}
@media (min-width: 800px) {
  /* .y-product-list .details-cont:nth-child(3n-1) { margin-left:1.5%; margin-right:1.5%; } */
}
@media (max-width: 1240px) {
  .y-product-box .item {
    width: 33.33%;
  }
}
@media (max-width: 800px) {
  .y-product-box .item {
    width: 50%;
  }
  /* .y-product-list .details-cont:nth-child(2n){ margin-right: 0;} */
  .y-product-module h3 {
    font-size: 22px;
  }
  .y-product-module .y-nav-cont li {
    font-size: 14px;
  }
  .y-product-module .y-nav-cont ul li {
    line-height: 50px;
    height: 50px;
    margin-top: ;
  }
}
@media (max-width: 500px) {
  .proNav {
    padding: 10px 20px;
  }
  .proNav dl {
    padding-bottom: 10px;
    margin-bottom: 10px;
  }
  .proNav dt {
    font-size: 18px;
    display: inline-block;
  }
  .proNav dd {
    font-size: 14px;
    margin-left: 8px;
  }
  .proNav dd a {
    display: block;
    padding: 3px 8px;
  }
  .y-product-box .item {
    width: 100%;
  }
  .y-product-box .details-cont {
    width: 100%;
    margin-right: 0;
  }
  .y-product-module {
    padding: 30px 0;
  }
  .y-product-module .y-product-nav {
    margin-bottom: 30px;
    margin-top: 20px;
  }
  .y-product-module .y-nav-cont ul {
    width: 100%;
  }
  .y-product-module .y-nav-cont ul li {
    width: 33.33%;
    line-height: 40px;
    height: 40px;
  }
  .y-product-list h4 {
    font-size: 16px
  }
}
/* 产品内容 */
.nbody {
  width: 100%;
  height: auto;
  background: url(/img/nbody_bg.jpg) repeat-x top #f6f6f6;
  padding: 50px 0;
}
.plist {
  padding-top: 50px;
  margin: 0 -1%;
}
.plist ul li {
  width: 48%;
  height: auto;
  float: left;
  margin: 0 1% 40px;
}
.plist ul li a {
  display: block;
  width: 100%;
  position: relative;
  z-index: 9;
  background: #fff;
}
.plistc {}
.plistc_img {
  width: 100%;
  height: 400px;
  display: flex;
  align-items: center;
  overflow: hidden;
}
.plistc_img img {
  width: 100%;
}
.plistc_t {
  width: 100%;
  height: 100px;
  line-height: 100px;
  padding: 0 40px;
  font-size: 24px;
  color: #333333;
}
.plistc_t span {
  font-size: 16px;
  color: #999999;
  text-transform: uppercase;
  font-family: Arial, Helvetica, sans-serif;
}
.plist_o {
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 10;
  top: 0;
  left: 0;
  background: rgba(205, 166, 115, 0.9) repeat;
  padding: 0 10px;
  padding-top: 90px;
  text-align: center;
  display: none;
}
.plist_o_1 {
  font-size: 30px;
  line-height: 50px;
  color: #fff;
}
.plist_o_2 {
  width: 30px;
  height: 3px;
  background: #fff;
  margin: 25px auto;
}
.plist_o_3 {
  font-size: 16px;
  color: #fff;
  line-height: 30px;
  display: -webkit-box; /*将对象转为弹性盒模型展示*/
  -webkit-box-orient: vertical; /*设置弹性盒模型子元素的排列方式*/
  -webkit-line-clamp: 2; /*限制文本行数*/
  overflow: hidden; /*超出隐藏*/
}
.plist_o_3 p {}
.plist_o_4 {
  margin: 60px auto 0 auto;
  width: 228px;
  height: 58px;
  border: 1px #cda673 solid;
  line-height: 58px;
  text-align: center;
  font-size: 16px;
  color: #fff;
  background: url(/img/plist_more.png) no-repeat 171px 50%;
}
.plist ul li a:hover .plist_o_4 {
  background: url(/img/plist_more.png) no-repeat 171px 50%;
  border: 1px solid #FFFFFF;
}
.plist ul li a:hover .plist_o {
  display: block;
}
.plist_m {
  display: block;
  width: 220px;
  height: 65px;
  line-height: 65px;
  background: url(/img/plist_more_show.png) no-repeat 170px 50% #fff;
  font-size: 16px;
  color: #1a1a1a;
  text-indent: 34px;
  margin: 40px auto;
}
.pdimg {
  padding: 40px 30px;
  background: #fff;
  margin-bottom: 60px;
}
.pdimgl {
  width: 655px;
  height: auto;
}
.pdimgll-prev {
  width: 100px;
  height: 30px;
  margin-bottom: 6px;
  background: url(/img/pd_prev.jpg) no-repeat;
}
.pdimgll-next {
  width: 100px;
  height: 30px;
  margin-top: 8px;
  background: url(/img/pd_next_over.jpg) no-repeat;
}
.pdimgll-prev:focus, .pdimgll-next:focus {
  outline: none;
}
.pdimgll {
  width: 100px;
  height: auto;
  position: relative;
  z-index: 9;
}
.pdimgll-container {
  height: 323px;
}
.pdimgll_img {
  margin-bottom: 8px;
}
.pdimgll_img img {
  width: 100%;
}
/*.pdimgll_img img{filter:alpha(opacity=50);-moz-opacity:0.50;opacity:0.50;}
.pdimgll-container .swiper-slide-active .pdimgll_img img{filter:alpha(opacity=100);-moz-opacity:1;opacity:1;}*/
.pdimgll_img img {
  filter: alpha(opacity=50);
  -moz-opacity: 0.50;
  opacity: 0.50;
}
img.pdimgll_img_cur {
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  opacity: 1;
}
.pdimglr {
  width: 525px;
  height: auto;
}
.pdimglr img {
  width: 100%;
  height: auto;
}
.pdimgr {
  width: calc(100% - 725px);
  height: auto;
}
.pdimgr_1 {}
.pdimgr_1_t {
  font-size: 36px;
  color: #333333;
  line-height: 48px;
}
.pdimgr_1_e {
  font-size: 18px;
  font-family: Arial, Helvetica, sans-serif;
  color: #999999;
  line-height: 48px;
  text-transform: uppercase;
}
.pdimgr_2 {
  margin: 20px 0 25px 0;
  padding: 0 20px;
  line-height: 50px;
  background: url(/img/pd_fg_bg.jpg) repeat;
  font-size: 14px;
  color: #777777;
}
.pdimgr_2 span {
  color: #c19c70;
}
.pdimgr_3 {
  font-size: 14px;
  line-height: 30px;
  color: #777777;
}
.pdimgr_4 {
  margin-top: 25px;
}
.pdimgr_4l {
  padding-left: 60px;
  background: url(/img/pd_phone.jpg) no-repeat left 50%;
  min-height: 50px;
}
.pdimgr_4l_t {
  font-size: 16px;
  line-height: 28px;
  color: #bbbbbb;
}
.pdimgr_4l_c {
  font-size: 30px;
  color: #333333;
  line-height: 28px;
  font-family: Arial, Helvetica, sans-serif;
}
.pdimgr_4r {
  width: 155px;
  height: 55px;
}
.pdimgr_4r a {
  display: block;
  width: 155px;
  height: 55px;
  background: url(/img/pd_buy.jpg) no-repeat;
  color: #fff;
  line-height: 55px;
  text-indent: 60px;
  font-size: 16px;
}
.pdbody {
  width: 100%;
  height: auto;
  background: #f6f6f6;
  padding: 50px 0;
}
.pdcon {
  margin-bottom: 55px;
}
.pdcont {
  text-align: center;
  margin: 0 auto 40px auto;
}
.pdcont_t {
  font-size: 36px;
  line-height: 48px;
  color: #333333;
  font-weight: bolder;
  margin-bottom: 10px;
}
.pdcont_t span {
  font-weight: normal;
}
.pdcont_i {}
.pdconc {
  padding: 60px;
  background: #fff;
}
.pdconc img {
  max-width: 100%;
  height: auto;
  margin: 0 auto;
  display: table;
}
.pdmes {
  margin-bottom: 55px;
}
.pdmesc {
  padding: 50px 60px;
  background: #fff;
}
.pdmesc_1 {
  margin-bottom: 37px;
}
.pdmesc_1l {
  width: 48%;
  height: 60px;
}
.pdmesc_1ll {
  width: 150px;
  height: 60px;
  background: url(/img/pd_mess_icon1.png) no-repeat 50px 50% #efefef;
  font-size: 14px;
  color: #999;
  text-indent: 78px;
  line-height: 60px;
}
.pdmesc_1lr {
  width: calc(100% - 150px);
  height: 60px;
}
.pdmes_text {
  width: 100%;
  height: 58px;
  border: 1px #efefef solid;
  line-height: 58px;
  text-indent: 25px;
  font-size: 14px;
  color: #333;
}
.pdmesc_1r {
  width: 48%;
  height: 60px;
}
.pdmesc_1rl {
  width: 150px;
  height: 60px;
  background: url(/img/pd_mess_icon2.png) no-repeat 50px 50% #efefef;
  font-size: 14px;
  color: #999;
  text-indent: 78px;
  line-height: 60px;
}
.pdmesc_1rr {
  width: calc(100% - 150px);
  height: 60px;
}
.pdmesc_2 {
  margin-bottom: 37px;
}
.pdmesc_2l {
  width: 150px;
  height: 60px;
  background: url(/img/pd_mess_icon3.png) no-repeat 50px 50% #efefef;
  font-size: 14px;
  color: #999;
  text-indent: 78px;
  line-height: 60px;
}
.pdmesc_2r {
  width: calc(100% - 150px);
  height: 60px;
  border: 1px #efefef solid;
}
.pdmes_select {
  width: 33.33%;
  height: 58px;
  float: left;
  line-height: 58px;
  border: 0;
  text-indent: 20px;
  color: #999;
  border-right: 1px #efefef solid;
}
.pdmes_select:last-child {
  border-right: 0;
}
.pdmesc_3 {
  margin-bottom: 37px;
}
.pdmes_textarea {
  width: 100%;
  height: 70px;
  border: 1px #efefef solid;
  padding: 15px 0;
  font-family: "微软雅黑", "宋体", Arial, Helvetica, sans-serif;
  text-indent: 28px;
  color: #333;
  font-size: 14px;
  line-height: 26px;
}
/* .pdmes_textarea:focus{ outline: none; } */
.pdmesc_4 {
  text-align: center;
}
.pdmesc_4_sub {
  width: 200px;
  height: 60px;
  background: url(/img/more.png) no-repeat 86% 50% #BC9B69;
  line-height: 60px;
  text-align: center;
  color: #fff;
  font-size: 18px;
  border: 0;
}
.pdotherc {
  padding-top: 0;
}
/*product end*/
@media (max-width: 1240px) {
  .pdimgl {
    width: 455px;
    display: flex;
    flex-direction: column-reverse;
  }
  .pdimgr {
    width: calc(100% - 485px);
  }
  .pdimgll {
    float: none;
    width: 455px;
    margin-top: 15px;
  }
  .pdimgll-container {
    width: 355px;
    height: 80px;
  }
  .pdimgll-prev {
    position: absolute;
    left: -25px;
    top: 25px;
    width: 80px;
    transform: rotate(270deg);
    background-position: center;
  }
  .pdimgll-next {
    position: absolute;
    right: -25px;
    top: 5px;
    width: 80px;
    transform: rotate(270deg);
    background-position: center;
  }
  .pdimgll_img {
    margin-bottom: 0;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
  }
  .pdimgll_img img {
    width: 90%;
  }
  .pdimglr {
    float: none;
    width: 455px;
  }
  .plist_o {
    padding-top: 50px;
  }
  .plistc_img {
    height: 300px;
  }
}
@media (max-width: 1024px) {
  .pdimg {
    padding: 30px;
    margin-bottom: 30px;
  }
  .pdimgr_1_t {
    font-size: 24px;
    line-height: 30px;
  }
  .pdimgr_1_e {
    font-size: 16px;
    line-height: 34px;
  }
  .pdimgr_2 {
    line-height: 40px;
    margin-bottom: 20px;
  }
  .pdimgr_4l_c {
    font-size: 26px;
  }
  .pdcon {
    margin-bottom: 30px;
  }
  .pdcont {
    margin-bottom: 20px;
  }
  .pdcont_t {
    font-size: 26px;
  }
  .pdconc {
    padding: 30px;
  }
  .pdmesc {
    padding: 30px;
  }
  .pdmesc_1 {
    margin-bottom: 30px;
  }
  .pdmesc_1l {
    height: 50px;
  }
  .pdmesc_1ll {
    height: 50px;
    line-height: 50px;
  }
  .pdmes_text {
    height: 50px;
  }
  .pdmesc_1lr {
    height: 50px;
  }
  .pdmesc_1rl {
    height: 50px;
    line-height: 50px;
  }
  .pdmesc_2r {
    height: 50px;
  }
  .pdmesc_2l {
    height: 50px;
    line-height: 50px;
  }
  .pdmes_select {
    height: 48px;
  }
  .pdmesc_4_sub {
    height: 50px;
    line-height: 50px;
  }
  .plist_o {
    padding-top: 50px;
  }
  .plist_o_2 {
    margin: 10px auto;
  }
  .plist ul li a:hover .plist_o_4 {
    margin-top: 30px;
    height: 40px;
    line-height: 40px;
    font-size: 14px;
    width: 150px;
  }
  .plistc_t {
    padding: 0 20px;
    font-size: 18px;
    height: 80px;
    line-height: 80px;
  }
  .plistc_t span {
    display: none;
  }
}
@media (max-width: 768px) {
  .pdimgl {
    width: 100%;
    float: none;
  }
  .pdimgr {
    width: 100%;
    float: none;
    margin-top: 30px;
  }
  .pdimgll {
    width: 100%;
  }
  .pdimglr {
    width: 100%;
  }
  .pdimgll-container {
    height: 90px;
  }
  .pdimgll-next {
    height: 90px;
    top: -20px;
  }
  .pdimgll-prev {
    height: 90px;
    top: 3px;
  }
  .pdimgll-container {
    width: 60%;
  }
  .pdbody {
    padding: 30px 0;
  }
  .pdimg {
    padding: 20px;
  }
  .pdmesc_1 {
    margin-bottom: 10px;
  }
  .pdmesc_2 {
    margin-bottom: 30px;
  }
  .pdmes {
    margin-bottom: 30px;
  }
  .plist ul li {
    margin-bottom: 20px;
  }
}
@media (max-width: 480px) {
  .pdbody {
    padding-top: 20px;
  }
  .pdimgr_1_t {
    font-size: 20px;
  }
  .pdimgr_1_e {
    font-size: 16px;
  }
  .pdimgll-container {
    width: 80%;
  }
  .pdimg {
    padding: 10px;
  }
  .pdimgr {
    margin-top: 20px;
  }
  .pdimgr_4l_c {
    font-size: 24px;
  }
  .pdcont_t {
    font-size: 20px;
    line-height: 28px;
  }
  .pdconc {
    padding: 15px;
  }
  .pdmesc {
    padding: 15px;
  }
  .pdmesc_1l {
    width: 100%;
    height: auto;
    margin-bottom: 10px;
  }
  .pdmesc_1r {
    width: 100%;
    height: 50px;
  }
  .pdmesc_1ll {
    width: 100px;
    background-position: 20px 50%;
    text-indent: 50px;
  }
  .pdmesc_1rl {
    width: 100px;
    background-position: 20px 50%;
    text-indent: 50px;
  }
  .pdmesc_1lr {
    width: calc(100% - 100px);
  }
  .pdmesc_1rr {
    width: calc(100% - 100px);
    height: 50px;
  }
  .pdmesc_2 {
    margin-bottom: 20px;
  }
  .pdmesc_2l {
    width: 100%;
    float: none;
  }
  .pdmes_select {
    width: 100%;
    float: none;
  }
  .pdmesc_4_sub {
    width: 100%;
  }
  .pdmesc_2r {
    width: 100%;
    height: auto;
  }
  /* .pdmesc_1ll{width: 100%;} */
  .plist ul li {
    width: 98%;
  }
  .plistc_t {
    height: 80px;
    line-height: 40px;
    display: -webkit-box; /*将对象转为弹性盒模型展示*/
    -webkit-box-orient: vertical; /*设置弹性盒模型子元素的排列方式*/
    -webkit-line-clamp: 2; /*限制文本行数*/
    overflow: hidden; /*超出隐藏*/
  }
  .plist_o {
    padding-top: 30px;
  }
  .plist_o_1 {
    font-size: 22px;
    line-height: 30px;
  }
  .plist_o_3 {
    font-size: 14px;
  }
  .plist ul li a:hover .plist_o_4 {
    font-size: 14px;
    margin-top: 20px;
    height: 30px;
    line-height: 30px;
  }
  .plist_o {
    padding-top: 30px;
  }
  .plistc_img {
    height: 220px;
  }
}
/*  */
.left-side-box {
  width: 70%;
}
.right-side-box {
  width: 29%;
}
/* 新闻内容 */
.newsDetailsSection {
  width: 100%;
  position: relative
}
.newsDetailsSection .article {
  border: 1px solid #e4e4e4;
  width: 99.8%;
  position: relative
}
#newsconhits span {
  float: right
}
.newsDetailsSection .article .conBox {
  padding: 20px 19px 0
}
.newsDetailsSection .article .title h1 {
  font-size: 22px;
  color: #333;
  font-weight: 400;
  margin-bottom: 20px
}
.newsDetailsSection .article .title .share {
  width: 100%;
  height: 24px
}
.newsDetailsSection .article .title .share p {
  float: left;
  overflow: hidden
}
.newsDetailsSection .article .title .share p span {
  display: block;
  font-size: 12px;
  color: #999;
  float: left;
  padding: 0 8px;
  border-left: 1px dotted #b6b6b6
}
.newsDetailsSection .article .title .share p span:first-child {
  padding-left: 0;
  border-left: none
}
.newsDetailsSection .article .title .share p span #cntrHits {
  float: right
}
.newsDetailsSection .article .title .share ul {
  float: right
}
.newsDetailsSection .article .title .share li {
  margin-left: 7px;
  width: 24px;
  height: 24px;
  float: left
}
.newsDetailsSection .article .title .share li img {
  display: block
}
.newsDetailsSection .article .title i {
  width: 100%;
  display: block;
  height: 1px;
  margin-top: 12px
}
.newsDetailsSection .article .title p.label {
  font-size: 12px;
  color: #999;
  display: block;
  padding-left: 26px;
  background: url(/img/TInpage/label.png) no-repeat left center;
  line-height: 16px;
  margin-top: 20px
}
.newsDetailsSection .article .con {
  margin-top: 20px;
  padding-bottom: 20px;
  overflow: hidden
}
.newsDetailsSection .article .con .img {
  max-width: 100%;
}
.newsDetailsSection .article .con img {
  display: block;
  margin: 0 auto;
  max-width: 800px !important;
  width: auto !important;
  height: auto !important;
}
@media (max-width:1300px) {
  .newsDetailsSection .article .con img {
    width: 100% !important;
  }
}
.newsDetailsSection .article .con p {
  line-height: 36px;
  font-size: 18px;
  color: #333
}
.newsDetailsSection .article .con ul {
  line-height: 36px;
  font-size: 18px;
  color: #333
}
.newsDetailsSection .article .con ol {
  line-height: 36px;
  font-size: 18px;
  color: #333
}

.newsDetailsSection .article .con p a {
  color: #b88b44;
}
.newsDetailsSection .article .context {
  width: 100%;
  border-top: 1px solid #e7e7e7;
  background: #fff;
  height: 60px
}
.newsDetailsSection .article .context p {
  width: 50%;
  float: left;
  height: 60px;
  line-height: 60px
}
.newsDetailsSection .article .context p a {
  font-size: 13px;
  color: #666;
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis
}
.newsDetailsSection .article .context p.prevNews a {
  margin-left: 20px;
  padding-left: 20px;
  position: relative
}
.newsDetailsSection .article .context p.prevNews a:after, .newsDetailsSection .article .context p.prevNews a:before {
  content: '';
  width: 0;
  height: 0;
  display: block;
  position: absolute;
  left: 0;
  top: 22px;
  z-index: 5;
  border-top: 8px transparent dashed;
  border-left: 8px transparent dashed;
  border-bottom: 8px transparent dashed;
  border-right: 8px #ccc solid;
  overflow: hidden;
  margin-left: -5px
}
.newsDetailsSection .article .context p.prevNews a:after {
  left: 3px;
  border-right-color: #fff
}
.newsDetailsSection .article .context p.prevNews a:hover {
  color: #b88b44
}
.newsDetailsSection .article .context p.prevNews a:hover:before {
  border-right-color: #b88b44
}
.newsDetailsSection .article .context p.NextNews a {
  margin-right: 20px;
  padding-right: 20px;
  text-align: right;
  position: relative
}
.newsDetailsSection .article .context p.NextNews a:after, .newsDetailsSection .article .context p.NextNews a:before {
  content: '';
  width: 0;
  height: 0;
  display: block;
  position: absolute;
  right: 0;
  top: 22px;
  z-index: 5;
  border-top: 8px transparent dashed;
  border-right: 8px transparent dashed;
  border-bottom: 8px transparent dashed;
  border-left: 8px #ccc solid;
  overflow: hidden;
  margin-right: -5px
}
.newsDetailsSection .article .context p.NextNews a:after {
  right: 3px;
  border-left-color: #fff
}
.newsDetailsSection .article .context p.NextNews a:hover {
  color: #b88b44
}
.newsDetailsSection .article .context p.NextNews a:hover:before {
  border-left-color: #b88b44
}
.newsDetailsSection .article .context p.NextNews {
  border-left: 1px solid #e7e7e7;
  width: 49%
}
.newsDetailsSection .backNewsList {
  width: 59px;
  display: block;
  position: absolute;
  left: -59px;
  top: 0;
  cursor: pointer;
  padding: 12px 0;
  background-color: #ccc;
  text-align: center;
  font-size: 14px;
  color: #fff
}
.newsDetailsSection .backNewsList:hover {
  background-color: #b88b44
}
.right-side-article .newsDetailsSection {
  background-color: #fff
}
.right-side-article .newsDetailsSection .article {
  width: 100%;
  border: none 0
}
.right-side-article .article .title i {
  height: 1px;
  background: 0 0;
  background-color: #e7e7e7;
  position: relative
}
.right-side-article .article .title i:before {
  content: '';
  display: block;
  width: 22px;
  height: 100%;
  background-color: #b88b44;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 9
}
.right-side-article .article .title h1 {
  font-size: 28px
}
.right-side-article .article .conBox {
  padding: 30px 30px 0
}
/* 热门新闻 */
.hot-news-sidebar {
  background-color: #fff;
  margin-bottom: 10px
}
.hot-news-sidebar .box {
  padding: 30px 28px 18px
}
.hot-news-sidebar .box .top {
  height: 44px;
  border-bottom: 1px solid #e7e7e7
}
.hot-news-sidebar .box .top h3 {
  font-size: 18px;
  color: #333;
  font-weight: 400;
  float: left
}
.hot-news-sidebar .box .top h3 em {
  font-weight: 700;
  color: #b88b44
}
.hot-news-sidebar .box .top h3 i {
  width: 100%;
  height: 1px;
  background: #b88b44;
  position: relative;
  display: block;
  top: 18px
}
.hot-news-sidebar .box .top a.more {
  display: block;
  width: 21px;
  height: 21px;
  float: right;
  margin-top: 4px
}
.hot-news-sidebar .box ul {
  padding-top: 18px
}
.hot-news-sidebar .box1 li {
  font-size: 14px;
  margin-bottom: 16px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis
}
.hot-news-sidebar .box1 li a {
  color: #333
}
.hot-news-sidebar .box1 li:hover a {
  color: #b88b44
}
.zuixin-news-sidebar .box2 li {
  font-size: 14px;
  margin-bottom: 16px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis
}
.zuixin-news-sidebar .box2 li a {
  color: #333
}
.zuixin-news-sidebar .box2 li:hover a {
  color: #b88b44
}
/* 相关新闻 */
.proListNews {
  width: 100%;
  padding: 40px 0
}
.proListNews .mainCon {
  background: #fff;
  padding: 40px;
}
.proListNews .mainCon dl {
  float: left;
  width: 48%;
  padding-right: 41px;
  border-right: 1px dotted #b2b2b2
}
.proListNews .mainCon dt {
  width: 220px;
  height: auto;
  float: left;
  overflow: hidden
}
.proListNews .mainCon dt img {
  display: block;
  width: 100%;
  height: auto
}
.proListNews .mainCon dd {
  width: calc(100% - 250px);
  float: right;
  height: auto;
  min-height: 150px;
  position: relative;
}
.proListNews .mainCon dd h3 {
  font-size: 16px;
  font-weight: 400;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.proListNews .mainCon dd h3 a {
  color: #000;
  text-decoration: none
}
.proListNews .mainCon dd p {
  color: #666;
  text-decoration: none;
  display: block;
  font-size: 14px;
  line-height: 22px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}
.proListNews .mainCon dd p a {
  color: #666;
  text-decoration: none;
  display: block;
  font-size: 14px;
  margin-top: 10px;
  line-height: 22px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}
.proListNews .mainCon dd span {
  display: block;
  font-size: 13px;
  color: #999;
  position: absolute;
  bottom: 10px;
  left: 0
}
.proListNews .mainCon dd a.more {
  display: block;
  width: 38px;
  height: 38px;
  background: url(/img/list_circle.png) no-repeat left top;
  overflow: hidden;
  position: absolute;
  right: 6px;
  bottom: 0;
  border-radius: 50%;
  border: solid 1px #bcbcbc
}
.proListNews .mainCon dl:hover dd a.more {
  background-position: left bottom;
  background-color: #b88b44;
  border-color: #b88b44
}
.proListNews .mainCon dl:hover dd h3 a {
  color: #b88b44
}
.proListNews .mainCon ul {
  width: 48%;
  float: right;
}
.proListNews .mainCon li {
  overflow: hidden;
  margin-top: 14px
}
.proListNews .mainCon li:first-child {
  margin-top
}
.proListNews .mainCon li a {
  display: block;
  font-size: 13px;
  color: #333;
  width: 320px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  float: left
}
.proListNews .mainCon li a:hover {
  color: #b88b44
}
.proListNews .mainCon li span {
  display: block;
  font-size: 13px;
  color: #999;
  font-family: arial;
  margin-right: 10px;
  float: right
}
/* 相关新闻标题 */
.mub01Top {
  width: 100%;
  height: 45px;
  border-bottom: 1px solid #eaeaea
}
.mub01Top h3 {
  color: #333;
  font-size: 20px;
  float: left
}
.mub01Top h3 i {
  display: block;
  width: 24px;
  height: 1px;
  background: #b88b44;
  position: relative;
  top: 18px
}
.mub01Top h3 em {
  color: #b88b44;
  font-weight: 700
}
.mub01Top a.more {
  display: block;
  font-size: 13px;
  color: #666;
  float: right;
  margin-right: 6px;
  text-decoration: none;
  line-height: 34px
}
.mub01Top a.more:hover {
  color: #b88b44
}
@media (max-width: 1240px) {
  .proListNews .mainCon {
    padding: 20px;
  }
  .proListNews .mainCon dl {
    padding-right: 30px;
  }
  .proListNews .mainCon dt {
    width: 180px;
  }
  .proListNews .mainCon dd {
    width: calc(100% - 200px);
  }
  .proListNews .mainCon li:first-child {
    margin-top: 0;
  }
}
@media (max-width: 1024px) {
  .left-side-box {
    width: 100%;
    float: none;
  }
  .right-side-box {
    width: 100%;
    display: none;
  }
  .proListNews .mainCon dl {
    width: 100%;
    border: 0;
    margin-bottom: 20px;
  }
  .proListNews .mainCon ul {
    width: 100%;
  }
}
@media (max-width: 500px) {
  .proListNews .mainCon {
    padding: 10px;
  }
  .proListNews .mainCon dl {
    padding-right: 0;
  }
  .proListNews .mainCon dt {
    width: 100%;
  }
  .proListNews .mainCon dd {
    width: 100%;
    margin-top: 10px;
    min-height: 120px;
  }
  .proListNews .mainCon dd a.more {
    display: none;
  }
  .proListNews .mainCon dd span {
    bottom: 0px;
  }
  .proListNews .mainCon li a {
    width: calc(100% - 90px);
  }
  .right-side-article .article .conBox {
    padding: 20px 20px 0;
  }
  /* .newsDetailsSection .article .context{height: auto;} */
  /* .newsDetailsSection .article .context p{width: 100%; float: none;} */
  .newsDetailsSection .article .context p.prevNews a {
    margin-left: 10px;
  }
  .newsDetailsSection .article .context p.NextNews a {
    margin-right: 10px;
  }
  .newsDetailsSection .article .context p.NextNews {
    padding-left: 10px;
  }
  .right-side-article .article .title h1 {
    margin-bottom: 15px;
    font-size: 20px;
  }
  .newsDetailsSection .article .title .share {
    height: auto;
    line-height: 30px;
  }
  .newsDetailsSection .article .title .share p {
    float: none;
  }
}
/* 新闻列表 */
.list-news {
  margin: 50px 0;
}
.list-news .item {
  position: relative;
  width: 100%;
  height: 245px;
  margin-top: 40px;
  padding-left: 406px;
  background-color: #f3f3f3;
  display: block;
}
.list-news .item:first-child {
  margin-top: 0;
}
.list-news .thumbnail {
  position: absolute;
  top: 0;
  left: 0;
  width: 406px;
  height: 245px;
  margin: 0;
  background-repeat: no-repeat;
  background-size: cover;
  border: none;
  border-radius: 0;
  display: block;
}
.list-news .content {
  padding: 40px 50px;
  font-size: 14px;
  line-height: 30px;
  color: #666;
}
.list-news .title {
  position: relative;
  margin-top: 12px;
  margin-bottom: 10px;
  padding-bottom: 10px;
}
.list-news .title h3, .list-news .title .time {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.list-news .title h3 {
  display: block;
  font-size: 18px;
  line-height: 30px;
  color: #333;
}
.list-news .title:after {
  content: '';
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 42px;
  height: 1px;
  background-color: #fff
}
.list-news a:hover h3 {
  color: #BC9B69;
}
.list-news .time .iconfont {
  float: left;
  margin-right: 10px;
}
.list-news p {
  height: 60px;
  overflow: hidden;
}
@media (max-width: 768px) {
  /* 新闻列表 */
  .list-news {
    margin: 30px 0;
  }
  .list-news .item {
    height: 80px;
    padding-left: 126px;
    margin-top: 20px;
  }
  .list-news .thumbnail {
    width: 112px;
    height: 80px;
  }
  .list-news .content {
    padding: 0;
  }
  .list-news .content:after {
    content: 'MORE >';
    display: block;
    margin-top: 4px;
    padding: 0;
    height: 24px;
    font-size: 12px;
    line-height: 22px;
    color: #5d5d5d
  }
  .list-news .title {
    margin: 0;
    padding: 4px 0 0;
  }
  .list-news .title:after {
    content: none
  }
  .list-news .title h3 {
    font-size: 14px;
    line-height: 24px;
  }
  .list-news .time {
    font-size: 12px;
    line-height: 24px;
  }
  .list-news .time .iconfont {
    display: none;
  }
  .list-news p {
    display: none;
  }
}
.abCont {
  margin-bottom: 80px;
}
/* 关于我们 */
.aboutc {
  width: 100%;
  padding-bottom: 80px;
  background: #ffffff url(/img/about_bg1.jpg) no-repeat 50% top
}
.aboutc .w1400 {
  padding-top: 65px
}
.aboutct_cn {
  font-size: 35px;
  line-height: 45px;
  color: #333;
  margin-bottom: 10px
}
.aboutct_en {
  font-size: 54px;
  color: #b7946a;
  line-height: 60px;
  font-family: Arial, Helvetica, sans-serif
}
.aboutcc {
  padding-top: 50px
}
.aboutccl {
  width: 621px;
  height: 597px
}
.aboutccl img {
  width: 100%;
}
.aboutccr {
  width: calc(100% - 680px);
  height: auto
}
.aboutccrt {
  font-size: 36px;
  color: #131e3b;
  font-weight: bolder;
  line-height: 45px
}
.aboutccrt span {
  font-weight: normal
}
.aboutccr_line {
  width: 50px;
  height: 3px;
  margin: 20px 0 25px 0;
  background: #b9956c
}
.aboutccr_c {
  margin-bottom: 45px;
  font-size: 19px;
  color: #666;
  line-height: 36px;
  text-align: justify;
}
.aboutccrc ul li {
  width: 25%;
  height: auto;
  float: left
}
.aboutccrc_t {
  font-size: 24px;
  color: #131e3b;
  line-height: 30px;
  margin-bottom: 10px
}
.aboutccrc_i {
  font-size: 16px;
  color: #999;
  line-height: 28px;
  text-transform: uppercase
}
/* 团队风采 */
.abhonor {
  width: 100%;
 
  background: url(/img/about_bg2.jpg) no-repeat 50% top;
  background-size: cover;
  color: #fff
}
.abhonor .w1400 {
  padding-top: 70px;
  padding-bottom: 130px;
}
.abhonor_t {
  text-align: center;
  font-size: 36px;
  font-weight: bolder;
  line-height: 40px;
  margin-bottom: 50px;
}
.abhonor_line {
 
  margin: 23px auto 25px auto;
  width: 50px;
  height: 3px;
  background: #c6a47b
}
.abhonor_i {
  padding: 0 60px 70px 60px;
  font-size: 18px;
  line-height: 36px;
  text-align: center
}
.abhonor_c {
  position: relative;
  z-index: 9
}
.abhonor_cl {
  width: 100%
}
.abhonor_cl a {
  display: block;
  width: 100%;
  height: auto;
  background: #fff;
  position: relative;
  z-index: 9
}
.abhonor_cl_img {
  overflow: hidden;
}
.abhonor_cl_img img {
  width: 100%;
}
.abhonor_cl_over {
  width: 100%;
  height: 280px;
  position: absolute;
  z-index: 10;
  top: 0;
  left: 0;
  background: url(/img/about_honor_img_over.png) no-repeat;
  display: none
}
.abhonor_cl_c {
  padding: 25px 0 30px 0;
  text-align: center
}
.abhonor_cl_c_1 {
  font-size: 18px;
  color: #142e59;
  line-height: 36px
}
.abhonor_cl_c_2 {
  width: 60px;
  height: 1px;
  background: #c19c70;
  margin: 6px auto 18px auto
}
.abhonor_cl_c_3 {
  font-size: 18px;
  color: #142e59;
  line-height: 26px
}
.abhonor_cl a:hover {
  background: #c19c70
}
.abhonor_cl a:hover .abhonor_cl_over {
  display: block
}
.abhonor_cl a:hover .abhonor_cl_c_1 {
  color: #fff
}
.abhonor_cl a:hover .abhonor_cl_c_2 {
  background: #fff
}
.abhonor_cl a:hover .abhonor_cl_c_3 {
  color: #fff
}
.abhonor_ca {
  padding-bottom: 60px
}
.abhonor_c .swiper-pagination {
  width: 100%;
  bottom: -60px !important;
}
.abhonor_c .swiper-pagination-bullet {
  width: 12px;
  height: 12px;
  background: #bbb;
  opacity: 1;
}
.abhonor_c .swiper-pagination-bullet:focus {
  outline: none;
}
.abhonor_c .swiper-pagination-bullet-active {
  background: #ceb008;
  opacity: 1;
}
.abhonor_c > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 6px;
  bottom: 0;
}
.abhonor_c > .swiper-pagination-bullets .swiper-pagination-bullet:last-child {
  margin-right: 0
}
.abhonor_c > .swiper-pagination-bullets {
  bottom: 0
}
.abhonor_c .abhonor_ca-prev {
  width: 65px;
  height: 65px;
  background: url(/img/prev.png) no-repeat 50% 50%;
  background-size: 100% 100%;
  position: absolute;
  z-index: 10;
  top: 50%;
  margin-top: -32px;
  left: -95px;
  outline: 0;
  cursor: pointer
}
.abhonor_c .abhonor_ca-prev:hover {
  background: url(/img/prev_over.png) no-repeat 50% 50%
}
.abhonor_c > .swiper-pagination-bullets {
  bottom: 0
}
.abhonor_c .abhonor_ca-next {
  width: 65px;
  height: 65px;
  background: url(/img/next.png) no-repeat 50% 50%;
  background-size: 100% 100%;
  position: absolute;
  z-index: 10;
  top: 50%;
  margin-top: -32px;
  right: -95px;
  outline: 0;
  cursor: pointer
}
.abhonor_c .abhonor_ca-next:hover {
  background: url(/img/next_over.png) no-repeat 50% 50%
}
@media (max-width: 1440px) {
  .aboutct_cn {
    font-size: 30px;
  }
  .aboutct_en {
    font-size: 46px;
    line-height: 50px;
  }
  .aboutccl {
    width: 500px;
    height: auto;
  }
  .aboutccr {
    width: calc(100% - 550px);
  }
  .aboutccrt {
    font-size: 30px
  }
  .aboutccr_line {
    margin: 15px 0 20px;
  }
  .aboutccr_c {
    font-size: 16px;
    line-height: 30px;
  }
  .aboutccrc_t {
    font-size: 22px;
  }
  .aboutccrc_i {
    font-size: 14px;
    line-height: 20px;
  }
}
@media (max-width: 1024px) {
  .aboutc .w1400 {
    padding-top: 40px;
  }
  .aboutct_cn {
    font-size: 26px;
    line-height: 34px;
  }
  .aboutct_en {
    font-size: 40px;
    line-height: 50px;
  }
  .aboutcc {
    padding-top: 30px;
  }
  .aboutccl {
    width: 360px;
    height: auto;
  }
  .aboutccr {
    width: calc(100% - 390px);
  }
  .aboutccrt {
    font-size: 24px;
    line-height: 30px;
  }
  .aboutccr_c {
    margin-bottom: 10px;
    font-size: 14px;
    line-height: 26px;
  }
  .aboutccrc_t {
    font-size: 20px;
    margin-bottom: 5px;
  }
  .aboutccrc_i {
    font-size: 14px;
    line-height: 20px;
  }
}
@media (max-width: 769px) {
  .aboutc {
    padding-bottom: 30px;
  }
  .aboutccl {
    float: none;
    width: 100%;
  }
  .aboutccr {
    float: none;
    width: 100%;
    margin-top: 30px;
  }
  .abhonor .w1400 {
    padding-top: 30px;
    padding-bottom: 60px;
  }
  .abhonor_t {
    font-size: 24px;
    margin-bottom: 20px;
  }
  .abhonor_c .swiper-pagination {
    bottom: -40px !important;
  }
}
@media (max-width: 500px) {
  .aboutct_cn {
    font-size: 20px;
    line-height: 30px;
  }
  .aboutct_en {
    font-size: 28px;
    line-height: 30px;
  }
  .aboutc .w1400 {
    padding-top: 30px;
  }
  .aboutcc {
    padding-top: 20px;
  }
  .aboutccrt {
    font-size: 20px;
  }
  .aboutccr_line {
    margin: 10px 0 15px;
  }
  .aboutccrc ul li {
    text-align: center;
  }
  .aboutccrc_i {
    font-size: 12px;
  }
  .abhonor_t {
    font-size: 20px;
    line-height: 30px;
  }
  .abhonor_c .swiper-pagination-bullet {
    width: 10px;
    height: 10px;
  }
}
/* 发展历程 */
.developc {
  width: 100%;
  height: auto;
  background: url(/img/develop_bg.jpg) no-repeat center;
  padding-top: 20px;
  padding-bottom: 140px
}
.developcc {
  margin: 90px auto 0 auto
}
.developcct {
  text-align: center
}
.developcct_i {
  font-size: 35px;
  color: #000;
  line-height: 48px;
  font-weight: bold;
}
.developccc {
  margin: 70px auto 0 auto;
  background: url(/img/develop_con_bg.png) repeat-x 50% 87px
}
.developcccl {
  width: 33%;
  height: auto;
}
.developccclt {
  font-size: 35px;
  color: #8a6e00;
  line-height: 35px;
  font-weight: bolder;
  height: 35px
}
.developccclimg {
  margin: 50px 0 40px 0
}
.developcccl .pic {
  overflow: hidden;
}
.developcccl .pic img {
  max-width: 100%;
}
.developccclc {
  font-size: 16px;
  color: #666;
  line-height: 30px;
  width: 100%;
  height: auto;
  margin-bottom: 20px
}
.developccc {
  position: relative;
  z-index: 9
}
.developccc .developccc-prev {
  width: 65px;
  height: 65px;
  background: url(/img/prev.png) no-repeat 50% 50%;
  position: absolute;
  z-index: 10;
  top: 60px;
  left: -85px;
  outline: 0;
  cursor: pointer
}
.developccc .developccc-prev:hover {
  background: url(/img/prev_over.png) no-repeat 50% 50%
}
.developccc > .swiper-pagination-bullets {
  bottom: 60px
}
.developccc .developccc-next {
  width: 65px;
  height: 65px;
  background: url(/img/next.png) no-repeat 50% 50%;
  position: absolute;
  z-index: 10;
  top: 60px;
  right: -80px;
  outline: 0;
  cursor: pointer
}
.developccc .developccc-next:hover {
  background: url(/img/next_over.png) no-repeat 50% 50%
}
@media (max-width: 1024px) {
  .developc {
    padding-bottom: 60px;
  }
  .developcc {
    margin-top: 40px;
  }
  .developccc {
    margin-top: 40px;
  }
  .developccc .developccc-next, .developccc .developccc-prev {
    display: none;
  }
  .developccclt {
    font-size: 30px;
  }
}
@media (max-width: 769px) {
  .developc {
    padding-bottom: 40px;
  }
  .developcc {
    margin-top: 20px;
  }
  .developccc {
    margin-top: 20px;
    background-position: 50% 67px;
  }
  .developcct_i {
    font-size: 24px;
  }
  .developccclimg {
    margin: 30px 0 20px;
  }
  .developccclc {
    width: 100%;
    line-height: 26px;
  }
  .developccclt {
    font-size: 20px;
  }
}
@media (max-width: 500px) {
  .developcct_i {
    line-height: 20px;
  }
  .developccc {
    margin-top: 20px;
    background-position: 50% 42px;
  }
  .developccclt {
    font-size: 18px;
    line-height: 20px;
    height: 20px;
  }
  .developccclimg {
    margin: 20px 0 10px;
  }
  .developccclc {
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 10px;
  }
}
/* 资质荣誉 */
.rybox {
  padding: 50px 0 70px;
  background: url(/img/honor.jpg) center;
  background-size: cover;
}
.rybox .rytitle {
  font-size: 35px;
  text-align: center;
}
.rybox .ry {
  position: relative;
  margin-top: 20px;
  padding: 50px 120px;
  background-color: rgba(0, 0, 0, 0.1);
}
.rybox .ry .pic {
  overflow: hidden;
  border: 1px solid #ccc;
  padding: 8px;
  transition: all 0.3s;
}
.rybox .ry .pic img {
  width: 100%;
  transition: all 0.3s;
}
.rybox .ry .pic:hover {
  border-color: #ceb008;
}
.ry-next, .ry-prev {
  position: absolute;
  border-radius: 70px;
  width: 70px;
  height: 70px;
  background: url(/img/ry_prev.png) no-repeat center;
  top: 50%;
  margin-top: -35px;
}
.ry-next:hover, .ry-prev:hover {
  background-image: url(/img/ry_prevhover.png);
}
.ry-next {
  right: 20px;
  transform: rotateY(180deg);
}
.ry-prev {
  left: 20px;
}
.ry-next:focus, .ry-prev:focus {
  outline: none;
}
@media (max-width: 1024px) {
  .rybox .ry {
    padding: 50px 80px;
  }
  .ry-next, .ry-prev {
    z-index: 1;
    width: 45px;
    height: 45px;
    background-size: 100%;
    margin-top: -22.5px;
  }
}
@media (max-width: 769px) {
  .rybox {
    padding: 30px 0 50px;
  }
  .rybox .rytitle {
    font-size: 24px;
    font-weight: bold;
  }
  .rybox .ry {
    padding: 30px 50px;
  }
}
@media (max-width: 500px) {
  .rybox .ry {
    padding: 20px 10px;
  }
  .ry-next, .ry-prev {
    width: 30px;
    height: 30px;
    margin-top: -15px;
    background-color: #FFFFFF;
  }
  .ry-next {
    right: 5px;
  }
  .ry-prev {
    left: 5px;
  }
}
/* 加盟合作 */
.lm1 {
  width: 100%;
  height: auto;
  margin: 0 auto;
  text-align: center;
  margin-bottom: 60px
}
.lm1 .txet {
  height: 40px;
  line-height: 40px;
  font-size: 35px;
  color: #fff;
  letter-spacing: 3px
}
.lm1 i {
  position: absolute;
  margin-top: 20px;
  text-align: center;
  content: '';
  width: 2px;
  height: 40px;
  background-color: #FFFFFF;
  background-size: 100%;
  background-repeat: no-repeat
}
.lm1 i {
  -webkit-transition: all .5s;
  -moz-transition: all .5s;
  transition: all .5s
}
.lm1:hover i {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg)
}
/*合作尊享 */
.hozzxq {
  width: 100%;
  background: url(/img/jmbg2.jpg) no-repeat center;
  background-size: cover;
  overflow: hidden;
  position: relative;
  padding-bottom: 220px;
  z-index: 0;
  padding-top: 120px;
}
/**/
.hozzxqner {
  display: block;
  margin-top: 90px;
  position: relative;
  width: 100%;
  height: 100%;
}
.hozzxqner ul {
  zoom: 1;
}
.hozzxqner ul li {
  width: 32.4%;height: auto;
  margin-right: 1.4%;
}
.hozzxqner ul li:nth-child(3n) {
  margin-right: 0;
}
.hozzxqner ul li img {
  width: 100%;
  height: auto;
}
.propic_txet {
  background: rgba(0, 0, 0, 0.8);
  width: 50px;
  position: absolute;
  z-index: 99;
  height: 100%;
  top: 0;
  left: 0;
}
.propic_tt {
  background: rgba(0, 0, 0, 0.8);
  width: 50px;
  position: absolute;
  z-index: 99;
  height: 100%;
  top: 0;
  right: 0;
}
.swiper-hoz-next, .swiper-hoz-prev {
  position: absolute;
  top: 50%;
  width: 25px;
  height: 50px;
  z-index: 10;
  cursor: pointer;
  background-position: center;
  background-repeat: no-repeat
}
.swiper-hoz-next.swiper-hoz-disabled, .swiper-hoz-prev.swiper-hoz-disabled {
  opacity: .35;
  cursor: auto;
  pointer-events: none
}
.swiper-hoz-next {
  background-image: url("/img/left1.png");
  left: 10px;
}
.swiper-hoz-prev {
  background-image: url("/img/right1.png");
  right: 10px;
}
@media all and (max-width:640px) {
  .hozzxqner {
    display: none;
  }
}
@media all and (max-width:1080px) {
  .hozzxqner {
    display: none;
  }
  .hozzxq {
    padding-bottom: 0px;
    margin-top: ;
    padding-top: 30px;
  }
}
.hozzxqtsj {
  width: 93%;
  margin: auto;
  display: block;
  clear: both;
  position: relative;
  height: ;
  padding-bottom: 30px;
}
.hozzxqtsj ul {
  zoom: 1;
}
.hozzxqtsj ul li {
  width: 100%;
}
.hozzxqtsj ul li img {
  width: 100%;
}
.hozzxqtsj .swiper-pagination {
  bottom: 10px !important;
}
@media all and (min-width:640px) {
  /* .hozzxqtsj{ display: none;} */
}
@media all and (min-width:1080px) {
  .hozzxqtsj {
    display: none;
  }
}
@media all and (max-width:720px) {
  /* .hozzxqtsj{ height: 300px; } */
  .lm1 {
    margin-bottom: 30px;
  }
  .lm1 .txet {
    font-size: 24px;
  }
  .lm1 i {
    margin-top: 10px;
  }
}
@media all and (max-width:500px) {
  .lm1 .txet {
    font-size: 20px;
  }
}
/*合作尊享 */
.sdafcre {
  width: 100%;
  overflow: hidden;
  z-index: 1;
  margin-top: -150px;
  opacity: 1;
  position: relative;
  margin-bottom: 60px;
}
.sdafcre .sdafc {
  width: 80%;
  display: block;
  background: url(/img/sdafc.jpg) repeat center top;
  margin: auto;
  padding: 70px 0;
  z-index: 1 position: relative;
}
.sdafcre .sdafc ul {
  zoom: 1;
  overflow: hidden;
}
.sdafcre .sdafc ul li {
  width: 50%;
  float: left;
}
.sdafcre .sdafc ul li .terxt {
  padding: 0 26%;
  border-right: 1px solid #ffffff;
  color: #fff;
  padding-bottom: 30px;
}
.sdafcre .sdafc ul li:nth-child(2n) .terxt {
  border: none;
}
.sdafcre .sdafc ul li .terxt .title {
  font-size: 32px;
  margin-bottom: 15px;
}
.sdafcre .sdafc ul li .terxt .text {
  line-height: 24px;
  height: 48px;
  overflow: hidden;
}
@media all and (max-width:1550px) {
  .sdafcre .sdafc ul li .terxt {
    padding: 0 15%;
  }
}
@media all and (max-width:1350px) {
  .sdafcre .sdafc ul li .terxt {
    padding: 0 10%;
  }
  .sdafcre .sdafc ul li .terxt .title {
    font-size: 20px;
  }
  .sdafcre .sdafc ul li .terxt .text {
    line-height: 24px;
    height: 72px;
    overflow: hidden;
  }
}
@media all and (max-width:1200px) {
  .sdafcre {
    margin-top: 0px;
    margin-bottom: 0px;
  }
  .sdafcre .sdafc ul {
    width: 90%;
    margin: auto;
  }
  .sdafcre .sdafc {
    width: 100%;
  }
}
@media all and (max-width:720px) {
  .sdafcre .sdafc {
    padding: 20px 0;
  }
  .sdafcre .sdafc ul li {
    width: 100%;
    float: left;
  }
  .sdafcre .sdafc ul li .terxt {
    border: none;
    margin-bottom: 30px;
    padding: 0;
  }
  .sdafcre .sdafc ul li .terxt .title {
    margin-bottom: 10px;
  }
  .sdafcre .sdafc ul li .terxt .text {
    line-height: 24px;
    height: auto;
    overflow: hidden;
  }
}
@media all and (max-width:720px) {
  .sdafcre .sdafc ul li .terxt .title {
    font-size: 18px;
  }
}
/* 加盟预约 */
.fulture {
  background: url(/img/bg_05.jpg) no-repeat left bottom;
  background-size: contain;
  padding-bottom: 12rem;
  position: relative;
  overflow: hidden;
  z-index: 1
}
.fulture .con .title h2 {
  font-size: 52px;
  color: #333;
  text-align: center;
  font-weight: normal;
}
.fulture .con .title h2 span {
  font-weight: bold
}
.fulture .con .title h3 {
  text-align: center;
  font-size: 16px;
  color: #333;
  letter-spacing: 9px;
  margin-top: 15px;
  font-weight: normal;
}
.fulture .con .fulture-box {
  margin-top: 3rem;
}
.fulture .con .fulture-box .left {
  width: 100%
}
.fulture .con .fulture-box .left > ul > li {
  float: left;
  width: 30%;
  margin-top: 2rem;
  position: relative
}
.fulture .con .fulture-box .left > ul > li label {
  position: absolute;
  bottom: -18px;
  font-size: 12px;
  color: red;
  left: 140px
}
/* .fulture .con .fulture-box .left >ul >li:nth-child(even){float:right} */
.fulture .con .fulture-box .left > ul > li:nth-child(3) {
  width: 40%
}
.fulture .con .fulture-box .left > ul > li h2 {
  float: left;
  width: 110px;
  text-align: right;
  line-height: 48px;
  font-size: 16px;
  color: #333;
  font-weight: normal;
}
.fulture .con .fulture-box .left > ul > li input {
  float: right;
  width: calc(100% - 140px);
  height: 48px;
  background: rgba(0, 0, 0, 0.2);
  padding: 0 20px;
  font-size: 14px;
  color: #fff;
  border: 0;
  box-sizing: border-box;
}
.fulture .con .fulture-box .left > ul > li input::-webkit-input-placeholder {
  color: #fff
}
.fulture .con .fulture-box .left > ul > li input::-moz-placeholder {
  color: #fff
}
.fulture .con .fulture-box .left > ul > li input:-moz-placeholder {
  color: #fff
}
.fulture .con .fulture-box .left > ul > li input:-ms-input-placeholder {
  color: #fff
}
.fulture .con .fulture-box .left > ul > li .box {
  float: right;
  width: calc(100% - 112px);
  background: rgba(0, 0, 0, 0.2);
  position: relative;
  z-index: 4
}
.fulture .con .fulture-box .left > ul > li .box h3 {
  font-size: .7rem;
  color: #fff;
  padding: 0 1.4rem;
  line-height: 48px;
  position: relative
}
.fulture .con .fulture-box .left > ul > li .box h3:before {
  content: '\e603';
  font-family: iconfont;
  font-size: 1rem;
  color: #fff;
  position: absolute;
  right: 1.4rem;
  top: 0;
  display: inline-block;
  transition: all .5s;
  -webkit-transition: all .5s;
  -moz-transition: all .5s;
  -ms-transition: all .5s
}
.fulture .con .fulture-box .left > ul > li .box ul {
  width: 100%;
  position: absolute;
  top: 48px;
  left: 0;
  cursor: pointer;
  display: none
}
.fulture .con .fulture-box .left > ul > li .box ul li {
  line-height: 48px;
  font-size: 14px;
  text-align: center;
  background: #ccc;
  color: #fff;
  border-top: 1px solid #fff
}
.fulture .con .fulture-box .left > ul > li .box ul li:hover {
  background: #0d5e64
}
.fulture .con .fulture-box .left > ul > li .box.active h3:before {
  transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg)
}
.fulture .con .fulture-box .right {
  width: 100%;
  padding-top: 2rem
}
.fulture .con .fulture-box .right > ul > li {
  float: left;
  width: 30%;
  position: relative
}
.fulture .con .fulture-box .right > ul > li select {
  width: calc(100% - 140px);
  height: 3rem;
  background: rgba(0, 0, 0, 0.2);
  padding: 0 1.4rem;
  font-size: .7rem;
  color: #fff;
  border: 0;
  float: right;
  text-indent: 0;
}
.fulture .con .fulture-box .right > ul > li:nth-child(3) {
  width: 40%
}
.fulture .con .fulture-box .right > ul > li label {
  position: absolute;
  bottom: -18px;
  font-size: 12px;
  color: red;
  left: 140px
}
.fulture .con .fulture-box .right > ul > li h2 {
  float: left;
  width: 110px;
  text-align: right;
  line-height: 48px;
  font-size: 16px;
  color: #333;
  font-weight: normal;
}
.fulture .con .fulture-box .right > ul > li input {
  float: right;
  width: calc(100% - 140px);
  height: 3rem;
  background: rgba(0, 0, 0, 0.2);
  padding: 0 1.4rem;
  font-size: .7rem;
  color: #fff;
  border: 0
}
.fulture .con .fulture-box .right > ul > li input::-webkit-input-placeholder {
  color: #fff
}
.fulture .con .fulture-box .right > ul > li input::-moz-placeholder {
  color: #fff
}
.fulture .con .fulture-box .right > ul > li input:-moz-placeholder {
  color: #fff
}
.fulture .con .fulture-box .right > ul > li input:-ms-input-placeholder {
  color: #fff
}
.fulture .con .fulture-box .right > ul > li .box {
  float: right;
  width: calc(100% - 112px);
  background: rgba(0, 0, 0, 0.2);
  position: relative;
  z-index: 4
}
.fulture .con .fulture-box .right > ul > li .box h3 {
  font-size: .7rem;
  color: #fff;
  padding: 0 1.4rem;
  line-height: 3rem;
  position: relative
}
.fulture .con .fulture-box .right > ul > li .box h3:before {
  content: '\e603';
  font-family: iconfont;
  font-size: 1rem;
  color: #fff;
  position: absolute;
  right: 1.4rem;
  top: 0;
  display: inline-block;
  transition: all .5s;
  -webkit-transition: all .5s;
  -moz-transition: all .5s;
  -ms-transition: all .5s
}
.fulture .con .fulture-box .right > ul > li .box ul {
  width: 100%;
  position: absolute;
  top: 3rem;
  left: 0;
  cursor: pointer;
  display: none
}
.fulture .con .fulture-box .right > ul > li .box ul li {
  line-height: 3rem;
  font-size: .8rem;
  text-align: center;
  background: #ccc;
  color: #fff;
  border-top: 1px solid #fff
}
.fulture .con .fulture-box .right > ul > li .box ul li:hover {
  background: #0d5e64
}
.fulture .con .fulture-box .right > ul > li .box.active h3:before {
  transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg)
}
.fulture .con .fulture-box .btn {
  padding-left: 140px;
  margin-top: 2rem
}
.fulture .con .fulture-box .btn input {
  width: 9rem;
  height: 2.9rem;
  background: #d1af75;
  font-size: 14px;
  border: 0;
  color: #fff;
  opacity: .8;
  transition: all .5s;
  -webkit-transition: all .5s;
  -moz-transition: all .5s;
  -ms-transition: all .5s
}
.fulture .con .fulture-box .btn input:hover {
  opacity: 1
}
.fulture .con .fulture-box .btn input[type=reset] {
  margin-left: 2rem
}
.fulture .bottom-text {
  position: absolute;
  left: 0;
  width: 100%;
  bottom: 4rem
}
.fulture .bottom-text p {
  text-align: center;
  font-size: 12px;
  font-family: FUTURAL;
  letter-spacing: 17px;
  color: #987958
}
@media screen and (max-width:1440px) {
  .fulture .con .fulture-box .left > ul > li label {
    left: 110px
  }
  .fulture .con .fulture-box .left > ul > li h2 {
    width: 90px
  }
  .fulture .con .fulture-box .left > ul > li input {
    width: calc(100% - 110px)
  }
  .fulture .con .fulture-box .right > ul > li label {
    left: 110px
  }
  .fulture .con .fulture-box .right > ul > li h2 {
    width: 90px
  }
  .fulture .con .fulture-box .right > ul > li input {
    width: calc(100% - 110px)
  }
  .fulture .con .fulture-box .right > ul > li select {
    width: calc(100% - 110px)
  }
  .fulture .con .fulture-box .btn {
    padding-left: 110px
  }
}
@media screen and (max-width:1024px) {
  .fulture {
    padding-bottom: 9rem
  }
  .fulture .bottom-text {
    bottom: 30px
  }
  .fulture .bottom-text p {
    letter-spacing: 12px
  }
}
@media screen and (max-width:768px) {
  .fulture {
    padding-top: 30px;
    padding-bottom: 80px
  }
  .fulture .con .title h2 {
    font-size: 36px
  }
  .fulture .con .title h3 {
    font-size: 16px;
    margin-top: 4px;
    letter-spacing: 0
  }
  .fulture .con .fulture-box {
    margin-top: 10px
  }
  .fulture .con .fulture-box .left {
    width: 100%
  }
  .fulture .con .fulture-box .left > ul > li {
    width: 100%;
    margin-top: 20px
  }
  .fulture .con .fulture-box .left > ul > li:nth-child(3) {
    width: 100%;
  }
  .fulture .con .fulture-box .left > ul > li label {
    left: 0
  }
  .fulture .con .fulture-box .left > ul > li h2 {
    text-align: left;
    width: 100%;
    font-size: 14px;
    line-height: 24px
  }
  .fulture .con .fulture-box .left > ul > li input {
    width: 100%;
    height: 44px;
    font-size: 14px
  }
  .fulture .con .fulture-box .left > ul > li .box h3 {
    line-height: 44px;
    font-size: 14px
  }
  .fulture .con .fulture-box .left > ul > li .box h3:before {
    font-size: 16px
  }
  .fulture .con .fulture-box .left > ul > li .box ul li {
    line-height: 44px;
    font-size: 14px
  }
  .fulture .con .fulture-box .right {
    width: 100%;
    padding-top: 0
  }
  .fulture .con .fulture-box .right > ul > li {
    width: 100%;
    margin-top: 20px
  }
  .fulture .con .fulture-box .right > ul > li:nth-child(3) {
    width: 100%;
  }
  .fulture .con .fulture-box .right > ul > li label {
    left: 0
  }
  .fulture .con .fulture-box .right > ul > li h2 {
    text-align: left;
    width: 100%;
    font-size: 14px;
    line-height: 24px
  }
  .fulture .con .fulture-box .right > ul > li input {
    width: 100%;
    height: 44px;
    font-size: 14px
  }
  .fulture .con .fulture-box .right > ul > li select {
    width: 100%;
    height: 44px;
    font-size: 14px;
  }
  .fulture .con .fulture-box .right > ul > li .box h3 {
    line-height: 44px;
    font-size: 14px
  }
  .fulture .con .fulture-box .right > ul > li .box h3:before {
    font-size: 16px
  }
  .fulture .con .fulture-box .right > ul > li .box ul li {
    line-height: 44px;
    font-size: 14px
  }
  .fulture .con .fulture-box .btn {
    margin-top: 20px;
    padding-left: 0;
    display: flex;
    justify-content: center
  }
  .fulture .con .fulture-box .btn input {
    width: 80px;
    height: 44px;
    font-size: 14px
  }
  .fulture .con .fulture-box .btn input[type=reset] {
    margin-left: 10px
  }
  .fulture .bottom-text {
    bottom: 20px
  }
  .fulture .bottom-text p {
    letter-spacing: 0
  }
}
@media screen and (max-width:500px) {
  .fulture .con .title h2 {
    font-size: 20px
  }
}
/* 加盟流程 */
/* procedure */
.procedure {
  position: relative;
  background: #fff;
  clear: both;
  margin-top: 130px;
}
.procedure .wrap-tit {}
.procedure .wrap-tit h2 {
  font-size: 35px;
  font-weight: normal;
  text-align: center;
}
.procedure-con {
  margin-top: 53px;
  height: 460px;
  overflow: hidden;
  position: relative;
}
.procedure-con:after {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  top: 128px;
  background: url("/img/procedure-before.png") no-repeat center;
  width: 100%;
  height: 20px;
}
.procedure-con .item {
  position: absolute;
  top: 0;
  width: 150px;
  text-align: center;
}
.procedure-con .item span {
  margin: 0 auto;
  display: block;
  overflow: hidden;
  width: 40px;
  height: 40px;
}
.procedure-con .item span img {
  width: 100%;
}
.procedure-con .item h2 {
  margin-top: 10px;
  font-size: 18px;
  color: #333;
}
.procedure-con .item em {
  margin: 10px auto 0;
  display: block;
  width: 1px;
  height: 47px;
  border-right: 1px dashed #999999;
  box-sizing: border-box;
}
.procedure-con .item i {
  display: block;
  margin: 0 auto;
  width: 20px;
  height: 20px;
  border: 4px solid #ccc;
  box-sizing: border-box;
  border-radius: 50%;
}
.procedure-con .item:nth-of-type(n+5) em {
  margin: 0 auto 10px;
}
.procedure-con .item:nth-of-type(1) {
  left: 6%;
}
.procedure-con .item:nth-of-type(2) {
  left: 32%;
}
.procedure-con .item:nth-of-type(3) {
  left: 57.5%;
}
.procedure-con .item:nth-of-type(4) {
  left: 83.5%;
}
.procedure-con .item:nth-of-type(5) {
  left: 19%;
  top: 130px;
}
.procedure-con .item:nth-of-type(6) {
  left: 45%;
  top: 130px;
}
.procedure-con .item:nth-of-type(7) {
  left: 70.5%;
  top: 130px;
}
.procedure-con .item:hover span img {
  transform: translateY(-40px);
}
.procedure-con .item:hover h2 {
  color: #d1af75;
}
.procedure-con .item:hover em {
  border-right: 1px dashed #d1af75;
}
.procedure-con .item:hover i {
  border: 4px solid #d1af75;
}
@media screen and (max-width: 1440px) {
  .procedure-con:after {
    background: #eee none;
    z-index: 1;
    height: 24px;
  }
  .procedure-con .item {
    z-index: 2;
  }
}
@media screen and (max-width: 768px) {
  .procedure {
    margin-top: 50px;
  }
  .procedure-con {
    height: auto;
  }
  .procedure-con:after {
    display: none;
  }
  .procedure-con .item {
    position: static;
    width: 100%;
    margin: 0 auto;
    margin-bottom: 20px;
  }
  .procedure-con .item span {
    width: 40px;
    height: 40px;
  }
  .procedure-con .item i {
    display: none;
  }
  .procedure-con .item:nth-of-type(5) em {
    display: none;
  }
  .procedure-con .item h2 {
    font-size: 20px;
  }
}
@media screen and (max-width: 500px) {
  .procedure {
    margin-top: 40px;
  }
  .procedure .wrap-tit h2 {
    font-size: 24px
  }
  .procedure-con {
    margin-top: 30px;
  }
  .procedure-con .item h2 {
    font-size: 16px;
  }
  .procedure-con .item em {
    height: 25px;
  }
}
/* 加盟优势 */
.jm_advan {
  background: url(/img/jmysbg.jpg) no-repeat center;
  background-size: cover;
  padding-top: 90px;
  padding-bottom: 90px;
}
.advantit {
  font-size: 35px;
  text-align: center;
  margin-bottom: 30px;
}
.adv_con {
  width: 80%;
  margin: 0 auto;
}
.adv_con .head {
  background-color: #bc9b69;
}
.adv_con .head h1 {
  font-size: 35px;
  font-weight: bold;
  text-align: center;
  color: #FFFFFF;
  padding: 10px;
}
.adv_con .head h1 span {
  font-weight: normal;
  padding-left: 10px;
}
.adv_con .row {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  justify-content: stretch;
}
.adv_con .row:last-child {
  flex-direction: row-reverse;
}
.adv_con .item {
  box-sizing: border-box;
  width: 50%;
  padding: 20px 80px;
  background-color: #FFFFFF;
  text-align: center;
}
.adv_con .item:nth-child(2) {
  background-color: #EEEEEE;
}
.adv_con .item .icon {
  width: 86px;
  height: 86px;
  border-radius: 80px;
  margin: 0 auto; /* background-color: #b88b44; */
}
.adv_con .item .text {}
.adv_con .item .text h3 {
  margin: 20px 0 10px;
  font-size: 20px;
  font-weight: normal;
  color: #333333;
}
.adv_con .item .text p {
  font-size: 16px;
  line-height: 28px;
}
@media (max-width: 1240px) {
  .adv_con {
    width: 90%;
  }
}
@media (max-width: 768px) {
  .jm_advan {
    padding-top: 50px;
    padding-bottom: 50px;
  }
  .advantit {
    font-size: 24px;
  }
  .adv_con {
    width: 100%;
  }
  .adv_con .head h1 {
    font-size: 24px;
  }
}
@media (max-width: 500px) {
  .advantit {
    margin-bottom: 20px;
  }
  .adv_con .item {
    width: 100%;
    padding: 20px 10px;
  }
  .adv_con .head h1 {
    font-size: 18px;
  }
  .adv_con .item .icon {
    width: 70px;
    height: 70px;
  }
  .adv_con .item .icon img {
    width: 100%;
  }
  .adv_con .item .text h3 {
    font-size: 18px;
    margin-top: 10px;
  }
  .adv_con .item .text p {
    font-size: 14px;
    line-height: 24px;
  }
}
/* 预约测量 */
.store_form {
  height: 710px;
  background: #000 url(/img/store_bg.jpg) no-repeat center;
  background-size: cover;
}
.store_form_bor {
  left: 30px;
  right: 30px;
  top: 30px;
  bottom: 30px;
  border: 1px solid rgba(255, 255, 255, 0.2);
  z-index: 1;
}
.store_form_in {
  padding: 190px 125px 0;
  z-index: 10;
}
.store_form_in dl {
  width: 50%;
  float: left;
  margin-bottom: 40px;
}
.store_form_in dl dt {
  width: 90px;
  float: left;
  font-size: 18px;
  color: #fff; /* font-family: "PingFangSC-Semibold"; */ line-height: 60px;
  font-weight: bold;
}
.store_form_in dl dd {
  overflow: hidden;
}
.store_form_in dl dd .store_input {
  width: 85%;
  height: 60px;
  padding: 18px;
  background: rgba(255, 255, 255, 0.3);
  color: #fff;
  font-size: 16px; /* font-family: "PingFang Regular"; */
}
.store_form_in dl dd .store_input::-webkit-input-placeholder {
  color: #fff;
}
.store_form_in dl dd .store_input:-moz-placeholder {
  color: #fff;
}
.store_form_in dl dd .store_input::-moz-placeholder {
  color: #fff;
}
.store_form_in dl dd .store_input:-ms-input-placeholder {
  color: #fff;
}
.store_form_in dl dd .store_input::-ms-input-placeholder {
  color: #fff;
}
.store_form_in dl dd .store_textarea::-webkit-input-placeholder {
  color: #fff;
}
.store_form_in dl dd .store_textarea:-moz-placeholder {
  color: #fff;
}
.store_form_in dl dd .store_textarea::-moz-placeholder {
  color: #fff;
}
.store_form_in dl dd .store_textarea:-ms-input-placeholder {
  color: #fff;
}
.store_form_in dl dd .store_textarea::-ms-input-placeholder {
  color: #fff;
}
.retail_box .store_form_in dl {
  width: 100%;
}
.store_form_in dl dd select {
  float: left;
  width: 29%;
  height: 60px;
  padding: 18px;
  border: none;
  font-size: 14px;
  color: #666;
  background: #fff url(/img/select.png) no-repeat 88% 50%;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  margin-right: 3%; /* font-family: "PingFang Regular"; */
}
.store_form_in dl dd .btn_submit, .store_form_in dl dd .btn_reset {
  width: 220px;
  height: 65px;
  background: #bc9b69;
  background-size: cover;
  font-size: 18px; /* font-family: "PingFangSC-Semibold"; */ font-weight: bold;
  color: #fff;
  cursor: pointer;
  margin-top: 15px;
}
.store_form_in dl dd .btn_submit:hover, .store_form_in dl dd .btn_reset:hover {
  background-color: #d0ba62;
}
.store_form_in dl:last-child {
  width: 100%;
}
/*预约服务*/
.reservation_box {
  margin-top: 70px;
  margin-bottom: 60px;
}
.reservation_bg {
  background: url(/img/reser_bg.jpg) no-repeat center;
  background-size: cover;
}
.reservation_box .store_form {
  width: 62%;
  height: auto;
  float: left;
  background: url(/img/form_bg.jpg) no-repeat center;
  background-size: cover;
  padding: 55px 40px 55px 70px;
}
.reservation_box .store_form_bor {
  left: 20px;
  right: 20px;
  top: 20px;
  bottom: 20px;
}
.reservation_box .store_form_in {
  padding: 0;
  margin-top: 65px;
}
.reservation_box .store_form_in dl:nth-child(3) {
  width: 100%;
}
.reservation_design {
  position: relative;
  z-index: 10;
  background: url(/img/product3.png) no-repeat right center;
}
.reservation_design dl dt {
  float: left;
  font-size: 120px;
  color: #bc9b69;
  line-height: 0.8;
  margin-right: 20px;
}
.reservation_design dl dd h3 {
  font-size: 35px;
  color: #fff;
}
.reservation_design dl dd {
  margin-top: 10px;
}
.reservation_design dl dd p {
  font-size: 28px;
  color: #fff;
  font-family: "PingFang Regular";
  margin-top: 5px;
}
.reservation_box .store_form_in dl dd select {
  margin-bottom: 40px;
}
.reservation_box .store_form_in dl:nth-child(3) dd .store_input {
  width: 93%;
}
.reservation_step {
  padding: 160px 50px 0 80px;
  width: 38%;
  float: right;
}
.step_item {
  padding-bottom: 54px;
  background: url(/img/reser_jiao.png) no-repeat 16px 100%;
  margin-bottom: 40px;
}
.step_item img {
  vertical-align: middle;
}
.step_item span {
  display: inline-block;
  font-size: 26px;
  color: #fff;
  padding-left: 34px;
  vertical-align: middle;
}
.step_item:last-child {
  padding-bottom: 0;
  background: none;
  margin-bottom: 0;
}
@media only screen and (max-width:1680px) {
  .store_form {
    height: 600px;
  }
  .store_form_bor {
    left: 20px;
    right: 20px;
    top: 20px;
    bottom: 20px;
  }
  .store_form_in {
    padding: 150px 100px 0;
  }
  .store_form_in dl dt {
    width: 70px;
  }
}
@media only screen and (max-width:1440px) {
  .reservation_step {
    padding-left: 50px;
  }
}
@media only screen and (max-width:1366px) {
  .step_item span {
    font-size: 20px;
  }
  .order_txt {
    width: 50%;
    margin-left: -25%;
  }
}
@media only screen and (max-width:1280px) {
  .reservation_step {
    padding-left: 50px;
  }
  .step_item span {
    font-size: 18px;
  }
}
@media (max-width: 1024px) {
  .store_form {
    height: 500px;
  }
  .store_form_in {
    padding: 120px 50px 0;
  }
  .store_form_in dl {
    margin-bottom: 30px;
  }
  .store_form_in dl dd .store_input, .store_form_in dl dd select {
    height: 50px;
  }
  .store_form_in dl dd select {
    padding: 15px;
    background-size: 25px;
  }
  .store_form_in dl dt {
    width: 40px;
    line-height: 50px;
    margin-right: 20px;
    font-size: 16px;
  }
  .store_form_in dl dd .btn_submit, .store_form_in dl dd .btn_reset {
    width: 180px;
    height: 50px;
  }
  .store_form_in dl dd .store_input {
    padding: 15px;
    font-size: 14px;
  }
  .store_form_in dl dd .store_textarea {
    height: 100px;
    padding: 15px;
  }
  .reservation_box {
    margin-top: 30px;
  }
  .reservation_design {
    background-size: 60px;
  }
  .reservation_design dl dd p {
    margin-top: 0;
  }
  .reservation_box .store_form_in {
    margin-top: 40px;
  }
  .step_item {
    padding-bottom: 35px;
    margin-bottom: 30px;
    background-size: 10px;
  }
  .step_item img {
    width: 40px;
  }
  .step_item span {
    padding-left: 20px;
    font-size: 16px;
  }
}
@media (max-width: 800px) {
  .reservation_box .store_form {
    width: 100%;
    float: none;
  }
  .store_form_in dl dd .store_textarea {
    padding: 10px;
  }
  .reservation_box .store_form_bor {
    left: 10px;
    right: 10px;
    top: 10px;
    bottom: 10px;
  }
  .reservation_box .store_form {
    padding: 40px 30px 40px 40px;
  }
  .reservation_step {
    padding: 90px 20px;
    width: 100%;
  }
  .reservation_box .store_form_in dl dd select {
    margin-bottom: 20px;
  }
}
@media (max-width: 640px) {
  .reservation_step {
    padding: 30px 20px;
  }
  .reservation_design dl dt {
    font-size: 90px;
  }
  .reservation_design dl dd p {
    font-size: 20px;
  }
  .reservation_design dl dd h3 {
    font-size: 22px;
  }
  .store_form_in dl {
    width: 100%;
  }
  .store_form_in dl dd .store_input {
    width: 100%;
  }
  .reservation_box .store_form_in dl dd select {
    width: 100%;
    margin-left: ;
    margin-right: 0;
  }
}
@media (max-width: 500px) {
  .reservation_box .w1400 {
    margin: 0;
  }
  .store_form_in dl dd .btn_submit, .store_form_in dl dd .btn_reset {
    height: 44px;
    margin-top: 0;
  }
  .reservation_box .store_form_in dl:nth-child(3) dd .store_input {
    width: 100%;
  }
  .step_item {
    padding-bottom: 25px;
    margin-bottom: 20px;
  }
  .reservation_box .store_form {
    padding: 30px;
  }
  .reservation_box .store_form_in {
    margin-top: 30px;
  }
}
/* 联系我们 */
.main-contact-us {
  width: 100%;
  background-color: #fffeff;
  border-bottom: 1px solid #f5f5f5
}
.main-contact-us .contact-us-container {
  padding-top: 60px;
  padding-bottom: 70px
}
.main-contact-us .container-title {
  width: 100%;
  font-weight: bold;
  color: #333;
  margin-bottom: 10px;
  font-size: 35px;
}
.main-contact-us .container-text {
  width: 100%;
  color: #888;
  margin-bottom: 60px;
  font-size: 18px;
}
.main-contact-us .map {
  width: 100%;
  position: relative
}
.main-contact-us .map img {
  width: 100%
}
.main-contact-us .map-content {
  width: 400px;
  background-color: #fff;
  position: absolute;
  top: 50%;
  right: 30px;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  padding: 50px 30px;
  -webkit-box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.09);
  box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.09)
}
.main-contact-us .content-title {
  width: 100%;
  color: #cdc287;
  margin-bottom: 20px;
  font-size: 24px;
}
.main-contact-us .content-item {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 10px
}
.main-contact-us .item-icon {
  width: 20px;
  margin-right: 10px;
}
.main-contact-us .item-icon img {
  width: 100%
}
.main-contact-us .item-text {
  width: calc(100% - 40px);
  color: #666;
  line-height: 30px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  font-size: 16px;
}
@media(max-width:1280px) {
  .main-contact-us .contact-us-container {
    width: 100%;
  }
  .main-contact-us .map-content {
    width: 100%;
    position: static;
    -webkit-transform: translate(0);
    transform: translate(0)
  }
}
@media(max-width:768px) {
  .main-contact-us .container-title {
    font-size: 24px;
  }
  .main-contact-us .container-text {
    font-size: 16px;
    margin-bottom: 30px;
  }
  .main-contact-us .contact-us-container {
    padding-bottom: 30px;
  }
}
@media(max-width:488px) {
  .main-contact-us .container-title {
    font-size: 20px;
  }
  .main-contact-us .container-text {
    font-size: 14px;
  }
  .main-contact-us .map-content {
    padding: 30px 10px;
  }
  .main-contact-us .content-title {
    font-size: 20px;
  }
  .main-contact-us .item-icon {
    width: 15px;
  }
  .main-contact-us .item-text {
    font-size: 14px;
  }
}
/* 在线留言 */
.main-online-message {
  width: 100%;
  padding-top: 60px;
  padding-bottom: 130px
}
.main-online-message .online-message-container {}
.main-online-message .container-A {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 60px
}
.main-online-message .title-box {
  width: 60%
}
.main-online-message .title {
  width: 100%;
  font-weight: bold;
  color: #333;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  margin-bottom: 10px;
  font-size: 35px;
}
.main-online-message .title-text {
  width: auto;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: #888;
  font-size: 18px;
}
.main-online-message .smt {
  width: 40%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end
}
.main-online-message .smt input[type=submit] {
  width: auto;
  background-color: #333;
  color: #e0dbc0;
  padding: 20px 60px;
  border: 0;
  outline: 0;
  cursor: pointer
}
.main-online-message .container-B {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}
.main-online-message .item-A {
  width: 33.333%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 30px
}
.main-online-message .item-A span {
  color: #555;
  padding-left: 30px;
  margin-right: 20px;
  font-size: 16px;
}
.main-online-message .item-A em {
  color: #f00
}
.main-online-message .item-A input {
  width: auto;
  height: 50px;
  background-color: #f5f5f5;
  border: 0;
  outline: 0;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding: 10px;
  font-size: 16px;
}
@media(min-width:900px) {
  .main-online-message .item-A:nth-child(3n+1) span {
    padding-left: 0
  }
}
.main-online-message .item-B {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}
.main-online-message .item-B span {
  color: #555;
  font-size: 16px;
}
.main-online-message .item-B em {
  color: #f00
}
.main-online-message .item-B textarea {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  width: auto;
  height: 160px;
  background-color: #f5f5f5;
  border: 0;
  outline: 0;
  margin-left: 20px;
  padding: 10px;
  font-size: 16px;
}
@media(max-width:1280px) {
  /* .main-online-message .online-message-container{width:100%;max-width:900px;padding:0 10px} */
}
@media(max-width:900px) {
  .main-online-message .container-A {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
  }
  .main-online-message .title-box {
    width: 100%;
    margin-bottom: 25px
  }
  .main-online-message .smt {
    width: 100%;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
  }
  .main-online-message .item-A {
    width: 50%
  }
  .main-online-message .item-A:nth-child(2n+1) span {
    padding-left: 0
  }
}
@media(max-width:768px) {
  .main-online-message {
    padding-top: 30px;
    padding-bottom: 60px;
  }
  .main-online-message .container-A {
    margin-bottom: 30px;
  }
  .main-online-message .title {
    font-size: 24px;
  }
  .main-online-message .title-text {
    font-size: 16px;
  }
  .main-online-message .smt button {
    padding: 10px 30px !important;
  }
}
@media(max-width:600px) {
  .main-online-message .item-A {
    width: 100%
  }
  .main-online-message .item-A span {
    padding-left: 0
  }
}
@media(max-width:480px) {
  .main-online-message .title {
    font-size: 20px;
  }
  .main-online-message .title-text {
    font-size: 14px;
  }
  .main-online-message .smt button {
    font-size: 14px !important;
  }
  .main-online-message .title-box {
    margin-bottom: 18px;
  }
  .main-online-message .item-A {
    margin-bottom: 25px;
  }
  .main-online-message .item-A span {
    font-size: 14px;
  }
  .main-online-message .item-A input {
    height: 38px;
    padding-left: 15px;
    font-size: 14px;
  }
  .main-online-message .item-B textarea {
    margin-left: 15px;
    padding-left: 15px;
    padding-top: 10px;
    font-size: 14px;
  }
}
/* 定制流程 */
.lcBox {
  background-color: #F6F6F6;
  padding: 50px 0;
}
.lcBox .lc {
  width: 80%;
  margin: 0 auto;
  padding-left: 80px;
  position: relative;
}
.lcBox .lc::before {
  content: "";
  display: block;
  height: 100%;
  width: 2px;
  position: absolute;
  top: 50px;
  left: 24px;
  background-color: #358f99;
  z-index: 1;
}
.lcBox .lc .item {
  position: relative;
  transition: all 0.3s;
}
.lcBox .lc .item:hover {
  box-shadow: 0 0 20px 10px rgba(0, 0, 0, 0.05);
}
.lcBox .lc .item .icon {
  background: #358f99 center no-repeat;
  background-size: 60%;
  display: block;
  width: 50px;
  height: 50px;
  border-radius: 50px;
  position: absolute;
  left: -80px;
  top: 20px;
  z-index: 2;
}
.lcBox .lc .item .text {
  position: relative;
  padding: 40px 30px;
  background-color: #FFFFFF;
  margin-top: 50px;
}
.lcBox .lc .item .text::before {
  content: "";
  display: block;
  width: 0;
  width: 0;
  border: 10px solid transparent;
  border-right-color: #FFFFFF;
  position: absolute;
  left: -20px;
}
.lcBox .lc .item .text .tit {
  font-size: 26px;
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-bottom: 1px dashed #358f99;
}
.lcBox .lc .item .text .cont {
  line-height: 32px;
  font-size: 16px;
}
.lcBox .lc .item .text .cont p {}
@media(max-width:1024px) {
  .lcBox {
    padding-top: 20px;
  }
  .lcBox .lc {
    width: 100%;
  }
  .lcBox .lc .item .text {
    padding: 30px 20px;
  }
  .lcBox .lc .item .text .tit {
    font-size: 22px;
  }
}
@media(max-width:580px) {
  .lcBox {
    padding-bottom: 30px;
  }
  .lcBox .lc {
    padding-left: 60px;
  }
  .lcBox .lc::before {
    left: 19px;
    top: 30px;
  }
  .lcBox .lc .item .icon {
    width: 40px;
    height: 40px;
    left: -60px;
  }
  .lcBox .lc .item .text {
    margin-top: 20px;
    padding: 20px;
  }
  .lcBox .lc .item .text .tit {
    font-size: 20px;
    margin-bottom: 10px;
    padding-bottom: 10px;
  }
  .lcBox .lc .item .text .cont {
    font-size: 14px;
    line-height: 26px;
  }
}
/* 绿色板材 */
.tran_scale {
  display: block;
  overflow: hidden;
}
.tran_scale img {
  transition: all 1s ease;
}
.tran_scale:hover img {
  transform: scale(1.1, 1.1);
}
.device {
  padding: 100px 0;
  background: url(/img/gray-x.png) repeat-x bottom center;
  background-size: 1px 56%;
}
.device .deviceItem {
  width: 83.3%;
  margin: 0 auto;
}
.device .deviceItem .item {
  width: 30%;
  float: left;
  display: block;
  margin: 0 1.65%;
  overflow: hidden;
}
.device .deviceItem .item span {
  display: block
}
.device .deviceItem .item .ff {
  padding: 60px 30px 40px 30px;
  background: #fff;
  position: relative;
}
.device .deviceItem .item .f1 {
  font-size: 24px;
  font-weight: bold;
}
.device .deviceItem .item .f2 {
  font-size: 24px;
  font-weight: bold;
  margin-bottom: 20px;
}
.device .deviceItem .item .f3 {
  font-size: 16px;
  color: #777;
  line-height: 2;
  height: auto;
  min-height: 96px;
  height: 4.5em;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
.device .deviceItem .item .line {
  margin-top: 20px;
  width: 26px;
  height: 3px;
  background: #bc9b69;
}
.device .deviceItem .item:hover .f1, .device .deviceItem .item:hover .f2, .device .deviceItem .item:hover .f3 {
  color: #fff;
}
.device .deviceItem .item:hover .line {
  background: #fff;
}
.device .deviceItem .item:hover .ff {
  background: #bc9b69;
}
.device .deviceItem .icon {
  position: absolute;
  left: 50%;
  top: 0;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  width: 40%;
}
.device .deviceItem .icon img {
  max-width: 100%;
}
@media only screen and (max-width:1680px) {
  .device {
    padding: 80px 0;
  }
  .device .deviceItem .item .f3 {
    min-height: 130px;
  }
}
@media only screen and (max-width:1440px) {
  .device .deviceItem .item .f1, .device .deviceItem .item .f2 {
    font-size: 18px;
  }
  .device .deviceItem .item .ff {
    padding: 40px 20px 30px 20px;
  }
}
@media only screen and (max-width:1240px) {
  .device {
    padding: 40px 0;
  }
  .device .deviceItem {
    width: 93.3%;
  }
}
@media only screen and (max-width:1024px) {
  .device {
    padding: 50px 0 30px;
  }
  .device .deviceItem .item .ff {
    padding: 40px 20px 20px 20px;
  }
}
@media only screen and (max-width:800px) {
  .device .deviceItem .item .f3 {
    font-size: 14px;
    min-height: 140px;
  }
  .device .deviceItem .item .f1, .device .deviceItem .item .f2 {
    font-size: 15px;
  }
}
@media only screen and (max-width:768px) {
  .device .deviceItem {
    width: auto;
    margin: 0 -1.65%;
  }
}
@media (max-width:500px) {
  .device {
    background: none;
  }
  .device .deviceItem {
    width: 80%;
    margin: 0 auto;
  }
  .device .deviceItem .item {
    max-width: 100%;
    margin: 0 auto 20px auto;
    float: none;
    width: auto;
  }
  .device .deviceItem .item .f3 {
    height: auto;
    min-height: auto;
  }
  .device .deviceItem .item .f1, .device .deviceItem .item .f2 {
    font-size: 18px;
  }
  .device .deviceItem .item img {
    width: 100%;
  }
  .device .deviceItem .icon {
    width: 30%;
  }
  .device .deviceItem .item .ff {
    padding: 40px 0 0;
  }
}
.jm_pic {
  text-align: center;
  margin-bottom: 120px;
}
.jm_pic img {
  max-width: 100%;
}
@media only screen and (max-width:1240px) {
  .jm_pic img {
    max-width: 96%;
  }
  .jm_pic {
    margin-bottom: 90px;
  }
}
@media only screen and (max-width:1024px) {
  .jm_pic {
    margin-bottom: 60px;
  }
}
@media only screen and (max-width:768px) {
  .jm_pic {
    margin-bottom: 40px;
  }
}
@media only screen and (max-width:500px) {
  .jm_pic {
    margin-bottom: 30px;
  }
}
/* 八大痛点 */
.tit_zhi {
  margin: 80px 0;
  text-align: center;
}
.tit_zhi h3 {
  font-size: 34px;
  font-weight: normal;
  margin-bottom: 20px;
}
.tit_zhi h3 span {
  color: #b88b44;
}
.tit_zhi p {
  font-size: 16px
}
.tdBox {
  background-color: #FFFFFF;
}
.tdBox .td {
  margin-bottom: 50px;
}
.tdBox .td ul {
  display: flex;
  flex-wrap: wrap;
}
.tdBox .td ul li {
  width: 25%;
  padding: 50px 30px;
  transition: all 0.1s;
}
.tdBox .td ul li .icon {
  width: 100px;
  height: 100px; /* width: 100%; */ margin: 0 auto;
  position: relative;
  border-radius: 80px;
  background-color: ;
  border: 2px solid #b88b44;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}
.tdBox .td ul li .icon img {
  width: 60%;
}
.tdBox .td ul li .icon img.hover { /* position: absolute; top: 0; left: 0; */ display: none;
}
.tdBox .td ul li .text {
  text-align: center;
  margin-top: 30px;
}
.tdBox .td ul li .text h3 {
  color: #b88b44;
  margin-bottom: 20px;
  font-size: 20px;
  font-weight: normal;
}
.tdBox .td ul li .text p {
  font-size: 14px;
}
.tdBox .td ul li:hover {
  background-color: #b88b44;
  box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.2);
}
.tdBox .td ul li:hover .icon {
  border-color: #FFFFFF;
}
.tdBox .td ul li:hover .icon img {
  display: none;
}
.tdBox .td ul li:hover .icon img.hover {
  display: block;
}
.tdBox .td ul li:hover .text h3 {
  color: #ffffff;
}
.tdBox .td ul li:hover .text p {
  color: #ffffff;
}
@media (max-width: 1240px) {}
@media (max-width: 1024px) {
  .tit_zhi {
    margin: 50px 0;
  }
}
@media (max-width: 768px) {
  .tit_zhi {
    margin: 30px 0;
  }
  .tit_zhi h3 {
    font-size: 26px;
    margin-bottom: 10px;
  }
  .tdBox .td ul li {
    padding: 40px 30px;
    width: 50%;
  }
}
@media (max-width: 480px) {
  .tit_zhi h3 {
    font-size: 22px;
  }
  .tdBox .td {
    margin-bottom: 30px;
  }
  .tdBox .td ul li {
    padding: 20px;
    width: 50%;
  }
  .tdBox .td ul li .icon {
    height: 80px;
    width: 80px;
  }
  .tdBox .td ul li .text {
    margin-top: 15px;
  }
  .tdBox .td ul li .text h3 {
    font-size: 16px;
    margin-bottom: 10px;
  }
  .tdBox .td ul li .text p {
    font-size: 12px;
    line-height: 22px;
  }
}
/* 智能设计 */
.design {
  background: url(/img/zz/ys-2-bj.jpg) no-repeat center;
  background-size: cover;
}
.design .tit_zhi {
  color: #FFFFFF;
  margin: 0;
  padding: 80px 0;
}
.design .des {
  padding-bottom: 50px;
}
.design .des ul {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -1%;
}
.design .des li {
  width: 31.33%;
  background-color: rgba(255, 255, 255, 0.8);
  margin: 1%;
  padding: 50px 30px;
  transition: all 0.3s;
  border-radius: 20px;
}
.design .des li:hover {
  background-color: #b88b44;
  box-shadow: 0 0 10px 10px rgba(0, 0, 0, 0.1);
  transform: translateY(-10px);
}
.design .des li:last-child {
  width: 64.5%;
}
.design .des li .icon {
  background-color: #b88b44;
  width: 100px;
  height: 100px;
  border-radius: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  margin: 0 auto;
  margin-bottom: 20px;
  box-shadow: 0 0 5px 5px rgba(0, 0, 0, 0.1);
  border: 8px solid #FFFFFF;
}
/* .design .des li:hover .icon{ border: 2px solid #FFFFFF; } */
.design .des li .icon img {
  width: 60%;
  transition: all 0.5s;
}
.design .des li:hover .icon img {
  transform: rotate(360deg);
}
.design .des li .txt {
  font-size: 18px;
  text-align: center;
  color: #333333;
}
.design .des li:hover .txt {
  color: #FFFFFF;
}
@media (max-width: 1240px) {
  .design .tit_zhi {
    padding-bottom: 30px;
  }
}
@media (max-width: 1024px) {}
@media (max-width: 768px) {
  .design .des li {
    padding: 30px 10px;
  }
}
@media (max-width: 500px) {
  .design .tit_zhi {
    padding-top: 50px;
  }
  .design .tit_zhi p {
    font-size: 12px;
    line-height: 20px;
  }
  .design .des {
    padding-bottom: 20px;
  }
  .design .des li {
    width: 48%;
  }
  .design .des li:hover {
    transform: translateY(0px);
  }
  .design .des li:last-child {
    width: 100%;
  }
  .design .des li .icon {
    width: 80px;
    height: 80px;
  }
  .design .des li .txt {
    font-size: 14px;
  }
}
/* 云应用 */
.util {
  background-color: #F9F9F9;
  padding-bottom: 60px;
}
.util ul {
  display: flex;
  flex-wrap: wrap;
  box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.1);
}
.util ul li {
  width: 20%;
  display: flex;
  flex-direction: column;
}
.util ul li:nth-child(2n) {
  flex-direction: column-reverse;
}
.util ul li .icon {
  background-color: #ffba00;
  height: 260px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.util ul li .icon .img {
  width: 100px;
  height: 100px;
  transition: all 0.5s;
}
.util ul li:hover .icon .img {
  transform: translateY(-20px);
}
.util ul li .icon .img img {
  width: 100%;
}
.util ul li .icon .txt {
  color: #FFFFFF;
  margin-top: 20px;
  font-size: 16px;
}
.util ul li .text {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 0 30px;
  height: 260px;
  background-color: #FFFFFF;
}
.util ul li .text p {
  font-size: 14px;
  line-height: 28px;
}
@media (max-width: 1240px) {
  .util ul li .icon .img {
    width: 80px;
    height: 80px;
  }
}
@media (max-width: 1024px) {
  .util ul li .icon .img {
    width: 60px;
    height: 60px;
  }
}
@media (max-width: 768px) {
  .util ul li {
    width: 100%;
    flex-direction: row;
  }
  .util ul li:nth-child(2n) {
    flex-direction: row-reverse;
  }
  .util ul li .icon {
    height: auto;
    width: 50%;
  }
  .util ul li .text {
    height: auto;
    width: 50%;
    padding: 50px 20px;
  }
}
@media (max-width: 500px) {
  .util {
    padding-bottom: 30px;
  }
}
/* 产品视频展示 */
.ec-D {
  padding-bottom: 50px
}
.ec-D .list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0 -1%;
}
.ec-D .item {
  width: 25%;
  padding: 0 1%;
  margin-bottom: 2%;
  cursor: pointer
}
@media(min-width: 501px) {
  .ec-D .item:nth-child(3n+1) {
    transition-delay: .2s;
  }
  .ec-D .item:nth-child(3n+2) {
    transition-delay: .4s;
  }
  .ec-D .item:nth-child(3n) {
    transition-delay: .6s;
  }
}
@media(max-width: 500px) {
  .ec-D .item:nth-child(2n+1) {
    transition-delay: .2s;
  }
  .ec-D .item:nth-child(2n) {
    transition-delay: .4s;
  }
}
.ec-D .item:hover .item-img img {
  -webkit-transform: scale(1.1);
  transform: scale(1.1)
}
.ec-D .item:hover .content-title {
  font-weight: bold;
  color: #1ab05d
}
.ec-D .item-img {
  width: 100%;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  overflow: hidden
}
.ec-D .item-img-icon {
  width: 70px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.ec-D .item-img img {
  width: 100%;
  transition: transform 12s cubic-bezier(.23, 1, .32, 1);
}
.ec-D .item-content {
  width: 100%;
  padding: .4rem .3rem;
  background-color: #fff
}
.ec-D .content-title {
  font-size: 20px;
  width: 100%;
  margin-bottom: .2rem;
  line-height: 1.3;
  color: #13202c;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis
}
.ec-D .content-text {
  font-size: 16px;
  width: 100%;
  line-height: 1.625;
  color: #65717b;
  margin-bottom: .32rem;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical
}
.ec-D .date {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}
.ec-D .date-icon {
  width: .14rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}
.ec-D .date-icon img {
  width: 100%
}
@media (max-width:1920px) {
  .ec-D .date-icon {
    width: 14px
  }
}
@media (max-width:1024px) {
  .ec-D .item {
    width: 50%;
  }
  .ec-D .item iframe {
    height: 250px;
  }
}
.ec-D .date-text {
  font-size: 16px;
  width: auto;
  margin-left: .1rem;
  color: #65717b
}
@media (max-width:900px) {
  .ec-D {
    width: 100%
  }
}
@media (max-width:500px) {
  .ec-D .item {
    width: 100%;
    margin-bottom: 2%
  }
  .ec-D .item iframe {
    height: 200px;
  }
  .ec-D .content-title {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    white-space: normal
  }
}
/* 视频弹出 */
.video-mask {
  width: 100%;
  height: 100vh;
  position: fixed;
  left: 0;
  top: 0;
  background-color: rgba(0, 0, 0, 0.59);
  padding: 0 20%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  z-index: 12
}
.video-mask .video-box {
  width: 100%;
  position: relative
}
.video-mask iframe {
  width: 100%;
  height: 500px;
}
.video-mask video {
  width: 100%
}
.video-mask video source {
  width: 100%
}
.video-mask .video-mask-close {
  position: absolute;
  right: 0;
  top: -1.5em;
  color: #fff;
  cursor: pointer;
  font-size: 20px;
}
@media (max-width:900px) {
  .video-mask {
    padding: 0 2%
  }
}
.wp-pagenavi {
  CLEAR: both;
  MARGIN: 0 auto;
  WIDTH: 100%;
  PADDING: 30px 0 30px;
  TEXT-ALIGN: center
}
.wp-pagenavi a {
  BORDER-RIGHT: #bfbfbf 1px solid;
  PADDING-RIGHT: 10px;
  BORDER-TOP: #bfbfbf 1px solid;
  PADDING-LEFT: 10px;
  PADDING-BOTTOM: 5px;
  MARGIN: 2px;
  BORDER-LEFT: #bfbfbf 1px solid;
  PADDING-TOP: 5px;
  BORDER-BOTTOM: #bfbfbf 1px solid;
  TEXT-DECORATION: none;
  border-radius: 5px;
}
.wp-pagenavi a:hover {
  BORDER-LEFT-COLOR: #b88b44;
  BORDER-BOTTOM-COLOR: #b88b44;
  BORDER-TOP-COLOR: #b88b44;
  BORDER-RIGHT-COLOR: #b88b44;
  background: #b88b44;
  color: white;
  PADDING-RIGHT: 10px;
  PADDING-LEFT: 10px;
  PADDING-BOTTOM: 5px;
  MARGIN: 2px;
  PADDING-TOP: 5px;
} /*当前指上页码的边框色*/
.wp-pagenavi a.page-num-current {
  BORDER-LEFT-COLOR: #b88b44;
  BORDER-BOTTOM-COLOR: #b88b44;
  BORDER-TOP-COLOR: #b88b44;
  BORDER-RIGHT-COLOR: #b88b44;
  background: #b88b44;
  PADDING-RIGHT: 10px;
  PADDING-LEFT: 10px;
  PADDING-BOTTOM: 5px;
  MARGIN: 2px;
  PADDING-TOP: 5px;
  border: #b88b44 1px solid;
  border-radius: 5px;
  color: #fff;
} /*当前选中页码的背景色*/
.text-norecord {
  font-size: 14px;
  line-height: 35px;
}
@media screen and (max-width: 640px) {
  .m640 {
    display: none;
  }
}
/* video */
.video {
  padding: 80px 0;
}
.video .item {
  width: 23.5%;
  margin-bottom: 2%;
  position: relative;
  margin-right: 2%;
  transition: all .5s ease-out 0s;
}
.video .item:nth-child(4n+4) {
  margin-right: 0;
}
.video .item .pic {
  overflow: hidden;
  position: relative;
}
.video .item .pic img {
  width: 100%;
}
.video .item .play {
  position: absolute;
  left: 50%;
  top: 45%;
  transform: translate(-50%, -50%);
}
.video .item .play img {
  width: 60px;
}
.video .item .text {
  font-size: 18px;
  font-weight: bold;
  text-align: center;
  padding: 25px 0;
  line-height: 30px;
  border: 1px solid #e3dddd;
}
.video .item:hover {
  box-shadow: 0 5px 10px rgba(130, 130, 130, 0.3);
  transform: translate(0, -10px);
}
@media only screen and (max-width:1080px) {
  .video {
    padding: 50px 0;
  }
}
@media only screen and (max-width:768px) {
  .video {
    padding: 30px 0;
  }
  .video .item {
    width: 48%;
    margin-bottom: 4%;
  }
  .video .item:nth-child(odd) {
    margin-right: 4%;
  }
  .video .item:nth-child(even) {
    margin-right: 0;
  }
  .video .item .text {
    padding: 10px 0;
    font-size: 14px;
    line-height: 20px;
  }
  .video .item .play {
    top: 40%;
  }
  .video .item .play img {
    width: 35px;
  }
}
/* 视频弹出 */
.z_tanchuang {
  position: fixed;
  display: table;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  transform: scale(0);
  -webkit-transform: scale(0);
  z-index: 9999;
}
.z_tanchuang .tbox {
  display: table-cell;
  background: rgba(0, 0, 0, 0.8);
  text-align: center;
  vertical-align: middle
}
.z_tanchuang .tbox .modal {
  background: white;
  padding: 50px;
  display: block;
  border-radius: 5px;
  position: relative;
  width: 90%;
  max-width: 1200px;
  max-height: 90%;
  margin: 0 auto
}
.z_tanchuang .tbox .modal .out {
  position: absolute;
  width: 40px;
  height: 40px;
  line-height: 40px;
  background: #008FD7 url(/img/conse.png) center no-repeat;
  background-size: 20px;
  color: #000;
  font-size: 30px;
  text-align: center;
  border-radius: 50%;
  top: 0;
  right: -50px;
  cursor: pointer
}
.z_tanchuang .tbox .modal .img {
  width: 100%;
  max-width: 600px;
  margin: 0 auto
}
.z_tanchuang .tbox .modal .img video {
  display: block;
  width: 100%;
  max-width: 100%;
  object-fit: cover;
  outline: none;
}
.z_tanchuang .tbox .modal .img img {
  margin: 0 auto
}
.z_tanchuang .tbox .modal .out:hover {
  background: #008FD7 url(/img/conse.png) center no-repeat;
  background-size: 20px;
  transform: rotate(180deg);
  -webkit-transform: rotate(180deg)
}
.z_tanchuang .tbox .modal2 {
  padding: 20px
}
.z_tanchuang .tbox .modal .img {
  max-width: 1200px
}
.z_tanchuang.one {
  transform: scaleY(0.01) scaleX(0);
  animation: unfoldIn 1s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
  -webkit-transform: scaleY(0.01) scaleX(0);
  -webkit-animation: unfoldIn 1s cubic-bezier(0.165, 0.84, 0.44, 1) forwards
}
.z_tanchuang.one .tbox .modal {
  transform: scale(0);
  animation: zoomIn .5s .8s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
  -webkit-transform: scale(0);
  -webkit-animation: zoomIn .5s .8s cubic-bezier(0.165, 0.84, 0.44, 1) forwards
}
.z_tanchuang.one.out {
  transform: scale(1);
  animation: unfoldOut 1s .3s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
  -webkit-transform: scale(1);
  -webkit-animation: unfoldOut 1s .3s cubic-bezier(0.165, 0.84, 0.44, 1) forwards
}
.z_tanchuang.one.out .tbox .modal {
  animation: zoomOut .5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
  -webkit-animation: zoomOut .5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards
}
@keyframes unfoldIn {
  0% {
    transform: scaleY(0.005) scaleX(0)
  }
  50% {
    transform: scaleY(0.005) scaleX(1)
  }
  100% {
    transform: scaleY(1) scaleX(1)
  }
}
@keyframes zoomIn {
  0% {
    transform: scale(0)
  }
  100% {
    transform: scale(1)
  }
}
@keyframes zoomOut {
  0% {
    transform: scale(1)
  }
  100% {
    transform: scale(0)
  }
}
@keyframes unfoldOut {
  0% {
    transform: scaleY(1) scaleX(1)
  }
  50% {
    transform: scaleY(0.005) scaleX(1)
  }
  100% {
    transform: scaleY(0.005) scaleX(0)
  }
}
@-webkit-keyframes zoomIn {
  0% {
    transform: scale(0)
  }
  100% {
    transform: scale(1)
  }
}
@-webkit-keyframes zoomOut {
  0% {
    transform: scale(1)
  }
  100% {
    transform: scale(0)
  }
}
@-webkit-keyframes unfoldOut {
  0% {
    transform: scaleY(1) scaleX(1)
  }
  50% {
    transform: scaleY(0.005) scaleX(1)
  }
  100% {
    transform: scaleY(0.005) scaleX(0)
  }
}
@-webkit-keyframes unfoldIn {
  0% {
    transform: scaleY(0.005) scaleX(0)
  }
  50% {
    transform: scaleY(0.005) scaleX(1)
  }
  100% {
    transform: scaleY(1) scaleX(1)
  }
}
@media(max-width:960px) {
  .z_tanchuang .tbox .modal {
    padding: 10px
  }
  .z_tanchuang .tbox .modal .out {
    width: 30px;
    height: 30px;
    top: -50px;
    right: -2px
  }
}