.banner-about-top { position:relative; background-position: center center; background-repeat: no-repeat; background-size: cover; width:94%; margin:0 auto; margin-top:30px }
.banner-about-top:before { content:""; background:rgba(0, 0, 0, 0.2); display:block; width:100%; height:100%; position:absolute; left:0; top:0; z-index: 10; }
.banner-about-top .w1410 { height:100%; position:relative; z-index:15; min-height:750px; }
.about-banner-title { position:absolute; left:0; bottom:180px }
.about-banner-title h1 { font-size:53px; font-weight:900; line-height: 1.2em; letter-spacing: -2px; color:#fff; margin-bottom:40px }
/**/
.about-inner { padding-bottom:80px }
.about_desc { position: relative; padding: 160px 0px 110px 0px; }
.about_desc h2 { font-size: 40px; line-height: 2.7rem; letter-spacing: 1.3px; width:68% }
.about_circle { width: 250px; height: 250px; position:absolute; right:0; top:60px }
.about_circle:after { background-image:url(../images/icon_yuan01.png) }
/**/
.about_top_lt { float:left; width:41.66666% }
.about_top_lt img { width:100%; height:auto; display:block }
.about_top_ct { float:left; position:relative; padding-top:131px; width:24% }
.about_top_widget { background:#cea177; font-size:25px; font-weight:bold; line-height:28px; letter-spacing: -1px; color:#fff; padding:45px; margin-left: -85px; }
.about_top_widget p { margin-bottom:1.25rem; }
.about_top_rt { float:left; width: 34%; }
.about_top_rt img { width:100%; height:auto; display:block }
/**/
.about_top_desc { font-size:28px; line-height:1.4em; font-weight: 500; padding:0 18%; margin:140px 0; text-align:center }
.about_why { }
.about_why img { width:54%; float:left; display:block; }
.about_why .about_why_desc { width:46%; padding-left:70px; display: flex; justify-content: center; align-items: center; }
.about_h2 { line-height: 1.4em; font-size:32px; font-weight:700; margin-bottom:20px }
.about_why_p { font-size: 18px; line-height:1.4em }
.about_why_p p { margin-bottom:1.25rem }
/**/
.about-quality { padding:80px; font-size: 18px; line-height:1.4em; background:#fff }
.about-quality-inner { padding:0 18%; }
.about-quality .about_h2 { text-align:center }
.about-quality p { width:45%; float:left; }
.about-quality p:nth-child(2n) {float:right;}
/**/
.about-culture { padding:80px 0 }
.about-culture-thumb { width:52%; float:right; }
.about-culture-thumb img { max-width:100%; height:auto; }
.about-culture-desc { width:48%; float:left; display: flex; justify-content: center; align-items: center; }
.about-culture-p { background:#fff; padding:60px; line-height:1.4em; font-size:16px; position:relative; z-index:10 }
.about-culture-p h5 { font-size:16px; font-weight:800; margin-bottom:30px; }
.about_thumb-pic { width:calc(100% + 220px); margin-left:-220px; }
.about-culture-list.odd .about_thumb-pic { margin-left:0; margin-right:-220px }
.about-culture-list.odd { margin-top:100px; }
/**/
@media(max-width:1495px) {
.banner-about-top { width: calc(100% - 40px); }
.about-banner-title { left:60px }
/**/
.about_desc { padding: 100px 0; }
/**/
.about_top_ct { padding-top: 8%; }
.about_top_widget p { margin-bottom: 10px; }
.about_top_desc{ margin: 100px 0; padding: 0 10%;}
.about-culture-list.odd{margin-top:80px}
}
@media(max-width:1300px) {
.banner-about-top .w1410 { min-height:600px }
.about-banner-title { left:60px; bottom:100px }
/**/
.about_desc h2 { width: 75%; }
/**/
.about_top_widget { padding: 30px; font-size: 20px; }
.about-inner{ padding-bottom:60px;}
.about-quality{padding:60px 0px}
.about-quality-inner{padding:0 10%}
.about-culture{padding:60px 0}
.about-culture-list.odd{margin-top:60px}
}
@media(max-width:1100px) {
 .banner-about-top { width:100%; margin:0 }
.banner-about-top .w1410 { min-height:400px }
.about-banner-title { left:30px; bottom:60px }
.about-banner-title h1 { font-size:48px }
/**/
.about_desc { padding: 80px 0; }
.about_desc h2 { font-size: 32px; line-height: 2.2rem; }
.about_circle { width: 200px; height: 200px; }
.about_top_desc{ margin: 80px 0; padding: 0 5%; font-size: 22px;}
/**/
.about_why{display:block}
.about_why img { width:54%; float:left; display:block; }
.about_why .about_why_desc { width:46%; padding-left:30px; }
.about_h2 { font-size:32px; }
.about_why_p { font-size: 18px; }
.about_why_p p { margin-bottom:1.25rem }
.about-quality-inner{padding:0 20px}
.about-culture-p{padding:40px}

}
 @media(max-width:1080px) {
    
}
@media(max-width:800px) {
.banner-about-top .w1410 { min-height:265px }
.about-banner-title { left:10px; bottom:20px; padding-right:10px; }
.about-banner-title h1 { font-size:32px }
/**/
.about_desc { padding: 40px 0; }
.about_desc h2 { font-size: 20px; line-height: 1.8rem; width: 100%; }
.about_circle { display: none; }
/**/
.about_top_lt { width: 50%; }
.about_top_ct { width: 50%; }
.about_top_rt { width: 100%; }
.about_top_desc{ margin: 0; margin-bottom: 50px; padding: 0;}
.about-inner{ padding-bottom:40px;}
.about-quality p{width:100%;}
.about-quality p:nth-child(2){margin-top:15px}
.about-quality-inner{padding:0}
.about_h2{font-size:22px;}
.about-culture-p h5{margin-bottom:10px}
.about-culture-list.odd{margin-top:40px}
/**/
}
 @media(max-width:768px) {
    /**/
.about_top_lt { width: 100%; }
.about_top_widget { margin: 0; padding: 25px; }
.about_top_ct { width: 100%; padding-top: 0; }
/**/
.about_why{display:block}
.about_why img { width:100%; float:left; display:block; margin-bottom:20px;}
.about_why .about_why_desc { width:100%; padding-left:0px; }
.about_h2 { font-size:22px;  }
.about_why_p { font-size:16px; }
.about_why_p p { margin-bottom:10px }
/**/
.about-culture-desc{width:100%}
.about-culture-thumb{width:100%}
.about-culture-p{padding:20px}
.about_thumb-pic{width:100%;margin:0}
.about-culture{padding:40px 0}
}
@media(max-width:640px) {
 
}
@media(max-width:450px) {
 
}