li,ul,div,p{ padding:0; }
.w100{ width: 100%; }
.flex-between{ display: flex; justify-content: space-between; }
.about{ color: #000; width: 100%; min-width: 320px; max-width: 750px; margin:0 auto;}
.about .div{ padding: 0.5rem 0.3rem; }
.about .banner{ width: 100%; height: 200px; background: url(../images/about/about-banner.jpg) no-repeat center;}
.about .en{ font-weight:100; font-size: 0.4rem; color: #666; text-align: center; margin-bottom: 10px; text-transform: uppercase;}
.about .title{ font-weight: 550; font-size: 0.36rem; color: #000; text-align: center; margin-bottom: 20px; }

.about .div-1{ background: url(../images/about/about-bg-2.jpg) no-repeat center bottom; }
.about .div-1 .content{ font-size: 0.26rem; line-height: 1.8; text-indent: 2em; margin: 0.3rem 0;}
.about .div-1 .content p{ margin-bottom: 0.1rem; }
.about .title .lighter{ font-weight: 300; }
.about .div-1 .about-swiper{ padding-bottom: 0.5rem; }
.about .div-1 .about-swiper img{ width: 100%; }
.about .div-1 .about-swiper .swiper-pagination-bullet{ width: 0.12rem; height: 0.12rem; }
.about .div-1 .swiper-pagination-bullet-active{ background: #ca2b2f; }
.cff{ color: #fff!important; }

.about .div-2 { background: url(../images/about/about-bg-1.jpg) no-repeat center/100% 100%; }
.about .div-2 .tit{ font-size: 0.3rem; font-weight: 600; margin-bottom:0.3rem; }
.about .div-2 .tit .bor{ display: inline-block; margin-right: 0.1rem; border-left: 0.05rem solid #000; border-right: 1px solid #000; width: 0.11rem; height: 0.3rem; vertical-align: top;}
.about .div-2 .tit em{ color: #ca2b2f; font-style: normal; }
.about .div-2 .content{ border-top:1px solid #333; border-bottom:1px solid #333; margin:0.3rem 0  0.2rem 0; font-size: 0.28rem; line-height: 1.8; text-align: center;}
.about .div-2 .content .symbol{ font-size: 1.0rem; line-height: 1.0rem; height: 0.4rem; margin-top: 0.2rem;}
.about .div-2 .list{ margin-top: 0.5rem; }
.about .div-2 .list li{ position: relative; margin-bottom: 0.6rem; }
.about .div-2 .list li .pack{ border-bottom:1px solid #ccc; padding:0.2rem; width: 100%; }
.about .div-2 .list li .d-1{ font-size: 0.24rem; margin-bottom: 0.1rem; color: #333; }
.about .div-2 .list li .d-1 .high{ font-weight: 600; padding-right: 0.05rem; display: inline-block; padding-top: 0.05rem;}
.about .div-2 .list li .d-1 .high:after{content: ""; height: 0.22rem; border-right: 1px solid #000; transform: rotate(30deg); display: inline-block;padding:0 0.05rem; margin-right:0.05rem;}
.about .div-2 .list li .d-1 .con{ display: inline-block; }
.about .div-2 .list li .d-1 > div{ display: inline-block; width: 82%; vertical-align: top;  line-height: 1.4; }
.about .div-2 .list li .d-1 > div p{ margin-bottom: 0.05rem; }
.about .div-2 .list li .img{ position: absolute; right: 0; bottom: 0.2rem; width: 2rem; display: none; }

.about .div-3 .today{ margin: 1.0rem 0 1.0rem 0; }
.about .div-3 .today li{ font-size: 0.22rem; text-align: center;}
.about .div-3 .today li div span{ font-size: 0.4rem; font-weight: 600; color: #ca2b2f; padding-right: 0.05rem; display: block; margin-bottom: 0.1rem;}
.about .div-3 .h4:before{ content:""; position: absolute; border:1px solid #ca2b2f; width: 1.0rem; height: 0.8rem; left: 0; top:-0.3rem; }
.about .div-3 .h4{ position: relative; background:#fff; font-size: 0.36rem; font-weight: 300; margin: 0.5rem 0 0.5rem 0; padding-left: 0.6rem;}
.about .div-3 .h4 span{ background: #fff; position: relative; }
.about .div-3 .h4 .en1{ text-transform: uppercase; font-size: 0.24rem; line-height: 0.3rem; font-weight: 300; background: #fff; position: relative;}

.about .div-3 .culture ul{ flex-wrap: wrap; }
.about .div-3 .culture li{ width: 42%; border:1px solid #eee; padding:0.3rem 0.2rem 0.2rem 0.2rem; margin-bottom:0.2rem; position: relative; height: 2.2rem; line-height: 1.8; font-size: 0.18rem;}
.about .div-3 .culture li .show{ text-align: center; font-size: 0.22rem; line-height: 1.8; color: #333;}
.about .div-3 .culture li .show h4{  font-size: 0.28rem;  color: #000;}
.about .div-3 .culture li .show .img{ width: 0.8rem; height: 0.8rem; margin:0 auto; }
.about .div-3 .culture li .show .img img{ width: 100%; height: 100%; }
.about .div-3 .culture li .cover{opacity: 0; display: none; position: absolute; left: 0; top:0; width: 100%; height: 100%; background: #333; box-shadow: 0 0.05rem 0.1rem #333; padding:0.4rem; color: #fff;}
.about .div-3 .culture li:hover .cover{ opacity: 1; }

.about .div-4{ background: url(../images/about/about-bg-4.jpg) repeat-y center/100% auto; }
.about .div-4 .info{ margin:0.5rem 0; text-align: center; font-size: 0;}
.about .div-4 .info li:before{content: ""; width: 0.08rem; height: 0.08rem; margin-right:0.08rem; vertical-align: middle; background: #ca2b2f; transform: rotate(45deg); display: inline-block; }
.about .div-4 .info li{font-size: 0.24rem; line-height: 1.6; display: inline-block; margin: 0 0.05rem 0.1rem 0.05rem;}
.honer-swiper .swiper-button-next::after,.honer-swiper .swiper-button-prev::after{ color: #333; }
.about .div-4 .list{ flex-wrap: wrap; }
.about .div-4 .list li{ width: 22%; box-shadow: 0 0.05rem 0.1rem #ccc; margin-bottom: 0.1rem; background:#fff; padding:0.1rem;}
.about .div-4 .list li img{ width: 100%; }

.about .div-5{ background: url(../images/about/about-bg-2.jpg) no-repeat center;  }
.about .div-5 h4{ font-size: 0.3rem; }
.about .div-5 ul{ flex-wrap: wrap; padding: 0.3rem 0 0 0; font-size: 0;}
.about .div-5 li{ display: inline-block; color: #5c3634;  line-height: 0.65rem; height: 0.65rem; background: #b4b3b8; border-radius: 0.1rem; width: 32%; text-align: center; margin-bottom: 0.2rem; margin-right: 2%; font-size:0.22rem; font-weight: 500;}
.about .div-5 li:nth-child(3n){ margin-right: 0; }
.about .div-5 li:last-child{ font-size: 0.4rem; line-height: 0.4rem; height: 0.65rem; }


.com-advan1 ul{ flex-wrap: wrap; padding:10px ;}
.com-advan1 ul li{ width: 48.5%; text-align: center; font-size: 14px; color: #666; line-height: 1.4; padding: 15px 10px; border:1px solid #eee; margin-bottom: 10px;}
.com-advan1 ul li img{ width: 60px; }
.com-advan1 ul li h4{ font-size: 17px; color: #ca2b2f; margin:5px 0;}