/* 基础设置 */
html {
    font-size: 16px;
}

body {
    margin: 0;
    padding: 0;
    min-width: 320px;
    max-width: 2180px;
    margin: 0 auto;
}

/* 移动端适配 */
@media screen and (max-width: 768px) {
    html {
        font-size: calc(100vw / 375 * 16);
    }
    
    body {
        transform-origin: top center;
        transform: scale(0.9);
        width: 100%;
    }
    
    .wrap, .center {
        width: 100%;
        overflow: hidden;
    }
    
    img {
        max-width: 100%;
        height: auto;
    }
    
    .w-common {
        width: 100% !important;
    }
    
    .group, .group-1 {
        float: none !important;
        width: 100% !important;
        margin: 10px 0;
    }
    
    .silder-box-1, .silder-box-2 {
        transform: scale(0.9);
        margin: 0 auto;
    }
    
    .poem-box {
        transform: scale(0.9);
        margin: 0 auto;
    }
}

/* 网页端样式优化 */
@media screen and (min-width: 769px) {
    body {
        transform: none;
    }
    
    #phone-header {
        display: none;
    }
    
    .header .banner {
        display: block;
    }
}

a {
  text-decoration: none;
}
p{text-indent:2em;color:#666; line-height: 36px;}
p a{color:#ff1a1c;}
p a:hover{color:#f7c0a9;}
.fl{ float:left;} .fr{ float:right;}

.mod {
  width:100%;
  height:100%;
  margin: 0 auto;
  min-width:1280px;
}


.wrap{width:100%;margin:0 auto 0;background:url(../images/img_0.png) no-repeat scroll 50% 0; height:1024px;  min-width:1280px; }
.header{height:100%;padding:50px 0 0;position:relative;overflow:hidden; width:100%;}
.banner{ max-width: 1280px;height:641px;margin:0 auto ; }
.banner>img:nth-child(1){width:8%;left: 0;bottom: 0;animation-delay:0.5s; bottom:0;top:-70%; position: relative;}
.banner>img:nth-child(2){width:59%;left:10%; right: 0; margin: 0 auto;top:-1.5%;animation-delay:1.2s;  bottom:5%; position: relative; }
.dy{ width: 1000px; margin:10% auto; }
.dy p{ color: #fff;}
#phone-header{
	display: none;
}


.floor-bg{
  text-align: center;
  
}

.floor-bg img {
  align-self: center;
  width: 470px;
  height: 175px;
  
}



/* 01 */
.center{  margin:0 auto; overflow: hidden;background:url("../images/bg05.png") #fdf4eb no-repeat center top ;}

.page1 {

  justify-content: flex-start;
  align-self: center;
  max-width: 1280px;
  margin: 20px auto;
  background:url("../images/bg02.png") no-repeat center top ;
  padding: 20px;
}

.page2 {

  justify-content: flex-start;
  align-self: center;
  max-width: 1280px;
  margin: 20px auto;
  background:url("../images/bg03.png") no-repeat center top ;
  padding: 20px;
}

.page3 {

  justify-content: flex-start;
  align-self: center;
  max-width: 1280px;
  margin: 20px auto;
  background:url("../images/bg04.png") no-repeat center top ;
  padding: 20px;
}


.w-common{
	width: 1200px;
	margin: 0 auto 50px;
  background: #fffdf7;
  border-radius: 10px;
  overflow: hidden;
  padding: 20px;
}
.txt{ color: #fff; margin:20px auto 20px; font-size: 28px; width: 500px; text-align: center; font-weight: bold;}
.group{ width: 636px; height: 230px; }


.switch{width:585px;height:354px;position:relative; }
.switch ul{width:100%;height:100%;position:relative;overflow:hidden;}
.switch li{width:100%;height:100%;position:absolute;top:0;left:0;}
.switch ul li img{width:585px;height:354px;position:absolute;top:0;left:0; border-radius: 0.4vw;}
.switch-nav{bottom:20px;right:10px;position:absolute;z-index:1;height:9px;}
.switch-nav span.active{ background: #fd8d21; border-radius: 4px; width:20px; height:10px; }
.switch-nav span{margin:0 3px;text-align:center;line-height:15px;cursor:pointer;float:left;display:block;width:10px;height:10px; background: #fff; border-radius:50px;color:#fff; }

.l_new{ width:550px; overflow:hidden; }
.l_new a{ width:550px; height:40px;  overflow:hidden;line-height:40px; font-size:16px; color:#686868; display:block; float:left; background:url(../images/icon-e.png) no-repeat 0 12px; padding-left:5%; border-bottom:2px #d0cfcf dotted; padding-bottom: 10px; }

.group-1{ width: 510px;}
.tit-common{ color: #d90e0f; font-size:20px; font-weight:bold; text-align:center; width: 510px; float: left;}
.caption {
  align-self: center;
  font-size:26px;
  line-height: 90px;
  color: #f7c0a9;
  text-decoration: none;
  letter-spacing: 0px;
  white-space: nowrap;
  lines:1;
  overflow: hidden;
  margin:10px auto;
  width: 1180px;
}




/* 01 */

.grid {
  width: 1180px;
  margin: 60px auto 60px;
  overflow: hidden;
  background: #fffdf7;
  border-radius: 20px;
  padding: 20px;
}

.jrms{ width: 1000px; margin: 0 auto; overflow: hidden;}

.col-common {
  position: relative;
  width: 288px;
  height:560px;
  overflow: hidden;
  float: left;
  margin: 0 auto;

}
.time-common {
  overflow: hidden;
  color: #ffffff;
  text-decoration: none;
  letter-spacing: 0px;
  text-overflow: ellipsis;
}

.view-2 {
  position: absolute;
  left: 50%;
  bottom:36px;
  flex-direction: column;
  justify-content: flex-start;
  z-index: 1;
  width:264px;
  padding: 175px 12px 20px;
  background-color: rgba(209, 31, 21, 1);
  background-image: linear-gradient(to top, rgb(255, 48, 0), rgb(255, 185, 62));
  background-size: 100% 100%;
  border-radius: 20px;
  transform: translateX(-50%);
  background-repeat: no-repeat;
  background-position: 0px 0px;
}

.time {
text-align: center;

  margin-left: 1px;
  font-size:20px;
  line-height: 36px;
  white-space: nowrap;
  lines: 1;
  width:264px;
  float: left;
}

.background {
  position: absolute;
  left: 50%;
  bottom:221px;
  z-index: 2;
  width:288px;
  height:322px;
  transform: translateX(-50%);
}

.item {
  z-index: 3;
  width:288px;
  height:322px;
  position: absolute;
  left: 0;
}

.summary {
  align-self: flex-start;
  width: 260px;
  height: 99px;
  margin: 24px auto;
  font-size:14px;
  line-height: 31px;
  white-space: normal;
  lines: 3;
  webkit-line-clamp: 3;
  webkit-box-orient: vertical;
}

.view-2 p a{ color: #ffd4af;}


/* 04 */

.col-common1 {
  position: relative;
  width: 359px;
  height: 566px;
  overflow: hidden;
  float: left;
}

.group-10 {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-self: center;
  width: 345px;
  padding-top: 41px;
  margin: 30px 0 0 0;
}


.product-wrapper {
  justify-content: center;
  align-self: center;
  width: 345px;
  height: 345px;
  background-image: url("../images/img_27.png");
}
.product-1 {
  align-self: flex-start;
  width: 311px;
  height: 311px;

  margin: 17px 0 0 17px;
}
.caption-wrapper {
  position: absolute;
  top: 0px;
  right: 56px;
  justify-content: flex-start;
  width: 46px;
  height: 135px;
  background-image: url("../images/img_29.png");
}

.caption-wrapper1 {
  position: absolute;
  top: 0px;
  right: 56px;
  justify-content: flex-start;
  width: 46px;
  height: 135px;
  background-image: url("../images/img_32.png");
}

.caption-wrapper2 {
  position: absolute;
  top: 0px;
  right: 56px;
  justify-content: flex-start;
  width: 46px;
  height: 135px;
  background-image: url("../images/img_35.png");
}


.col-item-0-1 {
  margin-left: 8px;
}

.col-item-1-1 {
  margin:0 97.5px;
}

.summary-3{ margin-top: 15px;}

/* 版权 */
.footer {

  justify-content: center;
  align-self: center;
  width:100%;
  height:102px;
  padding:20px 12px 10px;
  margin:10px auto;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: 0px 0px;
  background-origin: padding-box;
  min-width:1280px;
  overflow: hidden;
}
.summary-6 {
  overflow: hidden;
  width:1280px;
  font-size: 16px;
  line-height:36px;
  color: #6b1902;
  text-align: center;
  margin:20px auto;

}
.jdgs {
    padding: 24px 0;
}

.poem-box {
    display: flex;
    justify-content: space-between;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
}

.poem-item {
    flex: 1;
    margin: 0 15px;
    padding: 30px;
    background: #fff;
    border-radius: 15px;
    border: 2px solid #e65c17;
    text-align: center;
    position: relative;
}

.poem-item h3 {
    font-size: 24px;
    color: #333;
    margin-bottom: 10px;
}

.poem-item .author {
    font-size: 16px;
    color: #666;
    margin-bottom: 20px;
    text-indent: 0;
}

.poem-content {
    text-align: center;
    line-height: 2;
    font-size: 18px;
}

.poem-content p {
    margin: 5px 0;
}

@media screen and (max-width: 768px) {
    .poem-box {
        flex-direction: column;
    }
    
    .poem-item {
        margin: 15px 0;}
    body {
          transform-origin: top left;
          transform: scale(0.323);
          width: 200%; /* 补偿缩放带来的宽度变化 */
      }

}

.silder{margin:0 auto 0; width:1180px; }
.silder-box-1{ overflow: hidden;}
.silder-box-1 li{margin:0 auto 0;  width:288px;   text-align: center; overflow: hidden; 
  background: #fff;}

.silder-box-1 li img{width:288px;  }

.silder-box-1 li  a:hover{width:224px;   color: #d74339;}
.silder-button{top:280px;width:40px;height:76px;position:absolute;cursor:pointer;}
.silder-button.btl{left:10px;background:url(../images/fl.png);}
.silder-button.btr{right:10px;background:url(../images/fr.png);}


.silder-box-2{ overflow: hidden;}
.silder-box-2 li{margin:0 10px 0 10px;  width:260px;  height: 500px;  text-align: center; overflow: hidden; }
.silder-box-2 li span{margin:08px auto 0;  width:260px;   text-align: center; overflow: hidden; }
.silder-box-2 li img{width:240px;  height: 240px;border-radius: 50%; background:url(../images/img_27.png) center top; padding: 10px;  }

.silder-button1{top:100px;width:40px;height:76px;position:absolute;cursor:pointer;}
.silder-button1.btl{left:30px;background:url(../images/fl.png);}
.silder-button1.btr{right:30px;background:url(../images/fr.png);}