:root {
    --odm-padding-space-top:80px;
    --odm-padding-space-bottom:80px;
    --odm-margin-space-top:80px;
    --odm-margin-space-bottom:80px;
    --green-color:#51970a;
}
.odm-padding-space-top{padding-top:var(--odm-padding-space-top);}
.odm-padding-space-bottom{padding-bottom:var(--odm-padding-space-bottom);}
.odm-margin-space-top{padding-top:var(--odm-margin-space-top);}
.odm-margin-space-bottom{padding-top:var(--odm-margin-space-bottom);}
/**/
#banner-odm-all{background:#0e7dc2 url(../images/about/banner.jpg) no-repeat center top;position:relative;background-size: cover;}
#banner-odm-all .container{height: 630px;display: flex;align-items: center;justify-content: left;position:relative;z-index:2;color:#fff}
#banner-odm-all .index-h2 h2{color:#fff}
#banner-odm-all .index-h2{text-align:left;max-width:500px}
/**/
.container{display:flex;flex-wrap:wrap}
/**/
#about-info{position:relative;background:#e2f3fd}
.about_desc{display:flex;flex-wrap:wrap;align-items:center;width:60%;padding-right:100px}
.about_desc .index-h2{text-align:left}
.about_desc_p{line-height:1.5;font-size:18px}
.about_desc_p p{display:block;min-height:10px}
.about_desc_p p+p{margin-top:15px;}
#about-info .thumb{width:40%;position:relative}
#about-info .thumb:after{content:"";background: var(--logo-color);height: calc(100% + var(--odm-margin-space-top) * 2);display: block;width: 150%;position: absolute;left: 50%;top: calc(var(--odm-margin-space-top) * -1);z-index: 1;}
#about-info .thumb img{width:100%;height:auto;position: relative;z-index: 2;}
/**/
#about_markets{background:#fdfeff;text-align:center}
#about_markets img{max-width:100%;height:auto}
#about_markets .container{display:block}
/**/
#about_factory{background:#fff7ee}
#about_factory .thumb{width:40%;order:1}
#about_factory .thumb img{width:100%;height:auto}
.about_factory_desc{width:60%;padding-left:100px;order:2;display: flex;align-items: center;}
.about_factory_desc .index-h2{text-align:left}
.about_factory_desc ul{margin-top:25px;}
.about_factory_desc li{border:1px solid #ffaca6;border-radius:5px;padding:15px;margin-bottom:15px;line-height:1.3;position: relative;display: flex;}
.about_factory_desc span{display: flex;justify-content:center;align-items: center;margin-right: 25px;}
.about_factory_desc img{width: 45px;height: auto;}
.about_factory_desc b{font-size:18px;font-weight: 600;display: flex;justify-content:center;align-items: center;}
.about_factory_desc li:last-child{margin-bottom:0}
/**/
#about_mission{}
#about_mission .index-h2{display:flex;flex-wrap;wrap}
#about_mission .index-h2 h2{width:30%;margin-top:0;text-align: left;}
#about_mission .index-h2 p{width:50%;margin-left:20%;text-align:left}
#about_mission h3{font-weight:600;font-size:30px;display:block; width: 100%;margin-bottom:25px}
.about_mission_desc{display:flex;flex-wrap:wrap;width: 100%;}
.about_mission_ul{width:450px;display:flex;align-items:center;line-height:1.3}
.about_mission_ul b{font-size:25px;display:block;font-weight:600;margin-bottom:15px;}
.about_mission_ul p{font-size:18px;}
.about_mission_ul li{position:relative;padding-left:120px;}
.about_mission_ul li+li{margin-top:50px}
.about_mission_ul li img{width:96px;height:auto;position:absolute;top:0}
.about_mission_desc .thumb{width:calc(100% - 900px);text-align:center;justify-content:center;display:flex;align-items:center}
.about_mission_desc .thumb img{max-width:346px;height:auto;width:100%}
.about_mission_ul.odd{text-align:right}
.about_mission_ul img{left:0}
.about_mission_ul.odd img{right:0;left:auto}
.about_mission_ul.odd li{padding-left:0;padding-right:120px;}
/**/
#about_history{background:url(../images/about/hbg.jpg) no-repeat center top;position:relative}
#about_history .index-h2{text-align:left}
#about_history .index-h2 h2{color:#fff;}
#about_history .container{display:block}
#about_history ul{padding-top:35px}
#about_history li{position: relative;display: flex;flex-wrap: wrap;align-items: center;border-bottom: 1px solid rgba(255,255,255,0.3);padding-bottom: 45px;margin-bottom: 45px;}
#about_history img{order: 1;width: 247px;}
#about_history li:before{content:"";order: 2;width: 100px;display: block;height: 1px;background: #fff;margin: 0 150px;opacity: 0.5;}
#about_history li p{font-size: 25px;color: #fff;line-height: 1.3;order: 3;width: calc(100% - 247px - 400px);}
#about_history li:last-child{padding-bottom:0;border-bottom:0;margin-bottom:0}
/*********************************************/
@media(max-width:1800px){
    #banner-odm-all .container{height:600px}
    :root {
    --odm-padding-space-top:70px;
    --odm-padding-space-bottom:70px;
    --odm-margin-space-top:70px;
    --odm-margin-space-bottom:70px;
     }
    /**/
    #about_history li:before{width: 100px;margin: 0 100px;}
    #about_history li p{width: calc(100% - 247px - 300px);}
}
@media(max-width:1700px){
    #banner-odm-all .container{height:550px}
}
@media(max-width:1600px){
    #banner-odm-all .container{height:500px}
        :root {
    --odm-padding-space-top:60px;
    --odm-padding-space-bottom:60px;
    --odm-margin-space-top:60px;
    --odm-margin-space-bottom:60px;
     }
}
@media(max-width:1500px){
    #banner-odm-all .container{height:450px}
    #about_mission .index-h2 h2{width:450px}
    #about_mission .index-h2 p{margin-left:100px;width:auto}
    #about_mission .index-h2{justify-content:space-between}
    .about_mission_ul{width:400px}
    .about_mission_ul li img{width:80px;}
    .about_mission_ul li{padding-left:100px}
    .about_mission_ul.odd li{padding-right:100px}
    .about_mission_desc .thumb{width:calc(100% - 800px)}
        /**/
    #about_history li img{width: 220px;height: auto;}
    #about_history li:before{width: 100px;margin: 0 60px;}
    #about_history li p{width: calc(100% - 220px - 220px);}
}
@media(max-width:1400px){
    #banner-odm-all .container{height:400px}
     :root {
    --odm-padding-space-top:50px;
    --odm-padding-space-bottom:50px;
    --odm-margin-space-top:50px;
    --odm-margin-space-bottom:50px;
     }
     #about_mission .index-h2 h2{width:100%}
     #about_mission .index-h2 p{margin-left:0px;width:100%}
     #about_mission .index-h2{display:block}
     /**/
    .about_mission_ul{width:350px}
    .about_mission_ul li img{width:60px;}
    .about_mission_ul li{padding-left:80px}
    .about_mission_ul.odd li{padding-right:80px}
    .about_mission_desc .thumb{width:calc(100% - 700px)}
    .about_mission_ul b{font-size:20px}
}
@media(max-width:1300px){
    #banner-odm-all .container{height:350px}
    .about_desc_p{font-size:16px;line-height:1.3}
    #about_mission h3{font-size:25px}
    .about_mission_ul p{font-size:16px}
    .about_mission_desc .thumb{width:calc(100% - 800px);padding:0 50px}
    .about_mission_ul{width:400px}
    .about_mission_ul li+li{margin-top:30px}
        /**/
    #about_history ul{padding-top: 20px;}    
    #about_history li{padding-bottom: 35px;margin-bottom: 35px;}
    #about_history li img{width: 180px;}
    #about_history li:before{width: 50px;margin: 0 50px;}
    #about_history li p{width: calc(100% - 180px - 150px);font-size: 20px;}
}
@media(max-width:1200px){
    #banner-odm-all .container{height:300px}
        :root {
    --odm-padding-space-top:40px;
    --odm-padding-space-bottom:40px;
    --odm-margin-space-top:40px;
    --odm-margin-space-bottom:40px;
     }
     .about_desc{padding-right:60px}
     .about_factory_desc{padding-left:60px}
     .about_mission_desc .thumb{width:260px;padding:0 30px}
     .about_mission_ul{width:calc(50% - 130px)}
         /**/
    #about_history li{}
    #about_history li img{
    width: 150px;
}
    #about_history li:before{
    margin: 0 50px;
}
    #about_history li p{
    width: calc(100% - 150px - 150px);
}
}
@media(max-width:1100px){
        /**/
    #about_history li{
    padding-bottom: 30px;
    margin-bottom: 30px;
}
    #about_history li img{}
    #about_history li:before{
    margin: 0 30px;
}
    #about_history li p{
    width: calc(100% - 120px - 110px);
    font-size: 18px;
}
}
@media(max-width:1000px){
    :root {
    --odm-padding-space-top:35px;
    --odm-padding-space-bottom:35px;
    --odm-margin-space-top:35px;
    --odm-margin-space-bottom:35px;
     }
    /**/
    #about_history li{}
    #about_history li img{width: 120px;}
    #about_history li:before{}
    #about_history li p{}
}
@media(max-width:900px){
    .about_mission_ul li img{position:static;margin-bottom:15px}
    .about_mission_ul li{padding-left:0}
    .about_mission_ul.odd li{padding-right:0}
}
@media(max-width:800px){
        :root {
    --odm-padding-space-top:30px;
    --odm-padding-space-bottom:30px;
    --odm-margin-space-top:30px;
    --odm-margin-space-bottom:30px;
     }
     .about_desc{padding-right:30px}
     .about_factory_desc{padding-left:30px}
         /**/
    #about_history ul{padding-top:10px}
}
@media(max-width:700px){
    .about_desc{width:100%;padding-right:0}
    #about-info .thumb{width:100%;margin-top:25px}
    #about-info .thumb:after{display:none}
    /**/
    .about_factory_desc{width:100%;padding-left:0px}
    #about_factory .thumb{width:100%;order:2;margin-top:25px}
    .about_mission_desc .thumb{width:200px;padding:0 20px}
    .about_mission_ul{width:calc(50% - 100px)}
            /**/
    #about_history li{padding-bottom: 25px;margin-bottom: 25px;}
    #about_history li img{width: 100px;}
    #about_history li:before{width: 30px;margin: 0 25px;}
    #about_history li p{width: calc(100% - 100px - 80px);}
}
@media(max-width:600px){
     .about_mission_desc .thumb{width:160px;padding:0 15px}
     .about_mission_ul{width: 100%;align-items:start}
     .about_mission_ul{margin-top:20px;display: block;}
     .about_mission_desc .thumb{display:none}
     .about_mission_ul li img{position: absolute;left: 20px;top: 25px;}
     .about_mission_ul li{-moz-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.1);-webkit-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.1);box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.1);padding: 25px;padding-left: 100px;border: 1px solid #ddd;border-radius: 5px;}
    .about_mission_ul li+li{margin-top:20px}
     .about_mission_ul.odd li{padding-right: 25px;text-align: left;padding-left: 100px;}
     .about_mission_ul.odd img{right: auto;left: 20px;}
}
@media(max-width:500px){
    .about_factory_desc b{font-size:16px}
    .about_factory_desc span{margin-right:15px}
    #about_mission h3{font-size:18px;margin-bottom:15px}
    .about_mission_ul li img{width:50px;left: 15px;}
    .about_mission_ul.odd img{left: 15px;}
    .about_mission_ul li{padding: 20px;padding-left: 75px;}
    .about_mission_ul li+li{margin-top:15px}
    .about_mission_ul.odd li{padding-left: 75px;padding-right: 20px;}
    .about_mission_ul b{font-size:18px;margin-bottom:10px}
    .about_mission_ul p{font-size:15px;}
    /**/
    #about_history li{padding-bottom: 15px;margin-bottom: 15px;}
    #about_history li img{width: 80px;}
    #about_history li:before{margin: 0 15px;width: 20px;}
    #about_history li p{width: calc(100% - 80px - 50px);}
}
@media(max-width:400px){
    
}
@media(max-width:359px){
    
}