@charset "utf-8";
/* CSS Document */
.subBanner { position: relative; z-index: 1;}
.subBanner > .img { line-height: 0; font-size: 0; position: relative; z-index: 1;}
.subBanner > .txt { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 10; display: flex; flex-flow: column; justify-content: center; max-width: 1480px; margin: auto; color: #fff; padding: 0 100px;}
.subBanner > .txt > div { color: #fff; line-height: 1.4; margin: 35px 0 0 0; display: flex; flex-flow: column; align-items: flex-start;}
.subBanner > .txt > div .b_tit { position: relative; font-size: 305.555%; font-weight: 700; padding: 0 43px 15px 15px; margin: 0 0 25px 0; letter-spacing: 2px; font-family: "Poppins", sans-serif;}
.subBanner > .txt > div .b_tit::before { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 4px; background: #e77632;}
.subBanner > .txt > div .tit { font-size: 133.333%; font-weight: 500; padding: 0 0 0 15px; letter-spacing: 2px; margin: 0;}

.subMain { position: relative; overflow: hidden; z-index: 1;}

.path_out { padding: 10px 0;}
.path { display: flex; flex-flow: wrap; width: 100%; list-style-type:none; margin: 0; padding: 0;}
.path li {list-style-type:none; margin: 0; padding: 0; font-weight: 500; color: #888880;}
.path li::after { content: ">"; display: inline-block; margin: 0 4px;}
.path li:last-child::after {content: none;}
.path li a { position: relative;}
.path li a:link, .path li a:visited {text-decoration:none; color:#717c87; position: relative; transition: all 0.25s ease 0s;}
.path li a:active, .path li a:hover {text-decoration:none; color:#91755c; cursor:pointer; transition: all 0.25s ease 0s;}
.path li a::after { content: ''; position: absolute; bottom: -2px; right: 0; width: 0%; height: 1px; background: #91755c; z-index: 1; transition: all 0.25s ease-out 0s;}
.path li a:hover::after { width: 100%; left: 0; transition: all 0.25s ease-out 0s;}

.about_A { position: relative; margin: 2.5% 0 0 0; padding: 0 0 4% 0; font-weight: 500; z-index: 1;}
.about_A .tit_c { position: relative; text-align: center; font-size: 266.666%; margin: 0 0 7% 0;}
.about_A .about_A_in { display: flex; flex-flow: wrap; justify-content: space-between; margin: 40px 0 0 0;}
.about_A .about_A_in > div { width: 30.5%; margin: 0 4.25% 0 0;}
.about_A .about_A_in > div:nth-child(3n+3) { margin-right: 0;}
.about_A .about_A_in > div:nth-child(3n+2) { margin-top: 25px;}
.about_A .about_A_in > div .pic { text-align: center;}
.about_A .about_A_in > div .tit { text-align: center; margin: 20px 0; padding: 0; font-size: 166.666%; letter-spacing: 2px; font-weight: 500;}
.about_A .about_A_bg_01 { position: absolute; bottom: 0; left: 0; width: 28.2%; height: 46.7%; overflow: hidden; z-index: -1;}
.about_A .about_A_bg_01 img { max-width: none !important;}
.about_A .about_A_bg_02 { position: absolute; top: 15%; right: 0; width: 28.2%; height: 46.7%; overflow: hidden; z-index: -1;}
.about_A .about_A_bg_02 img { max-width: none !important;}
.about_B { position: relative; margin: 0 0 7% 0; z-index: 1;}
.about_B .about_B_in { display: flex; flex-flow: wrap; align-items: flex-end; padding: 7% 0 0 0;}
.about_B .about_B_in .text { width: 50%; padding: 0 7% 0 0; text-align: justify; text-shadow: -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff;}
.about_B .about_B_in .pic { width: 50%;}
.about_B .about_B_bg { position: absolute; top: 0; left: 0; right: 0; height: 350px; background: url("../images/about_04-1.jpg") no-repeat center fixed; z-index: -1;}
.service_A { position: relative; margin: 2.5% 0 0 0; padding: 0 0 4% 0; font-weight: 500; z-index: 1;}
.service_A .tit_c { position: relative; text-align: center; font-size: 266.666%; margin: 0 0 7% 0;}
.service_A .service_A_in > div { display: flex; flex-flow: row; margin: 0 0 11% 0;}
.service_A .service_A_in > div:last-child { margin: 0 0 5% 0;}
.service_A .service_A_in > div:nth-child(2n+2) { flex-flow: row-reverse;}
.service_A .service_A_in > div .text { width: 36%; padding: 0 5% 0 0;}
.service_A .service_A_in > div:nth-child(2n+2) .text { padding: 0 0 0 5%;}
.service_A .service_A_in > div .text .number { color: #f5f5f5; font-size: 1694.444%; font-weight: 700; line-height: 0.8; font-family: "poppins", sans-serif;}
.service_A .service_A_in > div .text .number > span:nth-child(1) { margin-right: 10px;}
.service_A .service_A_in > div .text .tit { font-size: 200%; color: #d06c2f; font-weight: 700; margin: 30px 0 40px 0; padding: 0; letter-spacing: 2px;}
.service_A .service_A_in > div .text p { text-align: justify;}
.service_A .service_A_in > div .pic { width: 59.5%; text-align: left;}
.service_A .service_A_in > div .pic > div { position: relative; display: inline-block; line-height: 0; z-index: 1;}
.service_A .service_A_in > div .pic > div::before { content: ''; position: absolute; bottom: -10%; right: -7.5%; width: 100%; height: 100%; background: #efdbcf; z-index: -1;}
.service_A .service_A_in > div:nth-child(2n+2) .pic { text-align: right;}
.service_A .service_A_in > div:nth-child(2n+2) .pic > div::before { left: -7.5%; right: auto;}