/* CSS Document */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote, th, td {margin: 0; padding: 0; }
body {font-size: 14px;  font-family: 'Microsoft YaHei', Verdana, Arial, Helvetica, sans-serif; } 
td, th, caption {font-size: 14px; } 
h1, h2, h3, h4, h5, h6 {font-weight: normal; font-size: 100%; } 
address, caption, cite, code, dfn, em, strong, th, var {font-style: normal; font-weight: normal; } 
a {color: #555; text-decoration: none; }

body {scroll-behavior: smooth;}

img {border: none; }
.clearfix:before, .clearfix:after {content: "";display: table;}
.clearfix:after {clear: both;}
.clearfix {*zoom: 1;}
.hide {display: none !important;}
.display {display: block !important;}
ol, ul, li {list-style: none; }
input, textarea, select, button {font: 14px Verdana, Helvetica, Arial, sans-serif; }
table {border-collapse: collapse; }
map area {outline: none; }
select,input{ border: none;background: none; appearance: none; -moz-appearance: none; -webkit-appearance: none; outline: none;}


.title {margin: 0 auto;text-align: center;position: relative;}

#floor-1 {width: 100%;height: 800px;background: url(//x0.ifengimg.com/ucms/special/images/223E602AA60B990E2A14ACE717377F3F.jpg) no-repeat top center;}
#floor-2 {width: 1200px;margin: 0 auto;height: auto;margin-top: -118px;}

.column0 {width: 1200px;margin: 0 auto;}

.column1{width:100%;height:89px;}
.nav { width: 1200px;height: 89px;margin:0 auto;position:relative;}
.nav ul {display: flex;width: 100%;}
.nav li {
  /* width: 20%; */
  width: 20%;
  height: 72px;cursor: pointer;
  background: url(//x0.ifengimg.com/ucms/special/images/D0475C1FA97A2808AF4C54399837B586.png) no-repeat top center; 
  padding-top:17px;display: flex;align-items: center;justify-content: center;}
.nav li a{display: block;height: 80px;}
.nav li a img{display: block;margin-top: 20px;}
.column2 {width: 1200px;height: 1355px;background: url(//x0.ifengimg.com/ucms/special/images/8AAA4B090933EC5362D82616552994B3.png) no-repeat top center;position: relative;margin: 0 auto;}
.column2 img{width: 800px;height: 449px;}


.swiper-commom-style {width:800px;height: 449px;position:absolute;top: 737px;left: 190px;margin-top: 10px; border:#ffeec3 solid 1px; -webkit-box-shadow: 0 0 6px rgba(0,0,0,.3);}
.swiper-commom-style .swiper-button-next {right: -55px;}
.swiper-commom-style .swiper-button-prev {left: -55px;}
.swiper-commom-style .swiper-button-next:after {content: "";display: block;width: 50px;height: 80px;background: url(//x0.ifengimg.com/ucms/special/images/52258720B5F8DE9C027F822B62AE856B.png) no-repeat center center;background-size: 100%;}
.swiper-commom-style .swiper-button-prev:after {content: "";display: block;width: 50px;height: 80px;background: url(//x0.ifengimg.com/ucms/special/images/725D8C7C44055D77F8380111EAE6DC7D.png) no-repeat center center;background-size: 100%;}
.swiper-commom-style .swiper-pagination {bottom: -40px !important;}
.swiper-commom-style .swiper-pagination-bullet {width: 20px;height: 20px;background: #f7ca54 !important;opacity: 1 !important;margin: 0 8px !important;border-radius: 25px;vertical-align:middle;}
.swiper-commom-style .swiper-pagination-bullet-active {width: 14px;height: 14px;background: #ffffaa !important;border: #f7ca54 6px solid;}


#swp2 .swiper-pagination {bottom: 10px !important;}
#swp2  .swiper-pagination-bullet {width: 20px;height: 20px;background: #f7ca54 !important;opacity: 1 !important;margin: 0 8px !important;border-radius: 25px;vertical-align:middle;}
#swp2  .swiper-pagination-bullet-active {width: 14px;height: 14px;background: #ffffaa !important;border: #f7ca54 6px solid;}



.more-btn {width: 980px;height: 140px;display: block;position: absolute;bottom: 0;left: 145px;}


.column3 {width: 1200px;height: 723px;position: relative;background: url(//x0.ifengimg.com/ucms/special/images/EBF4EF22AAE22C6146447239729F3DDA.png) no-repeat top center;margin: 0 auto;}
.video-1-1{width: 1008px;height: 567px;position: absolute;top:125px;left: 86px;}
.video-1-1 video{width: 1008px;height: 567px;}


.play-btn {display: block;position: absolute;z-index: 1;left: 0;top: 0;width: 100%;height: 100%;}
.play-btn::after {content: "";display: block;position: absolute;cursor: pointer;left: 50%;top: 50%;transform: translate(-50%, -50%);width: 220px;height: 220px;
  background: url(https://x0.ifengimg.com/ucms/special/images/52F4DF0823F718D8584B87B214C04EA2.png) no-repeat center center;
  -webkit-transform: translate(-50%, -50%);-moz-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);-o-transform: translate(-50%, -50%);background-size: 100%;
}



#swiper-container-2-1 {width: 900px;height: 620px;margin: 0 auto;position: relative;}


.swiper-container-2-1 .swiper-button-next {left: 50%;margin-left: -22%;}
.swiper-container-2-1 .swiper-button-prev {left: 50%;margin-left: 20%;}
.swiper-container-2-1 .swiper-button-next:after {content: "";display: block;width: 50px;height: 80px;background: url(//x0.ifengimg.com/ucms/special/images/472AE65C24C5E78623090788ED3F6102.png) no-repeat center center;background-size: 100%;}
.swiper-container-2-1 .swiper-button-prev:after {content: "";display: block;width: 50px;height: 80px;background: url(//x0.ifengimg.com/ucms/special/images/1E29B7EB9FB1F65B09CC6D4A5CE84134.png) no-repeat center center;background-size: 100%;}
.swiper-container-2-1 .swiper-pagination {bottom: -40px !important;}
.swiper-container-2-1 .swiper-pagination-bullet {width: 20px;height: 20px;background: #f7ca54 !important;opacity: 1 !important;margin: 0 8px !important;border-radius: 25px;vertical-align:middle;}
.swiper-container-2-1 .swiper-pagination-bullet-active {width: 14px;height: 14px;background: #ffffaa !important;border: #f7ca54 6px solid;}

 .mySwiper-2-1{position: absolute !important;width: 810px;height: 612px;bottom: 0px;left: 50%;transform: translateX(-50%);}
/*.mySwiper-2-1 .swiper-slide>img {width: auto;height: calc(100% - 20px);display: block;margin: 10px;}
.mySwiper-2-1 .swiper-slide { cursor: pointer;overflow: hidden;border: 1px solid #000;background-color: #fff;height: calc(100% - 144px) !important;}
.mySwiper-2-1 .swiper-wrapper{padding-top: 54px !important;}
.mySwiper-2-1 .swiper-slide {text-align: center;font-size: 18px;transition: 300ms;transform: scale(0.9);-webkit-transform: scale(0.9);-moz-transform: scale(0.9);-ms-transform: scale(0.9);-o-transform: scale(0.9);opacity: 0.6;position: relative;}
.mySwiper-2-1 .swiper-slide-active,.swiper-slide-duplicate-active{transform: scale(1.2);-webkit-transform: scale(1.2);-moz-transform: scale(1.2);-ms-transform: scale(1.2);-o-transform: scale(1.2);z-index: 1;opacity: 1;box-shadow: 0px 2px 14px 0px rgba(0, 0, 0, 0.8);} */


.mySwiper-2-1 .swiper-slide {cursor: pointer;overflow: hidden;}
.mySwiper-2-1 .swiper-slide  {height: calc(100% - 336px) !important;}
.mySwiper-2-1 .swiper-wrapper{padding-top: 144px !important;}
.mySwiper-2-1 .swiper-slide>img {width: calc(100% - 10px);height: 230px;border: 1px solid #000;background-color: #fff;padding:10px; box-shadow: 0px 2px 14px 0px rgba(0, 0, 0, 0.4);}
.mySwiper-2-1 .swiper-slide {text-align: center;font-size: 18px;transition: 300ms;transform: scale(1);-webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);-o-transform: scale(1);opacity: 0.6;position: relative;}
.mySwiper-2-1 .swiper-slide-active,.swiper-slide-duplicate-active{margin-top: 36px; height: 300px !important; transform: scale(1.3);-webkit-transform: scale(1.3);-moz-transform: scale(1.3);-ms-transform: scale(1.3);-o-transform: scale(1.3);z-index: 1;opacity: 1;}



#swiper-container-2-2 {width: 1200px;height: 650px;margin: 0 auto;position: relative;}
.mySwiper-2-2{position: absolute !important;width: 1200px;height: 600px; bottom: 0px;left: 50%;transform: translateX(-50%);}
.mySwiper-2-2 .swiper-slide {cursor: pointer;overflow: hidden;}
.mySwiper-2-2 .swiper-slide  {height: calc(100% - 336px) !important;}
.mySwiper-2-2 .swiper-wrapper{padding-top: 144px !important;}
.mySwiper-2-2 .swiper-slide {text-align: center;font-size: 18px;transition: 300ms;transform: scale(1.7);-webkit-transform: scale(1.7);-moz-transform: scale(1.7);-ms-transform: scale(1.7);-o-transform: scale(1.7);opacity: 0.6;position: relative;}
.mySwiper-2-2 .swiper-slide-active,.swiper-slide-duplicate-active{margin-top: 36px; height: 300px !important; transform: scale(2.2);-webkit-transform: scale(2.2);-moz-transform: scale(2.2);-ms-transform: scale(2.2);-o-transform: scale(2.2);z-index: 1;opacity: 1;}


.swiper-container-2-2 .swiper-button-next {left: 50%;margin-left: -42%;}
.swiper-container-2-2 .swiper-button-prev {left: 50%;margin-left: 40%;}
.swiper-container-2-2 .swiper-button-next:after {content: "";display: block;width: 50px;height: 80px;background: url(//x0.ifengimg.com/ucms/special/images/472AE65C24C5E78623090788ED3F6102.png) no-repeat center center;background-size: 100%;}
.swiper-container-2-2 .swiper-button-prev:after {content: "";display: block;width: 50px;height: 80px;background: url(//x0.ifengimg.com/ucms/special/images/1E29B7EB9FB1F65B09CC6D4A5CE84134.png) no-repeat center center;background-size: 100%;}
.swiper-container-2-2 .swiper-pagination {bottom: -40px !important;}
.swiper-container-2-2 .swiper-pagination-bullet {width: 20px;height: 20px;background: #f7ca54 !important;opacity: 1 !important;margin: 0 8px !important;border-radius: 25px;vertical-align:middle;}
.swiper-container-2-2 .swiper-pagination-bullet-active {width: 14px;height: 14px;background: #ffffaa !important;border: #f7ca54 6px solid;}






.topfixed{position: fixed;left: 0;top: 0;z-index:9999;display:block} 


.column4 {width: 1200px;padding-bottom: 600px;margin: 0 auto;}
.column4 ul {width: 100%;display: flex;justify-content: space-between;flex-wrap: wrap}
.column4 ul li {width: 100%;height: 266px;background: url(//x0.ifengimg.com/ucms/special/images/85B9F066E0F79DB7F27509BC2878BE78.png) no-repeat top left;background-size: 100%;padding: 26px 56px 0px 56px;display: flex;margin-top: 30px;}
.column4 ul li .left-col {width: 384px;height: 236px;overflow: hidden;border-radius: 15px;}
.column4 ul li .left-col img {width: 100%;}
.column4 ul li .right-col {flex: 1;margin-left: 80px;width: 100%;}
.column4 ul li .right-col .head-title a {font-size: 36px;color: #000;line-height: 44px;text-align: left;font-weight: bold;margin-top: 20px;display: block; text-decoration: underline;}
.column4 ul li .right-col .content {color: #000;font-size: 30px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;text-overflow: ellipsis;margin: 20px 0 12px 0;text-align: left;}
.column4 ul li .right-col .more {float: right;display: block;width: 198px;height: 46px;color: #000;font-size: 26px;font-weight: bold;text-align: center;line-height: 46px;}


.column5 .swiper-slide {text-align: center;font-size: 18px;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center; -ms-flex-pack: center;-webkit-justify-content: center;justify-content: center; -webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;transition: 300ms;transform: scale(0.72);}
.column5 .swiper-slide-active,.column5  .swiper-slide-duplicate-active{transform: scale(1.1);z-index: 10;}

.column5 {width: 1200px;height: 650px;margin: 0 auto;position: relative;}
.imgwp1{width: 830px; height:650px;position:relative;margin: 0 auto; overflow: hidden;}
#swp1 {position: relative;width: 830px; height:650px;margin: 0 auto;}
#swp1  .swiper-slide  {width: 350px;height: 650px;}
#swp1  .swiper-slide img{width: 300px;  height:545px;padding:10px}
#swp1  .swiper-slide a{width: 320px;  height:565px;display:block;margin: 0 auto; box-shadow: 0 8px 30px #000;border: 1px #000 solid ;background-color: #fff;}
.column5 .swiper-button-next {width:50px;height:80px;right: 355px;top:300px;}
.column5 .swiper-button-prev {width:50px;height:80px;left: 355px;top:300px;}
.column5 .swiper-button-next:after {content: "";display: block;width: 50px;height: 80px;background: url(//x0.ifengimg.com/ucms/special/images/1E29B7EB9FB1F65B09CC6D4A5CE84134.png) no-repeat center center;background-size: 100%;}
.column5 .swiper-button-prev:after {content: "";display: block;width: 50px;height: 80px;background: url(//x0.ifengimg.com/ucms/special/images/472AE65C24C5E78623090788ED3F6102.png) no-repeat center center;background-size: 100%;}



.column6 {width: 1200px;height: 650px;margin: 0 auto;position: relative;}
.imgwp2{width: 940px; height:650px;position:relative;margin: 0 auto; overflow: hidden;}
#swp2 {position: relative;width: 940px; height:680px;margin: 0 auto;}
#swp2  .swiper-slide  {width: 940px;height: 650px;}
.column6 .swiper-button-next {width:50px;height:80px;right: 35px;top:300px;}
.column6 .swiper-button-prev {width:50px;height:80px;left: 35px;top:300px;}
.column6 .swiper-button-next:after {content: "";display: block;width: 50px;height: 80px;background: url(//x0.ifengimg.com/ucms/special/images/1E29B7EB9FB1F65B09CC6D4A5CE84134.png) no-repeat center center;background-size: 100%;}
.column6 .swiper-button-prev:after {content: "";display: block;width: 50px;height: 80px;background: url(//x0.ifengimg.com/ucms/special/images/472AE65C24C5E78623090788ED3F6102.png) no-repeat center center;background-size: 100%;}


.video-2-1 {width: 864px;height: 486px; position: absolute;top:22px;left: 49px;}
.video-2-1 video {width: 864px;height: 486px;}
.video-2-1 .lazy  {width: 864px;height: 486px;overflow: hidden; cursor: pointer; position: absolute; left: 0px; top:0px;}
.video-2-1 .lazy:after {content: ""; width: 100%; height: 100%; overflow: hidden; background: url(//x0.ifengimg.com/ucms/special/images/8663BDCF4F73A1C69BE2A076BFB0D2EC.png) no-repeat center;background-size: auto 122px; position: absolute; left: 0; top: 0;}
.video-2-1 .lazy img ,.video-2-1 .lazy img  {width: 864px;height: 486px;object-fit: cover;}
#swp2  .swiper-slide .imgbox{width: 940px;  height:627px;position: relative; background: url(//x0.ifengimg.com/ucms/special/images/42DE647BE80B1CA9E01322A867DE98C3.png) no-repeat top left; background-size: cover;}
#swp2  .swiper-slide .imgbox h2 {width:100%; height: 64px;  padding-top: 26px;font-size: 36px;color: #000;line-height: 36px;text-align:center;position: absolute; bottom: 0px;background: url(//x0.ifengimg.com/ucms/special/images/C1641051A41CA15085AAB00BC5822794.png) no-repeat top ;}
#swp2  .swiper-slide-active .imgbox  h2 {display: block;}



.col{position: absolute;width: 1000px;   border-color: blue; height: 3px;}



@-webkit-keyframes s1 {
  0%,
  100% {
    transform: scale(1);
  }

  50% {
    transform: scale(1.3);
  }
}


/* 为手机端（宽度小于或等于768px）设置样式 */
@media (max-width: 768px) {
  #video-layout>div{
    width: 80% !important;
    height: auto;
  }
}
.mobile-class>div {
  width: 80% !important;
  height: auto !important;
}
.mobile-class .video-close-layout {
  top: -108px !important;
  right: -96px !important;
  font-size: 8rem !important;
}

.videobox1{width:1010px;height:568px;left: 84px;top:124px;position:absolute ;}
.videobox1 video{width:1010px !important;height:568px !important;}
.videobox1 video source {width: 1010px;height:568px}
.video-1-1 .lazy,.videobox1 .lazy {width:1010px;height: 568px;overflow: hidden; cursor: pointer; position: absolute; left: 0px; top:0px;}
.video-1-1 .lazy:after ,.videobox1 .lazy:after {content: ""; width: 100%; height: 100%; overflow: hidden; background: url(//x0.ifengimg.com/ucms/special/images/8663BDCF4F73A1C69BE2A076BFB0D2EC.png) no-repeat center;background-size: auto 122px; position: absolute; left: 0; top: 0;}
.video-1-1 .lazy img ,.videobox1 .lazy img {width:1010px;height: 568px;object-fit: cover;}
.videobox1 h2{font:bold 26px/36px 'Microsoft YaHei';color:#ffe19d;}
.videobox1 span{font:24px/36px 'Microsoft YaHei';color:#ebe1d8;}


.cont_txt h2{font:bold 26px/36px 'Microsoft YaHei';color:#000;}
.mySwiper-sj {
  width: 1200px !important;
  height: 1100px;
  margin-left: auto;
  margin-right: auto;
  
}
.mySwiper-sj  img{cursor: pointer;}
#myCont .swiper-slide{width:240px !important;height: 320px; display: flex; }
.cont_img{width:220px;height: 290px;cursor: pointer;  border: 1px solid #c0c0c0;background-color: #fff;box-shadow: 0px 2px 14px 0px rgba(0, 0, 0, 0.4);border-radius: 25px;}
#workImg{  width: 1200px;}
.workImg {width:870px;display: block; margin: 0 auto;margin-bottom: 30px; }
.btList{width:1200px;height:40px; background: url(//x0.ifengimg.com/ucms/special/images/2E7AB439D407DC4AAFC9346C3B65A888.jpg);display: flex;align-items: center;justify-content: center;margin-bottom: 20px;}
#worksName{font:bold 20px/36px 'Microsoft YaHei';color:#000;  background:#fff; padding:0 70px ;display: block; }
#worksThought{width:860px;display: block; margin: 0 auto;margin-bottom: 30px;font: 16px/30px 'Microsoft YaHei';color:#000;  }
.zpList{width:860px;height: 30px;border: 1px solid #000;font: 16px/30px 'Microsoft YaHei';color:#000;margin: 0 auto;margin-bottom: 30px; }
.zpList h2{width:160px;height: 30px;border-right: 1px solid #000;float: left;margin:0 20px;}
.goBack{width:106px;height:45px; background: url(//x0.ifengimg.com/ucms/special/images/D0475C1FA97A2808AF4C54399837B586.png) ; background-size: 100%;  text-align: center; font:bold 16px/45px 'Microsoft YaHei';color:#000; position: fixed;bottom: 50px;left: 50%;margin-left: 400px;}



.showBox {display: none; width: 100%; height: 100%; overflow: hidden; background: rgba(0,0,0,.7); position: fixed; left: 0; top: 0; z-index: 100;}
.showBox img {background: url("data:image/gif;base64,R0lGODlhEAALALMMAOXp8a2503CHtOrt9L3G2+Dl7vL0+J6sy4yew1Jvp/T2+e/y9v///wAAAAAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh+QQFCwAMACwAAAAAEAALAAAEK5DJSau91KxlpObepinKIi2kyaAlq7pnCq9p3NZ0aW/47H4dBjAEwhiPlAgAIfkECQsADAAsAAAAAAQACwAABA9QpCQRmhbflPnu4HdJVAQAIfkECQsADAAsAAAAABAACwAABDKQySlSEnOGc4JMCJJk0kEQxxeOpImqIsm4KQPG7VnfbEbDvcnPtpINebJNByiTVS6yCAAh+QQJCwAMACwAAAAAEAALAAAEPpDJSaVISVQWzglSgiAJUBSAdBDEEY5JMQyFyrqMSMq03b67WY2x+uVgvGERp4sJfUyYCQUFJjadj3WzuWQiACH5BAkLAAwALAAAAAAQAAsAAAQ9kMlJq73hnGDWMhJQFIB0EMSxKMoiFcNQmKjKugws0+navrEZ49S7AXfDmg+nExIPnU9oVEqmLpXMBouNAAAh+QQFCwAMACwAAAAAEAALAAAEM5DJSau91KxlpOYSUBTAoiiLZKJSMQzFmjJy+8bnXDMuvO89HIuWs8E+HQYyNAJgntBKBAAh+QQFFAAMACwMAAIABAAHAAAEDNCsJZWaFt+V+ZVUBAA7") no-repeat center;}
.showBox .cons { width: 1000px;  margin: 0 auto; margin-top: 100px; overflow: hidden; overflow-y: auto; -webkit-overflow-scrolling:touch;position: relative;}
.showBox .cons img {display:block; width: 1000px; }
.showBox .close {width: 40px;height: 40px;background: url(//x0.ifengimg.com/ucms/special/images/096ABB0292D2B41648F1E8B6C97B45B8.png) no-repeat;position: absolute;left:50%;margin-left: 510px; cursor: pointer; top: 120px;z-index: 10; background-size: 100%;}