@charset "utf-8";

@import "iconfont.css";

/*---------------------------------------------------*/

.about-tit{background:#D93744;padding:30px 0;}
.about-tit h3{font-size:48px;color:#fff;font-weight:300;}

.about{display:flex;align-items:center;}
.about .pic{width:50%;position:relative;}
.about .pic .t{position:absolute;left:0;top:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;}
.about .pic .t h5{font-size:48px;color:#fff;font-weight:700;text-align:center;}

.about .txt{width:50%;padding:0 10%;}
.about .txt h5{font-size:60px;font-weight:600;color:#020202;}
.about .txt .t{margin:30px 0 0;font-size:20px;color:#231F20;line-height:32px;}
.about .txt .t p~p{margin-top:10px;}
.about .txt .t h6{font-size:22px;font-weight:600;margin-top:20px;}
.about .txt .t ul{margin:20px 0 0;}
.about .txt .t ul li{padding:0 0 0 15px;line-height:28px;position:relative;}
.about .txt .t ul li::before{content:"";width:8px;height:8px;border-radius:50%;background:#231F20;position:absolute;top:12px;left:0;}
.about .txt .t ul li+li{margin-top:10px;}


.cert-list{background:#E5E5E5;}
.cert-list .list{padding:80px 0;}
.cert-list .list ul{display:flex;flex-wrap:wrap;margin:-15px -15px 0;}
.cert-list .list ul li{width:25%;padding:15px;text-align:center;}
.cert-list .list ul li .pic{height:110px;display:flex;justify-content:center;align-items:center;}
.cert-list .list ul li .pic img{max-height:80%;max-width:80%;}


.cert-list .list dl{display:flex;flex-wrap:wrap;margin:75px -15px 0;}
.cert-list .list dl dd{width:calc(100% / 6);padding:15px;text-align:center;}
.cert-list .list dl dd .pic{height:110px;display:flex;justify-content:center;align-items:center;}
.cert-list .list dl dd .pic img{max-height:100%;max-width:100%;}
                                  
@media screen and (max-width: 1550px) {
  
   .about .txt {padding: 0 8%;}
   .about .txt h5 {font-size: 50px;}
   .about .txt .t {margin: 25px 0 0;font-size: 19px;line-height: 30px;}
  
  .about-tit {padding: 25px 0;}
  .about-tit h3 {font-size: 42px;}
  .about .pic .t h5 {font-size: 42px;}
  
  .cert-list .list {padding: 70px 0;}
  .cert-list .list dl {margin: 65px -15px 0;}
  
}
                       
@media screen and (max-width: 1367px) {
  
  .about .txt {padding: 0 6%;}
  .about .txt h5 {font-size: 40px;}
  .about .txt .t {margin: 20px 0 0;font-size: 18px;line-height: 28px;}
  
  .about-tit {padding: 20px 0;}
  .about-tit h3 {font-size: 36px;}
  .about .pic .t h5 {font-size: 36px;}
  
  .cert-list .list {padding: 60px 0;}
  .cert-list .list dl {margin: 55px -15px 0;}
}
           
@media screen and (max-width: 768px) {    
  
  .about {display: block;}
  .about .pic {width: 100%;}
  .about .txt {width: 100%;padding: 25px 10px;}
  .about .txt h5 {font-size: 28px;}
  .about .txt .t {margin: 15px 0 0;font-size: 16px;line-height: 24px;}
  .about .pic .t h5 {font-size: 28px;}
  
  .about-tit {padding: 15px 0;}
  .about-tit h3 {font-size: 28px;}
  
  .cert-list .list {padding: 30px 0;}
  .cert-list .list ul {margin: -10px -10px 0;}
  .cert-list .list ul li {padding: 10px;}
  .cert-list .list dl {margin: 20px -10px 0;}
  .cert-list .list dl dd {padding: 10px;}
  
}
 
@media screen and (max-width: 480px) {  
   
  .about .txt h5 {font-size: 24px;}
  .about-tit h3 {font-size: 24px;}
  .cert-list .list ul li {width: 50%;}
  .cert-list .list dl dd {width: calc(100% / 3);}
  .about .pic .t h5 {font-size: 24px;}
                                      
}