/* 共用 */
.mh3 { height:30px; }
.mh6 { height:60px; }

.more { color:#e8426c; }
.more:hover { color:#007cff; }
.homeTitle { font-size:5rem; font-weight: bold; }
.homeContent { font-size:2rem; padding-top:10px; }

.loading { background-color:#fff; position: fixed; top:0; left:0; width:100%; height:100%; z-index:10000; }
.loading img { width:auto; position: absolute;top: 50%;left: 50%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%); }
/* 圖片淡入淡出 */
@keyframes showin {
    0% { opacity: 0; }
    100% { opacity: 1; }
}

@keyframes showout {
    0% { opacity: 1; }
    100% { opacity: 0; }
}

.top { position: relative; }
.top .topbnr .bnr { width:100%; height:calc(100vh - 250px); min-height:550px; }
.top .topbnr .bnr.active { animation: showin 2s; opacity: 1; }
.top .topbnr .bnr.inactive { animation: showout 2s; opacity: 0; }
.top .topbnr .jcarousel ul { height:calc(100vh - 250px); min-height:550px; }
.top .topbnr .bnr.active .bnr-txt { z-index:3; }
.top .topbnr .bnr-txt { text-align:left; color:#fff; z-index: 0; }
.top .topbnr .bnr-txt .txt1 { font-size:1.5rem; }
.top .topbnr .bnr-txt .txt2 { word-spacing: 3px; line-height: 80px; font-size:4.375rem; }
.top .topbnr .bnr-txt .txt2 .anb { color:#e8426c; font-size:6rem; font-weight: bold; }
.top .topbnr .bnr-txt .txt3 { line-height: 80px; font-size:3.125rem; }
.top .topbnr .bnr-txt .linkType1 { font-size:1.5rem; padding:15px 30px; display: inline-block; margin-top:60px; }

.about { padding:70px 20px 120px; font-size:1.5rem; }
.about .link a { margin-top:40px; font-size:1rem; }

.service { background-color:#ffedf3; padding:40px 0px 40px; }
.service .titleArea { transform: translate(0px,-100px); }
.service .titleArea .line { margin:0 auto; width:40px; height:1px; background-color:#434655; }
.service .titleArea .subTitle { margin-top:10px; }

.service .items .item { display: flex; align-items: center; margin-bottom:60px; }
.service .items .item .pic { flex-basis: 600px; }
.service .items .item .content { flex-grow: 1; text-align:left; }
.service .items .item .content .title { font-size:3.75rem; color:#e8426c; font-weight: bold; }
.service .items .item .content .sub { font-size:1rem; color:#007cff; }
.service .items .item .content .desc { font-size:1.375rem; margin-top:40px; line-height:35px; }
.service .items .item .content .more { font-size:1rem; margin-top:40px; }

.linkbnr { display: flex; }
.linkbnr > a, .linkbnr > div { flex:1; position: relative; }
.linkbnr .textArea { color:#fff; text-align:left; position: absolute; left:10%; top:50%; transform:translate(0,-50%); }
.linkbnr .textArea.right { color:#434655; }
.linkbnr .textArea .title { font-size:2.5rem; font-weight:bold; }
.linkbnr .textArea .sub { font-size:1.25rem; margin-top:15px; font-weight:bold; }

.introduction { padding:40px 15px; }
.introduction .desc { font-size:1.5rem; margin-top:20px; }
.introduction .more { margin-top:20px; }

.case { padding-bottom:60px; }
.case .title { color:#007cff; font-size:2.25rem; }
.case .container .row > div { margin-top:20px; }

@media (max-width:1199.98px){
    .top .topbnr .bnr { height:calc(100vh - 170px); }
    .top .topbnr .jcarousel ul { height:calc(100vh - 170px); }

    .top .topbnr .bnr-txt .txt1 { font-size:1.5rem; }
    .top .topbnr .bnr-txt .txt2 { line-height: 60px; font-size:3rem; }
    .top .topbnr .bnr-txt .txt2 .anb { font-size:4rem; }
    .top .topbnr .bnr-txt .txt3 { line-height: 60px; font-size:2rem; }

    .service .items .item .pic { flex-basis: 490px; }
    .service .items .item .content .title { font-size:3rem; }
}

@media (max-width:991.98px){

    .top .topbnr .bnr-txt { text-align:center; }
    .top .topbnr .bnr-txt .txt1 { font-size:1.25rem; }
    .top .topbnr .bnr-txt .txt2 { line-height: 40px; font-size:2rem; }
    .top .topbnr .bnr-txt .txt2 .anb { font-size:3rem; }
    .top .topbnr .bnr-txt .txt3 { margin-top:20px; line-height: 30px; font-size:1.5rem; }
    .top .topbnr .bnr-txt .linkType1 { font-size:1rem; padding:10px 20px; }

    .service .items .item .pic { flex-basis: 360px; }
    .service .items .item .content .title { font-size:2.5rem; }
    .service .items .item .content .desc { margin-top:20px; font-size:1.125rem; line-height: 30px; }

    .linkbnr .textArea .title { font-size:1.75rem; }
    .linkbnr .textArea .sub { font-size:1.125rem; margin-top:10px; }
}

@media (max-width:767.98px){
    .homeTitle { font-size:2.5rem; }
    .homeContent { font-size:1.5rem; }
    
    .top .topbnr .bnr { height:calc(100vh - 140px); }
    .top .topbnr .jcarousel ul { height:calc(100vh - 140px); }
    .top .topbnr .bnr-txt .linkType1 { margin-top:40px; }

    .about { padding:60px 0px; font-size:1.125rem; }

    .service .titleArea { transform: translate(0px,-70px); }

    .service .items .item { flex-direction: column; }
    .service .items .item .pic { flex-basis: auto; }
    .service .items .item .content { padding-left:0px; margin-top:30px; min-width:60%; }

    .linkbnr { flex-direction: column; }

    .introduction .desc { font-size:1.25rem; }

    .case .title { font-size:1.75rem; }
}

@media (min-width:768px){
    .service .items .item.left .pic { order:1; }
    .service .items .item .content { padding-left:30px; }
    .service .items .item.right .content { padding-left:60px; }
}

@media (min-width:992px){
    
}

@media (min-width:1200px){

}

@media (min-width:1500px){
    .case .container { max-width:1480px; }
}