/*--global--*/
*{ font-family: 'Noto IKEA Traditional Chinese'; -webkit-text-size-adjust:none; list-style:none; line-height:150%; box-sizing:border-box; text-decoration:none; -webkit-font-smoothing: antialiased;}
html,body { margin:0; padding:0; font-size:16px; overflow-x:hidden!important; }
@font-face {
            font-family: 'Noto IKEA Traditional Chinese';
            src: url('../font/NotoIKEATraditionalChinese-Regular.eot');
            src: local('Noto IKEA Traditional Chinese Regular'), local('../font/NotoIKEATraditionalChinese-Regular'),
                url('../font/NotoIKEATraditionalChinese-Regular.eot?#iefix') format('embedded-opentype'),
                url('../font/NotoIKEATraditionalChinese-Regular.woff2') format('woff2'),
                url('../font/NotoIKEATraditionalChinese-Regular.woff') format('woff'),
                url('../font/NotoIKEATraditionalChinese-Regular.ttf') format('truetype'),
                url('../font/NotoIKEATraditionalChinese-Regular.svg#NotoIKEATraditionalChinese-Regular') format('svg');
            font-weight: normal;
            font-style: normal;
        }
.ib_footer .branchbox { display:block; text-align:center; margin-bottom:50px;}
.ib_footer .branchbox a { display:inline-block; width:150px; /*color:#0051A8;*/ color:#000; margin-right:-4px;  padding:40px 0 20px 0; transition:all .3s; font-weight:bold;}
.ib_footer .branchbox a:hover { box-shadow:0 3px 6px rgba(0,0,0,.2); border-radius:13px; }
.ib_footer .branchbox a img { width:80%;}

h2 { font-size:1.9em; display:block; margin:5px auto;  font-family: 'Noto IKEA Traditional Chinese'; font-weight:bold;}
h3 { font-size:1.7em; display:block; margin:20px auto; font-weight:300; text-align:center; font-family: 'Noto IKEA Traditional Chinese';}
h4 { font-size:1.1em; }
p { font-family: 'Noto IKEA Traditional Chinese'; }
a { text-decoration:none!important; }
a.ibbtn { text-align:center; display:block; color:#fff; border:2px solid #000; background:#000; position:absolute; padding:10px;  width:290px; border-radius:10px; font-weight:bold; left:50%; transform:translateX(-50%); bottom:-20px; transition:all .3s; cursor:pointer;}
a.ibbtn:after { content:''; width:14px; height:14px; background:url(../img/arrow_next_white.svg); position:absolute; right:10px; background-repeat:no-repeat; top:50%; transform:translateY(-50%);}
a.ibbtn:hover { background:#fff; border:2px solid #000; /*box-shadow:0 3px 6px rgba(0,0,0,.2); */color:#000;  }
a.ibbtn:hover img { fill: red; }
a.ibbtn:hover:after { background:url(../img/arrow_next_blue.svg); background-repeat:no-repeat;}
a.ibbtn img { position:absolute; width:12px; height:12px; right:15px; top:50%; transform:translateY(-50%); }

.ib_wrapper { width:100%; max-width:auto; display:block; margin:0 auto; position:relative!important; }

.ib_menu { position:fixed; text-align:center; right:4vw; /*background:rgba(0,88,172,.9);*/ box-shadow: 0px 15px 60px -50px rgba(0,0,0,0.8);
 background:#fff; width:155px; padding:10px 0; z-index:4; } 
.ib_menu .logoo { width:100%; padding:0 15px 5px 15px; }
.ib_menu a { color:#000; display:block; padding:8px 0; font-size:1em; font-family: 'Noto IKEA Traditional Chinese'; position:relative; transition:all .3s;}
.ib_menu a:first-child:hover,
.ib_menu a:last-child:hover{ background:transparent; }
.ib_menu a:last-child { transition:all .3s; }
.ib_menu a:last-child:hover img{ transform:scale(1.05); }
.ib_menu a:last-child img { width:210px; position:absolute; left:-30px;  transition:all .3s;  }
.ib_menu a:hover { background:#000; /*color:#0051A8;*/ color:#fff;} 
.ib_menu a.active { background:#000; /*color:#0051A8;*/ color:#fff; }

.fixed { position:fixed; top:0; } 

/*--home--*/

.container { position:relative; display:block; }
.cover { overflow:hidden; }
.cover img { display:block; width:100%; max-width:auto; object-fit:cover; height:480px!important; }

.containbox .con { background:rgba(256,256,256,.85); width:500px; height:220px; text-align:center; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); padding-top:10px; border-radius:10px; }
.containbox .conbox { position:absolute; left:50%; top:45%; transform:translate(-50%,-45%); width:100%; }
.containbox p { width:100%; display:block; margin:0 auto; font-size:1em; font-weight:bold;}

.controlbox { width:70%; display:block; margin:0 auto; margin-bottom:200px;}
.controlbox .demo { text-align:center; background:#fff; transition:all .3s; box-shadow:0 3px 6px rgba(0,0,0,.2); cursor:pointer; float:left; width:16.66%; height:120px; position:relative; z-index:1; color:#000; font-weight:bold; font-size:1.1em; bottom:0; }
.controlbox .demo p { position:absolute; left:50%; top:25%; transform:translate(-50%,-25%); width:100%; font-size:.85em;}
.controlbox .demo:hover { opacity:1; background:#0051A8; color:#fff;  position:relative; z-index:3; height:130px; bottom:10px;}
.controlbox .demo span { display:block; margin-left:7px; color:#fff;  transition:all .3s;}
.controlbox .demo:hover span { display:block; opacity:1; }
.controlbox .demo:nth-child(4) p{ line-height:1.7;}

.casedot11 { display:inline-block; height:20px; text-align:center; margin:0 auto;  z-index:3; position:absolute; bottom:5%; left:50%; transform:translateX(-50%); }
.casedot11 .demo11 { background:#fff; display:inline-block; width:14px; height:14px; border-radius:50%; margin:5px; cursor:pointer; }
.bear { position:absolute; top:-100px; left:50%; transform:translateX(-50%);}

@media -ms-viewport, screen and (max-width:1024px)  {
	body { font-size:14px; }
}


/*--team--*/

.introbox { display:block; text-align:center; margin:50px auto 70px auto;}
.introbox img { width:20px; height:20px; margin:10px 0; }

.servicebox { display:block; text-align:center; margin:0 auto; margin-bottom:100px; }
.servicebox .box { border:1px solid #000; display:block; position:relative; padding:50px 0; width:900px; margin:0 auto; border-radius:10px; box-shadow:0 3px 6px rgba(0,0,0,.2);}
.servicebox .concon { display:inline-block; vertical-align:top; }
.servicebox img { width:100px; vertical-align:top;}
.servicebox .arrowstep {  position:relative; vertical-align:middle; display:inline-block; height:auto!important; margin:0 15px;  }
.servicebox .arrowstep img { width:16px; padding-top:50px; }
.servicebox p { padding:20px 0; }

.morebox { display:block; text-align:center; margin:0 auto; margin-bottom:100px; }
.morebox .box { display:block; position:relative;  width:900px; margin:0 auto; }
.morebox .concon2 { position:relative; display:inline-block; width:calc(33.33% - 10px); margin:2px; border:1px solid #000; box-shadow:0 3px 6px rgba(0,0,0,.2); padding:20px 0; border-radius:10px; transition:all .3s; cursor:pointer; vertical-align:top;}
.morebox .concon2 h4 { transform:translateY(30px); transition:all .3s; }
.morebox .concon2 p { width:100%; opacity:0; font-size:.85em; transition:all .3s; color:#0051A8; }
.morebox .concon2 img { width:14px; }
.morebox .concon2:hover { transform:scale(1,1.02); transform-origin:0% -100%; /*background:#0051A8;*/  background:#000; color:#fff; }
.morebox .concon2:hover p { opacity:1; transform:translateY(10px); color:#fff; }
.morebox .concon2:hover h4 { color:white; transform:translateY(0); }
.morebox .concon2:hover img { visibility:hidden; }

/*--case--*/

.containbox .con3 { background:rgba(256,256,256,.85); width:500px; height:200px; text-align:center; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); padding-top:10px; border-radius:10px; }
.containbox .conbox { position:absolute; left:50%; top:45%; transform:translate(-50%,-45%); width:100%; }
.containbox p { width:100%; display:block; margin:0 auto; font-size:1em; font-weight:bold;}

.casedot { display:inline-block; height:20px; text-align:center; margin:0 auto;  z-index:3; position:absolute; bottom:40px; left:50%; transform:translateX(-50%); }
.casedot .demo3 { background:#fff; display:inline-block; width:14px; height:14px; border-radius:50%; margin:5px; cursor:pointer; }

.container .cover img { width:100%; max-width:auto; height:500px; }

.container2 { position:relative; display:block; margin-top:120px; width:75%; margin:0 auto; }
.cover2 { overflow:hidden; }
.cover2 img { display:block; width:100%; max-width:auto; object-fit:cover; height:400px!important;}

.casebox { width:80%; height:350px; display:block; margin:0 auto; }
.casebox .con2 { background:transparent;}

.containbox .con2 { background:transparent; width:500px; height:200px; text-align:center; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); padding-top:10px; border-radius:10px; }
.containbox .con2 a { position:absolute; top:75%; left:50%; transform:translate(-50%,-75%); height:46px; }
.containbox p { width:100%; display:block; margin:0 auto; font-size:1em; font-weight:bold;}

.casecontrol { width:70%; display:block; margin:0 auto; margin-bottom:200px;}
.casecontrol .demo2 { text-align:center; background:#fff; transition:all .3s; box-shadow:0 3px 6px rgba(0,0,0,.2); cursor:pointer; float:left; width:33.33%; height:90px; position:relative; z-index:1; color:#000; font-weight:bold; font-size:1.1em;  }
.casecontrol .demo2 p { position:absolute; left:50%; top:25%; transform:translate(-50%,-25%); width:100%;}
.casecontrol .demo2:nth-child(4) > p { left:50%; top:37%; transform:translate(-50%,-37%);}
.casecontrol .demo2 span { display:block; margin-left:7px; color:#fff; }
.casecontrol .demo2:hover { opacity:1; background:#0051A8; color:#fff;  transform-origin:50% 100%; position:relative; z-index:2;}
.casecontrol .demo2:hover:nth-child(4) > p { left:50%; top:5%; transform:translate(-50%,-5%); }

.recommandbox { text-align:center; margin:200px auto 100px auto; display:block; }
.recommandbox img { display:block; object-fit:cover;  }
.recommandbox .box { display:inline-block; position:relative; vertical-align:top; transition: all .3s; cursor:pointer; }
.recommandbox a { position:absolute; top:50%; left:50%; color:#fff; transform:translate(-50%,-50%); width:100%; opacity:0; }
.recommandbox a img { width:14px; display:inline-block; vertical-align:middle; margin-left:20px; height:auto;}
.recommandbox .box h4 { position:absolute; display:block; bottom:0; width:100%; /*background:rgba(0,88,172,.8);*/ background:rgba(0,0,0,6); color:#fff; margin:0; padding:20px 0; transition: all .3s; height:auto;}
.recommandbox .box:hover { transform:scale(1,1.02); transform-origin:0% -100%; background:#0051A8; color:#fff; }
.recommandbox .box:hover a { opacity:1; }
.recommandbox .box:hover h4 { height:100%; }
.recommandbox .box:hover h4 span {  position:absolute; bottom:20px; left:50%; transform:translateX(-50%); }

/*.ib_bread { position:absolute; top:0; color:#fff; width:100%; padding:0 15px; }
.ib_bread p,
.ib_bread a { display:inline-block; color:#fff; text-shadow: 1px 1px #000; letter-spacing:1px;  font-size:12px; font-weight:bold; transition:all .3s;}
.ib_bread a:hover { color:#f57129; }
.ib_bread span { text-shadow: 1px 1px #000; }*/

/*--overlay----*/
.overlay { width:100%; height:100%; position:fixed; background:rgba(0,0,0,.8); z-index:9999; top:0; overflow:none; display:none;}
.overlay .row { background:#fff; width:100%; max-width:900px; height:600px;  border-radius:5px; display:block; position:absolute; top:50px; left:50%; transform:translateX(-50%);}
.overlay .btnclose { width:50px; height:50px; position:absolute; top:-20px; right:-20px; z-index:3; cursor:pointer; background:url(../img/icw.png); transition:all .3s; background-size:cover; background-position:center center;}
.overlay .btnclose:hover { background:url(../img/icy.png); width:50px; height:50px;  background-size:cover; background-position:center center; }
.container-lb { position:relative; display:block; }
.cover-lb { overflow:hidden; }
.cover-lb img { display:block; width:100%; object-fit:cover; height:400px;}

.container-lb .casedot { display:inline-block; height:20px; text-align:center; margin:0 auto;  z-index:3; position:absolute; bottom:auto; left:50%; transform:translateX(-50%); margin-top:-35px; }
.casedot .demo-lb { background:#fff; display:inline-block; width:14px; height:14px; border-radius:50%; margin:5px; cursor:pointer; }
.dir-lb { display:block; position:absolute; right:0; margin-top:-55px; }
.dir-lb a { background:rgba(256,256,256,.5); border-radius:50%; padding:5px 9px; display:inline-block; cursor:pointer; margin:5px; transition:all .3s; -webkit-user-select: none; /* Safari 3.1+ */
    -moz-user-select: none; /* Firefox 2+ */
    -ms-user-select: none; /* IE 10+ */
    user-select: none; /* Standard syntax */ color:#000; font-weight:bold; font-size:1.4em;}
.dir-lb a:hover { background:rgba(256,256,256,1);}

.overlay .content { display:block; position:relative;  margin-top:20px; }
.overlay .content .vol { display:inline-block; width:50%; margin-right:-4px; vertical-align:top; position:relative; padding:10px 10px 0 30px;  height:100%;}

.overlay .content .vol h5 { font-size:1.3em; margin:0; margin-bottom:10px; }
.overlay .content .vol p { font-size:.8em; margin:5px 0; }
.overlay .mask { background:transparent; position:fixed; width:100%; height:100%; z-index:5; cursor:pointer; }
.overlay .row {  position:fixed; z-index:6; }

/*qa*/

.qa-box { display:block;  width:60%;  margin:0 auto; }
.qa-box h2 { display:block; margin:0 auto; text-align:center; padding:30px 0;  }
.qarow { position:relative; padding:20px 0; border-top:1px solid #777; text-align:left!important;  }
.qarow:last-child { border-bottom:1px solid #000; }
.qarow b { width:100%; display:block; padding:10px 0; font-size:1.5em; transition:all .3s;}
.qarow b:hover { color:#0051A8; }
.qarow b:hover .startnumber:before { background:#0051A8; }
.qarow b:hover .startnumber:after { background:#0051A8; }

.qarow .content { padding:0 55px;}
.numbernext { position:relative; vertical-align:middle; }
.startnumber {  width:16px; height:16px; display:inline-block; position:relative; vertical-align:middle; margin:10px 20px; }
.startnumber:before { content:''; width:4px; height:100%; position:absolute; background:#000; left:50%; transform:translateX(-50%); transition:transform 0.25s ease-out; transform-origin:50% 50%;}
.startnumber:after { content:''; width:100%; height:4px; position:absolute; background:#000; top:50%; transform:translateY(-50%); transition:transform 0.25s ease-out;transform-origin:50% 50%; }
ul li{ list-style-type:decimal; margin-bottom:10px; }
ul li span { font-weight:bold; }
.qarow td { border-bottom:1px solid #777; }
.qarow table td { padding:10px; }
.qarow table td:first-child { padding-right:20px; } 
.qarow table tr:last-child td { border-bottom:none; } 

.hihi { color:#0051A8; }
.startnumber.active:before { transform:rotate(90deg); background:#0051A8;}
.startnumber.active:after { transform:rotate(-180deg); margin-left:2px; margin-top:-2px; background:#0051A8; left:0;}



@media -ms-viewport, screen and (min-width:1600px)  {
    .cover img {  height:70vh;}
    .ib_wrapper { width:100vw; max-width:auto!important;}
    .mySlides img { width:100vw;}

    
    .containbox { transform:translate(-50%, -50%) scale(1.3); border:1px solid red; left:50%; top:50%; position:absolute; }


}

@media -ms-viewport, screen and (max-width:1200px)  {

	.controlbox { width:80%;}
	.cover img { height:57vh; }
	.casecontainer .cover img { height:65vh; }
	
	.containbox .con { zoom:.8!important; }
	.casecontainbox .con3 { zoom:.8!important; }
	.casedot { bottom:20px; }
	/*.cover-lb img { height:55vh;}*/

}

@media -ms-viewport, screen and (max-width:768px)  {

	.cover img { height:45vh; }
}
/*--animation--*/

@-webkit-keyframes fade-in{0%{opacity:0}100%{opacity:1}}@keyframes fade-in{0%{opacity:0}100%{opacity:1}}

@-webkit-keyframes kenburns-top{0%{-webkit-transform:perspective(1px) scale(1) translateY(0);transform:perspective(1px) scale(1) translateY(0);-webkit-transform-origin:50% 16%;transform-origin:50% 16%}100%{-webkit-transform:perspective(1px) scale(1.05) translateY(-15px);transform:perspective(1px) scale(1.05) translateY(-15px);-webkit-transform-origin:top;transform-origin:top}}@keyframes kenburns-top{0%{-webkit-transform:perspective(1px) scale(1) translateY(0);transform:perspective(1px) scale(1) translateY(0);-webkit-transform-origin:50% 16%;transform-origin:50% 16%}100%{-webkit-transform:perspective(1px) scale(1.05) translateY(-15px);transform:perspective(1px) scale(1.05) translateY(-15px);-webkit-transform-origin:top;transform-origin:top}}
.jello-vertical{-webkit-animation:jello-vertical 1.5s infinite both;animation:jello-vertical 1.5s infinite both}
@-webkit-keyframes jello-vertical{0%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}30%{-webkit-transform:scale3d(.75,1.25,1);transform:scale3d(.75,1.25,1)}40%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}50%{-webkit-transform:scale3d(.85,1.15,1);transform:scale3d(.85,1.15,1)}65%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}75%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@keyframes jello-vertical{0%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}30%{-webkit-transform:scale3d(.75,1.25,1);transform:scale3d(.75,1.25,1)}40%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}50%{-webkit-transform:scale3d(.85,1.15,1);transform:scale3d(.85,1.15,1)}65%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}75%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}


.default-footer-only .row { display:block; text-align:center; position:relative;  }
.default-footer-only .row p { display:inline-block; position:relative; vertical-align:middle; margin-right:20px; }
.default-footer-only .row:nth-child(1) { border-top:1px solid #ebebeb; border-bottom:1px solid #ebebeb; padding:30px 0; }
.default-footer-only .row:nth-child(1) a { position:relative; vertical-align:middle; display:inline-block;  width:45px; height:45px; margin:5px;}
.default-footer-only .row:nth-child(1) a img { width:45px; height:45px; position:absolute; display:block; }
.default-footer-only .row:nth-child(1) .end { opacity:0; transition:all .3s;}
.default-footer-only .row:nth-child(1) .start { opacity:1; transition:all .3s;}
.default-footer-only .row:nth-child(1) a:hover .start { opacity:0; }
.default-footer-only .row:nth-child(1) a:hover .end { opacity:1; }

.default-footer-only .row:nth-child(2) { width:1024px; display:block; margin:0 auto; height:177px; }
.default-footer-only .row:nth-child(2) a {  display:inline-block; position:relative; vertical-align:top; margin:30px; width:80px; border-bottom:1px solid transparent;}
.default-footer-only .row:nth-child(2) a:hover { border-bottom:1px solid #000; }
.default-footer-only .row:nth-child(2) a img { width:50px; height:50px; object-fit:contain; }
.default-footer-only .row:nth-child(2) a p { display:block; margin:3px 0; color:#000;}

.conrow#qa11 .arrow-control{ top:120px; left:180px;}
.conrow#qa22 .arrow-control{ top:120px; left:473px;}
.conrow .arrow-control { width:80px; cursor:pointer; z-index:1; position:absolute; height:20px; user-select:none; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none;}
.conrow .arrow-control:hover { background:#eee; }
.conrow .arrow-control img { width:12px; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); }
.open { z-index:2; }
.footerbox { z-index:1; width:100%; background:#eee; left:0; display:none; margin-top:-8px; padding-bottom:10px;}
.footerbox a { margin:0!important; width:auto!important; color:#000; padding:10px 10px 0 10px; font-size:12px; }
.rotate1 { background:#eee; z-index:2; position:relative; transform:rotate(180deg);}

.endrow { display:block; text-align:center; border-top:1px solid #ebebeb; padding:20px 0 50px 0; }
.endrow p { display:inline-block; font-size:12px; color:#9f9f9f; }
.endrow span, .endrow a { font-size:12px; color:#9f9f9f; }
.endrow a:hover { color:#000; }

.show11 { display:block; user-select:none; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; }

/*qa*/
.waccordion {  color:#000; font-size: 1.5em; font-weight:bold; cursor:pointer; padding:18px 0; width:100%; transition:all .3s; position:relative; user-select:none; text-align:left!important; }
.waccordion:first-child { border-top:1px solid #777;}

/*.hiactive, .waccordion:hover { color:#FFF; background:#000; }*/
.waccordion:before { content:'\002B'; color:#000; font-weight:bold;  margin-left:5px; position:relative; left:0;  margin:10px 20px; top:50%;}
.waccordion:hover:before { color:#000; }
.hiactive:before { content:"\2212"; color:#000; }
.panell { padding:0 63px; background-color:white; max-height:0; overflow:hidden; transition:max-height 0.2s ease-out; border-bottom:1px solid #777; width:100%; text-align:left!important;}
.panell p { margin:0; margin-bottom:30px; }
.panell ul { margin-bottom:30px; }
.panell table { margin-bottom:30px; }
.panell td { border-bottom:1px solid #777; }
.panell table td { padding:10px; }
.panell table td:first-child { padding-right:20px; } 
.panell table tr:last-child td { border-bottom:none; } 


#allContent { margin:0; width:100%;}
#allContent #mainPadding { padding:0; width:100%;}
/* 把50.52em改100% */
.ct-header-wrapper { visibility:visible;}
.ct-compact-mode .ib_menu { position:fixed; top:80px; }
#footer { display:none; }



.ib_footer a { vertical-align:top; }
.ib_footer .fo { text-align:left; padding:15px; line-height:1.2;}
.ib_footer .fo span { font-size:.65em; color:transparent; transition:all .3s; }
.ib_footer .fo span div { background:transparent; display:block; height:1px; margin:5px 0; margin-top:10px; transition:all .3s;}
.ib_footer a:hover .fo span { color:#000; }
.ib_footer a:hover .fo span div { background:#000; }