@charset "utf-8";
/* ===================Ê×Ò³Ñùʽ========================== */
/* banner */
.inban{ width:100%; height:800px; position:relative;}

.inban .swiper {
        width: 100%;
        height: 100%;
      }

.inban .swiper-slide {


        /* Center slide text vertically */
        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;
      }

.inban .swiper-slide img {
        display: block;
        width: 100%;
        height: 100%;
        object-fit: cover;
      }


.banner{width: 100%;position:relative;background: #a3b8c0;}
.banner-bg{width: 100%;overflow: hidden;}
.banner-bg img{width:100%;object-fit:cover}
.banner-bg img.banner-bg-pc{height: 100vh;}
.banner-bg img.banner-bg-mb{display:none}
.banner .hasVideo video{position: absolute;width: 100%;height: 100%;object-fit: cover;z-index: 4;top: 0;left: 0;}
.banner-cont{width:100%;height:100%;position:absolute;left:0;top:0;z-index: 10;}
.banner-cont .contain{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}
.banner-cont-title{color:#fff;text-align:center;font-size:60px;font-family: "˼ԴºÚÌå CN", "Source Han Sans CN", "noto sans";font-weight: 500;}
.banner-cont-title p{display:block}
.banner-nav{position:absolute;left:50%;bottom:70px;z-index:2;display:flex;transform:translateX(-50%);align-items:center}
.banner .swiper-pagination{position:static;display:flex;align-items:center}
.banner .swiper-pagination-bullet{border-radius:0;background:0 0;color:#fff;font-size:14px;width:auto;height:auto;opacity:.5;line-height:1;display:flex;align-items:center;transition:all .8s ease;position:relative;margin-left:22px}
.banner .swiper-pagination-bullet:last-child{margin-right:22px}
.banner .swiper-pagination-bullet:after{content:'';position:absolute;left:22px;height:2px;width:0;background:#c41218;margin-left:22px;transform-origin:left top}
.banner .swiper-pagination-bullet.active:after{width:66px;transition:width 4s linear .4s}
.banner .swiper-pagination-bullet-active+.swiper-pagination-bullet{margin-left:0}
.banner .swiper-pagination-bullet-active{opacity:1;color:#fff;margin-right:120px!important}
.banner-btn{display:flex;align-items:center;transition:all .4s ease}
.banner-btn.prev:hover{transform:translateX(-5px)}
.banner-btn.next:hover{transform:translateX(5px) rotate(180deg)}
.banner-btn img{width:18px;height:18px}
.banner-btn.next{transform:rotate(180deg)}
.banner-play{box-sizing:border-box;width:0;height:12px;border-style:solid;border-width:6px 0 6px 12px;border-color:transparent transparent transparent #fff;cursor:pointer;will-change:border-width;transition:all .2s ease;margin-left:30px}
.banner-play.paused{border-style:double;border-width:0 0 0 12px}
.banner-cont-title p{opacity: 0;}
.banner-cont-title p:nth-child(1){animation: indbanRunL 1s ease both .2s;}
.banner-cont-title p:nth-child(2){animation: indbanRunR 1s ease both .2s;}
@keyframes indbanRunL{0%{transform: translateX(-200px);opacity: 0;}100%{transform: translateX(0);opacity: 1;}}
@keyframes indbanRunR{0%{transform: translateX(200px);opacity: 0;}100%{transform: translateX(0);opacity: 1;}}

/* bannerÊÓƵ */
.banner .hasVideo .banner-img img.banner-bg-pc{animation: hasVideoImg 1s ease both;}
@keyframes hasVideoImg {0%{opacity: 1;}100%{opacity: 0;}}
.banner .hasVideo video{width: 100%;height: 100%;object-fit: cover;position: absolute;top: 0;left: 0;z-index: 2;}
@media all and (max-width:1151px) {.hasVideo .banner-bg img.banner-bg-pc{animation: none;}.hasVideo video{display: none;}}

.index-tit{font-size:42px;color:#1a1a1a;font-weight:700;text-align:center;position:relative}

.index-tit.white{color:#fff}
.index-tit.white:after{background:#fff}
.index-tip{font-size:16px;text-align:center;color:#666;line-height: 26px}
.index-tip.white{color:#fff}
.index-tip b, .index-tip strong{font-weight: normal;}


/*标题*/
.ron-tit{
    padding: 60px 0;
    display: flex;
    flex-wrap: wrap;
}
.ron-tit .title{
    float: left;
    width: 50%;
    text-align: left;
}

.ron-tit .title h3{
    font-size: 40px;
    color: #333;
    font-weight: normal;
}
.ron-tit .title p{
    font-size: 18px;
    color: #888;
    margin-top: 25px;
    font-weight: normal;
}
.ron-more{
    float: right;
    font-weight: normal;
}
.ron-more a{
    display: inline-block;
    width: 150px;
    height: 48px;
    background-color: #c41218;
    color: #fff;
    line-height: 48px;
    background-position: 100px center;
    background-repeat: no-repeat;
    background-size: 8px;
    background-image: url(http://www.shiyouflooring.com/bocstatic/web/css/../img/next1.png);
    padding-left: 30px;

    text-align: left;
    
    transition: all 0.5s;
    font-size: 15px;
}
.ron-more a:hover{background-position: 110px center;}
.container {
    width: 1470px;
    padding-right: 15px;
    padding-left: 15px;

}
@media (min-width: 1470px)
.container {
    width: 1470px;
}
@media (min-width: 1200px)
.container {
    width: 1170px;
}
@media (min-width: 992px)
.container {
    width: 970px;
}
@media (min-width: 768px)
.container {
    width: 750px;
}
.ron-cfn{
    float: right;
    width: 50%;
    height: 100%;
    display: flex;
    align-items: center;
}
.ron-cfn ul{
    width: 100%;
    display: flex;
    justify-content: end;
}
.ron-cfn ul li{
    float: left;
    margin-left: 8%;
}
.ron-cfn ul li:nth-child(1){
    margin-left: 0;
}
.ron-cfn ul li{
    display: block;
    font-size: 20px;

    cursor: pointer;
    font-weight: lighter;
    padding-bottom: 20px;
}
.ron-cfn ul li:hover{
    font-weight: bold;
    border-bottom: 2px #c41218 solid;
}

/*产品*/
.wrap {
    width: 1300px;
    margin-right: auto;
    margin-left: auto;
}
.ipart01{background:url(../images/ipart01_1.jpg) no-repeat center; height:331px;}
.ipart01 .infor {text-align:center; color:#fff; padding-top:60px;}
.ipart01 .infor .tit a{display:block; cursor:default;}
.ipart01 .infor .tit a:hover{color:#fff;}
.ipart01 .infor .tit{font-size:36px; font-weight:bold; line-height:36px; margin-bottom:16px;}
.ipart01 .infor .con{font-size:16px; color:rgba(255,255,255,.6); line-height:26px;}
.ipart01 .content{margin-top:40px; /**/}
.ipart01 .content .item  p{display: none;margin: 20px; }
.ipart01 .content .item{float:left; width:33.3%; transition:all 0.5s ease; position:relative; height:250px; cursor:pointer; overflow:hidden;}
.ipart01 .content .item.cur{width:33.33%;}

.ipart01 .content .item:hover p{
    display: block;
    animation-delay: 0.12s; animation-name: fadeInUp;
}
.ipart01 .content .item ._img{position:absolute; left:50%; margin-left:-260px; bottom:0; width:520px; height:100%; max-width:none;}
.ipart01 .content .item .intro{position:relative; z-index:2; width:100%; height:100%;}
.ipart01 .content .item .intro .box{padding:47px 32px; ; color:#666;}
.ipart01 .content .item .intro .box .t{font-size:24px; font-weight:bold; line-height:26px; margin-bottom:17px;}
.ipart01 .content .item .intro .box .c{font-size:16px; color:#666; line-height:22px}
.ipart01 .content .item .intro .box .link{margin-top:50px; font-size:16px; color:#00479d; line-height:22px; background: url(../images/link.png) no-repeat left 3px;text-indent: 20px;}


/*新闻*/
.imgZoom img,.imgY180 img {-moz-transition:all .8s ease 0s; -ms-transition:all .8s ease 0s; -o-transition:all .8s ease 0s; -webkit-transition:all .8s ease 0s; transition:all .8s ease 0s;}
.imgZoom {overflow:hidden; -webkit-transform:rotate(0); transform:rotate(0);}
.imgZoom:hover img{-moz-transform:scale(1.1,1.1); -ms-transform:scale(1.1,1.1); -o-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1); transform:scale(1.1,1.1);}
.imgY180:hover img {cursor:pointer; -moz-transform:rotateY(180deg); -ms-transform:rotateY(180deg); -o-transform:rotateY(180deg); -webkit-transform:rotateY(180deg); transform:rotateY(180deg) }
.owl-carousel {
    display: none;
    width: 100%;
    z-index: 1;
}
.owl-carousel .owl-stage-outer {
    position: relative;
    overflow: hidden;
    -webkit-transform: translate3d(0,0,0);
}
 .owl-carousel, .owl-carousel.owl-loaded {
    display: block;
}

*[class*="rect-"] {
    position: relative;
    display: block;
    width: 100%;
    height: 0;
    overflow: hidden;
}
.owl-carousel .owl-item {
    min-height: 1px;
    float: left;
    -webkit-backface-visibility: hidden;
    -webkit-touch-callout: none;
}
.owl-carousel .owl-item img {
    display: block;
/*    width: 100%;*/
    height: 475px;
    width:  637px;
}

.ipart02{padding-top:163px;padding-bottom:30px; background:#fff;}
.ipart02 .infor {text-align:center; color:#666;}
.ipart02 .infor .tit a{display:block;}
.ipart02 .infor .tit a:hover{color:#929292;}
.ipart02 .infor .tit{font-size:36px; font-weight:bold; line-height:36px; margin-bottom:16px;}
.ipart02 .infor .con{font-size:16px; line-height:26px;}
.ipart02 .content{margin-top:50px;height:475px;overflow: hidden}
.ipart02 .content .left{width:49%; float:left; position:relative;}
.ipart02 .content .left .rect-745{padding-bottom:67%;}
.ipart02 .content .left .video_news{position:absolute; top:0; left:0; width:100%; height:100%;}
.ipart02 .content .left .mask{position:absolute; left:0; bottom:0; width:100%; height:100%; }
.ipart02 .content .left .intro{position:absolute; left:0; bottom:0; width:100%;}
.ipart02 .content .left .intro .box{padding:36px 140px 36px 40px; color:#fff;}
.ipart02 .content .left .intro .box .d{font-size:14px; line-height:24px; margin-bottom:10px;}
.ipart02 .content .left .intro .box .t{font-size:22px; font-weight:bold; line-height:30px;}
.ipart02 .content .right{width:50%; float:right;}
.ipart02 .content .right .rect-3523{padding-bottom:35.23%;}
.ipart02 .content .right .rect-7269{padding-bottom:72.69%;}
.ipart02 .content .right .r_top{margin-bottom:14px;}
.ipart02 .content .right .r_top .intro{position:absolute; left:0; bottom:0; width:50%;}
.ipart02 .content .right .r_top .intro .box{padding:36px 40px; color:#fff;}
.ipart02 .content .right .r_top .intro .box .d{font-size:14px; line-height:24px; margin-bottom:8px;}
.ipart02 .content .right .r_top .intro .box .t{font-size:20px; font-weight:bold; line-height:28px;}
.ipart02 .content .right .r_bott{overflow:hidden;}

.ipart02 .content .right .r_bott .bott_l{float:left; width:49%;}
.ipart02 .content .right .r_bott .bott_l .cover{position:absolute; left:0; bottom:0; width:100%; height:100%; cursor:pointer}
.ipart02 .content .right .r_bott .bott_l .cover .play{width:63px; height:63px; background:url(../images/ipart02_play.png) no-repeat center; margin:66px auto 16px;}
.ipart02 .content .right .r_bott .bott_l .cover .t{font-size:20px; font-weight:bold; color:#fff; text-align:center;padding: 64px 53px 45px 34px;}

.ipart02 .content .right .r_bott .bott_r{float:right; width:49%; transition:all 0.5s ease;background:url(../images/ipt2_bg1.jpg) no-repeat center;}
.ipart02 .content .right .r_bott .bott_r:hover{}
.ipart02 .content .right .r_bott .bott_r .box{padding:44px 53px 45px 34px; color:#fff;}
.ipart02 .content .right .r_bott .bott_r .box .d{font-size:14px; line-height:24px;}
.ipart02 .content .right .r_bott .bott_r .box .t{font-size:20px; line-height:28px; font-weight:bold;}


.ipart02 .list .item{float:left; overflow:hidden; position:relative; width:25%; cursor:pointer;}
.ipart02 .list .item .item_box{padding:49px 22px 0px; display:block;}
.ipart02 .list .item .item_box .intro{position:relative; overflow:hidden;}
.ipart02 .list .item .item_box .intro .t{font-size:18px; line-height:30px; color:#333; font-weight:bold; margin-bottom:7px; height:60px; overflow:hidden;}
.ipart02 .list .item .item_box .intro .d{font-size:14px; line-height:22px; color:#00479d; margin-bottom:18px;}
.ipart02 .list .item .item_box .intro .c{font-size:13px; color:#666; line-height:22px; margin-bottom:40px; height:44px; overflow:hidden;}
.ipart02 .list .item .item_box .intro:after{content:''; width:100%; height:5px; position:absolute; left:0; bottom:0; background:#d1d1d1;}
.ipart02 .list .item .item_box .intro:before{content:''; width:0%; height:5px; background:#c41218; position:absolute; left:0; bottom:0; transition:all 0.6s ease;}
.ipart02 .list .item:hover .item_box .intro:before{width:100%; z-index:3}
.ipart02 .list .item:hover .item_box .intro .t{color:#00479d;}
@font-face{font-family: "iconfont";
  src: url('iconfont.eot'); /* IE9*/
  src: url('iconfont.eot#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('iconfont.woff') format('woff'), /* chrome, firefox */
  url('iconfont.ttf') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
  url('iconfont.svg#iconfont') format('svg'); /* iOS 4.1- */
}
.iconfont {
    font-family: "iconfont" !important;
    display: inline-block;
    vertical-align: middle;
    margin: 0 0.3em;
    font-size: 1.1em;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0px;
}
.ipart02 .content .left .owl-nav>div{color:#fff; padding:0; font-weight:bold; font-size:30px; position:absolute; top:50%; margin-top:-22px;}
.ipart02 .content .left .owl-nav .owl-prev{left:0;}
.ipart02 .content .left .owl-nav .owl-next{right:0;}
.ipart02 .content .left .owl-nav>div:hover{color:#facd00;}
.ipart02 .content .left .owl-nav>div i{margin:0;}
.ipart02 .list .owl-dots{position:absolute; z-index:10; bottom:-45px; left:0%;  width:100%; text-align:center;}
.ipart02 .list .owl-dot{width:9px; height:9px; background:#a5acb0; margin:0 5px;border-radius:50%; display:inline-block; vertical-align:middle;}
.ipart02 .list .owl-dot.active{background:#eaeaea; width:13px; height:13px;}





/*公司介绍*/

.aboutus{padding: 7.5rem 0 0;background:url(../images/container04_bg.png) no-repeat fixed;height:600px}
.aboutus .left{width: 70%;padding: 3rem 0 0 0;float:left}
.aboutus .left>h3{font-size: 2.375rem;color: #fff;}
.aboutus .left h3 img{ transition:.5s}
.aboutus .left h2{font-size: 3.45rem;color: #fff;margin: 1.375rem 0 2.75rem;font-family: 'microsoft Yahei';}
.aboutus .left p{ font-size: 1.1255rem; color: #fff; line-height: 1.625rem; font-weight: 300;}

.list_box_11{display: flex;margin: 4.125rem 0 0;align-items: flex-end;height: 22.5rem;}
.list_box_11 li a{display: flex;flex-direction: column;justify-content: center;height: 18.125rem;background: rgba(143, 23, 23, 0.85); transition: .5s;}
.list_box_11 li a h3{ width: 6.625rem; height: 6.625rem; background: #fff; margin: 0 auto; border-radius: 50%; display: flex; justify-content: center; align-items: center;}
.list_box_11 li{width: 33.33%;text-align: center;min-width:5rem;}
.list_box_11 li h5{ font-size: 1.25rem; color: #fff; font-weight: bold; line-height: 1.5; margin: 1rem 0 0;}
.list_box_11 li:nth-child(2) a{ background: rgba(255, 255, 255, 0.75)}
.list_box_11 li:nth-child(3) a{ background: rgba(0, 61, 136, 0.85)}

.list_box_11 li:nth-child(2) h5{ color:#8f1717}

.aboutus .right{width: 30%;float:right;overflow: hidden;}

.list_box_12{ margin-bottom: 1.5rem;}
.list_box_12 li a{ display: block; position: relative;}
.list_box_12 li a .img .img_hezi{ padding-bottom: 48.21% !important;}
.list_box_12 li a .top{position: absolute;top: 0;right: 0;bottom: 0;left: 0;padding: 0 2.375rem;display: flex;justify-content: center;flex-direction: column;}
.list_box_12 li a .top h3{width: 100%;font-size: 2.1875rem;color: #fff;font-weight: bold;}
.list_box_12 li a .top span{display:flex;align-items:center;justify-content:center;border-radius: 50%;border:#003d88 1px solid;width: 2.25rem;height: 2.25rem;margin: 2.25rem 0 0;}
.list_box_12 li a .top span svg{ width:1rem; height:1rem; fill:#003d88; transition: 0s;}

.list_box_13{ display: flex; margin: 0 -.625rem;}
.list_box_13 li{ width: 50%; padding: 0 .625rem;overflow:hidden}
.list_box_13 li div{ display: block; position: relative;}
.list_box_13 li div .img .img_hezi{ padding-bottom: 100% !important;}
.list_box_13 li div .ico{ position: absolute; top: 0; right: 0; bottom: 0; left: 0; display: flex; align-items: center; justify-content: center; padding-bottom:8%}
.list_box_13 li div .ico img{ width: auto}
.list_box_13 li div .top{ position: absolute; top: 0; right: 0; bottom: 0; left: 0; display: flex; align-items: flex-end; justify-content: center; cursor: pointer;}
.list_box_13 li div .top h3{ font-size:1.6252rem; color:#fff; font-weight:bold; line-height:1.25; margin-bottom:1.75rem}
.list_box_13 li div .center1{ position: absolute; top: 0; right: 0; bottom: 0; left: 0; display: flex; align-items: flex-end; justify-content: center; background-size: 100% auto; }
.list_box_13 li div .center1 h3{ font-size:1.6252rem; color:#fff; font-weight:bold; line-height:1.25; margin-bottom:4.5rem}


/*图标*/

/*±íµ¥*/
.section_bd{
    clear: both;
    margin-top: 70px;
    background-color: #c41a00;
    background-image: url(../images/sectionbg.jpg);
    background-position: center;
    background-repeat: no-repeat;
    
}
.section_bd .contain{width: 1460px;min-height: 160px;}
.section_bd .inputly .input_left{float: left;width: 50%;}
.section_bd .inputly .input_left .line1 {
    margin-top: 30px;
    width: auto;
    color: #ffffff;
    font-size: 30px;
    line-height: 50px;
    position: relative;

}
.section_bd .inputly .input_left .line2 {
  width: auto;
  color: #ffffff;
  font-size: 36px;
  font-weight: bold;
  line-height: 50px;
  position: relative;

  letter-spacing: 2px;
}
.section_bd .inputly .input_name{
    margin-bottom: 5px;
    width: 260px;
    min-height: 90px;
    font-weight: normal;
    line-height: 24px;
    float: left;
}
.section_bd .inputly .input_name span{

}
.section_bd .inputly .input_right{float: right;width: 50%;}
/* -------------------------PC¶Ë--------------------------- */
@media all and (max-width:1700px) {
    /* 1600 ¡Á (900) */
}

@media all and (max-width:1599px) {
    /* 1440 ¡Á (700)  */
    .banner-cont-title{font-size: 48px}
    .index-tit{font-size: 36px}
    .world-tit{font-size: 28px;line-height: 40px;}
    .index-tit:after{width: 70px}
    .industry-item{height: 300px}
    .intro-cont{margin-top: 60px}
    .intro-r{padding: 40px}
    .intro-r h3, .intro-r h1{font-size: 22px}
    .intro-r p br{height: 18px;}
    .world-l ul{margin-top: 50px}
   
    .news-time span{font-size: 30px}
    .news-txt{padding-left: 20px}
    .news-txt-title{font-size: 16px;margin-bottom: 10px}
    .intro-l{height: 500px}
    .world-num{font-size: 36px}
    .world {padding: 120px 0;}
    .news .contain{width: 1220px;}
    .news {padding: 80px 0;}
}

@media all and (max-width:1439px) {
    /* 1360 */
}

@media all and (max-width:1359px) {
    /* 1280 */
}

@media all and (max-width:1279px) {
    /* 1152 ¡Á (700) */
    .industry.news{padding: 80px 0}
    .banner-cont-title{font-size: 36px}
    .index-tit{font-size: 32px}
    .about{padding: 100px 0}
    .about-tit{font-size: 23px;line-height: 36px}
    .about-l ul {margin-top: 40px;}
    .about-num{font-size: 30px}
    .about-num span{padding-left: 6px;padding-top: 6px}
    .about-l li p {font-size: 14px;margin-top: 6px;}
    .news-time{font-size: 12px}
    .news-time span{font-size: 26px}
  
    .news-txt{padding-left: 15px}
    .news .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin: 0 5px}
    .news .swiper-pagination-bullet{width: 8px;height: 8px}
    .news .contain{width: 980px;}
    .news .swiper-container {padding: 0 10px 70px;}
}

@media all and (max-width:1151px) {
    /* 1024 */
    .banner-bg img.banner-bg-pc{height: 50vh;}
    @keyframes indbanRunL{0%{transform: translateX(-100px);opacity: 0;}100%{transform: translateX(0);opacity: 1;}}
    @keyframes indbanRunR{0%{transform: translateX(100px);opacity: 0;}100%{transform: translateX(0);opacity: 1;}}
    .news-more{display: none;}
    .news a:hover .news-info {transform: translateY(0);}
    .intro-bg{background-size: 120% auto;}
}


/* ------------------------ÊÖ»ú¶Ë-------------------------- */
@media all and (max-width:1000px) {
    /* ƽ°åÉ豸 720 ÊÊÅä */
    .index-tit{font-size: 26px;padding-bottom: 15px;margin-bottom: 15px}
    
    .news .index-tit{margin-bottom: 40px}
    .news .contain{width: 92%;}
    .news .swiper-container{padding: 0 0 50px;}
    .news a{box-shadow: none;}
}
@media all and (max-width:640px) {
    /* Òƶ¯ÖÕ¶ËÒÔÉÏ 360 ÊÊÅä */
    .banner-bg img.banner-bg-pc{display:none}
    .banner-bg img.banner-bg-mb{display:block;min-height: 320px;}
    .banner-nav{bottom: 20px}
    .banner-cont-title{font-size: 22px;line-height: 1.6;}
    .banner-cont-title p{animation: none !important;opacity: 1;}
    .banner .swiper-pagination-bullet{font-size: 12px;margin-left: 10px}
    .banner .swiper-pagination-bullet:last-child{margin-right: 10px}
    .banner .swiper-pagination-bullet-active{margin-right: 80px!important}
    .banner .swiper-pagination-bullet:after{left: 0}
    .banner .swiper-pagination-bullet.active:after{width: 40px}
    .banner-btn img{width: 14px}
    .banner-play{border-width:5px 0 5px 10px;height: 10px;margin-left: 20px}
    .banner-play.paused{border-width: 0 0 0 10px}
    
    .index-tit:after{height: 2px;width: 60px}
    .industry-cell.on .industry-item.activ,.industry-cell.on .industry-item,.industry-cell.on .industry-item.active,.industry-item{width: 100%}
    .industry{padding: 40px 0}
    .intro-cont{margin-top: 30px;flex-wrap: wrap}
    .intro {padding-top: 40px;}
    .intro-r {padding: 24px 12px;}
  
    .intro-bg {background-size: 500% auto;}
    .intro-r p br{height: 10px;}
    .world-l li:nth-last-child(3){margin-bottom: 20px;padding-bottom: 20px;border-bottom: 1px solid #e5e5e5;}
}