@charset "utf-8";
/* CSS Document */

/*--------------- 
总体 
---------------*/
@font-face {
	/* font-properties */
	font-family: DINCond-Bold;
	src: url('../img90/DINCond-Bold.otf')
}
body{ position:relative; width:100%; font-family: "微软雅黑"; font-size: 14px; background:#ffffff; color:#777; overflow-x:hidden; }
.en { position:relative; width:100%; font:normal 14px/24px "Arial"; background:#fff; color:#777; overflow-x:hidden; }
.container{width: 100%;max-width: 1920px;margin: 0 auto;position: relative;height: auto;overflow: hidden;}
a { text-decoration:none;  }
h3, h4, h5 { font-weight:normal; }
.cl{clear: both}
.blank{ clear: both; overflow: hidden}
.blank10{height:10px; line-height: 10px; clear: both; overflow: hidden}
.blank20{height:20px; line-height: 20px; clear: both; overflow: hidden}
.blank40{height:40px; line-height: 40px; clear: both; overflow: hidden}
.wrapper{width:1400px; overflow: hidden;margin: 0 auto;padding: 0; height:auto; position: relative;}
.wrapper-sub{width:1400px; overflow: hidden;margin: 0 auto;padding: 0; height:auto; position: relative;}
.wrapper2{width:1400px;margin: 0 auto;padding: 0; height:auto; position: relative;}
.mt50{margin-top: 50px;}
.mt70{margin-top: 70px;}
img{vertical-align: middle}
.fl{float: left;}
.fr{float: right;}
.iflex{display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between;flex-flow:wrap}
.ianimation{transition-duration:.3s; -webkit-transition-duration:.3s; -o-transition-duration:.3s; -ms-transition-duration:.3s; -moz-transition-duration:.3s;}
header{width: 100%;overflow: hidden;height:108px;background: #fff url("../img90/header_bg.png")right center no-repeat;margin: 0 auto}
.itop{height:auto;width: 100%;margin:0 auto;padding: 0;overflow: hidden;display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between;}
.itop_l{float: left;width: 31.25%;margin-top: 10px;}
.itop_r{float: right;width:55%;display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between;margin-top: 5px;}
.ilogo{float: left;height: auto;overflow: hidden;height:auto;padding:20px 0;width:50%;}
.ilogo img{width: 100%;}
.isearch{float: right;width: 365px;height: 61px;background: #fff;margin-top:23px;position: relative}
.isearch form input[type=submit]{background: url("../images/search_ico.png")center center no-repeat;width: 33px;height: 33px;position: absolute;left:15px;top:15px;border:0;cursor: pointer}
.isearch form input[type=text]{width: calc(100% - 60px);position: absolute;left:60px;top:0;height:60px;line-height:60px; border:0;font-size: 16px;text-indent: 1em}
.isearch form:before{position: absolute;left:60px;top:13px;height:40px;width:2px;background: #e4e4e4;display: inline-block;content: "";z-index: 3;}
nav{background: #fec76b;height:55px;width: 100%;}
nav ul{width:1400px;margin: 0 auto;}
nav ul li{width:20%;text-align: center;margin:0 auto;position:relative}
nav ul li a{display: block;height:55px;line-height:55px;color: #111;font-size:18px;}
nav ul li:after{content: "";position: absolute;right: 0;top:0px;background: #fff;height:55px;width: 1px;}
nav ul li:last-of-type:after{content: "";display: none}
#nav-menu li ul{
  position: absolute;
  left:0;
  top:55px;
  background: #f1f1f1;
  display: none;
  z-index: 99;
width: 100%;
transition-duration:.3s; -webkit-transition-duration:.3s; -o-transition-duration:.3s; -ms-transition-duration:.3s; -moz-transition-duration:.3s;
opacity: 0
}
#nav-menu li:hover ul{
  display: block;
	padding: 5px 0;
	opacity: 1;
	background: rgba(255,255,255,0.9);
}
#nav-menu li:hover{background: #b80000;}
#nav-menu li:hover a{color: #fff;font-weight: bold;}
#nav-menu li.active{background: #b80000;}
#nav-menu li.active a{color: #fff;font-weight: bold;}
#nav-menu li.active:after{content: "";display: none}
#nav-menu li:hover:after{content: "";display: none}
#nav-menu li ul li{width: 100%;}
#nav-menu li ul li:after{content:"";display: none}
#nav-menu li:hover ul li a{color: #333;font-size: 16px;height:45px;line-height: 45px;}
#nav-menu li:hover ul li:hover{background: none;}
#nav-menu li:hover ul li:hover a{color: #b80000;}

 .swiper-container { width: 100%;height: 100%;}
.pagination {
      display: block;
    position: absolute;
    left: 0;
    text-align: center;
    bottom: 30px !important;
    width: 100%;
  z-index: 999
}
.swiper-pagination-bullet{
    display: inline-block;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: #e4e4e4;
  margin: 0 15px !important;
  cursor: pointer;
opacity:1;
  
}
.swiper-slide img{width:100%;height:100%}
.swiper-pagination-bullet-active{  background: #ff9595;}
.swiper-button-prev.swiper-button-white, .swiper-container-rtl .swiper-button-next.swiper-button-white
{background-image:url(../images/arrow_l.png);width:32px;height:60px;left:0;top:50%;background-size: 100% 100%;}
.swiper-button-next.swiper-button-white, .swiper-container-rtl .swiper-button-prev.swiper-button-white{background-image: url(../images/arrow_r.png);width: 32px;height: 60px;left: auto;right:0;top:50%;background-size: 100% 100%;}
header button { position:absolute; right:10px; top:35px; width:45px; height:24px;  line-height:10px;display: none; }
header button span{display: inline-block; margin: 2px 0; width: 100%; height: 4px; background: #b80000}
header .wsearch{background:url("../images/search-ico2.png")center center no-repeat;width: 25px;height: 25px;position: absolute;right:60px;top:42px;display: none;background-size: contain}
.fck p,.fck div{line-height: 30px !important;font-size: 16px !important;color: #555;text-indent: 0 !important;}
.main{background: url("../img90/bg.png")center center repeat;width: 100%;height: auto;overflow: hidden;position: relative;}
.index-title{text-align: center;margin:0 auto;position: relative;padding-bottom:30px;}
.index-title a{font-size:30px;color: #000;display: block;text-indent: 1.5em;}
.index-title:before{content: "";background:url("../img90/index-title_bg.png")center center no-repeat;width: 195px;height: 41px;position: absolute;left:0;bottom:0;right: 0;margin: 0 auto}
.part01{padding: 50px 0;width: 100%;height: auto;overflow: hidden;position: relative}
.part01 ul li{width:32%;margin:50px auto;overflow: hidden;text-align: center}
.part01 ul li div{background: #fff;position: relative;height:150px;text-align:left}
.part01 ul li div h2:after{content:"";background:url("../img90/index_ico02.png")top center no-repeat;width:73px;height:72px;display: block;position: absolute;right:0;bottom:0;background-position:0 0;z-index:-1;}
.part01 ul li div p{height:50px;line-height:50px; background: #b80000;color: #fff;font-size: 24px;font-family:DINCond-Bold;}
.part01 ul li div p:before{content: "";background: url("../img90/index_ico01.jpg")center center no-repeat;width:50px;height: 50px;display: inline-block;vertical-align: top;margin-right: 20px;}
.part01 ul li img{width: 100%;height:331px;object-fit: contain}
.part01 ul li div h2{font-size: 18px;color: #333;padding:20px 20px 15px 20px;z-index: 1;line-height: 30px;position: relative;height:65px;}
.part01 ul li:hover div{border:#b80000 1px solid;}
.part01 ul li:hover div h2:after{content: "";background-position:100% 100%}
.part01 ul li:hover img{transform:scale(1.05); -webkit-transform:scale(1.05); -o-transform:scale(1.05); -ms-transform:scale(1.05); -moz-transform:scale(1.05);}
/* 如果最后一行是3个元素 */
.part01 ul li:last-child:nth-child(3n - 1) {
    margin-right: calc(32% + 4% / 2);
}
/* 如果最后一行是2个元素 */
.part01 ul li:last-child:nth-child(3n - 2) {
    margin-right: calc(32% + 71% / 2);
}
.p1_m{width: 175px;height: 50px;line-height:50px; border-radius:25px;text-align: center;border:#c5c5c5 1px solid;margin:0 auto}
.p1_m a{color: #444444;font-size:20px;display: block;width:100%;height:100%;}
.p1_m:hover{background: #b80000;border:#b80000 1px solid}
.p1_m:hover a{color: #fff}
.part02{padding: 50px 0;width: 100%;height: auto;overflow: hidden;position: relative;background: #fff;}
.part02-l{width: 100%;height: auto;overflow: hidden;margin:70px auto 0 auto}
.part02-l ul.nav_xy {width: 94%;margin: 0 auto 50px auto;height: auto;overflow: hidden}
.part02-l ul.nav_xy li{width: 32%;height: 70px;line-height: 70px; background: #fbe9e9;text-align: center;border:#e7afaf 1px solid;color: #9c0000;font-size:24px;}
.part02-l ul.nav_xy li.active{background: #b80000;border:#b80000 1px solid;color: #fff;}
.part02-l ul.nav_xy li:hover{background: #b80000;border:#b80000 1px solid;color: #fff;cursor: pointer}
.stroy ul {width: 100%;height: auto;overflow: hidden;}
.stroy ul li{width:32%;margin:0 auto;overflow: hidden;text-align: center}
.stroy ul li div{height: 90px;padding:18px 13px 8px 13px;height: auto;overflow: hidden;background: #f6f6f6;outline:#f6f6f6 2px solid;outline-offset:-2px}
.stroy ul li div p{width:65px;display: inline-block;text-align: center;color: #b80000;font-size: 24px;font-family:DINCond-Bold;margin-top: 10px;}
.stroy ul li div p:before{display: block;background: url("../img90/new_story_ico.png")left center no-repeat;width: 46px;height: 46px;content: "";background-position:0% 0%; margin-bottom: 10px;margin-left: 0;}
.stroy ul li:hover div p:before{content: "";background-position: 100% 100%}
.stroy ul li:hover div{outline:#b80000 2px solid;}
.stroy ul li div h2{display: inline-block;width:calc(100% - 90px);line-height: 30px;font-size: 16px;border-left: #ddd 1px solid;padding-left: 13px;height:50px;vertical-align: top;padding-top: 15px;color: #333;text-align: left}
.part02-l .p1_m{margin-top: 50px;}
.stroy ul li img{width: 100%;height:331px;object-fit: contain}
/* 如果最后一行是3个元素 */
.stroy ul li:last-child:nth-child(3n - 1) {
    margin-right: calc(32% + 4% / 2);
}
/* 如果最后一行是2个元素 */
.stroy ul li:last-child:nth-child(3n - 2) {
    margin-right: calc(32% + 71% / 2);
}
.stroy ul li:hover img{transform:scale(1.05); -webkit-transform:scale(1.05); -o-transform:scale(1.05); -ms-transform:scale(1.05); -moz-transform:scale(1.05);}
.memory ul {width: 100%;height: auto;overflow: hidden;}
.memory ul li{width:31.5%;margin:0 auto;overflow: hidden;text-align: center}
.memory ul li div img{width: 100%;height:100%;position:absolute;left: 0;top: 0;z-index: 1}
.memory ul li:hover div img{transform:scale(1.05); -webkit-transform:scale(1.05); -o-transform:scale(1.05); -ms-transform:scale(1.05); -moz-transform:scale(1.05);}
.memory ul li div{height: 331px;overflow: hidden;position: relative}
.memory ul li div i{position: absolute;left: 0;top:0;display: block;width: 100%;height: 100%;	
background: -webkit-linear-gradient(transparent, rgba(179,41, 31, 0.6));
background: -moz-linear-gradient(transparent, rgba(179,41, 31, 0.6));
background: -ms-linear-gradient(transparent, rgba(179,41, 31, 0.6));
background: -o-linear-gradient(transparent, rgba(179,41, 31, 0.6));
background: linear-gradient(transparent, rgba(179,41, 31, 0.6));
-pie-background: linear-gradient(transparent, rgba(179,41, 31, 0.6));z-index: 2;opacity:0}
.memory ul li:nth-child(even) div i{background: -webkit-linear-gradient(transparent, rgba(245,131, 8, 0.6));
background: -moz-linear-gradient(transparent, rgba(245,131, 8, 0.6));
background: -ms-linear-gradient(transparent, rgba(245,131, 8, 0.6));
background: -o-linear-gradient(transparent, rgba(245,131, 8, 0.6));
background: linear-gradient(transparent, rgba(245,131, 8, 0.6));
-pie-background: linear-gradient(transparent, rgba(245,131, 8, 0.6));}
.memory ul li h2{background: #c70000;padding: 20px;color: #fff;font-size: 16px;text-align: left;line-height: 30px;}
.memory ul li:nth-child(even) h2{background: #f58308;}
.memory ul li:hover div i{opacity: 1}
.elegant ul {width: 100%;height: auto;overflow: hidden;}
.elegant ul li{width:31.5%;margin:0 auto;overflow: hidden;text-align: center}
.elegant ul li div.eleimg{background:url("../img90/fcbg_01.png")center center no-repeat;width: 100%;height: 355px;background-size:100% 100%;}
.elegant ul li div.eleimg img{margin-left: -30px;width: 100%;height:331px}
.elegant ul li div.eletiao{display: block;background: url("../img90/fcbg_02.png")center center no-repeat;width: 100%;height: 30px;}
.elegant ul li div.elewz{background: #b00c0c;width: 100%;height:83px;padding: 10px 0}
.elegant ul li div.elewz h2{background: url("../img90/index_ico04_01.png")center center no-repeat;width: 95px;height:83px;overflow: hidden;border-right:#d32323 1px solid;font-size: 20px;color: #fff;line-height:83px;padding: 0 5px;display: inline-block;margin-right: 15px;float: left;}
.elegant ul li div.elewz p{font-size: 16px;color: #fff;line-height: 30px;display: inline-block;width: calc(100% - 135px);text-align: left;float: right;margin-top: 10px;margin-right:10px;}
.elegant ul li:hover div.eleimg{background:url("../img90/fchover_bg_01.png")center center no-repeat;background-size:100% 100%;}
.elegant ul li:hover div.eletiao{background: url("../img90/fchover_bg_02.png")center center no-repeat;}
.elegant ul li:hover div.elewz{background: #d71515;}
.elegant ul li:hover div.elewz h2{background: url("../img90/index_ico04_02.png")center center no-repeat;border-right:#e54242 1px solid}
.xy_elegant ul li{width: 23%;margin-bottom:3%;}
.xy_elegant ul li div.eleimg{height:260px}
.xy_elegant ul li div.eleimg img{margin-left: -22px;height: 242px}
.xy_elegant ul li div.elewz{margin-left:8.5px;width:calc(100% - 8.5px);padding-top:5px;padding-bottom: 20px;}
.xy_elegant ul li div.elewz h2{width: 80px;font-size: 17px;}
.xy_elegant ul li div.elewz p{width: calc(100% - 135px);margin-top: 0;padding-right: 15px;height: 90px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3;}
/* 如果最后一行是3个元素 */
.xy_elegant ul li:last-child:nth-child(4n - 1) {
    margin-right: calc(23% + 8% / 3);
}
/* 如果最后一行是2个元素 */
.xy_elegant ul li:last-child:nth-child(4n - 2) {
    margin-right: calc(46% + 15% / 3);
}
/* 如果最后一行是1个元素 */
.xy_elegant ul li:last-child:nth-child(4n - 3) {
    margin-right: calc(69% + 21% / 3);
}
.xy_memory ul li{width: 23%;margin-bottom:2.5%;}
/* 如果最后一行是3个元素 */
.xy_memory ul li:last-child:nth-child(4n - 1) {
    margin-right: calc(23% + 8% / 3);
}
/* 如果最后一行是2个元素 */
.xy_memory ul li:last-child:nth-child(4n - 2) {
    margin-right: calc(46% + 15% / 3);
}
/* 如果最后一行是1个元素 */
.xy_memory ul li:last-child:nth-child(4n - 3) {
    margin-right: calc(69% + 21% / 3);
}
.xy_memory ul li div{height: 242px;}
.xy_memory ul li h2{padding:10px 20px 16px 20px;height:50px;line-height:30px; overflow: hidden;text-overflow: ellipsis;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;}
.part022{padding: 50px 0;width: 100%;height: auto;overflow: hidden;position: relative;}
.part022 ul{height: auto;overflow: hidden}
.part022 .p1_m{margin-top: 50px;}
.part03{padding: 50px 0;width: 100%;height: auto;overflow: hidden;position: relative;background: #fff;}
.part03-l{position: relative;margin: 50px auto 10px auto;width: 87.5%;text-align: center;height: 435px;overflow: hidden}
.part03-l img{position:absolute;z-index: 1;left: 0;top: 0;width: 580px;height: 435px;object-fit: contain}
.part03-l div.p3k{position: absolute;right: 0;z-index: 2;top:10%;background: rgba(255,255,255,0.9);width:51%;height: 240px;padding:30px 2%;text-align:left}
.part03-l div.p3k i{display: block;font-size: 22px;color: #919191;font-family:DINCond-Bold;font-style:normal}
.part03-l div.p3k h2{color: #333;font-size:24px;display: block;margin-top: 20px;line-height:40px;}
.part03-l div.p3k p{line-height: 36px;font-size: 18px;color: #777777;margin-top:10px;}
.part03-l .p1_m{position: absolute;right: 0;bottom: 0}
.index_vr{width: 100%;height: auto;overflow: hidden}
.index_vr img{width: 100%;}
footer{background:url("../img90/foot-bg.jpg")center center no-repeat;width: 100%;height: 624px;background-size:100% 100%;overflow: hidden}
.foot-z{text-align: center;position: absolute;width: 100%;bottom:50px;left: 0;right: 0;margin: 0 auto}
.foot-z p{color: #fff;font-size: 18px;line-height: 36px;}
.nybanner{position: relative;width: 100%;height:437px;overflow: hidden;background: url("../img90/nybanner3.jpg")center center no-repeat;background-size:100% 100%}
.nybanner h1{color: #fff;font-size: 24px;left: 0;right: 0;bottom:30px;position: absolute;margin: 0 auto;text-align: center}
.mbx{padding:20px 0;border-bottom: #ddd 1px solid;line-height: 30px;color: #333;font-size: 16px;}
.mbx a{display: inline-block;margin: 0 5px;color: #333;font-size: 16px;}
.mbx a:first-of-type:before{content: "";background: url("../img90/mbx-ico.png")center center no-repeat;width: 14px;height: 19px;vertical-align: middle;margin-right: 10px;margin-bottom: 5px;display: inline-block}
.xylist ul.nav_xy {width: 94%;margin: 50px auto;height: auto;overflow: hidden}
.xylist ul.nav_xy li{width: 32%;height: 70px;line-height: 70px; background: #fbe9e9;text-align: center;border:#e7afaf 1px solid;color: #9c0000;font-size:24px;}
.xylist ul.nav_xy li a{color: #9c0000;}
.xylist ul.nav_xy li.active{background: #b80000;border:#b80000 1px solid;color: #fff;}
.xylist ul.nav_xy li.active a{color: #fff;}
.xylist ul.nav_xy li:hover{background: #b80000;border:#b80000 1px solid;color: #fff;cursor: pointer}
.xylist ul.nav_xy li:hover a{color: #fff;}
.xy_story ul li{width: 100%;background: #fff;height: 210px;overflow: hidden;;margin-bottom: 3%;}
.xy_story-l{width: 33%;position: relative;}
.xy_story-r{width: 64%;margin: 0 3% 0 0%}
.xy_story-r h2{font-size: 22px;color: #000;margin-top: 50px;}
.xy_story-r p{color: #555;font-size: 16px;line-height: 30px;margin-top: 10px;}
.xy_story-l img{width: 280px;height: 210px;display: inline-block;overflow: hidden}
.xy_story-l i{font-style: normal;display: inline-block;width:calc(100% - 345px);padding: 0  0 0 26px;text-align: left;color: #b80000;font-size: 24px;font-family:DINCond-Bold;vertical-align: middle;}
.xy_story-l i:before{display: block;content: "";background:url("../img90/index_ico03.png")center center no-repeat;width: 35px;height: 35px;margin-bottom:15px;}
.xy_story-l:after{position: absolute;border-right: #ddd 1px solid;height:170px;top:20px;content: ""}
.xy_story ul li:hover{background:#fcf4f4;width: 99.5%;border:#b80000 1px solid;height:208px}
.xy_story ul li:hover .xy_story-r h2{color: #b80000;font-weight: bold;}
.xy_story ul li:hover .xy_story-r p{color: #da9393}
.yq_news ul li{background:#fff url("../img90/yq_ico02_01.png")right bottom no-repeat}
.yq_news i:before{content: "";background:url("../img90/index_ico01.png")center center no-repeat;width: 26px;height: 24px;}
.yq_news ul li .xy_story-r p{width: 90%;}
.yq_news ul li:hover{background:#fcf4f4 url("../img90/yq_ico02_02.png")right bottom no-repeat;width: 99.5%;border:#b80000 1px solid;height:208px}
.new_xy_story .xy_story-l{width: 280px;}
.new_xy_story .xy_story-r{width:calc(100% - 350px);margin-right: 30px;}
.new_xy_story .xy_story-l i{display: none;}
.new_xy_story .xy_story-l:after{content:"";display: none;}
.new_xy_story .xy_story-r h2{margin-top: 35px;}
.new_xy_story .xy_story-r p{line-height: 34px}
.video_big{background:url("../img90/video_bg.jpg")center center no-repeat;width:100%;height:745px;position: relative;overflow: hidden;margin: 0 auto;}
.video_big .mbx{color: #fff;}
.video_big .mbx a{color:#fff}
.b-video{width: 77%;height: 608px;margin: 30px auto;text-align: center;position: relative;overflow: hidden}
.b-video img{position: absolute;left: 0;top: 0;z-index:1;width: 100%;height:100%;}
.b-video span{display: block;position: absolute;left: 0;right: 0;top: 50%;background:url("../img90/play-ico.png")center center no-repeat;margin:0 auto;width:70px;height:70px;z-index: 2;cursor:pointer}
.b-video video{width: 100%;height: 100%;object-fit: fill;z-index:1;display: none;}


.list-video ul li{width:31%;background: #f4f4f4;padding:0;height: auto;overflow: hidden;margin:40px auto 0 auto;position: relative}
/* 如果最后一行是3个元素 */
.list-video ul li:last-child:nth-child(3n - 1) {
    margin-right: calc(31% + 7% / 2);
}
/* 如果最后一行是2个元素 */
.list-video ul li:last-child:nth-child(3n - 2) {
    margin-right: calc(31% + 74% / 2);
}
.list-video ul li img{width: 100%;height:244px;transition-duration: .3s;-webkit-transition-duration: .3s; -o-transition-duration: .3s;-ms-transition-duration: .3s; -moz-transition-duration: .3s;}
.list-video ul li span{background: url("../img90/play-ico.png")center center no-repeat;width: 70px;height: 70px;position: absolute;left: 0;right: 0;top:-100%;z-index: 2;display: block;margin: 0 auto;transition-duration: .3s;-webkit-transition-duration: .3s; -o-transition-duration: .3s;-ms-transition-duration: .3s; -moz-transition-duration: .3s;}
.list-video ul li:hover span{top: 30%}
.list-video ul li:hover img{transform:scale(1.05); -webkit-transform:scale(1.05); -o-transform:scale(1.05); -ms-transform:scale(1.05); -moz-transform:scale(1.05);}
.list-video ul li h2{background: #b0090d;padding:15px 20px;color: #fff;line-height:32px;font-size: 18px;transition-duration: .3s;-webkit-transition-duration: .3s; -o-transition-duration: .3s;-ms-transition-duration: .3s; -moz-transition-duration: .3s;}
.list-video ul li:hover h2{background: #d01015;color: #fff}
.list-video ul li:hover{cursor:pointer}
  .videos{ position:fixed; left:50%; top:50%; margin-left:-400px; margin-top:-225px;  width:800px; height:450px;z-index:9999;display:none;}
  .vclose { position:absolute;right:1%; top:-8%; cursor: pointer; }
  .theme-popover-mask {z-index: 9998;position:fixed;top:0;left:0;width:100%;height:100%;background:#000;opacity:0.8;filter:alpha(opacity=40);display:none}
.list-pic ul li{width:31%;background: #fff;padding:0;height: auto;overflow: hidden;margin:40px auto 0 auto;position: relative}
/* 如果最后一行是3个元素 */
.list-pic ul li:last-child:nth-child(3n - 1) {
    margin-right: calc(31% + 7% / 2);
}
/* 如果最后一行是2个元素 */
.list-pic ul li:last-child:nth-child(3n - 2) {
    margin-right: calc(31% + 74% / 2);
}

.list-pic ul li div{position: relative;width:100%;height:326px;overflow: hidden}
.list-pic ul li div span{width: 140px;height:45px;line-height:45px;text-align: center;color:#fff;font-size: 18px;position: absolute;left: 0;bottom:0;z-index:2;background: #b0090d;}
.list-pic ul li div img{width: 100%;height:100%;position: absolute;left: 0;top:0;z-index: 1;}
.list-pic ul li h2{padding:15px 20px;color: #333;font-size: 16px;line-height:30px;}
.list-pic ul li:hover h2{background: #b0090d;color: #fff;}
.list-pic ul li:hover img{transform:scale(1.05); -webkit-transform:scale(1.05); -o-transform:scale(1.05); -ms-transform:scale(1.05); -moz-transform:scale(1.05);}
.article{background: #fff;width: 100%;height: auto;overflow: hidden}
.article .mbx{width:98%;padding: 15px 0 15px 2%}
.article_fck{padding:4%;}
.article-title{text-align: center;}
.article-title h1{color: #111;font-size:28px;}
.article-title p{font-size: 18px;color: #777;margin-top:20px;}
.fck{margin: 50px auto 0 auto;}
.fck p,.fck div{line-height: 30px !important;color: #555 !important;}
 .p_pages { clear:both; display:inline-block; padding:50px 0; width:100%; text-align:center; font-size:16px; }
.page a { display:inline-block; margin:0 5px; padding:6px 12px; border:1px #7e8870 solid; color: #111 }
.p_no_d{ display:inline-block; margin:0 5px; padding:6px 12px; border:1px #7e8870 solid;background:#b0090d; color:#fff; }
.page span{display:inline-block;}
.p_fun_d { display:inline-block; margin:0 5px; padding:6px 12px; border:1px #7e8870 solid; color: #111 }
.p_fun_d  a { display:inline-block; margin:0 5px; padding:6px 12px; border:1px #7e8870 solid; color: #111 }
.p_fun_d:hover{ background:#b0090d; color:#fff; }
.p_fun_d a:hover,.p_fun_d.thisclass a { background:#b0090d; color:#fff; }
.juanzeng{padding: 40px 0 20px 0;width: 100%;height: auto;overflow: hidden;position: relative;}
.juanzeng ul li{background: #fff;width:98.5%;height: 200px;border:#ddd 2px solid;margin:0 auto 30px auto;overflow: hidden}
.juanzeng ul li img{width: 266px;height: 200px;display: inline-block;float: left;overflow: hidden}
.juanzeng ul li:hover img{transform:scale(1.05); -webkit-transform:scale(1.05); -o-transform:scale(1.05); -ms-transform:scale(1.05); -moz-transform:scale(1.05);}

.juanzeng ul li div{width:calc(100% - 266px);display: inline-block;float: right;}
.juanzeng ul li div h2{height: 60px;background: url("../img90/juan-ico.png")96% bottom no-repeat;padding:20px 30px 40px 30px;font-size:22px;color: #333;line-height:40px}
.juanzeng ul li div p{background: #fae9e9;height: 80px;line-height: 80px;color: #b0090d;font-family:DINCond-Bold;font-size: 24px;padding:0 30px;}
.juanzeng ul li div p:before{content: "";background: url("../img90/jz_date_ico.png")center center no-repeat;width: 20px;height: 20px;display: inline-block;vertical-align: middle;margin-right: 10px;margin-bottom: 4px;}
.juanzeng ul li div p span{float: right;display: block;width: 120px;height:40px;line-height: 40px;color: #fff;font-size:18px;text-align: center;background: #b0090d;margin-top: 20px;}
.juanzeng ul li:hover{border:#b0090d 2px solid}

.jz_wp ul li{width:32%;background: #fff;padding:0;height:336px;overflow: hidden;margin: 0 auto 40px auto;position: relative}
/* 如果最后一行是3个元素 */
.jz_wp ul li:last-child:nth-child(3n - 1) {
    margin-right: calc(32% + 4% / 2);
}
/* 如果最后一行是2个元素 */
.jz_wp ul li:last-child:nth-child(3n - 2) {
    margin-right: calc(32% + 71% / 2);
}
.jz_wp ul li img{width: 100%;height: 100%;position: absolute;left: 0;top: 0;z-index: 1;}
.jz_wp ul li h2{height: 50px;line-height: 50px;background:rgba(0,0,0,0.7);color: #fff;font-size: 18px;text-align: center;position: absolute;bottom:0;left: 0;width: 100%;z-index: 3}
.jz_wp ul li:hover img{transform:scale(1.05); -webkit-transform:scale(1.05); -o-transform:scale(1.05); -ms-transform:scale(1.05); -moz-transform:scale(1.05);}










@media screen and (max-width:1520px){
	footer{height:494px;}

}
@media screen and (max-width:1463px){
	footer{height:395px;}

}

@media screen and (max-width:1440px){
	.wrapper{width:92%;}
	.memory ul li div{height:313px}
	.stroy ul li img{height:313px}
	.xy_memory ul li div{height: 229px;}
	.elegant ul li div.eleimg{height: 337px;}
	.elegant ul li div.eleimg img{height: 313px;}
	.xy_elegant ul li div.eleimg{height: 246px;}
	.part03-l{width: 94%;}
	nav ul{width: 100%;}
	.nybanner{height: 328px;}
	.xy_story-l{width: 35%;}
	.xy_story-r{width: 62%;}
	.b-video{width: 90%;height: 671px;}
	.list-pic ul li div{height: 308px;}
	.jz_wp ul li{height: 318px;}
	.xy_elegant ul li div.eleimg img{height: 229px;}


}
@media screen and (max-width:1368px){
	.elegant ul li div.eleimg{height: 319px;}
	.xy_elegant ul li div.eleimg{height: 233px;}
	.elegant ul li div.eleimg img{margin-left: -28px;height: 298px;}
	.xy_elegant ul li div.eleimg img{margin-left: -19px;}
	.memory ul li div{height:298px}
	.stroy ul li img{height:298px}
	.xy_memory ul li div{height: 218px;}
	.foot-z{bottom:20px}	
	.xy_elegant ul li div.elewz{margin-left: 2.5%;width: 97.5%;}
	.xy_story-l{width: 37%;}
	.xy_story-r{width: 60%;}
	.xy_memory ul li h2{padding-bottom: 18px;}
	.b-video{height: 590px;}
	.list-pic ul li div{height:293px}
    .jz_wp ul li{height: 302px;}
	.part01 ul li img{height: 302px;}
	.memory ul li h2{height:60px;}
	.xy_elegant ul li div.eleimg img{height: 218px;}
	
}
@media screen and (max-width:1280px){
	footer{height:460px;}
	.part03-l{width: 100%;}
	.memory ul li div{height:279px}
	.memory ul li h2{padding:15px}
	.elegant ul li div.eleimg{height: 298px;}
	.xy_elegant ul li div.eleimg{height: 218px;}
	.elegant ul li div.eleimg img{margin-left: -26px;height: 278px;}
	.xy_elegant ul li div.eleimg img{margin-left: -18px;}
	.elegant ul li div.elewz h2{margin-right:0px;width:85px;font-size:18px;}
	.elegant ul li div.elewz p{width: calc(100% - 110px);margin-right: 5px;}
	.xy_elegant ul li div.elewz p{padding-right: 0;}
	.part03-l div.p3k p{font-size: 16px;}
	.xy_story-l{width: 39%;}
	.xy_story-r{width: 59%;margin-right: 2%;}
	.xy_story-r h2{font-size: 20px;}
	.xy_memory ul li div{height: 203px;}
	.list-pic ul li div{height: 274px;}
	 .jz_wp ul li{height: 283px;}
	.juanzeng ul li div h2{font-size: 20px;}
	.part01 ul li img{height: 283px;}
	.xy_elegant ul li div.eleimg img{height: 203px;}
	.stroy ul li img{height:279px}

}
@media screen and (max-width:1024px){
	header .wrapper{width: 96%;}
	 .jz_wp ul li{height: 226px;}
	.jz_wp ul li h2{font-size:16px;}
	.part01 ul li img{height: 227px;}
  .stroy ul li img{height: 227px;}
  .stroy ul li div{padding: 14px 13px 4px 13px}
  .stroy ul li div h2{margin-top: 0;}
  .memory ul li div{height: 223px;}
  .elegant ul li div.eleimg img{height: 223px;margin-left: -21px;}
  .elegant ul li div.eleimg{height: 239px;}
  .elegant ul li div.elewz p{margin-top: 5px;line-height: 26px;font-size: 14px}
  .list-video ul li img{height:164px}
  footer{height:370px}
  .new_xy_story .xy_story-r h2{margin-top: 20px;}
}
@media screen and (max-width:800px){
	header .iflex{display: block}
	header{height: auto;background: #fff;padding-bottom:15px;}
	.ilogo{width: 80%;}
	header button {display: block}
	nav{height: auto;display: none}
	nav ul.iflex{display: block}
	nav ul li{width: 100%;border-bottom: #eda55b 1px solid;}
.part01 ul{display: block;}
.part01 ul li{width: 448px;margin: 30px auto}
.part01 ul li img{height:331px;}
.part02-l ul.nav_xy{width: 100%;margin-bottom: 30px;}
.stroy ul{display: block;}
.stroy ul li{width: 448px;margin:0 auto 30px auto;}
.stroy ul li img{height:331px;}
.memory ul{display: block;}
.memory  ul li{width: 448px;margin:0 auto 30px auto;}
.memory ul li div{height:331px;}
.elegant ul{display: block;}
.elegant ul li{width: 448px;margin:0 auto 30px auto;}
.elegant ul li div.eleimg{height:355px;}
.elegant ul li div.eleimg img{height:331px;margin-left: -30px;}
.list-video ul li {width: 448px;margin:0 auto 30px auto;}
.list-video ul li img{height: 244px;}
.juanzeng ul li{text-align: center;height: auto;}
.juanzeng ul li div p{text-align: left;}
.juanzeng ul li img{float: none;margin-top: 15px;}
.juanzeng ul li div{float: none;width: 100%}
.juanzeng ul li div h2{text-align: left;}
.list-tt-video{margin-top: 30px;}
.jz_wp ul li{width:448px !important;height: 331px;margin-right:0 !important;}
.part022 .p1_m{margin-top: 20px;}
.part02-l .p1_m{margin-top: 20px;}
.videos{width: 640px;height: 360px;margin-left:-320px;margin-top:-180px;}
.nybanner {height:290px;}
.b-video{width: 100%;height: 398px}
.video_big{height: auto;}
.xy_story ul li{height: auto;padding-bottom:20px;}
.xy_story ul li:hover{width:100%;height:auto;border:0;}
.yq_news ul li{background:#fff;}
.yq_news ul li:hover{background:#fcf4f4;border:0; }
.yq_news i{width: 100%;padding-left: 35px;}
.yq_news i:before{content:"";display: none;}
.xy_story_k {text-align: center;display: block;}
.xy_story-l{width: 100%;text-align: center;margin:20px auto 0 auto;}
.xy_story-r{width: 90%;margin: 0 auto;text-align:left;}
.xy_story-r h2{margin-top: 10px;}
.xy_story ul li:hover .xy_story-r h2{color: #000;font-weight: bold;}
.xy_story ul li:hover .xy_story-r p{color: #555}
.stroy ul li div h2{padding-top: 0;}
}
@media screen and (max-width:480px){
	.fck img{width:100% !important;height:100% !important}
header button{top:18px}
.part01{padding:30px 0;}
	.index-title a{font-size: 24px}
  footer{background:#cd0703;height:auto;padding:30px 0}
  .foot-z{position: static;}
  .foot-z p{font-size: 16px;}
  .pagination{bottom:10px !important;}
  .swiper-pagination-bullet{width: 12px;height: 12px}
  .part01 ul li {width: 100%}
  .part01 ul li img{height:286px;}
  .stroy ul li{width: 100%}
  .stroy ul li img{height:286px;}
  .part02-l ul.nav_xy li{height: 55px;line-height: 55px;font-size: 18px}
  .memory ul li {width: 100%}
  .memory ul li div{height:286px;background:none;}
.elegant ul li{width: 100%;}
.elegant ul li div.eleimg{height:286px;overflow: hidden;}
.elegant ul li div.eleimg img{height:286px;margin-left:0;}
.elegant ul li div.eletiao{display: none;}
.elegant ul li div.elewz p{width:calc(100% - 115px)}
.list-video ul li{width: 100%}
.list-video ul li img{height:214px}
.juanzeng ul li div h2{height: auto;font-size:16px;line-height: 30px;padding-bottom: 20px}
.jz_wp ul li{width:100% !important;height:286px;}
.videos{width: 330px;height:186px;margin-left:-165px;margin-top:-93px;}
.b-video{height:174px}
.b-video span{width: 50px;height:50px;top:40%;background-size: 100% 100%}
.nybanner{height: 175px;}
.nybanner h1{font-size: 20px;bottom:15px;}
.xylist ul.nav_xy{margin: 30px auto;width: 100%}
.xylist ul.nav_xy li{height: 55px;line-height: 55px;font-size: 18px}
.xy_story_k {display: block;text-align:center}
.new_xy_story .xy_story-l{margin:0 auto;}
.xy_story-l img{margin-top: 20px;}
.new_xy_story .xy_story-r{width: 100%;text-align: left;margin:0 auto;}
.new_xy_story .xy_story-r h2{text-align: center;font-size:18px;line-height: 30px }
.new_xy_story .xy_story-r p{width: 90%;margin:10px auto 0 auto;word-break:break-all;}
.xy_elegant ul li div.elewz{margin-left: 0;width: 100%}
.yq_news i{padding-left: 20px;margin-top:10px;}
.xy_story-r h2{font-size: 18px;line-height:28px}
.xy_story-r p{line-height: 26px;word-break:break-all;width: 100%}
.article-title h1{font-size: 20px;line-height: 32px;}
.article-title p{font-size: 16px;}
}
@media screen and (max-width:390px){
.part01 ul li img{height:269px;}
.stroy ul li img{height:269px;}
.memory ul li div{height:269px;}
.jz_wp ul li{height:269px !important;}
.elegant ul li div.eleimg{height:269px;}
.elegant ul li div.eleimg img{height:269px;}
.list-video ul li img{height:202px;}
.elegant ul li div.elewz p{width:calc(100% - 120px);margin-right: 10px;}

}
@media screen and (max-width:375px){
.part01 ul li img{height:259px;}
.stroy ul li img{height:259px;}
.memory ul li div{height:259px;}
.jz_wp ul li{height:259px !important;}
.elegant ul li div.eleimg{height:259px;}
.elegant ul li div.eleimg img{height:259px;}
.list-video ul li img{height:194px;}

}
@media screen and (max-width:360px){
.part01 ul li img{height:248px;}
.stroy ul li img{height:248px;}
.memory ul li div{height:248px;}
.jz_wp ul li{height:248px !important;}
.elegant ul li div.eleimg{height:248px;}
.elegant ul li div.eleimg img{height:248px;}
.list-video ul li img{height:186px;}


}