/*main*/
.main_banner{ position: relative; width: 100%;}
.main_bg img{ display: block; width: 100%;}
.main_wz{ position: relative; display: flex; height: 60px; margin-top: -60px; line-height: 60px; color: #fff;}
.main_wz a{ color: #fff;}
.main_wz img{ margin-bottom: -2px; margin-right: 14px;}
.main_wz span{ padding: 0 8px;}
.main_wz a:hover{ text-decoration: underline;}
/*main*/
.abo_tit{ position: absolute; width: 100%; height: 100%; left: 0; top: 0; display: flex; flex-wrap: wrap; text-align: center; align-content: center;}
.abo_tit h2{flex: 0 1 100%;font-size: 3.75rem;color: #0554a9;font-weight: bold;padding-bottom: 40px;}
.abo_tit p{flex: 0 1 100%;color: #211f1f;font-size: 2rem;}
/*  */

@keyframes numRun{0%{background-position: 0 0}50%{background-position: 100% 100%;}100%{background-position: 0% 0%}}
.about_bga{background: #fff;padding: 50px 0 90px 0;width: 100%;position: relative;}
.about_bga::after{ content: 'culture'; text-transform: uppercase; width: 100%; text-align: center; position: absolute; bottom: -0.4em; line-height: 0.8em; color: #f7f7f7; font-size: 12.5rem; font-family: 'DinBlack';}
.about_bga .kg{ position: relative; z-index: 9;}
.aboa_top{ display: flex; justify-content: space-between; align-items: flex-start; padding-bottom: 110px; border-bottom: 1px solid #e6e6e6;}
.aboa_bt h3{line-height: 140px;font-size: 2.5rem;font-weight: bold;color: #000;}
.aboa_bt h3 span{ color: #a80000;}
.aboa_bt p{ font-size: 1.5rem; color: #292929; margin-top: 5px;}
.aboa_ms{margin-top: 55px;color: #5f5f5f;line-height: 30px;font-size: 20px;}
.aboa_r{ display: flex;}
.aboa_r p{font-size: 24.9375rem;font-family: fantasy;line-height: 0.8em;background: url(../images/gongsi/aboa_01.jpg) no-repeat;-webkit-background-clip: text;color: transparent;animation: numRun 20s ease-out infinite;}
.aboa_r span{ font-size: 3rem; color: #a80000; margin-top: 10px;}
.abo_bom{ padding-top: 70px;}
.abo_bom ul{ display: flex; justify-content: space-between;}
.aboa_sz{display: flex;align-items: center;color: #b10000;font-family: fantasy;}
.aboa_sz p{ font-size: 6.875rem; line-height: 0.8em;}
.aboa_sz span{ font-size: 4.5rem; padding-left: 30px;}
.abo_bom li:nth-child(2) .aboa_sz span{ font-size: 2.25rem; font-family: "Microsoft YaHei"; font-weight: bold;}
.aboa_sm{ font-size: 1.25rem; padding-top: 15px; color: #4f4f4f;}
/*  */

.about_bgb{ background: #f1f1f1; padding: 45px 0 100px 0; width: 100%; position: relative; z-index: 9;}
.abob_tit{ text-align: center;}
.abob_tit h2{ font-size: 2.5rem; color: #b40202; font-weight: bolder;}
.abob_tit::after{ content: ''; width: 46px; height: 6px; background: #d4d4d4; margin: 15px auto 0 auto; display: block;}
.abob_nr{ padding-top: 80px;}
.abob_nr li{ position: relative; width: calc(55% + 37px); float: right; display: flex; align-items: center; cursor: pointer; margin-top: -70px;}
.abob_nr li:hover{ z-index: 9;}
.abob_nr li:nth-child(1){ margin-top: 0;}
.abob_nr li:nth-child(2n){ float: left; justify-content: flex-end;}
.abob_nr li:nth-child(2n) .abob_sjx,.abob_nr li:nth-child(2n) .abob_pic{ order: 2;}
.abob_nr li:nth-child(2n) .abob_wb,.abob_nr li:nth-child(2n) .abob_jtsz{ order: 1;}
.abob_nr li:nth-child(2n) .abob_sjx svg{ transform: scaleX(-1);}
.abob_nr li:nth-child(2n):hover .abob_sjx svg{ transform: scaleX(-1) scale(1.3);}
.abob_nr li:nth-child(2n) .abob_jtsz{ margin-left: 0px; margin-right: 15px;}
.abob_nr li:nth-child(2n) .abob_jtsz span{ transform: scaleX(-1); left: auto; right: 0;}
.abob_nr li:nth-child(2n):hover .abob_jtsz span{right: 40px; left: auto;}
.abob_nr li:nth-child(2n) .abob_wb{ text-align: right;}
.abob_nr li:nth-child(2n) .abob_wb::before{right: 20px; left: auto;}
.abob_nr li:nth-child(2n):hover .abob_wb::before{left: auto; right: -20px;}
.abob_nr li:nth-child(2n) .abob_bt::after{right: 20px; left: auto;}
.abob_nr li:nth-child(2n):hover .abob_bt::after{right: 0px; left: auto;}
.abob_nr li:nth-child(2n) .abob_yw{  padding-right: 20px; padding-left: inherit;}
.abob_nr li:nth-child(2n):hover .abob_yw{  padding-right: 0; padding-left: inherit;}
.abob_sjx{ position: relative; display: flex; height: 242px; width: 210px; align-items: center; justify-content: center;}
.abob_sjx svg{ position: absolute; left: 0px; top: 0px; fill:#fff; width: 214px; height: 242px; text-shadow: 0px 0px 20px rgba(0,0,0,1); transition: 0.5s;}
.abob_nr li:hover .abob_sjx svg{ fill: #b40202; transform: scale(1.3); transition: 0.5s;}
.abob_pic,.abob_jtsz{ position: relative; z-index: 9;}
.abob_jtsz{ margin-left: 15px;}
.abob_pic span{ position: absolute; left: 0; top: 0;}
.abob_jtsz span{opacity: 0; position: absolute; left: 0; top: 8px; transition: 0.5s;}
.abob_nr li:hover .abob_pic p,.abob_nr li .abob_pic span{ transform: scale(0); transition: 0.5s;}
.abob_nr li .abob_pic p,.abob_nr li:hover .abob_pic span{ transform: scale(1); transition: 0.5s;}
.abob_jtsz p{ font-family: 'Dinr'; font-size: 1.875rem; color: #b0b0b0;}
.abob_nr li:hover .abob_jtsz span{opacity: 1; left: 40px; top: 8px; transition: 0.5s;}
.abob_nr li:hover .abob_jtsz p{ opacity: 0;}
.abob_wb{ position: relative; padding-left: 50px;}
.abob_nr li:nth-child(2n){ padding-left: 0;}
.abob_wb::before{color: #e8e8e8; font-size: 25rem; position: absolute; left: 20px; top: -110%; opacity: 0; line-height: 0.8em; font-family: "Dinblack";transition: 0.5s;}
.abob_nr li:nth-child(1) .abob_wb::before{content: "01";}
.abob_nr li:nth-child(2) .abob_wb::before{content: "02";}
.abob_nr li:nth-child(3) .abob_wb::before{content: "03";}
.abob_nr li:nth-child(4) .abob_wb::before{content: "04";}
.abob_nr li:nth-child(5) .abob_wb::before{content: "05";}
.abob_nr li:nth-child(6) .abob_wb::before{content: "06";}
.abob_bt{ position: relative; border-bottom: 1px solid #c4c4c4; display: inline-block; padding-bottom: 10px; transition: 0.5s;}
.abob_bt h3{ color: #000; font-size: 1.875rem; padding-bottom: 10px;transition: 0.5s;}
.abob_bt p{ color: #7a7a7a; font-size: 1.125rem;transition: 0.5s;}
.abob_bt::after{ content: ''; width: 30px; height: 3px; background: #b40202; position: absolute; bottom: 0; left: 20px; opacity: 0; transition: 0.5s;}
.abob_yw{ position: relative; z-index: 9; padding-top: 15px; padding-left: 20px; font-family: 'Dinblack'; font-size: 1.5rem; color: #b40202; line-height: 0.8em; text-transform: uppercase; opacity: 0; transition: 0.5s;}
.abob_nr li:hover .abob_wb::before{ left: -20px; opacity: 1; transition: 0.5s;}
.abob_nr li:hover .abob_bt{border-bottom: 1px solid #b40202; transition: 0.5s;}
.abob_nr li:hover .abob_bt h3{ color: #b40202; font-weight: bold; transition: 0.5s;}
.abob_nr li:hover .abob_bt p{ color: #b40202; transition: 0.5s;}
.abob_nr li:hover .abob_bt::after{ left: 0; opacity: 1; transition: 0.5s;}
.abob_nr li:hover .abob_yw{  padding-left: 0; opacity: 1; transition: 0.5s;}
/*  */
.about_bgc{ background: url(../images/gongsi/abo_bgc.jpg) no-repeat center fixed; width: 100%; padding: 200px 0 270px 0; position: relative;}
.about_bgc::before{ content: ""; width: 100%; height: 100%; background: url(../images/gongsi/aboc_dd.png) repeat; position: absolute; left: 0; top: 0;}
.about_bgc::after{ content: 'Process'; text-transform: uppercase; width: 100%; text-align: center; position: absolute; bottom: -0.4em; line-height: 0.8em; color: rgba(255,255,255,0.1); font-size: 12.5rem; font-family: 'DinBlack';}
.about_bgc .kga{ position: relative; z-index: 9;}
.aboc_bt{ color: #fff; font-size: 2.25rem; font-weight: bold; line-height: 60px;}
.aboc_ms{ color: #fff; font-size: 1.125rem; line-height: 46px; margin-top: 60px;}
/*  */

.about_bgd{ background: #fff; padding: 50px 0 80px 0; width: 100%; position: relative; z-index: 9;}
.abod_kg{ margin-top: 120px; position: relative;}
.abod_xt{ background: url(../images/gongsi/abod_bg.png) no-repeat center bottom; background-size: 100% auto; position: relative;}
.abod_xt img{ max-width: 100%;}
.abod_xt::after{ content: ''; width: 0%; height: 100%; background: url(../images/gongsi/abod_xth.png) no-repeat bottom left; background-size: auto 100%; position: absolute; left: 0; top: 0;}
.abod_xt.animated::after{ width: 100%; transition: 2s;}
.abod_nr{ position: absolute; left: 0%; top: -60px; width: 100%;}
.abod_nr ul{ display: flex; justify-content: space-between;}
.abod_nr li{ text-align: center;}
.abod_nr li:nth-child(1),.abod_nr li:nth-last-child(1){ margin-top: 17.3%;}
.abod_nr li:nth-child(2),.abod_nr li:nth-last-child(2){ margin-top: 16.3%;}
.abod_nr li:nth-child(3),.abod_nr li:nth-last-child(3){ margin-top: 8%;}
.abod_nr li:nth-child(3){ margin-left: 36px;}
.abod_nr li:nth-last-child(3){margin-right: 96px;}
.abod_mc{ color: #696969; font-size: 1.625rem; padding-bottom: 15px;}
.abod_wz{ position: absolute; bottom: 50px; width: 100%; left: 0;}
.abod_wz ul{display: flex; justify-content: space-around;}
.abod_wz li{ text-align: center; color: #696969;}
.abod_wz li p{ font-size: 2.25rem; font-weight: bold;}
.abod_wz li span{ font-family: 'Dinr'; font-size: 1.125rem; text-transform: uppercase;}
/*  */