﻿p {margin: 0;}
input, textarea {border: none;outline: none;background-color: transparent;}
img {vertical-align: middle;}

/* 通用樣式 */
.p1920 {width: 1920px;position: relative;left: 50%;margin-left: -960px;}
.w1200 {width: 1200px;margin: 0 auto;}
.bw {width: 100%;}

.clearfix::after {content: '';display: block;height: 0;clear: both;overflow: hidden;visibility: hidden;}
.clearboth {height: 0px;line-height: 0px;overflow: hidden;clear: both;font-size: 0px;}
.fl {float: left;}
.fr {float: right;}
.dfc {display: flex;justify-content: space-between;align-items: center;}

.ibw, .miw, .iml, .imgbig {overflow: hidden;}
.imgbig img {-webkit-transition: all ease .5s;-moz-transition: all ease .5s;-ms-transition: all ease .5s;-o-transition: all ease .5s;transition: all ease .5s;}
.imgbig:hover img {-webkit-transform: scale(1.2,1.2);-moz-transform: scale(1.2,1.2);-ms-transform: scale(1.2,1.2);-o-transform: scale(1.2,1.2);transform: scale(1.2,1.2);}
.ibw img {width: 100%;height: auto;}
.miw img {max-width: 100%;max-height: 100%;}
.iml {text-align: center;}
.iml img {transform: translateY(-1px);vertical-align: middle;}

.bgmax {background-repeat: no-repeat;background-size: cover;background-position: center top;}
.bgmin {background-repeat: no-repeat;background-size: contain;background-position: center top;}

.fh {overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}

/* 頭部 */
.ph1 {background-color: #f6f6f6;}
.ph1-box div {font-size: 12px;color: #585858;line-height: 33px;}
.ph1-box div p {font-size: 12px;color: #585858;line-height: 33px;}
.ph1-box div a {font-size: 12px;color: #585858;line-height: 33px;}

.ph2a {height: 121px;line-height: 121px;width: 321px;}

.ph2b {margin: 25px 0 0 15px;background-image: url(../image/ph2b.png);background-repeat: no-repeat;background-position: left center;min-height: 69px;padding: 14px 0 14px 32px;}
.ph2b p {font-size: 17px;color: #505150;line-height: 24px;}

.ph2c {background-repeat: no-repeat;background-position: left center;padding-left: 68px;min-height: 48px;margin-top: 37px;}
.ph2c p:nth-child(1) {font-size: 20px;color: #0a3359;line-height: 28px;}
.ph2c p:nth-child(2) {font-size: 30px;color: #962317;line-height: 38px;font-weight: bold;}

.ph3 {background-color: #962317;}

/* 定位欄 */
.nav1 {}
.nav-li {position: relative;z-index: 999;}
.nav-li .nav-a {display: block;line-height: 56px;font-size: 16px;color: #fff;width: 124px;text-align: center;}
.nav-ul {position: absolute;left: 50%;top: 100%;background-color: #962317;z-index: 999;min-width: 100%;transform: translate(-50%, 20px);opacity: 0;visibility: hidden;transition: all .5s ease;}
.nav-ul li {width: 100%;}
.nav-ul li a {width: 100%;line-height: 38px;text-align: center;display: block;color: #fff;white-space: nowrap;padding: 0 5px;}

.nav-li:hover .nav-a {background-color: #f19326;}
.nav-li:hover .nav-ul {opacity: 1;visibility: visible;transform: translate(-50%, 0);}
.nav-ul li a:hover {background-color: #f19326;}

/* 搜索 */
.p1 {background-color: #fafafa;}
.p1-box {padding: 26px 0 21px;}

.p1a {font-size: 14px;color: #585858;line-height: 37px;}
.p1a a {color: #585858;}

.p1b {width: 247px;height: 37px;}

.p1b1 {width: 202px;height: 100%;border: 2px solid #d2d2d2;border-right: none;padding: 0 10px;font-size: 14px;color: #333;}

.p1b1::-webkit-input-placeholder {color: #8f8f8f;}
.p1b1::-ms-input-placeholder {color: #8f8f8f;}
.p1b1::-moz-placeholder {color: #8f8f8f;}
.p1b1::placeholder {color: #8f8f8f;}

.p1b2 {width: 45px;height: 100%;background-color: #962317;background-image: url(../image/p1b2.png);background-repeat: no-repeat;background-position: center;}

/* 商品核心 */
.p2-box {padding: 52px 0 66px;}

.p2a {text-align: center;font-size: 36px;color: #962317;line-height: 46px;background-image: url(../image/p2a.png);background-repeat: no-repeat;background-position: center top;padding: 30px 0 15px;font-weight: bold;}

.p2b {text-align: center;line-height: 0;margin-top: 24px;}
.p2b ul {display: inline-block;}
.p2b ul li {width: 92px;}
.p2b ul li+li {margin-left: 13px;}
.p2b ul li a {display: block;height: 27px;line-height: 27px;border-radius: 14px;background-color: #b4362a;font-size: 17px;color: #fff;}

.p2b ul li.on a {background-color: #f19326;}

.p2c {margin-top: 45px;}
.p2c ul li {width: 290px;margin-right: 13px;}
.p2c ul li:nth-child(4n) {margin-right: 0;}
.p2c ul li:nth-child(n+5) {margin-top: 31px;}
.p2c ul li a {display: block;position: relative;}
.p2c1 {height: 290px;line-height: 290px;}
.p2c1 img{height: 290px;line-height: 290px;}
.p2c2 {/*position: absolute;left: 0;bottom: 0;right: 0;*/background-color: rgba(1, 9, 47, .81);padding: 8px 8px 0 12px;}
.p2c2 h3 {font-size: 18px;color: #fff;line-height: 40px;width: 100%;text-align: center;}
.p2c2 div {font-size: 14px;color: #fff;line-height: 40px;padding-left: 32px;background-image: url(../image/p2c2.png);background-repeat: no-repeat;background-position: left center;display:none;}

/* 優勢 */
.p3 {background-image: url(../image/p3.jpg);}

.p3-box {padding: 77px 0 70px;}

.p3a {text-align: center;background-image: url(../image/p3a.png);background-repeat: no-repeat;background-position: 279px top;padding-bottom: 40px;}
.p3a h3 {font-size: 44px;color: #962317;font-weight: bold;line-height: 54px;padding-left: 66px;}
.p3a h3 span {font-size: 34px;text-transform: uppercase;}
.p3a h4 {font-size: 27px;color: #5f5f5f;font-weight: normal;margin-top: 10px;padding-left: 25px;}

.p3b {margin-top: 52px;}

.p3b1 {width: 515px;margin-top: 26px;}
.p3b1a {padding-left: 94px;background-repeat: no-repeat;background-position: 18px center;min-height: 60px;}
.p3b1a h3 {font-size: 30px;color: #962317;font-weight: normal;line-height: 38px;}
.p3b1a h4 {font-size: 28px;color: #962317;font-weight: bold;line-height: 36px;}

.p3b1b {margin-top: 15px;}
.p3b1b p {padding-left: 33px;font-size: 15px;color: #585858;line-height: 23px;background-image: url(../image/p3b1b.png);background-repeat: no-repeat;background-position: 8px 7px;}
.p3b1b p+p {margin-top: 23px;}

.p3b1c {margin-top: 20px;}
.p3b1c1 p {font-size: 15px;color: #962317;line-height: 42px;}
.p3b1c1 p strong {font-size: 32px;font-weight: bold;line-height: 0;}

.p3b1c2 {margin-top: 20px;}
.p3b1c2 a {display: block;width: 162px;height: 47px;text-align: center;line-height: 47px;background-color: #962317;font-size: 15px;color: #fcfdfe;}

.p3b2 {width: 613px;text-align: end;}

.p3b li:nth-child(2n) .p3b1 {float: right;margin-top: 20px;}
.p3b li:nth-child(2n) .p3b2 {float: left;text-align: start;}
.p3b li:nth-child(2) {margin-top: 66px;}
.p3b li:nth-child(3) {margin-top: 56px;}
.p3b li:nth-child(3) .p3b1 {margin-top: 0;}
.p3b li:nth-child(3) .p3b2 {margin-top: 13px;}

/* 對于我們 */
.p4 {background-image: url(../image/p4.png);}

.p4-box {padding: 72px 0 66px;}

.p4a {text-align: center;font-size: 36px;color: #962317;line-height: 46px;background-image: url(../image/p4a.png);background-repeat: no-repeat;background-position: center top;padding: 30px 0 15px;font-weight: bold;}

.p4b {margin-top: 43px;}
.p4b1 {width: 793px;}

.p4b1a {padding-right: 19px;}
.p4b1a1 li {width: 101px;}
.p4b1a1 li+li {margin-left: 22px;}
.p4b1a1 li a {display: block;height: 37px;line-height: 37px;text-align: center;font-size: 18px;color: #323333;}

.p4b1a1 li a:hover {background-color: #a73124;color: #fff;}

.p4b1a2 {font-size: 30px;color: #323333;line-height: 37px;}
.p4b1a2 a {color: #323333;}

.p4b1b {margin-top: 21px;}

.p4b1b2 {margin-top: 23px;}
.p4b1b2 p {font-size: 14px;color: #323333;line-height: 26px;}

.p4b2 {width: 320px;margin-top: 14px;position: relative;}

.p4b2a ul li {width: 320px;}
.p4b2a ul li a {display: block;}
.p4b2a ul li a div {padding: 39px 47px 20px 43px;background-color: #f1f1f1;height: 400px;line-height: 341px;}
.p4b2a ul li a h3 {display: block;text-align: center;height: 43px;line-height: 43px;background-color: #a73124;font-size: 15px;color: #fff;}

.p4b2b a {position: absolute;top: 50%;transform: translateY(-50%);display: block;width: 28px;height: 70px;background-repeat: no-repeat;background-position: center;}

.p4b2b a.prev {left: 0;background-image: url(../image/p4b2b-left.png);}
.p4b2b a.next {right: 0;background-image: url(../image/p4b2b-right.png);}

/* 通欄1 */
.p5 {background-image: url(../image/p5.jpg);}

.p5-box {padding: 38px 52px 28px 106px;}

.p5a {background-image: url(../image/p5a.png);background-repeat: no-repeat;background-position: left top;width: 669px;min-height: 100px;}
.p5a h3 {padding-left: 66px;font-size: 52px;color: #fff;font-weight: bold;line-height: 1;}
.p5a h3 span {font-size: 32px;text-transform: uppercase;color: rgba(255, 255, 255, .27);}
.p5a h4 {font-size: 21px;color: #fff;font-weight: normal;line-height: 31px;margin-top: 9px;padding-right: 42px;}

.p5b {margin-top: 12px;}
.p5b p:nth-child(1) {font-size: 24px;color: #fff;line-height: 34px;}
.p5b p:nth-child(2) {margin-top: 4px;}
.p5b p:nth-child(n+2) {font-size: 35px;font-weight: bold;color: #fff;line-height: 45px;}

/* 流程 */
.p6 {background-image: url(../image/p6.jpg);}

.p6-box {padding: 52px 15px 34px 6px;}

.p6a li {width: 165px;margin-right: 88.5px;position: relative;}
.p6a li:nth-child(5n) {margin-right: 0;}
.p6a li::before {content: "";display: block;width: 88.5px;height: 166px;position: absolute;left: 100%;top: 0;background-image: url(../image/p6a.png);background-repeat: no-repeat;background-position: center;}
.p6a li:nth-child(5n)::before {display: none;}
.p6a li div {height: 166px;line-height: 166px;}

/* 工程實例 */
.p7-box {padding: 66px 0 79px;}

.p7a1a {font-size: 48px;color: #323333;font-weight: bold;line-height: 58px;}
.p7a1b {margin-top: 14px;}
.p7a1b1 a {display: block;width: 100px;height: 34px;text-align: center;line-height: 34px;border-radius: 17px;background-color: #a73124;font-size: 14px;color: #fff;}
.p7a1b2 {margin-left: 29px;font-size: 24px;color: #323333;text-transform: uppercase;font-family: Arial;line-height: 34px;}

.p7a2 {font-size: 19px;color: #333333;line-height: 29px;margin-top: 31px;}

.p7b {margin-top: 19px;overflow: hidden;}
.p7b ul li {width: 290px;margin-right: 13px;}
.p7b ul li a {display: block;}
.p7b1 {height: 231px;line-height: 231px;}
.p7b2 {padding-top: 5px;border-bottom: 4px solid #12395d;position: relative;z-index: 99;}
.p7b2 h3 {line-height: 51px;font-size: 16px;color: #323333;text-align: center;}
.p7b2 p {display: none;font-size: 14px;color: #fff;line-height: 21px;margin-top: 8px;min-height: 42px;}
.p7b2 div {display: none;width: 102px;height: 32px;text-align: center;line-height: 30px;border: 1px solid #fff;font-size: 14px;color: #fff;margin-top: 26px;}

.p7b ul li a:hover .p7b2 {margin-top: -101px;background-color: rgba(167, 49, 36, .7);border: none;padding: 13px 24px 14px 11px;}
.p7b ul li a:hover .p7b2 h3 {font-size: 16px;color: #fff;font-weight: bold;line-height: 26px;}
.p7b ul li a:hover .p7b2 p {display: block;}
.p7b ul li a:hover .p7b2 div {display: block;}

/* 通欄2 */
.p8 {background-image: url(../image/p8.jpg);}

.p8-box {padding: 67px 0 63px;}

.p8a {width: 1251px;margin: 0 -25.5px;}
.p8a li {padding: 11px 44px 14px;}
.p8a li+li {border-left: 1px solid rgba(255, 255, 255, .4);}
.p8a li h3 {padding-left: 34px;background-repeat: no-repeat;background-position: left center;font-size: 18px;color: #fff;font-weight: bold;line-height: 26px;}
.p8a li p {font-size: 14px;color: #fff;line-height: 24px;margin-top: 11px;}

/* 新聞信息 */
.p9-box {padding: 51px 0;}

.p9a {text-align: center;font-size: 36px;color: #962317;line-height: 46px;background-image: url(../image/p9a.png);background-repeat: no-repeat;background-position: center top;padding: 30px 0 15px;font-weight: bold;}

.p9b {text-align: center;line-height: 0;margin-top: 28px;}
.p9b ul {display: inline-block;}
.p9b ul li {width: 92px;}
.p9b ul li+li {margin-left: 13px;}
.p9b ul li a {display: block;height: 27px;line-height: 27px;border-radius: 14px;background-color: #01092f;font-size: 17px;color: #fff;}

.p9b ul li a:hover {background-color: #b4362a;}

.p9c {margin-top: 33px;}

.p9c1 {width: 482px;}
.p9c1 a {display: block;}
.p9c1a {height: 362px;line-height: 362px;}
.p9c1b {padding: 0 14px 0 8px;margin-top: 7px;}
.p9c1b h3 {font-size: 16px;color: #585858;line-height: 26px;}
.p9c1b p {font-size: 15px;color: #585858;line-height: 25px;margin-top: 4px;}

.p9c2 {width: 691px;}
.p9c2 li+li {margin-top: 11px;}
.p9c2 li a {display: block;}
.p9c2a {width: 195px;height: 146px;line-height: 146px;}

.p9c2b {width: 468px;margin-top: 4px;}
.p9c2b h3 {font-size: 16px;color: #585858;line-height: 26px;font-weight: normal;}
.p9c2b p {font-size: 15px;color: #585858;line-height: 25px;margin-top: 4px;}
.p9c2b h4 {font-size: 15px;color: #585858;line-height: 25px;font-weight: normal;text-align: end;}



.p9c{margin-top:64px;height:506px;overflow:hidden;display:none;}
.p9c.clicked{display:block;}











/* 友誼鏈接 */
.p10 {background-color: #f7f7f7;}
.p10-box {padding: 33px 0 29px 180px;background-image: url(../image/p10.png);background-repeat: no-repeat;background-position: left 33px;min-height: 98px;line-height: 36px;font-size: 15px;color: #444;}
.p10-box a {color: #444;}

/* 底部 */
.pf {background-color: #a73124;}

.pf1-box {padding: 22px 0 11px 13px;}

.pf1_item h3 {font-size: 26px;color: #fff;font-weight: bold;text-transform: uppercase;font-family: Arial;}
.pf1_item div {width: 45px;height: 2px;background-color: #fff;margin-top: 14px;}

.pf1a {width: 123px;margin-top: 24px;}
.pf1a div {border: 1px solid #b0afaf;padding: 22px 19px 17px 21px;}
.pf1a p {font-size: 14px;color: #fff;line-height: 24px;margin-top: 12px;text-align: center;}

.pf1b {width: 476px;margin-left: 55px;}

.pf1b2 {font-size: 18px;color: #fff;font-weight: bold;margin-top: 16px;}

.pf1b3 {margin-top: 10px;}
.pf1b3 li {padding-left: 24px;line-height: 30px;font-size: 14px;color: #f9f9f9;background-repeat: no-repeat;background-position: left center;}
.pf1b3 li span {font-size: 16px;}

.pf1c2 {margin-top: 12px;}
.pf1c2 p {font-size: 14px;color: #fff;line-height: 30px;}
.pf1c2 p a {color: #fff;}

.pf1d2 {margin-top: 14px;padding-left: 42px;background-repeat: no-repeat;background-position: left center;}
.pf1d2 p:nth-child(1) {font-size: 30px;color: #fff;font-weight: normal;font-family: Impact;line-height: 1;}
.pf1d2 p:nth-child(2) {font-size: 14px;color: #fff;letter-spacing: 9px;line-height: 20px;}

.pf1d3 {margin-top: 15px;}
.pf1d3 a {display: block;width: 130px;height: 36px;line-height: 36px;background-color: #f19326;padding-left: 50px;font-size: 14px;color: #f9f9f9;background-image: url(../image/pf1d3.png);background-repeat: no-repeat;background-position: 24px center;}

.pf2 {border-top: 1px solid rgba(255, 255, 255, .13);}
.pf2-box {padding: 15px 0 9px;text-align: center;}
.pf2-box a{color: #fff;}
.pf2-box p {font-size: 12px;color: #fff;line-height: 22px;}
.pf2-box p a {color: #fff;}
