@charset "utf-8";







/* CSS Document */



html,



body,



div,



span,



applet,



object,



iframe,



h1,



h2,



h3,



h4,



h5,



h6,



p,



blockquote,



pre,



a,



abbr,



acronym,



address,



big,



cite,



code,



del,



dfn,



em,



font,



img,



ins,



kbd,



q,



s,



samp,



small,



strike,



strong,



sub,



sup,



tt,



var,



b,



u,



i,



center,



dl,



dt,



dd,



ol,



ul,



li,



fieldset,



form,



label,



legend,



table,



caption,



tbody,



tfoot,



thead,



tr,



th,



td,



textarea,



input {



  margin: 0;



  padding: 0;



}







address,

cite,

dfn,

em,

var,

i {

  font-style: normal;

}



.h100 {

  width: 100%;

  height: 100px;

}



.h200 {

  width: 100%;

  height: 200px;

}



.h220 {

  width: 100%;

  height: 220px;

}



.h300 {

  width: 100%;

  height: 300px;

}



.icon {

  width: 70px;

  height: 70px;

  vertical-align: -0.15em;

  fill: currentColor;

  overflow: hidden;

}



@font-face {

  font-family: 'OBJEKTIVMK';

  src: url('../fonts/objectivity-bold.otf');

}



@font-face {

  font-family: 'OBJEKTIVMK_LT';

  src: url('../fonts/objectivity-light.otf');

}



@font-face {
  font-family: 'iconfont';
  /* Project id 3352723 */
  src        : url('//at.alicdn.com/t/font_3352723_lqbga01co1t.woff2?t=1654133296036') format('woff2'),
    url('//at.alicdn.com/t/font_3352723_lqbga01co1t.woff?t=1654133296036') format('woff'),
    url('//at.alicdn.com/t/font_3352723_lqbga01co1t.ttf?t=1654133296036') format('truetype');
}

.iconfont {
  font-family            : "iconfont";
  font-size              : 20px;
  font-style             : normal;
  -webkit-font-smoothing : antialiased;
  -moz-osx-font-smoothing: grayscale;
}


body {



  font-size: 14px;



  line-height: 1.5;



  font-family: 'OBJEKTIVMK', 'arial', 'simsun', 'tahoma';



  color: #333333;





}



a:hover {

  color: #92a295;

}



table {



  border-collapse: collapse;



  border-spacing: 0;



}







.top0 {



  padding-top: 0px !important;



}







h1,



h2,



h3,



h4,



h5,



h6,



th {



  font-size: 100%;



  font-weight: normal;



}







button,



input,



select,



textarea {



  font-size: 100%;



}







fieldset,



img {



  border: 0;



}







li,



ul {



  list-style: none;



}







a,



img {



  -webkit-touch-callout: none
}







a,



a:active,



a:focus,



a:hover,



a:visited {



  text-decoration: none !important;



}







input[type=password],



input[type=text],



textarea {



  resize: none;



  outline: 0;



  -webkit-appearance: none;



  white-space: pre-wrap;



  word-wrap: break-word;



  background: #fff
}







ul,



ol {



  list-style: none;



}







:focus {



  outline: none;



}







.clearfix {



  clear: both;



  content: "";



  display: block;



  overflow: hidden
}







.clear {



  clear: both;



}







.fl {



  float: left;



}







.fr {



  float: right;



}







.wl {



  width: 1260px;



  margin: 0 auto;



}



.video_wl {

  width: 1185px;



  margin: 0 auto;

}



.video_wl .contact_con1 {

  position: relative;

}



.video_wl .contact_con1 img {

  max-width: 90%;

}



.video_wl .video_con {

  display: flex;

  justify-content: space-between;

}



.video_wl .video_left {

  width: 140px;

  margin-top: 50px;



}



.video_wl .video_left .item {

  text-align: center;

}





.video_wl .video_con {

  padding: 0px 0 60px 0;

}



.video_wl .video_left .item .a2 {

  padding: 10px 0 30px 0;

  font-size: 16px;

  font-weight: lighter;

  font-family: 'OBJEKTIVMK_LT';

}



.video_wl .video_left .item .a2 img {

  width: 69px;

  height: 69px;

  display: block;

  border: 0;

}



.video_wl .video_left .item:nth-child(1) {

  border-bottom: 1px solid #eaeaea;

}



.video_wl .video_left .item:nth-child(2) {

  margin-top: 30px;

}



.video_wl .video_left .active .a2 {

  font-family: 'OBJEKTIVMK';

  font-style: italic;

  color: #92a292;

  font-weight: 600;

}



.video_wl .video_right {

  width: calc(100% - 210px);

}

.video_wl .video_right .video_right_tt,
.video_wl .video_right1 .video_right_tt {

  position: relative;

  margin-bottom: 40px;

}

.video_wl .video_right .video_right_tt img,
.video_wl .video_right1 .video_right_tt img {

  width: 100%;

}

.video_wl .video_right .video_right_tt::after,
.video_wl .video_right1 .video_right_tt::after {

  content: '.';

  height: 1px;

  font-size: 0;

  display: block;

  background: #cacaca;

  width: calc(100% - 0px);

  position: absolute;

  right: 0px;

  bottom: 0px;

}

.video_wl .video_right .video_right_con {



  columns: 4;

  column-gap: 20px;

  padding: 0 20px;

  box-sizing: border-box;

}

.video_wl .video_right1 .video_right_con {

  padding: 0 20px;

}

.video_wl .video_right .items {

  break-inside: avoid;

  border-radius: 2px;

  margin-bottom: 10px;

}



.video_wl .video_right .items .aa {
  position   : relative;
  padding-top: 5px;

}

.video_wl .video_right .video_btn {
  position       : absolute;
  left           : 0px;
  top            : 0px;
  width          : 100%;
  height         : 100%;
  display        : flex;
  justify-content: center;
  align-items    : center;
  z-index        : 888;
  font-size      : 46px;
  color          : #fff;
  cursor         : pointer;
}


.video_wl .video_right .video_right_con img {

  width: 100%;



  -moz-box-shadow: 0px 0px 8px #dadada;

  -webkit-box-shadow: 0px 0px 8px #dadada;

  box-shadow: 0px 0px 8px #dadada;

  border: 10px solid #fff;

  box-sizing: border-box;

}



a {



  text-decoration: none;



  color: #424242;



}







.banner {



  position: relative;



}







.banner .head {



  position: absolute;



  left: 0px;



  top: 0px;



  width: 100%;



  background: rgba(0, 0, 0, 0.5);



  z-index: 999;



  padding: 10px 0 0 0;

  height: 101px;

  box-sizing: border-box;



}

.banner .head img {
  height: 60px;
}


.caselist {

  width: 75%;

  margin: 0 auto;

}



.neiye .head {



  background: url(../images/headbg.jpg) center center;

  background-size: cover;

  padding: 10px 0 0 0;

  height: 101px;

  position: relative;

  left: 0px;

  top: 0px;

  width: 100%;



}







.banner .head .wl {



  display: flex;



  justify-content: space-between;



  align-items: center;

  width: 85%;



}







.banner .head .wl .dh ul {



  display: flex;



  justify-content: right;







}







.banner .head .wl .dh ul li {



  padding: 30px 30px 30px 20px;



  position: relative;







}



.banner .head .wl .dh ul li:nth-child(3),

.banner .head .wl .dh ul li:nth-child(5) {

  background: url('../images/nav_down.png') right center no-repeat;

  padding: 30px 20px 30px 20px;

  margin-right: 30px;

}



.banner .head .wl .dh ul li:last-child {

  padding-right: 0px;

}



.banner .head .wl .dh ul li:hover dl {



  display: block;



}



.banner .head .wl .dh ul li dl {



  position: absolute;



  padding: 5px 5px 5px 12px;



  top: 75px;

  width: 84px;







  margin-left: -8px;



  display: none;



  background: rgba(222, 219, 217, 0.6);



}



.banner .head .wl .dh ul li dl dd {

  padding: 3px 0;

}



.banner .head .wl .dh ul li dd a {



  border-bottom: 0px !important;



  display: block;



  font-style: inherit !important;

  font-size: 14px;

  color: #000000;

}







.banner .head .wl .dh ul li.active>a,

.banner .head .wl .dh ul li a:hover {

  border-bottom: 2px solid #ffffff;

  padding-bottom: 10px;

  font-weight: 600;

  font-style: italic;

}



.banner .head .wl .dh ul li dd a:hover {

  padding-bottom: 0px;

  font-weight: 600;

}







.banner .head .wl .dh ul li:nth-child(1) {



  padding-left: 0px;



}







.banner .head .wl .dh ul li a {

  font-family: 'OBJEKTIVMK_LT';

  color: #ffffff;

  font-size: 16px;

}







.banner .swiper-button-next {



  right: 5%;



}







.banner .swiper-button-next::after {



  font-size: 80px;



  color: #f5f2eb;



}







.banner .swiper-button-prev {



  left: 5%;



}







.banner .swiper-button-prev::after {



  font-size: 80px;



  color: #f5f2eb;



}







.index_con1 {



  text-align: center;



  padding: 120px 0 0 0;



}







.index_con2 {



  text-align: center;



  padding: 200px 0 200px 0;



}







.index_con2 img {

  width: 100%;



}







.index_con3 {



  display: flex;



  justify-content: space-between;



  padding-top: 150px;



}







.index_con3 .list {



  background: #ffffff;



  padding: 60px 0 50px 0;



  width: 45%;



  display: flex;



  justify-content: center;



}







.index_con3 .list .con1 {



  height: 260px;



  display: flex;



  justify-content: center;



  align-items: center;



}



.index_con3 .list .con1 img {



  transform-origin: center center;

  /*设置图片旋转的中心点为左下角*/



  transition: all 1s;

  /*设置旋转的过渡效果：所有都过渡 过渡所需时间为0.5秒*/



}



.index_con3 .list:hover img {



  transform: rotate(20deg);

  /*设置当鼠标经过盒子时第一个img的旋转角度为60°*/



}



.index_con3 .list .con2 {



  display: flex;



  justify-content: center;



  align-items: center;



  padding: 30px 0 0 0;



}







.index_con3 .list .con2 .img {



  width: 32px;



  height: 33px;



  background: url(../images/timg.jpg);



}







.index_con3 .list .con2 .txt {



  font-size: 18px;



  padding: 0 15px;



}







.index_con4 {



  padding: 140px 0;



  text-align: center;



  font-size: 20px;



  line-height: 40px;



  color: #7c7c7c;



}







.index_con4 p {



  padding: 20px 0;



}







.index_con5 {



  display: flex;



  flex-wrap: wrap;



  width: 100%;



}



.index_con5 a {

  position: relative;

  display: block;

  width: 100%;

  height: 100%;

}





.index_con5 .imgs {



  width: 20%;



  overflow: hidden
}







.index_con5 .imgs img {



  width: 100%;

  display: block;

  height: 100%;



  transform-origin: center center;



  /* transition: all 1s; */



}



.index_con5 .imgs:hover img {



  -webkit-filter: brightness(90%);

  /*考虑浏览器兼容性：兼容 Chrome, Safari, Opera */

  filter: brightness(90%);



}







.footer {



  background: #f4f4f4;



  padding: 50px 0;



  margin-top: 6px;



}







.footer .con1 {



  display: flex;



  justify-content: space-between;



}







.footer .con1 .con1_l {



  display: flex;



}



.footer .con1 a:hover {

  font-weight: 600;

}





.footer .con1 .con1_l .list a {



  display: flex;



  align-items: center;



  font-size: 18px;



  color: #93a192;



  padding-right: 40px;



}







.footer .con1 .con1_l .list .img {

  padding-right: 10px;

  display: flex;

}

.footer .con1 .con1_l .list .img img {
  height: 28px;
}



.footer .con1 .con1_l .list .txt {

  font-family: 'OBJEKTIVMK_LT';

}





.footer .con1 .con1_r {



  display: flex;



  justify-content: space-between;



  width: 160px;



}







.footer .con1 .con1_r a {

  font-family: 'OBJEKTIVMK_LT';

  font-size: 18px;

}









.footer .con2 {

  text-align: center;

  line-height: 30px;

  font-family: '微软雅黑';

  font-size: 15px;

  padding-top: 80px;

  word-wrap: break-word;

}



.footer .con2 p {



  line-height: 20px
}







.footer .con3 {



  text-align: center;



  line-height: 30px;



  font-family: '微软雅黑';



  font-size: 15px;



  padding-top: 30px;

  word-wrap: break-word;

}



.contact img {

  display: block;

  max-width: 90%;

  margin: 0 auto;

}



.contact_con1 {



  text-align: right;



  padding: 0px 0 0 0;



}







.contact_con2 {



  text-align: center;



  padding: 0px 0 0 0;



}







.contact_con3 {



  max-width: 910px;



  width: 96%;



  margin: 90px auto 0 auto;



  position: relative;



  text-align: center;



  display: flex;



  justify-content: center;



}







.contact_con3 .con1 {



  height: 1px;



  width: 100%;



  background: #91a292;



  position: absolute;



  left: 0px;



  top: 12px;



  z-index: 0;



}







.contact_con3 .con2 {



  font-size: 20px;



  padding: 0 20px;



  z-index: 9999;



  background: #fff;



}







.contact_con4 {



  width: 700px;



  display: flex;



  justify-content: space-between;



  margin: 20px auto 0px auto;



  font-size: 24px;



}



.contact_con4_t {

  text-align: center;

  margin: 200px 0 40px 0;

}







.contact_con4 .con1 {



  background: url(../images/contact_img2.jpg) left center no-repeat;



  padding-left: 40px;



}







.contact_con4 .con2 {



  background: url(../images/contact_img1.jpg) left center no-repeat;



  padding-left: 50px;



}







.contact_con4 .con3 {

  font-family: 'OBJEKTIVMK_LT';

  background: url(../images/contact_img1.jpg) left 2px no-repeat;

  margin: 1px auto 80px auto;

  padding-left: 40px;

  font-size: 18px;



}







.navlist {



  display: flex;



  padding: 80px 0 110px 0;



}







.navlist .item {



  width: calc(50% - 40px);



  background: #e9e2da;



  height: 60px;



  line-height: 60px;



  font-size: 22px;



  padding-left: 40px;



}





.div_none {

  display: none;

}



.index_con2_1 {

  text-align: center;

  cursor: pointer;

  width: 75%;

  max-width: 800px;

  margin  : 0 auto 50px auto;
  position: relative;

}

.index_con2_1 .video_btn {
  position       : absolute;
  left           : 0%;
  top            : 0%;
  text-align     : center;
  width          : 100%;
  height         : 100%;
  display        : flex;
  justify-content: center;
  align-items    : center;
  background     : rgba(0, 0, 0, 0.1);
  font-size      : 60px;
  color          : #fff;
  z-index        : 999;
}

.index_con2_1 video {

  width: 100%;

  height: 100%;

  object-fit: fill;

}



.index_con2_2 {

  text-align: center;

  padding: 100px 0;

}



.index_con2_2 img {

  width: 90%;

  max-width: 1205px;

}





.index_con2_case {

  width: 80%;

  max-width: 1000px;

  margin: 80px auto;

  position: relative;

}



.index_con2_case .con1 {

  width: 50%;

  height: 600px;

  background: #ebe8e0;

  position: absolute;

  left: 1px;

  bottom: 0px;

}



.index_con2_case .con2 {

  width: 50%;

  height: 600px;

  background: #c7cec4;

  position: absolute;

  right: 0px;

  bottom: 0px;

}



.index_con2_case .con3 {

  margin: 0 auto;

  width: 80%;

  height: 87%;

  position: relative;

}



.index_con2_case .con3 .con3_title {

  position: relative;

  width: 100%;

  color: #333333;

  font-family: 'OBJEKTIVMK_LT';

  text-align: center;

  padding: 30px 0 0 0;

  font-size: 18px;

  padding-left: 93px;

  box-sizing: border-box;

}



.index_con2_case .caselist {

  height: 100%;

  padding-bottom: 15px;

}



.index_con2_case .caselist img {

  width: 100%;

  height: 100%;

  display: block;

}



.index_con2_case .caselist .a1 {

  height: 100%;

}





.index_con2_case .caselist .a2 {

  width: 100%;

  text-align: center;

  font-size: 18px;

  color: #333333;

  padding: 6% 0 0 0;

  font-family: 'OBJEKTIVMK_LT';

}



.index_con2_3 {

  text-align: center;

  margin: 140px auto 0px auto;

  padding: 0 20px;

  max-width: 1080px;

  color: #333333;

  display: flex;

  flex-wrap: wrap;

  justify-content: flex-start;

}



.index_con2_3 .imgs {

  width: calc(100% / 3);

  margin-bottom: 80px;

}
.index_con2_3 .imgs img {

transition: all 1s;

cursor: pointer;

max-width: 85%;

}







.index_con2_3 .imgs img:hover {

  transform: scale(1.1);

  -ms-transform: scale(1.1);

  -webkit-transform: scale(1.1);

  -o-transform: scale(1.1);

  -moz-transform: scale(1.1);



}



.index_con2_3 .imgs:nth-child(n+10) {

  margin-bottom: 0px;

}



.index_con2_3 .imgs:nth-child(3n-1) {

  display: flex;

  justify-content: center;

  flex-wrap: wrap;

}



.index_con2_3 .imgs:nth-child(3n) {

  display: flex;

  justify-content: flex-end;

  flex-wrap: wrap;

}



.index_con2_3 .imgs .con1 {

  max-width: 267px;

  text-align: center;

}



.index_con2_3 .imgs .con2 {

  max-width: 267px;

  width: 100%;

  text-align: center;

  height: 80px;

  line-height: 80px;

  font-size: 16px;

  color: #666666;

  font-family: 'OBJEKTIVMK_LT';

}



.index_con2_3_jg {

  text-align: center;

  margin: 180px 0;

}



.index_con2_4 {

  text-align: center;

  padding: 0px 0 30px 0;

}



.index_con2_4 img {

  width: 1205px;

  max-width: 90%;

}



.index_con2_5 {

  text-align: center;

  padding: 130px 0 15px 0;

}



.index_con2_5 img {

  cursor: pointer;

  transition: all 1s;

}



.index_con2_5 img:hover {

  transform: scale(1.1);

  -ms-transform: scale(1.1);

  -webkit-transform: scale(1.1);

  -o-transform: scale(1.1);

  -moz-transform: scale(1.1);

}



.index_con2_5_title {

  font-size: 16px;

  text-align: center;

  margin-left: -65px;

  color: #6e6e6e;

  margin-bottom: 200px;

  font-family: 'OBJEKTIVMK_LT';

}



.index_con2_6 {

  padding: 80px 0 130px 0;

}



.index_con2_6 img {

  width: 100%;

}



.navlist .active {



  background: #fff;



  font-weight: 600;



  font-style: italic;



}







.navlist .active a {



  color: #94a295;



}



.product1 {

  text-align: center;



  max-width: 1600px;

  margin: 0 auto;

  padding: 0vh 0 50px 0;

}



.product1_c {

  text-align: center;

  background: #f4f4f4;

  justify-content: center;

  flex-wrap: wrap;

}



.product1_c img {

  flex: 1;

  max-width: 96%;

  display: block;

  margin: 0 auto;

}



.product1 img {

  max-width: 96%;

  display: block;

  margin: 0 auto;

}



.common {

  text-align: center;

}



.common img {

  max-width: 85%;

  display: block;

  margin: 0 auto;

}



.faq {

  text-align: center;

  display: flex;

  justify-content: center;

  flex-wrap: wrap;

  max-width: 1920px;

  margin: 0 auto;

}



.video {}







.video .title {



  text-align: center;



  padding: 0 0 80px 0;



}







.video .content {



  display: flex;



  justify-content: space-between;



  flex-wrap: wrap;



}







.video .content .item {



  padding-bottom: 20px;



  width: 580px;



}







.video .content .item .bt {



  font-size: 20px;



  margin: 20px 0;



  height: 30px;



  overflow: hidden;



  line-height: 30px;



  width: 100%
}



.video .content .item img:hover {



  opacity: 0.7;



}











.video_pro .title {



  text-align: center;



  padding: 60px 0 100px 0;



}







.video_pro .content {



  display: flex;



  flex-wrap: wrap;



}







.video_pro .content .item {



  width: calc(20% - 12px);



  margin-right: 15px;



  margin-bottom: 15px;



}







.video_pro .content .item:nth-child(5n) {



  margin-right: 0px;



}







.video_pro .content .item img {



  width: 100%;



  float: left;



}



.video_pro .content .item img:hover {



  opacity: 0.7
}











.product {



  width: 1040px;



  margin: 0 auto;



}







.product .title {



  text-align: center;



  font-size: 25px;



  line-height: 45px;



  color: #777777;



  font-family: Tahoma, Geneva, Verdana, sans-serif;



  /* font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; */



  padding: 80px 0 70px 0;



}







.product .content {



  display: flex;



  justify-content: space-around;



  flex-wrap: wrap;



}







.product .content .item {



  width: calc((100% / 3) - 20px);



  margin: 0 30px 30px 0;



}







.product .content .item:nth-child(3n) {



  margin-right: 0px;



}







.pro_ban {



  margin-top: 110px;



}







.pro_ban img {



  width: 100%;



}







.product .content .item img {



  width: 100%;



}







.story .txt {



  font-size: 26px;



  font-family: Tahoma, Geneva, Verdana, sans-serif;



  color: #777777;



  line-height: 45px;



  padding: 50px 0;



}







.story .ban_img {



  text-align: center;



}







.story .ban_btimg {



  text-align: center;



  padding: 140px 0 0 0;



}







.products .txt {



  font-size: 26px;



  font-family: Tahoma, Geneva, Verdana, sans-serif;



  color: #777777;



  line-height: 45px;



  padding: 50px 0 0 0;



  text-align: center;



}







.products .item {}







.products .item .bt {



  font-weight: 600;



  color: #000;



  text-align: center;



  font-size: 28px;



  font-family: Tahoma, Geneva, Verdana, sans-serif;



  padding-bottom: 50px;



  padding-top: 90px;



}







.products .item .lists {



  display: flex;



  flex-wrap: wrap;



}







.products .item .lists .list {



  margin: 0 20px 20px 0;



  width: calc(25% - 15px);



}







.products .item .lists .list:nth-child(4n) {



  margin-right: 0px;



}







.products .item .lists .list img {



  width: 100%;



}



.products .item .lists .list:hover img {



  animate-duration: 2s;



  animate-delay: 1s;



  animate-iteration-count: 2;



}







.products_ban {



  text-align: center;



  padding-top: 160px;



}







.design img {



  max-width: 100%;



}







.design .txt {



  font-size: 24px;



  font-family: Tahoma, Geneva, Verdana, sans-serif;



  color: #777777;



  line-height: 45px;



  padding: 30px 0 0 0;



  text-align: left;



}







.design .txt p {



  padding: 20px 0;



}







.disign_img1 {



  text-align: center;



  padding: 140px 0 50px 0;



}







.disign_img2 {



  text-align: center;



  padding: 90px 0 30px 0;



}







.disign_img3 {



  text-align: center;



}







.disign_img4 {



  display: flex;



  flex-wrap: wrap;



  padding: 160px 0 30px 0;



}







.disign_img6 {



  text-align: center;



  padding: 160px 0 40px 0;



}







.disign_img7 {



  text-align: center;



  padding: 60px 0;



}







.disign_img8 {



  display: flex;



  flex-wrap: wrap;



  padding: 60px 0 30px 0;



}







.disign_img9,



.disign_img10 {



  text-align: center;



  padding: 100px 0 30px 0;



}







.disign_img10 {



  padding-bottom: 80px;



}







.disign_txt1 {



  text-align: center;



  color: #000000;



  font-size: 26px;



  padding: 0 0 80px 0;



  font-family: Tahoma, Geneva, Verdana, sans-serif;



}







.disign_txt2 .con1,



.disign_txt3 .con1 {



  font-weight: 600;



  font-style: italic;



  color: #92a292;



  font-size: 24px;



  padding: 10px 0 0 0;



}







.disign_txt2 .con2,



.disign_txt3 .con2 {



  font-size: 24px;



  padding-bottom: 35px;



  line-height: 45px;



  font-family: Tahoma, Geneva, Verdana, sans-serif;



  color: #717171;



}







.disign_txt2 .con2 p,



.disign_txt3 .con2 p {



  padding: 20px 0;



  font-weight: lighter;



}



.video_wl .contact_con1::after {

  content: '.';

  height: 1px;

  font-size: 0;

  display: block;

  background: #cacaca;

  width: calc(100% - 150px);

  position: absolute;

  right: 0px;

  bottom: 0px;



}



.video_wl .video_right1 {

  width: calc(100% - 210px);

  box-sizing: border-box;

}



@media screen and (max-width: 1600px) {

  .wl {

    width: 85%;

  }



  .h220 {

    height: 180px;

  }

}



@media screen and (max-width: 1310px) {



  .h220 {

    height: 120px;

  }



  .wl {

    width: 85%;

  }



  .video_wl {

    width: 85%;

  }



  .video_wl .video_right {

    width: calc(100% - 170px);

  }



  .video_wl .contact_con1 {

    padding: 0px 0 0 0;

  }





  .banner .head .wl .dh ul li {

    padding: 30px 20px 30px 20px;

    position: relative;

  }



  .banner .head .wl .dh ul li a {

    font-family: 'OBJEKTIVMK_LT';

    color: #ffffff;

    font-size: 13px;

  }



  .banner .head .wl .dh ul li:nth-child(3),

  .banner .head .wl .dh ul li:nth-child(5) {

    background: url(../images/nav_down.png) right center no-repeat;

    padding: 30px 20px 30px 10px;

    margin-right: 10px;

  }



  .index_con2_3 .imgs img {

    transition: all 1s;

    cursor: pointer;

    max-width: 85%;

  }

}



@media screen and (max-width: 1440px) {

  .index_con2_5 img {

    width: 278px;

  }

  .index_con2_5_title {



    margin-left: -43px;



  }

}



@media screen and (max-width: 1310px) {



  .h220 {

    height: 140px;

  }



  .wl,

  .product1 {

    width: 85%;

  }



  .video_wl {

    width: 85%;

  }



  .video_wl .video_right,
  .video_wl .video_right1 {

    width: calc(100% - 170px);

  }



  .video_wl .video_right .video_right_con {

    /*columns: 3;*/
    columns: 4;

    column-gap: 20px;

    box-sizing: border-box;



  }







  .video_wl .contact_con1::after {

    width: calc(100% - 150px) !important;

  }



  .video_wl .contact_con1 {

    padding: 0px 0 0 0;

    position: relative;



  }



  .video_wl .contact_con1 img {

    width: calc(100% - 120px);

  }



  .index_con2_case {

    width: 70%;

    max-width: 650px;

    margin: 40px auto;

    height: inherit;



    position: relative;

  }



  .caselist {

    width: 80%;

    margin: 0 auto;

  }



}



@media screen and (max-width: 1200px) {

  .banner .swiper-button-next::after,
  .banner .swiper-button-prev:after {
    font-size: 40px;
  }

  .h220 {

    height: 80px;

  }



  .wl,

  .product1 {

    width: 75%;

  }



  .video_wl {

    width: 75%;

  }


  .banner .head img {
    height: 40px;
}


  .banner .head .wl .dh ul li:nth-child(3),

  .banner .head .wl .dh ul li:nth-child(5) {

    background: url(../images/nav_down.png) right center no-repeat;

    padding: 30px 20px 30px 10px;

    margin-right: 10px;

  }



  .banner .head .wl .dh ul li {

    padding: 30px 5px 30px 5px;

    position: relative;

  }

  .video_wl .video_right .video_btn {
    font-size: 24px;
}

.video_wl .video_right, .video_wl .video_right1 {
  width: calc(100% - 150px);
}

.video_wl .video_left {
  width: 100px;
  margin-top: 30px;
}

.video_wl .video_left .item .icon{
  width: 30px;
  height: 30px;
}

.video_wl .video_left .item .a2 {
  padding: 10px 0 20px 0;
  font-size: 12px;
  font-weight: lighter;
  font-family: 'OBJEKTIVMK_LT';
}

.footer .wl{
  width: 85%;

}

.footer .con1 {
  width: 100%;
}

.footer .con1 .con1_l .list .img img {
  height: 20px;
}

.footer .con1 .con1_l .list .txt {
  font-size: 12px;
}
.footer .con1 .con1_r {
    width: 120px;
}
.footer .con1 .con1_r a {
  font-family: 'OBJEKTIVMK_LT';
  font-size: 12px;
}


  .index_con2_5 img {
    width: 240px;
  }

  .index_con2_5 {
    padding: 40px 0 15px 0;
  }

  .index_con2_5_title {
    margin-bottom: 100px;
    font-size    : 12px;
  }


  .banner .head .wl .dh ul li a {

    font-family: 'OBJEKTIVMK_LT';

    color: #ffffff;

    font-size: 12px;

  }

  .index_con2_3 .imgs {
    width        : calc(100% / 3);
    margin-bottom: 30px;
  }

  .index_con2_3 .imgs img {
    max-width: 75%;
  }

  .index_con2_3 .imgs .con2 {

    height     : 40px;
    line-height: 40px;
    font-size  : 12px;

  }

  .index_con2 {
    text-align: center;
    padding   : 0px 0 40px 0;
  }

  .index_con2_2 {
    text-align: center;
    padding   : 0 0 0 0;
  }

  .index_con2_3 {
    margin: 40px 0 0 0;
  }

  .index_con2_3_jg {
    text-align: center;
    margin    : 40px 0;
  }
}



.shejiimg {

  display: flex;

  justify-content: center;

  flex-wrap: wrap;

  flex-direction: column;

}



.shejiimg img {

  max-width: 100%;

  display: block;

  margin: 0 auto;

}



.video_bbtn {

  text-align: right;

}



.video_bbtn img {

  padding: 5px 0;

  cursor: pointer;

}



.video_wl .contact_con1::after {

  content: '.';

  height: 1px;

  font-size: 0;

  display: block;

  background: #cacaca;

  width: calc(100% - 190px);

  position: absolute;

  right: 0px;

  bottom: 0px;

}







.video_wl .video_right1 .videoItem {

  margin: 40px 0 80px 0;

}



.video_wl .video_right1 .con1 {

  font-size: 20px;

  line-height: 30px;

  padding: 0 0 20px 0;

}



.video_wl .video_right1 .con1 a,

.video_wl .video_right1 .con1 {

  font-family: 'OBJEKTIVMK_LT';

  color: #555555
}





.video_wl .video_right1 .con2 {

  position: relative;

}



.video_wl .video_right1 .a1 {

  position: absolute;

  width: 100%;

  display: flex;

  justify-content: center;

  align-items: center;

  height: 100%;

  z-index: 9999;

  background: rgba(0, 0, 0, 0.2);

}



.video_wl .video_right1 .a2 video {

  width: 100%;

  display: block;

}



.video_wl .video_right1 .videoItem {}



.video_wl .video_right1 .videoItem .con2 {

  cursor: pointer;

}



.swiper-pagination {

  text-align: center;

  display: flex;

  justify-content: center;

  position: relative !important;

}



.swiper-pagination span {

  margin: 0 3px;

  border-radius: 0px;

}



.swiper-pagination .swiper-pagination-bullet-active {

  background: #90a390;

  padding: 0 10px;

}



@media screen and (max-width: 750px) {

  .h220 {

    height: 60px;

  }



  .banner .head .wl .dh ul li {

    padding: 30px 0 30px 20px;

    position: relative;

  }



  .banner .head .wl .dh ul li a {

    color: #ffffff;

    font-size: 13px;

  }



  .footer .con1 .con1_l .list .img {

    padding-right: 5px;

    display: flex;

  }



  .footer .con1 .con1_l .list a {

    display: flex;

    align-items: center;

    font-size: 14px;

    color: #93a192;

    padding-right: 10px;

  }



  .footer .con1 .con1_r {

    display: flex;

    justify-content: space-between;

    width: 100px;

    align-items: center;

  }



  .footer .con1 .con1_r a {

    font-size: 14px;

  }







  .video_wl .video_left {

    width: 90px;

    margin-top: 30px;

  }



  .video_wl .video_left img {

    width: 40px;

  }



  .video_wl .video_left .a2 {

    font-size: 13px !important;

    padding: 5px 0 10px 0 !important;

  }



  .video_wl .video_con {

    padding: 20px 0 30px 0;

  }



  .video_wl .contact_con1 {

    padding: 30px 0 0 0;

  }



  .video_wl .video_right {

    width: calc(100% - 100px);

    columns: 3;

    column-gap: 10px;

    padding-right: 5px;

    box-sizing: border-box;

  }



  .video_wl .contact_con1::after {

    content: '.';

    height: 1px;

    font-size: 0;

    display: block;

    background: #cacaca;

    width: calc(100% - 95px);

    position: absolute;

    right: 0px;

    bottom: 0px;



  }



  .video_wl .video_right1 {

    width: calc(100% - 100px);

    padding-right: 5px;

    box-sizing: border-box;

  }

}



.video_wl .video_right1 .videoItem:last-child {

  margin: 0px 0 40px 0;

}

.pagelist {

  display: flex;

  justify-content: flex-end;

  align-items: center;

  align-content: center;

}

.pagelist .page-numbar {

  padding: 0 10px;

  border-left: 1px solid #ccc;

  border-right: 1px solid #ccc;

  margin: 0 20px;

  display: flex;

}

.pagelist .page-numbar a {

  padding: 2px 5px 0 5px;

  color: #acaaaa;

}

.pagelist .page-numbar a.page-num-current {

  color: #768c76
}

.pagelist {

  font-size: 16px;

  color: #acaaaa;

  padding: 0 20px;

}

.pagelist a {

  font-size: 16px;

  color: #768c76;



}