@charset "utf-8";
.banner{ width:100%; height:100%; position:relative; height:calc(100vh - 145px); margin-top:145px}
.banner .swiper01{ width:100%; height:100%; overflow:hidden; position:relative}
.banner .swiper01 .swiper-slide{ width:100%; height:100%; overflow:hidden; position:relative}
.banner .swiper01 .swiper-slide a{ display:block; width:100%; height:100%}
.banner .swiper01 .swiper-slide .pic{ width:100%; height:100%; overflow:hidden}
.banner .swiper01 .swiper-slide .pic img{ width:100%; height:100%; object-fit:cover; transform:scale(1.2); transition:all 10s linear}
.banner .swiper01 .swiper-slide .pic .img1{ display:block}
.banner .swiper01 .swiper-slide .pic .img2{ display:none}
.banner .swiper01 .swiper-slide.swiper-slide-active .pic img{ transform:scale(1);}
.banner .swiper01 .swiper-slide .cont{ width:100%; position:absolute; left:0; top:50%; transform:translateY(-50%); z-index:2; color:#fff; text-align:center}
.banner .swiper01 .swiper-slide .cont .en{color:#fff;  font-size:5.4vw;  text-align:center;  line-height:1;  text-shadow:3px 0 10px rgb(22 78 145 / 0%);  transition:all ease 2s .5s;  opacity:0;  transform:translateY(-60px);  font-family:Impact !important;  letter-spacing:-1px;  background-image:linear-gradient(to top, transparent 5%, rgba(230, 233, 235, 0.2) 20%, #fff);  -webkit-background-clip:text;  -webkit-text-fill-color:transparent; text-transform:uppercase}
.banner .swiper01 .swiper-slide.swiper-slide-active .cont  .en{opacity:0.6;  transform:translateY(0px)}
.banner .swiper01 .swiper-slide .cont .title{color:#fff;  font-size:3.2vw;  text-align:center;  font-weight:bold;  line-height:1.2;  letter-spacing:0px;  text-shadow:3px 0 10px rgb(22 78 145 / 0%);  margin-top:-3%;  transition:all ease 2s .7s;  opacity:0;  transform:translateY(40px);  word-break:keep-all !important;  letter-spacing:4px;  text-shadow:4px 2px 6px rgb(0 0 0 / 0.3)}
.banner .swiper01 .swiper-slide.swiper-slide-active .cont  .title{  opacity:1;  transform:translateY(0px)}
.banner .swiper01 .swiper-slide .cont  .intro{  color:#fff;  font-size:1.4vw;  line-height:1.6;  margin-top:20px;  transition:all ease 2s 1s;  opacity:0;  letter-spacing:4px;  transform:translateY(40px);  margin-left:auto;  margin-right:auto;  text-shadow:4px 2px 6px rgb(0 0 0 / 0.3)}
.banner .swiper01 .swiper-slide.swiper-slide-active .cont  .intro{  opacity:1;  letter-spacing:8px;  transform:translateY(0px)}
.banner .swiper01 .swiper-slide .cont  .more{  display:inline-block;  margin-top:40px;  border-radius:30px;  border:2px solid #cd1619;  background:#cd1619;  width:100%;  max-width:200px;  LINE-HEIGHT:44px;  height:46px;  padding:0px 15px;  color:#fff;  text-align:center;  font-size:16px;  margin-left:auto;  margin-right:auto;  opacity:0;  transform:translateY(40px);  transition:all ease .3s,transform ease 2s 1s,opacity ease .8s .9s; box-sizing:border-box}
.banner .swiper01 .swiper-slide .cont  .more:after {  content:'';  position:absolute;  bottom:0px;  left:0px;  width:0%;
  height:100%;  background:#ffffff;  border:1px solid #ffffff;  z-index:-1;  transition:all .5s ease;  opacity:0;  border-radius:30px}
.banner .swiper01 .swiper-slide .cont  .more:hover {  color:#cd1619}
.banner .swiper01 .swiper-slide .cont  .more:hover:after {  width:95%;  opacity:1}
.banner .swiper01 .swiper-slide.swiper-slide-active .cont  .more{  opacity:1;  transform:translateY(0px)}
.banner .swiper01 .dd{ width:100%; position:absolute; left:0; bottom:40px; z-index:2}
.banner .swiper01 .dd .nr{ display:flex;justify-content: space-between;align-items: center;}
.banner .swiper01 .dd .pagination01{ width:fit-content; font-size:0}
.banner .swiper01 .dd .pagination01 span{ width:10px; height:10px; background:rgba(255,255,255,0.5); border-radius:5px; opacity:1; margin-right:5px; transition:all 0.3s}
.banner .swiper01 .dd .pagination01 span.swiper-pagination-bullet-active{ width:24px; background:#fff}
.banner .swiper01 .dd .pagination01 span:hover{ background:#fff}
.banner .swiper01 .dd .btn{ display:flex;justify-content: space-between;align-items: center;}
.banner .swiper01 .dd .btn .prev01{ width:60px; height:60px; background:url(x6.png) center center no-repeat; background-size:100%; cursor:pointer; box-sizing:border-box; border:1px dashed #fff; border-radius:50%; transition:all 0.3s}
.banner .swiper01 .dd .btn .next01{ width:60px; height:60px; background:url(x7.png) center center no-repeat; background-size:100%; cursor:pointer; box-sizing:border-box; border:1px dashed #fff; border-radius:50%; margin-left:25px; transition:all 0.3s}
.banner .swiper01 .dd .btn .prev01:hover{ border:1px solid #cd1619; background-color:#cd1619}
.banner .swiper01 .dd .btn .next01:hover{ border:1px solid #cd1619; background-color:#cd1619}
.banner .swiper01 .p_scrool {  position:absolute;  left:calc((100% - 90px) / 2);  bottom:40px;  color:#fff;  width:90px;
  z-index:10}
.banner .swiper01 .p_scrool span {  text-transform:uppercase;  color:#fff;  display:block;  font-family:arial;  line-height:20px;  margin-top:12px;  font-size:12px}
.banner .swiper01 .p_scrool i {  display:block;  width:20px;  height:30px;  margin:0 auto;  border-radius:12px;  border:2px #fff solid;  position:relative}
.banner .swiper01 .p_scrool i:before {  content:"";  display:block;  width:4px;  height:10px;  background:#fff;  border-radius:2px;  position:absolute;  left:50%;  transform:translate(-50%,0);  top:3px;  animation:scrollmouse 2s linear infinite}
@keyframes scrollmouse {
  from {
    transform:translate(-50%,0);
    opacity:1
  }
  to {
    transform:translate(-50%,10px);
    opacity:0
  }
}

@media (max-width: 1700px){
	.banner{ height:calc(100vh - 122px); margin-top:122px}
	.banner .swiper01 .dd .btn .next01{ width:50px; height:50px}
	.banner .swiper01 .dd .btn .prev01{ width:50px; height:50px}
	
}
@media (max-width: 1200px){
	.banner{ height:calc(100vh - 90px);margin-top:90px}
}
@media (max-width: 750px){
	.banner{ height:auto; margin-top:60px}
	.banner .swiper01 .swiper-slide .pic .img2{ display:block}
	.banner .swiper01 .swiper-slide .pic .img1{ display:none}	
	.banner .swiper01 .swiper-slide .cont .en{ font-size:36px}	
	.banner .swiper01 .swiper-slide .cont .title{ font-size:24px; margin-top:5px; letter-spacing:normal}	
	.banner .swiper01 .swiper-slide .cont .intro{ font-size:16px; letter-spacing:normal}	
	.banner .swiper01 .swiper-slide.swiper-slide-active .cont  .intro{ letter-spacing:normal; margin-top:20px;  }
	.banner .swiper01 .swiper-slide .cont .more{ display:none}	
	.banner .swiper01 .dd .nr{justify-content:center}
	.banner .swiper01 .dd .btn{ display:none}
	.banner .swiper01 .p_scrool{ display:none}
}




.ihd{ display:flex;justify-content: space-between;align-items: center;}
.ihd .aitem .en{ text-transform:uppercase; line-height:0.8; font-size:90px; font-weight:bold; text-transform:uppercase; color:rgba(0,0,0,0.11)}
.ihd .aitem .cn{ display:flex; align-items: center; margin-top:-23px;}
.ihd .aitem .cn .title{ display:flex; align-items: center; line-height:1; font-size:42px; color:#333333; font-weight:bold}
.ihd .aitem .cn .title img{ height:45px; margin-right:10px}
.ihd .aitem .cn .intro{ font-size:22px; color:#333; margin-left:10px}
.ihd .bitem{ font-size:22px; color:#333333}
.ihd .bitem a{ color:#333}
.ihd .bitem a:hover{ color:#cd1619}
@media (max-width: 1700px){
	.ihd .aitem .en{ font-size:70px;}
	.ihd .aitem .cn{ margin-top:-20px;}
	.ihd .aitem .cn .title{ font-size:32px; }
	.ihd .aitem .cn .title img{ height:36px; }
	.ihd .aitem .cn .intro{ font-size:18px; }
	.ihd .bitem{ font-size:18px; }
}
@media (max-width: 1200px){
	.ihd .aitem .en{ font-size:50px;}
	.ihd .aitem .cn{ margin-top:-16px;}
	.ihd .aitem .cn .title{ font-size:24px; }
	.ihd .aitem .cn .title img{ height:28px; }
	.ihd .aitem .cn .intro{ font-size:14px; }
	.ihd .bitem{ font-size:14px; }
}
@media (max-width: 750px){
	.ihd .aitem .en{ font-size:32px;}
	.ihd .aitem .cn{ margin-top:-14px; display:block}
	.ihd .aitem .cn .title{ font-size:20px; }
	.ihd .aitem .cn .title img{ height:22px; }
	.ihd .aitem .cn .intro{ font-size:12px; margin:5px 0 0 0  }
	.ihd .bitem{ font-size:12px; }
}

.x1{ background:#fff; padding:70px 0}
.x1 .ibd{ margin-top:40px}
.x1 .ibd .hd ul{ display:flex;justify-content: space-between;}
.x1 .ibd .hd ul li{ width:364px; border-radius:20px; overflow:hidden; position:relative; transition:all 0.5s}
.x1 .ibd .hd ul li .pic{ width:870px; overflow:hidden; left:50%; transform:translateX(-50%); position:relative}
.x1 .ibd .hd ul li .pic img{transition:All 0.4s linear;    -webkit-transition:All 0.4s linear;    -moz-transition:All 0.4s linear;    -o-transition:All 0.4s linear; width:100%}
.x1 .ibd .hd ul li:hover .pic img{transform:scale(1.1);    -webkit-transform:scale(1.1);    -moz-transform:scale(1.1);    -o-transform:scale(1.1);    -ms-transform:scale(1.1);}
.x1 .ibd .hd ul li.on{ width:870px;}
.x1 .ibd .hd ul li .cont{ width:100%; box-sizing:border-box; padding:0 50px 70px; position:absolute; left:0; bottom:0; z-index:2; color:#fff; display:flex;justify-content: space-between;align-items:flex-end;}
.x1 .ibd .hd ul li .cont .aitem .cn{ font-size:24px; line-height:1}
.x1 .ibd .hd ul li .cont .aitem .en{ font-size:14px; line-height:1; text-transform:uppercase; padding:10px 0 0 }
.x1 .ibd .hd ul li .cont .aitem .en:after{ content:""; display:block; width:38px; height:2px; background:#fff; transition:all 0.3s; margin-top:10px}
.x1 .ibd .hd ul li.on .cont .aitem .en:after{ width:120px}
.x1 .ibd .hd ul li .cont .aitem .intro{ font-size:14px; line-height:1.6; margin-top:10px; width:360px; display:none}
.x1 .ibd .hd ul li.on .cont .aitem .intro{ display:block}
.x1 .ibd .hd ul li .cont .bitem{display:flex;justify-content:center;align-items: center; width:110px; height:30px; background:#cd1619; border-radius:15px; font-size:14px; display:none}
.x1 .ibd .hd ul li.on .cont .bitem{ display:flex}
@media (max-width: 1700px){
	.x1{ padding:50px 0}
	.x1 .ibd{ margin-top:30px}
	.x1 .ibd .hd ul li{ width:250px; border-radius:15px }
	.x1 .ibd .hd ul li .pic{ width:640px; }
	.x1 .ibd .hd ul li.on{ width:620px;}
	.x1 .ibd .hd ul li .cont{  padding:0 40px 50px; }
	.x1 .ibd .hd ul li .cont .aitem .cn{ font-size:20px; }
	.x1 .ibd .hd ul li .cont .aitem .en{ font-size:12px; }
	.x1 .ibd .hd ul li.on .cont .aitem .en:after{ width:100px}
	.x1 .ibd .hd ul li .cont .aitem .intro{ font-size:12px; width:300px; }
	.x1 .ibd .hd ul li .cont .bitem{ width:100px; height:28px; font-size:12px; }
}
@media (max-width: 1200px){
	.x1{ padding:60px 0}
	.x1 .ibd{ margin-top:20px}
	.x1 .ibd .hd ul li{ width:32%; border-radius:15px }
	.x1 .ibd .hd ul li .pic{ width:100%; }
	.x1 .ibd .hd ul li.on{ width:32%;}
	.x1 .ibd .hd ul li .cont{  padding:0 0; width:100%; height:100%;display:flex;justify-content:center;align-items: center; text-align:center }
	.x1 .ibd .hd ul li .cont .aitem .cn{ font-size:20px; }
	.x1 .ibd .hd ul li .cont .aitem .en{ font-size:12px; }
	.x1 .ibd .hd ul li.on .cont .aitem .intro{ display:none}
	.x1 .ibd .hd ul li .cont .aitem .en:after{ display:none}
	.x1 .ibd .hd ul li .cont .aitem .intro{ display:none}
	.x1 .ibd .hd ul li .cont .bitem{ display:none}
	.x1 .ibd .hd ul li.on .cont .bitem{ display:none}
}
@media (max-width: 750px){
	.x1{ padding:40px 0}
	.x1 .ibd{ margin-top:0}
	.x1 .ibd .hd ul{ display:block}
	.x1 .ibd .hd ul li{ width:100%; border-radius:15px; margin-top:20px }
	.x1 .ibd .hd ul li .pic{ width:100%; }
	.x1 .ibd .hd ul li.on{ width:100%;}
	.x1 .ibd .hd ul li .cont{  padding:0 0; width:100%; height:100%;display:flex;justify-content:center;align-items: center; text-align:center }
	.x1 .ibd .hd ul li .cont .aitem .cn{ font-size:20px; }
	.x1 .ibd .hd ul li .cont .aitem .en{ font-size:12px; }
	.x1 .ibd .hd ul li.on .cont .aitem .intro{ display:none}
	.x1 .ibd .hd ul li .cont .aitem .en:after{ display:none}
	.x1 .ibd .hd ul li .cont .aitem .intro{ display:none}
	.x1 .ibd .hd ul li .cont .bitem{ display:none}
	.x1 .ibd .hd ul li.on .cont .bitem{ display:none}
}

.x2{ width:100%;background-image:url(x18.jpg);padding-bottom:400px;  background-attachment:fixed;  background-repeat:no-repeat;  background-size:cover;  background-position:center center;}
.x2 .ibd{ padding:90px 0; color:#fff; display:flex; justify-content: space-evenly;}
.x2 .ibd .item { text-align:center}
.x2 .ibd .item .p1{ display:flex; align-items:center;justify-content:center}
.x2 .ibd .item .p1 .a1{ font-family:"impact"; font-size:80px; line-height:0.8}
.x2 .ibd .item .p1 .a2{ font-size:18px; padding-top:30px; line-height:1; margin-left:5px}
.x2 .ibd .item .p1 .a3{ font-size:26px; top:-40px; position:relative; line-height:1; margin-left:5px}
.x2 .ibd .item .p2{ font-size:18px; margin-top:10px}
@media (max-width: 1700px){
	.x2{ padding-bottom:320px}
	.x2 .ibd{ padding:70px 0; }
	.x2 .ibd .item .p1 .a1{ font-size:66px;}
	.x2 .ibd .item .p1 .a2{ font-size:16px; padding-top:30px;}
	.x2 .ibd .item .p1 .a3{ font-size:22px; top:-30px; }
	.x2 .ibd .item .p2{ font-size:16px; }
}
@media (max-width: 1200px){
	.x2 .ibd{ padding:60px 0;justify-content: space-between;flex-wrap: wrap; }
	.x2 .ibd .item .p1 .a1{ font-size:56px;}
	.x2 .ibd .item .p1 .a2{ font-size:14px; padding-top:30px;}
	.x2 .ibd .item .p1 .a3{ font-size:18px; top:-20px; }
	.x2 .ibd .item .p2{ font-size:14px; }
}
@media (max-width: 750px){
	.x2{ padding:0}
	.x2 .ibd{ padding:20px 0;justify-content: space-between;flex-wrap: wrap; }
	.x2 .ibd .item{ padding:20px 0; width:50%}
	.x2 .ibd .item .p1 .a1{ font-size:40px;}
	.x2 .ibd .item .p1 .a2{ font-size:12px; padding-top:20px;}
	.x2 .ibd .item .p1 .a3{ font-size:16px; top:-15px; }
	.x2 .ibd .item .p2{ font-size:12px; }
}

.x3 .acon{ background:#fff; margin-top:-400px; box-sizing:border-box; box-shadow:0 0 20px rgba(0,0,0,0.15); padding:80px 100px; border-radius:30px; display:flex;justify-content: space-between; flex-wrap: wrap;}
.x3 .acon .ihd .aitem .cn{ display:block}
.x3 .acon .ihd .aitem .cn .intro{ margin-top:10px}
.x3 .acon .lt{ width:720px}
.x3 .acon .lt .bitem{ font-size:16px; color:#333333; line-height:2; text-align:justify; margin-top:25px}
.x3 .acon .lt .citem{ margin-top:25px; display:flex;justify-content: center;align-items: center;flex-wrap: wrap; padding:40px 0; box-sizing:border-box; width:660px; box-shadow:0 0 20px rgba(0,0,0,0.1)}
.x3 .acon .lt .citem .item a{ display:flex; align-items: center;}
.x3 .acon .lt .citem .item a .ico img{ height:49px;}
.x3 .acon .lt .citem .item a .con{ margin-left:28px;}
.x3 .acon .lt .citem .item a .con .cn{ font-size:18px; color:#000000; line-height:1}
.x3 .acon .lt .citem .item a .con .en{ font-size:14px; color:rgba(0,0,0,0.4); text-transform:uppercase; margin-top:12px; line-height:1}
.x3 .acon .lt .citem .item2{ height:45px; width:1px; background:#cccccc; margin:0 90px}
.x3 .acon .lt .citem .item2:last-child{ display:none}
.x3 .acon .rt{ width:694px; position:relative; margin-top:100px}
.x3 .acon .rt .pic{ width:100%; overflow:hidden; position:relative}
.x3 .acon .rt .pic img{transition:All 0.4s linear;    -webkit-transition:All 0.4s linear;    -moz-transition:All 0.4s linear;    -o-transition:All 0.4s linear; width:100%}
.x3 .acon .rt .pic:hover img{transform:scale(1.1);    -webkit-transform:scale(1.1);    -moz-transform:scale(1.1);    -o-transform:scale(1.1);    -ms-transform:scale(1.1);}
.x3 .acon .rt .pic .play{ display:block; width:100%; height:100%; position:absolute; left:0; top:0; background:url(x12.png) center center no-repeat; background-size:75px; cursor:pointer}
@media (max-width: 1700px){
	.x3 .acon{  margin-top:-320px; padding:60px 40px; border-radius:30px;}
	.x3 .acon .lt{ width:520px}
	.x3 .acon .lt .bitem{ font-size:14px; margin-top:16px}
	.x3 .acon .lt .citem{ margin-top:16px; width:100%; }
	.x3 .acon .lt .citem .item a .ico img{ height:32px;}
	.x3 .acon .lt .citem .item a .con{ margin-left:20px;}
	.x3 .acon .lt .citem .item a .con .cn{ font-size:14px; }
	.x3 .acon .lt .citem .item a .con .en{ font-size:12px; margin-top:10px; }
	.x3 .acon .lt .citem .item2{ height:40px; margin:0 70px}
	.x3 .acon .rt{ width:570px; margin-top:80px}
	.x3 .acon .rt .pic .play{ background-size:60px; }
}
@media (max-width: 1200px){
	.x3 .acon{  margin-top:-320px; padding:30px; border-radius:20px;}
	.x3 .acon .lt{ width:100%}
	.x3 .acon .lt .bitem{ font-size:14px; margin-top:16px}
	.x3 .acon .lt .citem{ margin-top:16px; width:100%; }
	.x3 .acon .lt .citem .item{ width:50%;display: flex; justify-content: center;}
	.x3 .acon .lt .citem .item a .ico img{ height:32px;}
	.x3 .acon .lt .citem .item a .con{ margin-left:20px;}
	.x3 .acon .lt .citem .item a .con .cn{ font-size:14px; }
	.x3 .acon .lt .citem .item a .con .en{ font-size:12px; margin-top:10px; }
	.x3 .acon .lt .citem .item2{ height:0; margin:0 0; display:none}
	.x3 .acon .rt{ width:100%; margin-top:20px}
	.x3 .acon .rt .pic .play{ background-size:60px; }
}
@media (max-width: 750px){
	.x3 .acon{  margin-top:40px; padding:0; border-radius:0; box-shadow:0 0 0; background:none}
	.x3 .acon .lt{ width:100%}
	.x3 .acon .lt .bitem{ font-size:14px; margin-top:16px}
	.x3 .acon .lt .citem{ margin-top:16px; width:100%; padding:20px 0; background:#fff }
	.x3 .acon .lt .citem .item{ width:50%;display: flex; justify-content: center;}
	.x3 .acon .lt .citem .item a .ico img{ height:32px;}
	.x3 .acon .lt .citem .item a .con{ margin-left:20px;}
	.x3 .acon .lt .citem .item a .con .cn{ font-size:14px; }
	.x3 .acon .lt .citem .item a .con .en{ font-size:12px; margin-top:10px; }
	.x3 .acon .lt .citem .item2{ height:0; margin:0 0; display:none}
	.x3 .acon .rt{ width:100%; margin-top:20px}
	.x3 .acon .rt .pic .play{ background-size:50px; }
}

.x4{ margin-top:40px;}
.x4 .swiper04{ width:100%; padding:15px; margin:-15px; overflow:hidden;}
.x4 .swiper04 .swiper-slide{ width:186px; margin-right:30px; box-shadow: 0 0 10px rgba(0,0,0,0.15); overflow:hidden}
.x4 .swiper04 .swiper-slide img{ width:100%}
.x4 .swiper04 .swiper-slide:last-child{ margin-right:0}
@media (max-width: 1700px){
	.x4 .swiper04{ padding:10px; margin:-10px;}
	.x4 .swiper04 .swiper-slide{ width:11.1875%; margin-right:1.5%}
	.x4 .swiper04 .swiper-slide img{ width:100%}
}
@media (max-width: 1200px){
	.x4 .swiper04{ padding:5px; margin:-5px;}
	.x4 .swiper04 .swiper-slide{ width:23.5%; margin-right:2%}
	.x4 .swiper04 .swiper-slide img{ width:100%}
}
@media (max-width: 750px){
	.x4{ margin-top:30px}
	.x4 .swiper04{ padding:5px; margin:-5px;}
	.x4 .swiper04 .swiper-slide{ width:31%; margin-right:3.5%}
	.x4 .swiper04 .swiper-slide img{ width:100%}
}

.x5{ padding:70px 0}
.x5 .ibd{ margin-top:40px}
.x5 .ibd .swiper05{ width:100%; overflow:hidden}
.x5 .ibd .swiper05 .swiper-slide{ width:31.5%; margin-right:2.75%; background:#fff}
.x5 .ibd .swiper05 .swiper-slide:last-child{ margin-right:0}
.x5 .ibd .swiper05 .swiper-slide a{ display:block; width:100%; box-sizing:border-box; padding:30px}
.x5 .ibd .swiper05 .swiper-slide a .pic{ width:100%; overflow:hidden}
.x5 .ibd .swiper05 .swiper-slide a .pic img{transition:All 0.4s linear;    -webkit-transition:All 0.4s linear;    -moz-transition:All 0.4s linear;    -o-transition:All 0.4s linear; width:100%}
.x5 .ibd .swiper05 .swiper-slide:hover a .pic img{transform:scale(1.1);    -webkit-transform:scale(1.1);    -moz-transform:scale(1.1);    -o-transform:scale(1.1);    -ms-transform:scale(1.1);}
.x5 .ibd .swiper05 .swiper-slide .title{ font-size:20px; color:#333333; font-weight:bold;text-overflow: ellipsis;overflow: hidden;white-space: nowrap; line-height:55px; border-bottom:1px solid #e2e2e2;}
.x5 .ibd .swiper05 .swiper-slide .intro{display: -webkit-box;  -webkit-line-clamp: 3;  -webkit-box-orient: vertical;  overflow: hidden; font-size:14px; color:#333333; line-height:1.8; margin-top:8px}
@media (max-width: 1700px){
	.x5{ padding:50px 0}
	.x5 .ibd{ margin-top:30px}
	.x5 .ibd .swiper05 .swiper-slide a{ padding:20px}
	.x5 .ibd .swiper05 .swiper-slide .title{ font-size:18px; line-height:45px; }
	.x5 .ibd .swiper05 .swiper-slide .intro{ font-size:12px; line-height:1.8; }
}
@media (max-width:1200px){
	.x5{ padding:60px 0}
	.x5 .ibd{ margin-top:30px}
	.x5 .ibd .swiper05 .swiper-slide a{ padding:15px}
	.x5 .ibd .swiper05 .swiper-slide .title{ font-size:16px; line-height:40px; }
	.x5 .ibd .swiper05 .swiper-slide .intro{ font-size:12px; line-height:1.8; }
}
@media (max-width:750px){
	.x5{ padding:40px 0}
	.x5 .ibd{ margin-top:20px}
	.x5 .ibd .swiper05 .swiper-slide{ width:48.5%; margin-right:3%}
	.x5 .ibd .swiper05 .swiper-slide a{ padding:10px}
	.x5 .ibd .swiper05 .swiper-slide .title{ font-size:14px; line-height:40px; }
	.x5 .ibd .swiper05 .swiper-slide .intro{ font-size:12px; line-height:1.8; -webkit-line-clamp: 2; }
}