.about{ color: #000; }
.about .div{ padding: 50px 0; }
.about .banner{ width: 100%; height: 800px; background: url(../images/about/banner.jpg) no-repeat center;}
.about .en{ font-weight:100; font-size: 40px; color: #666; text-align: center; margin-bottom: 10px; text-transform: uppercase;}
.about .title{ font-weight: 550; font-size: 30px; 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: 17px; line-height: 1.8; text-indent: 2em; margin: 30px 0;}
.about .div-1 .content p{ margin-bottom: 10px; }
.about .title .lighter{ font-weight: 300; }
.about .div-1 .about-swiper{ padding-bottom: 50px; }
.about .div-1 .about-swiper ul{ padding:0; }
.about .div-1 .about-swiper img{ width: 100%; }
.about .div-1 .about-swiper .swiper-pagination-bullet{ width: 12px; height: 12px; }
.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: 30px; font-weight: 600; margin-bottom:30px; }
.about .div-2 .tit .bor{ display: inline-block; margin-right: 10px; border-left: 5px solid #000; border-right: 1px solid #000; width: 11px; height: 30px; 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:30px 0  20px 0; font-size: 18px; line-height: 1.8;}
.about .div-2 .content .symbol{ font-family: '宋体'; font-size: 100px; line-height: 100px; height: 40px; margin-top: 20px;}
.about .div-2 .list{ margin-top: 50px; }
.about .div-2 .list li{ position: relative; margin-bottom: 60px; }
.about .div-2 .list li .pack{ border-bottom:1px solid #ccc; padding:20px; width: 65%; }
.about .div-2 .list li .d-1{ font-size: 16px; margin-bottom: 10px; color: #333; }
.about .div-2 .list li .d-1 .high{ font-weight: 600; padding-right: 5px; }
.about .div-2 .list li .d-1 .high:after{content: ""; height: 16px; border-right: 1px solid #000; transform: rotate(30deg); display: inline-block;padding:0 5px; margin-right:5px;}
.about .div-2 .list li .d-1 .con{ display: inline-block; }
.about .div-2 .list li .d-1 > div{ display: inline-block; width: 88%; vertical-align: top;  line-height: 1.4; }
.about .div-2 .list li .d-1 > div p{ margin-bottom: 5px; }
.about .div-2 .list li .img{ position: absolute; right: 0; bottom: -50px; }

.about .div-3 .today{ margin: 100px 0 100px 0; }
.about .div-3 .today li{ font-size: 18px; }
.about .div-3 .today li div span{ font-size: 40px; font-weight: 600; color: #ca2b2f; padding-right: 5px;}
.about .div-3 .h4:before{ content:""; position: absolute; border:1px solid #ca2b2f; width: 100px; height: 80px; left: 0; top:-30px; }
.about .div-3 .h4{ position: relative; background:#fff; font-size: 32px; font-weight: 300; margin: 50px 0 50px 0; padding-left: 60px;}
.about .div-3 .h4 span{ background: #fff; position: relative; }
.about .div-3 .h4 .en1{ text-transform: uppercase; font-size: 24px; line-height: 30px; font-weight: 300; background: #fff; position: relative;}

.about .div-3 .culture ul{ flex-wrap: wrap; }
.about .div-3 .culture li{ width: 32.5%; border:1px solid #eee; padding:40px; margin-bottom:20px; position: relative; height: 260px; line-height: 1.8; font-size: 14px;}
.about .div-3 .culture li .show{ text-align: center; font-size: 16px; line-height: 1.8;}
.about .div-3 .culture li .show h4{  font-size: 18px; margin-bottom: 10px;}
.about .div-3 .culture li .cover{opacity: 0; position: absolute; left: 0; top:0; width: 100%; height: 100%; background: #333; box-shadow: 0 5px 10px #333; padding:40px; 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:50px 0; text-align: center; }
.about .div-4 .info li:before{content: ""; width: 8px; height: 8px; margin-right:8px; vertical-align: middle; background: #ca2b2f; transform: rotate(45deg); display: inline-block; }
.about .div-4 .info li{font-size: 17px; line-height: 1.6; display: inline-block; margin: 0 5px 10px 5px;}
.about .div-4 .list{ flex-wrap: wrap; }
.about .div-4 .list li{ width: 19%; box-shadow: 0 5px 10px #ccc; margin-bottom: 10px; background:#fff; padding:20px;}
.about .div-4 .list li img{ width: 100%; }

.about .div-5{ background: url(../images/about/about-bg-2.jpg) no-repeat center;  padding:50px 0;}
.about .div-5 h4{ font-size: 30px; }
.about .div-5 ul{ flex-wrap: wrap; padding: 30px 0 0 0;}
.about .div-5 li{ display: inline-block; color: #5c3634;  line-height: 65px; height: 65px; background: #b4b3b8; border-radius: 10px; width: 193px; text-align: center; margin-bottom: 20px; margin-right: 20px; font-size:18px; font-weight: 500;}
.about .div-5 li:nth-child(6n){ margin-right: 0; }
.about .div-5 li:last-child{ font-size: 40px; line-height: 40px; height: 65px; }