@charset "utf-8";

/* CSS Document */
body{font-family:'Lato','微軟正黑體',sans-serif;font-size:16px;line-height:1.5;color:#333;padding-top: 58px;}
a{color:#000;text-decoration:none;-o-transition:all .3s linear;-webkit-transition:all .3s linear;-moz-transition:all .3s linear;transition:all .3s linear}
a:hover{color:#777;}
*{ bbackface-visibility: hidden;-webkit-backface-visibility: hidden;-moz-backface-visibility: hidden;-ms-backface-visibility: hidden;}
figure,p{margin-bottom: 0;}
/*---------------------- 基礎設定 ----------------------*/
/*反白設定
::selection { background: #666; color: #FFF; }
::-moz-selection { background: #666; color: #FFF; }
*/
.alertLine{border-color: #d40023;}
.red{color: #d40023;}

/* 回頂端 */
#goTop{display:none;cursor:pointer;position:fixed;bottom:1rem;right:1rem;width:50px;height:50px;line-height:50px;text-align:center;color:#fff;background:#181818;border:solid 1px #fff;opacity: 0.9;z-index: 10;}
#goTop:hover{background:#940000;color:#FFF}

/*按鈕*/
.btnWrap { margin:2em 0;}
@media screen and (max-width: 640px) {
#goTop{width:100%;left:0;right:0;bottom:0;border-radius:0;border:0;border-top:1px solid #eee}
}
/*darkRed__btn*/
.darkRed__btn::before,.darkRed__btn::after {position: absolute;content: "";}
.darkRed__btn{position:relative;display:inline-block;width:auto;height:auto;background-color:#940000;cursor:pointer;margin:0;padding:0;font-weight:700}
.darkRed__btn span{position:relative;display:inline-block;font-size:20px;font-weight:700;letter-spacing:2px;text-transform:uppercase;top:0;left:0;width:100%;padding:10px 10px 10px 15px;transition:.3s;color:#fff}
.darkRed__btn::before {background-color: rgb(28, 31, 30);transition: 0.3s ease-out;}
.darkRed__btn span:hover {color: rgb(255,255,255);transition: 0.2s 0.1s;}
.ixContact__box .darkRed__btn span i{margin-right: 10px;}
/* hover-slide-down */
.darkRed__btn.hover-slide-down::before {top: 0; left: 0; right: 0; height: 0%; width: 100%;}
.darkRed__btn.hover-slide-down:hover::before {height: 100%;}
.btnWrap .moreBrn i{margin-right: 0;margin-left: 10px;}

/*RWD編輯器表格(X捲軸)*/
.tableContainer table td{min-width:100px;padding:5px;border:1px solid #ccc;white-space:inherit}
@media screen and (max-width: 768px) {
.tableContainer{width:100%;overflow-y:auto;_overflow:auto;margin:0 0 1em}
}
/*IE瀏覽器*/
.warning{width:100%;color:#fff;text-align: center;max-width: 1500px;padding: 60px 50px 50px;position:fixed;left:50%;transform: translate(-50%, -50%);top: 50%;background-color: #283d86;box-shadow:0 0 15px rgba(51,51,51,.5);border-radius:3px;z-index:9999999999;-o-transition:all .3s linear;-webkit-transition:all .3s linear;-moz-transition:all .3s linear;transition:all .3s linear;}
.off{cursor: pointer;position:absolute;right: 10px;top: 10px;border: 1px solid #eee;padding: 3px 5px 3px 10px;}
.off:hover{background-color:#fff;color:#333;}

.useTool p{font-size: 25px;font-weight: 600;margin-bottom: 30px;}
.useTool ul{padding-left:0;list-style:none}
.useTool li{display:inline-block;margin: 0 5px;}
.useTool a{display:block;background: #fff;padding: 7px 10px;border-radius: 60px;}
.useTool b{margin-bottom: 10px;display: block;text-align: center;}
.useTool figure{width: 30px;float:left;margin-right: 5px;margin-bottom: 0;}
.useTool span{float:right;margin-top: 2px;font-weight: 600;}
/*---------------------- 頁面開始 ----------------------*/

/*全頁佈局*/
.wrapper { padding:2rem 0;}
.blockHeight{padding:80px 0;}

/*header*/
.navbarBox{padding: 15px 0px;}
.navbarBox::after{content: ''; background: -webkit-linear-gradient(90deg, rgb(148, 0, 0), rgb(2, 153, 244));background: linear-gradient(90deg, #940000, rgb(2, 153, 244));width: 100%;height: 3px;position: absolute;bottom: 0px;}
.navbarBox .navbar-nav{align-items: center;}
.navbarBox .nav-item{margin-right: 20px;}
.navbarBox .nav-item:last-child{margin-right: 0;}
.navbarBox .nav-item:last-child .darkRed__btn span{  width: 145px;}
.navbarBox .nav-item:last-child .darkRed__btn span i{margin-right: 10px;}
.navbarBox .nav-link{color: #333;font-size: 20px;font-weight: bold;}
.singleSlick.slick-dotted.slick-slider{margin-bottom: 0;}

/* 標題 */
.enText{font-family: 'Mohave', sans-serif;}
.mainTilte{position: relative;font-style:italic;display: inline-block;padding-bottom: 20px;margin-bottom: 30px;}
.mainTilte::before{content: '';width: 25px;height: 3px;display: inline-block;background-color: #940000;position: absolute;left: 10px;top: -5px;}
.mainTilte span{display: inline-block;}
.titleCn{font-size: 36px;color: #00006a;font-weight: bold;position: relative;z-index: 2;}
.titleEn{font-size: 34px;-webkit-text-stroke: 1px #04a1fb;-webkit-text-fill-color: transparent;position: absolute;left: 50%;transform:translateX(-50%);top: 26px;opacity: .5;}
.hotTxt {background: linear-gradient(transparent 50%, rgb(238 230 45 / 50%) 50%);font-weight: bold;padding: 0 5px;}


/*banner*/
.banner__box{position:relative}
.bannerTitle{margin:0;position: absolute; bottom:50px;color:#fff;z-index: 2;width: 50%;}
.bannerTitle::after{content: ''; width: 100%;position: absolute;z-index: -1;height: 100%;bottom: 0;
    background: -moz-linear-gradient(left,  rgba(24,24,24,1) 40%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left,  rgba(24,24,24,1) 40%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right,  rgba(24,24,24,1) 40%,rgba(255,255,255,0) 100%); }
.bannerTitle__box{padding: 12px 12px 12px 32%;font-style:italic;}
.bannerTitle__cn{font-size: 42px;font-weight: bold;}
.bannerTitle__en{font-size: 32px;padding-left: 50px;}
.bannerImg .banner_pro01{position: absolute;top: 50%;right: 35%; transform:translateY(-50%);}
.bannerImg .banner_pro01::after{content: '';position: absolute;width: 100px;height: 5px;background-color: #fff;right: -22%;bottom: 50px;transform: rotate(15deg);z-index: -1;}
.bannerImg .banner_pro02{position: absolute;top: 65%;right: 20%; transform:translateY(-50%);}
.bannerImg .banner_pro02::after{content: '';position: absolute;width: 100px;height: 5px;background-color: #fff;right: -30%;bottom: 160px;transform: rotate(-25deg);z-index: -1;}
.bannerImg .banner_pro03{position: absolute;top: 50%;right: 5%; transform:translateY(-50%);}
.banner .slick-dots{bottom: 10px;}
.banner .slick-dots li.slick-active button:before{color: #940000;}
.banner .slick-dots li button:before{opacity: 1;color: #fff;font-size: 15px;}
/*內頁banner*/
.pgBanner{margin-top: 30px;position: relative;height: 200px;}
.pgBanner__slogan{position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);}
.pgBanner__slogan .mainTilte{margin-bottom: 0;}
.pgBanner__slogan .titleCn{color: #fff;}


/*頁碼*/
.pageNumber{text-align: center;}
.pageNumber a{padding: 5px 10px;}
.pageNumber a:hover{background-color: #940000;color: #fff;}
.pageNumber .on{background-color: #940000;color: #fff;}

/* 首頁產品 */
.ixPro{position: relative;}
.ixPro .ixPro__box{align-items: center;}
.ixPro::after{content: '';background: url(../images/index/proBg.png) no-repeat left;position: absolute;left: 0;bottom: 0; width: 100%;height: 100%;z-index: -1;}
.ixPro__text{font-size: 18px;letter-spacing: 2px;}
.ixPro__slick{position: absolute;right: 20px;width: 55%;padding: 0;}
.ixPro__slick .pdtLis__item {margin-right: 30px;}
.pdtLis .slick-prev,.pdtLis .slick-next,.pdtLis .slick-prev:focus,.pdtLis .slick-next:focus{z-index:10;width: 50px;height: 50px;background: #940000;}
.pdtLis .slick-prev{left:-50px;}
.pdtLis .slick-prev:before{content: "\f284";font-family: bootstrap-icons !important;}
.pdtLis .slick-next{right:-20px;}
.pdtLis .slick-next:before{content: "\f285";font-family: bootstrap-icons !important;}
.pdtLis .slick-prev:hover,.pdtLis .slick-next:hover{background:#333}
.pdtLis .slick-slide img{width: 100%;}
.ixPro .pdtName{font-size: 20px;text-align: center;padding: 15px 0px;border-bottom: 2px solid #d1d1d1;font-weight: bold;}

/*首頁服務代理*/
.mainTilteBox{text-align: center;}
.picGrid__zone{display: grid;grid-gap: 20px;grid-template-columns: repeat(3, 1fr);grid-template-rows: repeat(3, 1fr);}
.picGrid__box {display: inline-block;color: #fff;background-position: center;background-size: cover;background-repeat: no-repeat;position: relative;min-height: 250px;}
.picGrid__box::before{content: ''; width: 100%;height: 100%;background: rgba(0,0,0,0.5);display: block;transition: all .8s; -webkit-transition: all 0.8s;}
.picGrid__box:hover{color: #fff;}
.picGrid__box:hover::before{background: rgba(0,0,0,0);transition: all .8s; width: 0%;}
.picGrid__box:nth-child(1){grid-column: span 1;grid-row: span 3;}
.picGrid__box:nth-child(2){grid-column: span 1;grid-row: span 2;}
.picGrid__box:nth-child(3){grid-column: span 1;grid-row: span 2;}
.picGrid__box:nth-child(4){grid-column: span 2;grid-row: span 4;}
.picGrid__box:nth-child(5){grid-column: span 1;grid-row: span 3;}

.picGrid__txt{position: absolute;bottom: 0;width: 100%;padding: 10px;}
.picGrid__txt{background-color: rgba(0,0,0,0.6);}
.picGrid__box:nth-child(2) .picGrid__txt{background-color: rgba(148,0,0,0.6);}
.picGrid__box:nth-child(5) .picGrid__txt{background-color: rgba(148,0,0,0.6);}
.picGrid__txt .name{font-size: 20px;font-weight: bold;}
.picGrid__txt .txt{overflow:hidden;white-space: nowrap;text-overflow: ellipsis;font-size: 18px;}

/*首頁公司簡介*/
.ixAbout{background:linear-gradient(180deg, #f1f1f1 55%, #fff 45%);position: relative;}
.aboutLogo{position: absolute;right: 40px;top: 45%;transform:translateY(-50%);}
.ixAbout__content{padding-bottom: 40px;margin-bottom: 20px;align-items: center;}
.ixAbout .aboutText{font-size: 18px; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;    letter-spacing: 2px;}
.ixAbout .aboutImg img{width: 100%;}
.aboutText__box{padding-left: 80px;padding-top: 60px;}
.iconBox{display: flex;justify-content: space-around;margin-top: 50px;}
.icon{text-align: center;padding: 15px 30px;position: relative;z-index: 1;}
.icon::before{content: '';position: absolute;top: 0;left: 0;border-left: 2px solid #00006a;border-top: 2px solid #00006a;    width: 30%;height: 60%;transition: 0.4s;}
.icon::after{content: '';position: absolute;bottom: 0;right: 0;border-right: 2px solid #00006a;border-bottom: 2px solid #00006a;width: 70%;height: 30%;transition: 0.4s;}
.shadowtop{position: absolute;top: 10px; left: 10px; display: block;width: 100%;height: 100%;background-color: rgba(220,220,220,.4);z-index: -1;transition: 0.35s;}
.shadowbottom{position: absolute; bottom: 10px; right: 10px; display: block;width: 100%;height: 100%;background-color: rgba(220,220,220,.4);z-index: -1;transition: 0.35s;}
.icon .name{font-size: 20px;margin-top: 20px;font-weight: bold;}
.icon:hover .shadowtop{top: 0;left: 0;}
.icon:hover .shadowbottom{bottom: 0;right: 0;}
.icon:hover.icon::before,.icon:hover.icon::after{width: 100%;height: 100%;}

/*首頁聯絡我們*/
.ixContact{background: url(../images/index/contactBg.jpg) no-repeat; width: 100%;background-size: cover;}
.ixContact__box{display: flex;justify-content: space-between;padding: 40px 0px;color: #fff;align-items: center;}
.ixContact__text{font-size: 20px;font-weight: bold;}
.ixContact .darkRed__btn::before{background-color: #fff;}
.ixContact .darkRed__btn:hover.darkRed__btn span{color: #940000;}

/*麵包屑*/
.breadCrumbs-block .breadCrumbs{float: right;list-style:  none;margin:  0;padding:  0;color: #fff;}
.breadCrumbs-block .breadCrumbs .item{display: inline-block;padding: 0 7px 0 0;font-size: 14px;}
.breadCrumbs-block .breadCrumbs .item:last-child{padding-right: 0;}
.breadCrumbs-block .breadCrumbs .item:after{content: '/';display: inline-block; color: rgb(255 255 255 / 50%);}
.breadCrumbs-block .breadCrumbs .item a{display: inline-block;padding: 0 7px 0 0; color: rgb(255 255 255 / 50%);}
.breadCrumbs-block .breadCrumbs .item.active:after{display:none}
.breadCrumbs-block .breadCrumbs .item.active a{padding-right:0;color: #fff;font-weight: bold;}


/*公司簡介*/
.innerPage{position: relative;}
.breadCrumbBox{position: absolute;top: -30px;width: 100%;}
.aboutBox{position: relative;}
.aboutBox .aboutLogo{top: auto;transform: translateY(0%);bottom: 5px;z-index: -1;}
.hollowTitle{-webkit-text-fill-color: transparent;-webkit-text-stroke: 1px #000049;font-size: 5rem;font-family: "Manrope Alt", Sans-serif;font-weight: bold;letter-spacing: 5px;text-align: center;}
.aboutText{font-size: 18px;text-align: center;}
.aboutText p{margin-bottom: 20px;}
.aboutBox .sub{font-size: 24px;font-weight: bold;margin-bottom: 20px;}
.aboutBox .subText{position: relative;text-align: center;display: block;}
.aboutBox .subText::after{content: '';width: 25px;height: 3px;display: inline-block;background-color: #940000;position: absolute;left: 50%;bottom: -5px;transform:translateX(-50%);}
.secondBlock{display: grid;grid-template-columns: repeat(2, 1fr);}
.secondBlock:nth-child(odd){flex-direction: column-reverse;}
.secondBlock .introduce{background-color: #000049; color: #fff;padding: 50px 160px;}
.secondBlock .introduce__title{font-size: 24px;font-weight: bold;margin-bottom: 20px;position: relative;}
.secondBlock .introduce__title::after{content: '';width: 25px;height: 3px;display: inline-block;background-color: #fff;position: absolute;left: 0%;bottom: -5px;}
.secondBlock .introduce__sub{font-size: 18px;margin-bottom: 20px;font-style: italic;}
.introduceIcon{color: #fff;background-color: rgba(255,255,255,0.4);padding: 20px;display: flex;margin-bottom: 30px;    align-items: center;}
.introduceIcon:last-child{margin-bottom: 0;}
.introduceIcon figure{display: inline-block;overflow: hidden;margin-right: 30px; }
.introduceIcon img{transform: translateX(-150%);filter: drop-shadow(120px 0 #fff);}
.introduceText__title{border-bottom: 2px solid #fff;font-weight: bold;font-size: 24px;margin-bottom: 10px;display: inline-block;}
.introduceText__title .en{font-size: 20px;}
.introduceText{font-size: 18px;}
.secondBlock__img{background: url(../images/index/about.jpg)no-repeat center;background-size: cover;width: 100%;height: 100%;}

/*服務項目*/
.serviceSlogan{background-color: #00006a;color: #fff;text-align: center;font-size: 30px;font-weight: bold;padding: 60px 20px;}
.row.serviceBox[class*="col-"], .serviceBox [class*="col-"] {padding-left: 0;padding-right: 0;}
.row.serviceBox, .serviceBox {margin-left: 0;margin-right: 0;}
.whiteBg__img img{max-height: 500px;}
.imgCover {object-fit: cover;width: 100%;max-width: 100%;min-height: 100%;height: 400px;}
.serviceImg{position: relative;}
.serviceImg::before{content: '';width: 100%;height: 100%;background: rgba(0,0,0,0.5);display: block;transition: all .8s;
-webkit-transition: all 0.8s;position: absolute;top: 0;left: 0;}
.serviceImg:hover::before{background: rgba(0,0,0,0);transition: all .8s; width: 0%;}
.serviceText{padding: 0 80px;height: 100%;display: flex;flex-flow: wrap;align-content: center;position: relative;}
.serviceText h3{z-index: 2;position: relative;font-weight: bold;font-style: italic;}
.serviceText .num{-webkit-text-stroke: 1px #04a1fb;-webkit-text-fill-color: transparent;font-size: 100px;position: absolute; left: -50px;top: -90px;font-style: italic;z-index: -1;opacity: .6;width: 100%;}
.serviceText .text{word-break: break-all;font-size: 18px;}
.redBg{background-color: #940000;color: #fff;}
.blueBg{background-color: #00006a;color: #fff;}
.serviceId__tag {display: block;position: relative;top: -90px;visibility: hidden;}
.lastBox{padding: 0px;margin-left: 0;margin-right: 0;}

/* 產品列表 */
.product{background: url(../images/product/bg.png) no-repeat;}
.productBox{background-color: #fff;padding: 40px;border-top: 3px solid #940000;box-shadow: 5px 5px 20px rgb(0 0 0 / 30%);}
.sidebar{margin-top: 50px;}
.sidebarBtn{display: none;}
.sidebarList .first-title{font-size: 21px;border-bottom: 1px solid #d1d1d1;cursor: pointer;margin-bottom: 0;}
.sidebarList .first-title.active,.sidebarList .first-title:hover{font-weight: bold;color: #940000;border-bottom: 1px solid #940000;}
.firstTitle__link{text-decoration: none;font-weight: bold;width: 100%;display: block;padding: 10px;}
.first-title.active .firstTitle__link{color: #940000;}
.first-title:hover .firstTitle__link{color: #940000;transition: all .5s;}
/* .sidebarList .first-title:after{content: "+";/* font-family: bootstrap-icons !important; *//*float: right;} */
/* .sidebarList .first-title.active:after{content:'-'} */
.secondList{display: none;clear: both;padding: 10px;}
.secondList__item{display: block;padding:5px 0;}
.productList__title{border-bottom: 1px solid #d1d1d1;font-size: 22px;padding-bottom: 5px;margin-bottom: 30px;font-weight: bold;}
.productList__title span{border-bottom: 2px solid #940000;padding-bottom: 5px;}
.product .pdtLis__item{margin-bottom: 40px;display: block;}
.product .pdtName{font-size: 20px;text-align: center;padding: 15px 0px;border-bottom: 2px solid #d1d1d1;font-weight: bold;}

 /*社群分享*/
 .shareZone {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.fb_iframe_widget {
    margin-right: 5px;
}

/*六圖六文*/
.picTitle__box {border-bottom: 1px solid #fff;padding-bottom: 10px;  margin-bottom: 10px;}
.picTitle {font-weight: bold;margin-top: 10px;color: #00006a;}
.picTitle__box .date{background-color: #940000; color: #fff;font-style:italic;padding: 4px 8px;}

.pageContent {margin-top: 30px;}

.pageContent table {
    max-width: 100%;
}

.tx01 {
    clear: both;
    margin-bottom: 2em;
}

.tx01 figure {
    margin-bottom: 10px;
}

.tx01 p {
    line-height: 1.75;
}

.imgLeft {
    display: flex;
    align-items: center;
}

.imgLeft figure,
.imgRight figure {
    width: 50%;
}

.imgRight {
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
}

.imgRight.tx01 figure+.text {
    width: 50%;
    padding-right: 1rem;
}

.imgLeft.tx01 figure+.text {
    width: 50%;
    padding-left: 1rem;
}

.imgLeft img,
.imgRight img {
    max-width: 100%;
}

.imgLeft figure:only-child,
.imgRight figure:only-child {
    float: none;
    padding: 0;
    margin: auto;
    max-width: inherit;
    text-align: center;
}

@media (max-width: 768px) {
    .pageContent iframe {
        height: 400px;
    }

    .imgLeft,
    .imgRight {
        flex-direction: column;
    }

    .imgLeft figure,
    .imgRight figure {
        width: 100%
    }

    .imgLeft.tx01 figure+.text {
        width: 100%;
        padding: 1rem 0 0 0
    }

    .imgRight.tx01 figure+.text {
        width: 100%;
        padding: 1rem 0 0 0
    }
}

@media (max-width: 640px) {
    .pageContent iframe {
        height: 320px;
    }

}

@media (max-width: 480px) {
    .pageContent iframe {
        height: 250px;
    }
}


/*聯絡我們*/
.contantInfo__list{list-style: none;padding-left: 0;display: grid;grid-template-columns: repeat(4, 1fr);grid-column-gap: 30px;margin-bottom: 30px;}
.contantInfo__list li{display: flex;text-align: center;justify-content: center;padding: 30px;border: 1px solid #d1d1d1;align-items: center;}
.contantInfo__list .faxInfo{display: block;}
.contantIcon i{display: block;font-size: 50px; color: #00006a;}
.contantInfo__list li:hover {border: 1px solid #940000;}
.contantInfo__list li:hover i{color: #940000;}
.contantInfo__list h3{font-size: 24px;font-weight: bold;}
.contantBottom{padding: 0 12px;justify-content: space-between;}
.contant .formBox{background-color: #f1f1f1 ;padding: 30px;width: calc(50% - 15px);}
.contant form{margin-top: 10px;}
.sendBtn__box{text-align: center;margin-top: 20px;}
.sendBtn__box .darkRed__btn{width: 100%;}
.contant .form-group{margin-bottom: 10px;}
.mapBlock{padding: 0;width: calc(50% - 15px);}

/* footer */
footer{background:#fff;padding: 40px 0;font-weight: bold;}
.footerBox{display: flex;justify-content: space-between;align-items: center;}
.footerInfo{font-size: 18px;}
.footerLogo{margin-bottom: 20px;}
.quickLink,.footerInfo{margin-bottom:0px;padding-left:0;list-style:none}
.footerInfo li{margin-bottom: 2px;}
.quickLink li{display:inline-block;padding:0 10px}
.quickLink li:last-child{padding-right: 0;}
.footerBox a{color: #333;font-size: 18px;}
.copyright{background-color: #00006c;color: #fff;padding: 10px;text-align: center;}
.copyright a{font-weight: bold;color: #fff;}


/*------------------------------RWD設定---------------------------------*/

@media screen and (max-width: 1600px) {
    /*banner*/
    .bannerImg figure{max-width: 220px;}
    /*公司簡介*/
    .secondBlock .introduce{padding: 50px 80px;}
    /*服務項目*/
    .serviceSlogan{font-size: 26px;padding: 40px 20px;}
    .serviceText h3{font-size: 26px;}
    .serviceText .num{font-size: 80px;top: -60px;}
    .serviceText{padding: 60px 80px;}
    

}
@media screen and (max-width: 1366px) {
    /*banner*/
    .bannerImg .banner_pro01{top: 40%;right: 39%;}
    .bannerImg .banner_pro02{top: 60%;right: 22%;}
    .bannerImg .banner_pro03{top: 40%;}
    .bannerImg figure{padding: 0 10px;}
    .bannerTitle__box{padding: 12px 12px 12px 5%;}
    /*首頁-產品*/
    .ixPro__text{letter-spacing: 0px;}
    /*公司簡介*/
    .pgBanner{height: 160px;}
    .introduceIcon figure{margin-right: 20px;width: 100px;}
    .introduceIcon img{max-width: 80px;}

}
@media screen and (max-width: 1200px) {
    /*banner*/
    .bannerTitle__cn{font-size: 34px;}
    .bannerTitle__en{font-size: 26px;}
    .bannerImg figure{max-width: 200px;}
    .bannerImg .banner_pro01::after,.bannerImg .banner_pro02::after{height: 3px;}
    /*首頁-產品*/
    .ixPro::after{background-size: cover;}
    .ixPro__slick{position: relative;right: 0;width: auto;}
    .ixPro__text br{display: none;}
    .ixPro .btnWrap{text-align: center;margin-top: 20px;}
    /*首頁-公司簡介*/
    .aboutText__box{padding: 0px 15px 40px;}
    /*公司簡介*/
    .hollowTitle{font-size: 4rem;line-height: normal;letter-spacing: 4px;}
    .secondBlock .introduce{padding: 40px;}
    /*聯絡我們*/
    .contantInfo__list{grid-column-gap: 10px;}
    .contantInfo__list li{padding: 10px;}

}
@media screen and (max-width: 1024px) {
    /*服務項目*/
    .serviceText{padding: 40px 50px;}
    .serviceText h3{font-size: 24px;}
    .serviceText .num{font-size: 70px;top: -50px;left: -40px;}
    .imgCover{height: 300px;}

}

@media screen and (max-width: 991px) {
    /*header*/
    .navbarBox .container{max-width: 100%;}
    .navbarBox .nav-item{margin-right: 0;width: 100%;text-align: center;border-bottom: 1px solid #d1d1d1;}
    .navbarBox .nav-link{padding: 10px 0px;}
    .navbarBox .nav-item:last-child{border-bottom: 0px;margin-top: 10px;margin-bottom: 5px;}
    /*sidebar*/
    .sidebar{margin-top: 0;font-size: 18px;}
    .sidebarBtn{display: block;width: 100%;background-color: #940000;color: #fff;padding: 8px;border: 0px;font-weight: 600;}
    .sidebarBtn i{margin-left: 10px;transition: all .5s;}
    .sidebarBtn i.active::before{-moz-transform:rotate(180deg);-webkit-transform:rotate(180deg);-o-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);transition: all .5s;}
    .sidebarList{display: none;}
    .firstTitle__link{font-size: 20px;}
    /*banner*/
    .pgBanner__slogan{width: 100%;}
    .pgBanner__slogan .titleCn{width: 100%;}
    .pgBanner__slogan .mainTilte::before{left: 45%;width: 20px; top: -5px;}
    .banner .slick-dots{bottom: 0px;}
    .bannerTitle__cn{font-size: 28px;}
    .bannerTitle__en{font-size: 20px;padding-left: 30px;}
    .bannerImg figure{max-width: 160px;}
    .bannerImg .banner_pro01{top: 45%;right: 40%;}
    .bannerImg .banner_pro02{top: 65%;}
    .bannerImg .banner_pro02::after{bottom: 120px;}
    /*首頁-產品*/
    .mainTilte{width: 100%;text-align: center;width: 100%;}
    .mainTilte::before{left: 42%;height: 2px;top: -2px;width: 18px;}
    .mainTilte span{font-size: 30px;}
    .blockHeight{padding: 60px 0;}
    .picGrid__zone{grid-template-columns: repeat(2, 1fr);}
    .picGrid__box:nth-child(1),.picGrid__box:nth-child(2),.picGrid__box:nth-child(3),.picGrid__box:nth-child(4){grid-column: span 1;grid-row: span 1;}
    .picGrid__box:nth-child(5){grid-column: span 2;grid-row: span 1;}
    /*首頁-公司簡介*/
    .ixAbout__content{flex-direction: column-reverse;padding-bottom: 0;}
    .ixAbout .aboutText{letter-spacing: 0px;}
    /*公司簡介*/
    .pgBanner {height: 140px;}
    .pgBanner .mainTilte{padding-bottom: 0;}
    .breadCrumbBox .container{max-width: 100%;}
    .breadCrumbBox{top: -25px;}
    .hollowTitle{font-size: 3rem;letter-spacing: 3px;}
    .secondBlock{display: flex;}
    .aboutBox .aboutLogo{width: 50%;}
    .secondBlock__img{height: 400px;}
    /*服務項目*/
    .serviceSlogan{font-size: 24px;}
    .lastBox{flex-direction: column-reverse;}
    .serviceText {padding: 60px 50px 40px;}
    .serviceText h3{font-size: 22px;margin-bottom: 5px;}
    /*產品*/
    .productList__title{margin-top: 40px;}
    .pdtLis__item{text-align: center;}
    /*聯絡我們*/
    .contantInfo__list{grid-template-columns: repeat(2, 1fr);grid-row-gap: 10px;}
    .contantInfo__list h3{font-size: 20px;}
    .contantIcon i{font-size: 30px;}
    .contantBottom{display: block;}
    .contant .formBox{width: 100%;margin-bottom: 20px;}
    .mapBlock{width: 100%;}
    .mapBlock iframe{height: 300px;}
}

@media screen and (max-width:768px) {
    /*header*/
    .navbarBox{padding: 8px 0;}
    .navbarBox .nav-link{font-size: 18px;}
    /*banner*/
    .bannerTitle__box{padding: 10px;}
    .banner__box:nth-child(2) .bannerTitle::after{background: -webkit-linear-gradient(left, rgba(24,24,24,1) 20%,rgba(255,255,255,0) 80%);background: linear-gradient(to right, rgba(24,24,24,1) 20%,rgba(255,255,255,0) 80%);}
    .bannerTitle{width: 70%;bottom: 35px;}
    .bannerTitle__en{font-size: 18px;padding-left: 20px;}
    .bannerImg figure{max-width: 130px;}
    .bannerImg .banner_pro01::after{bottom: 30px;}
    .bannerImg .banner_pro02::after{bottom: 80px;}
    /*首頁-服務項目*/
    .blockHeight{padding: 50px 0;}
    .mainTilte{margin-bottom: 15px;padding-bottom: 10px;}
    .titleEn{top: 20px;}
    .picGrid__zone{grid-template-columns: repeat(1, 1fr);margin-top: 10px;}
    .picGrid__box:nth-child(1), .picGrid__box:nth-child(2), .picGrid__box:nth-child(3), .picGrid__box:nth-child(4),.picGrid__box:nth-child(5){grid-column: auto;grid-row: auto;}
    .picGrid__zone .picGrid__box:nth-child(odd) .picGrid__txt{background-color: rgba(0,0,0,0.6);}
    .picGrid__zone .picGrid__box:nth-child(even) .picGrid__txt{background-color: rgba(148,0,0,0.6);}
    .darkRed__btn span{font-size: 18px;}

    /*公司簡介*/
    .pgBanner {height: 120px;margin-top: 0;}
    .pgBanner .mainTilte span{font-size: 22px;}
    .hollowTitle{font-size: 2rem;letter-spacing: 2px;}
    .aboutBox .sub{font-size: 22px;}
    .aboutBox .subText{font-size: 20px;}
    .aboutText br{display: none;}
    /*服務項目*/
    .serviceSlogan{font-size: 22px;}
    .serviceText{padding: 60px 40px 40px;}
    .serviceText h3{font-size: 20px;}
    .serviceText .num{font-size: 60px;left: -30px;}
    .productList__title{font-size: 20px;margin-top: 30px;}
    .product .pdtName{font-size: 18px;}
    /*聯絡我們*/
    .contant .formBox{padding: 20px;}
    /*footer*/
    footer{padding: 20px 0;}
    .footerLogo{width: 50%;margin-bottom: 10px;}
    .footerBox{display: block;}
    .footerInfo{font-size: 16px;}
    .footerBox a{font-size: 16px;}
    .quickLink{text-align: center;margin-top: 20px;}
    .secondBlock .introduce__title{font-size: 22px;}
    .introduceText__title{font-size: 22px;}
    .introduceText__title .en{font-size: 18px;}
}

@media screen and (max-width:640px) {
    /*header*/
    .navbarBox .logoImg{max-width: 250px;}
    /*banner*/
    .bannerTitle{bottom: 10px;}
    .banner__box:nth-child(2) .bannerTitle::after{background: -webkit-linear-gradient(left, rgba(24,24,24,1) 20%,rgba(255,255,255,0) 70%);background: linear-gradient(to right, rgba(24,24,24,1) 20%,rgba(255,255,255,0) 70%);}
    .slick-dots li button:before{width: 15px;height: 15px;line-height: 15px;}
    .bannerTitle__cn{font-size: 18px;margin-bottom: 5px;}
    .bannerTitle__en{font-size: 16px;margin-bottom: 0;}
    .bannerImg .banner_pro01{right: 31%;}
    .bannerImg .banner_pro02{right: 15%;}
    .bannerImg .banner_pro03{right: 0;}
    .bannerImg .banner_pro01::after, .bannerImg .banner_pro02::after{height: 1px;}
    .bannerImg .banner_pro01::after{bottom: 20px;}
    .bannerImg .banner_pro02::after{bottom: 60px;}
    .bannerImg figure{max-width: 110px;}
    /*首頁-產品*/
    .mainTilte{margin-bottom: 15px;}
    .pgBanner__slogan .mainTilte::before{left: 40%;}
    .blockHeight{padding: 40px 0;}
    .ixPro__slick .pdtLis__item{margin: auto 20px;}
    .pdtLis .slick-prev{left: 0px;}
    .pdtLis .slick-next{right: 0;}
    .ixPro .pdtName{font-size: 18px;}
    .ixPro__text{font-size: 16px;}
    /*首頁-服務項目*/
    .mainTilte span{font-size: 22px;}
    .darkRed__btn span{padding: 8px 12px;}
    .darkRed__btn span{font-size: 16px;}
    .picGrid__txt .name{font-size: 18px;}
    .picGrid__txt .txt{font-size: 16px;}
    .ixAbout .aboutImg img{width: 100%;object-fit: cover;width: 100%;max-width: 100%;min-height: 100%;height: 180px;}
    /*首頁-公司簡介*/
    .pgBanner {margin-top: 0;}
    .aboutText__box{padding:0px 15px 20px 15px;}
    .ixAbout .aboutText{font-size: 16px;}
    .iconBox{display: inline-block;text-align: center;margin-top: 20px;}
    .iconBox .icon {margin: 20px; display: inline-block;}
    .icon .name{font-size: 18px;}
    .iconBox .icon img{max-width: 80%;}
    /*公司簡介*/
    .pgBanner {height: 100px;}
    .aboutBox .sub{font-size: 20px;}
    .aboutBox .subText{font-size: 18px;}
    .aboutText{font-size: 16px;}
    .secondBlock__img{height: 250px;}
    .secondBlock .introduce__title{font-size: 20px;}
    .secondBlock .introduce__sub{font-size: 16px;}
    .secondBlock .introduce__sub br{display: none;}
    .introduceIcon{padding: 12px;}
    .introduceText__title{font-size: 20px;}
    .introduceText{font-size: 16px;}
    /*服務項目*/
    .serviceSlogan{font-size: 18px;padding: 20px 10px;}
    .serviceText {padding: 50px 30px 30px;}
    .serviceText h3{font-size: 18px;}
    .serviceText .text{font-size: 16px;}
    .serviceText .num{font-size: 50px;left: -20px;top: -40px;}
    .imgCover{height: 220px;}
    /*產品*/
    .productBox {padding: 20px;}
    .firstTitle__link{font-size: 18px;}
    .productList__title{font-size: 18px;}
    .product .pdtLis__item{margin-bottom: 20px;}
    /*聯絡我們*/
    .contantIcon i{font-size: 24px;}
    .contantInfo__list h3{font-size: 18px;margin-bottom: 0;}
    .mapBlock iframe{height: 200px;}
    /*footer*/
    .ixContact__box{display: block;text-align: center;}
    .ixContact__text{margin-bottom: 20px;font-size: 18px;}
    .quickLink{margin-top: 10px;text-align: left;}
    .quickLink li{padding: 0px 10px 0px 0px;}
    .copyright{margin-bottom: 50px;font-size: 14px;}
}

@media screen and (max-width:580px) {
    .bannerImg figure{max-width: 95px;}
}

@media screen and (max-width:480px) {
    /*banner*/
    .bannerTitle{width: 80%;}
    .bannerImg figure{max-width: 80px;}
    .bannerImg .banner_pro02::after{bottom: 40px;}
    /*公司簡介*/
    .secondBlock__img{height: 160px;}
    .secondBlock .introduce{padding: 20px;}
    .introduceIcon{display: block;text-align: center;}
    .introduceIcon figure {margin-right: 0px;width: 60px;}
    .introduceIcon img{ max-width: 60px;filter: drop-shadow(90px 0 #fff);}
    
}