.logos{text-align:center;}
.logos li{width:250px;height:140px;border:1px solid #e3e3e3;border-radius:15px;background:#fff;line-height:140px;float:left;margin-left:61px;}
.logos li:first-child{margin-left:0}
.logos img{max-width:100%}
#history{padding:0 5%;width:90%;margin-bottom:30px;overflow: visible;background:url(../img/line.png) repeat-x bottom}
#history .owl-stage{background:url(../img/line.png) repeat-x bottom #24242e;}
.history{padding:11px 11px 0;background:#fff;margin:0 auto;max-width:183px;position:relative;}
#history .item{position:relative;padding-bottom:70px}
#history .item:hover .timer{color:#ffbd49}
.history img{width:100%}
.flex{width:100%;display:flex;height:60px;font-size:14px;line-height:20px;text-align:center;vertical-align:middle;color:#333;width:100%;position:relative;z-index:200;overflow:hidden;align-items:center;justify-content:center;flex-wrap:wrap; }
.history dd b{color:#085b51}
#history .item:hover .history{background:#ffbd49}
.timer{position:absolute;font-size:17px;color:#fff;text-align:center;top:100%;padding-top:15px;left:0;width:100%;font-style:italic; }
.lined{width:2px ;height:24px;background:#fff;position:absolute;bottom:0;left:50%;margin-left:-1px}
#history .item:hover .lined{background:#ffbd49}
.deco{width:15px;height:15px;background:#fff;transform:rotate(45deg);position:absolute;top:100%;left:50%;margin-left:-8px;background:#fff;margin-top:-8px}
#history .item:hover .deco{background:#ffbd49}
.timer span{font-family:serif;font-size:26px;font-weight:bold;}
.bitem img{width:100%;margin-bottom:15px;}
.bitem{font-size:18px;color:#333333;margin-bottom:15px;text-align:center;}
.brand li{float:left;width:32.4%;margin-left:1.4%;text-align:center;}
.brand li label.label{padding-bottom:93%}
.brand li:first-child{margin-left:0}
.brand dd{font-size:18px;color:#333333;padding:15px 0;}
.oil li{width:48%;float:left;text-align:center;font-size:20px;color:#fff;}
.oil li:first-child{margin-right:4%}
.oil li img{max-width:100%;margin-bottom:14px;border-radius:20px}
.skill{font-size:0;letter-spacing:-5px}
.skill li{display:inline-block;width:23.5%;letter-spacing:normal;margin-left:2%;vertical-align:top}
.skill li .label{padding-bottom:61%;border-radius:5px}
.skill li dd{font-size:16px;color:#333333;text-align:center;padding-top:7px}
.skill li dd b{color:#085b51}
.skill li:first-child{margin-left:0%}
.power{text-align:center;}
.power img{max-width:100%}
.good li{width:37%;float:left;margin-left:1%;position:relative;margin-bottom:1%}
.good li:first-child{width:62%;margin-left:0%}
.good li:not(:first-child) .label{padding-bottom:61.5%;}
.good li dd{font-size:20px;color:#fff;line-height:28px;background:rgba(0,0,0,.6);position:absolute;bottom:0;left:0;width:100%;text-align:center;padding:8px 0}
.step img{width:100%;min-width:600px}
.oa li{width:22%;float:left;margin-right:4%;position:relative;margin-bottom:3%; }
.oa li:nth-child(4n){margin-right:0}
.oline{position:absolute;top:0;left:6%;right:0;border:2px solid #fff;border-radius:5px;padding-bottom:94%;border-radius:20px;}
.oa li label.label{padding-bottom:94%;border-radius:20px;z-index:200;width:94%;margin-top:6%}
.oa li dd{font-size:18px;color:#fff;text-align:center;padding-top:6%}
.oa li:hover .oline{border-color:#ffbd49}
.oa li:hover dd{color:#ffbd49}
.news{margin-left:54%}
.news li{padding:5% 7% 2%;background:#fff;box-shadow:0  0 5px rgba(0,0,0,.1);color:#444;-webkit-transition:color 0.5s ease;transition:color 0.5s ease;}
.news li dt{font-size:20px;font-weight:bold;margin-bottom:2%}
.news li dd{font-size:14px;line-height:2;padding-bottom:6%}
.news li:hover{color:#085b51;}
.news p{font-size:12px;line-height:2;}
.cover{position:absolute;top:0;left:0;width:53%;height:100%;overflow:hidden;display:block;background-size:cover;background-position:center center;background-repeat:no-repeat}
.news li:first-child{margin-bottom:2%}
#news .item{margin-bottom:4%;position:relative;} 
.news li:hover p{border-color:#085b51!important;}
  
 @media screen and (max-width: 1200px) {
.logos li{width:23.5%;margin-left:2%;  -webkit-box-sizing:border-box;box-sizing:border-box;}
#history{padding:0;width:100%}

 }
 
 
 
 @media screen and (max-width: 1000px) {

 }
 
 
 @media screen and (max-width: 800px) { 
#history .item{padding-bottom:12%;}
.oil li{font-size:18px}
.skill li{width:49%;margin-bottom:2%}
.skill li:nth-child(3) {margin-left:0%}
.good li dd{font-size:18px;line-height:1.5}
.step{overflow-x:auto;overflow-y:hidden;}
.oa li{width:32%;margin-right:2%;margin-bottom:2%}
.oa li:nth-child(4n){margin-right:2%}
.oa li:nth-child(3n){margin-right:0}
.oa li dd{font-size:16px;padding-top:3%}
.news li{padding:3% 4% 1% }
.news li dd{line-height:1.5;padding-bottom:4%}
.news li dt{font-size:16px;}
#logos li{-webkit-animation:bounceIn  1s .5s ease-in-out both!important;animation:bounceIn  1s .5s ease-in-out both!important; }
.home p span{padding:0 2%}
 }
  
 
 
  @media screen and (max-width: 640px) {  
.logos li{width:49%;margin-bottom:2%;height:100px;line-height:100px} 
.logos li img{width:55%}
.logos li:nth-child(3){margin-left:0}
.history{padding:5px 5px 0}
.timer span{font-size:20px}
.brand li{width:49%;margin-left:2%}
.brand li:nth-child(3){margin-left:0%;margin-top:2%}
.brand dd{font-size:14px;padding:10px 0}
.oil li{font-size:14px}
.owl-dots{bottom:0}
.good li dd{font-size:14px;line-height:1.5;padding:5px 0}
.good li{width:49%}
.good li:first-child{width:100%}
.good li dd{position:relative;background:none}
.oa li dd,.skill li dd{font-size:14px}
.cover{width:100%;position:relative;padding-bottom:75%;margin-bottom:2%}
.news{margin-left:0}
#ad{margin-top:50px;}
#ad .item{overflow:hidden;}
#ad .item img{width:150%;margin-left:-25%}
.owl-prev,.owl-next{display:none;}
 }