.outerWrap {overflow:hidden;}
.mainArea {padding:0;}
#banner {font-size:0;}
.bannerArea .Img {overflow:hidden;}
.bannerArea .Img.active img {-webkit-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05);}
.bannerArea .Img img {display:block;width:100%;-webkit-transition:all 5s linear;-o-transition:all 5s linear;transition:all 5s linear;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);}
.bannerArea .Txt {position:absolute;top:28%;left:45%;-webkit-transform:translate(-28%,-45%);-ms-transform:translate(-28%,-45%);transform:translate(-28%,-45%);text-align:center;}

.bannerArea .Txt1 {position:absolute;top:40%;left:45%;-webkit-transform:translate(-40%,-45%);-ms-transform:translate(-40%,-45%);transform:translate(-40%,-45%);text-align:center;}


.bannerArea .Txt_join {text-align:left;left:20%;padding:30px 30px 50px 30px;background:rgba(255,255,255,0.6);overflow:hidden;}
.bannerArea .Txt.active .sub_title span,.bannerArea .Txt.active .title span,.bannerArea .Txt.active .word span {opacity:1;-webkit-transform:translateY(0px);-ms-transform:translateY(0px);transform:translateY(0px);}
.bannerArea .sub_title {font-size:3vw;font-weight:normal;color:#fff;letter-spacing:2;white-space:nowrap;text-transform: uppercase;}
.bannerArea .sub_title span {display:inline-block;opacity:0;-webkit-transform:translateY(10px);-ms-transform:translateY(10px);transform:translateY(10px);-webkit-transition:all 0.3s cubic-bezier(0,0,0.73,1.21);-o-transition:all 0.3s cubic-bezier(0,0,0.73,1.21);transition:all 0.3s cubic-bezier(0,0,0.73,1.21);}
.bannerArea .sub_title span.spec {width:6px;}
.bannerArea .title {font-size:1.6vw;font-weight:400;color:#fff;letter-spacing: normal;padding:0px 0 0;margin-bottom:0;white-space:nowrap;position:relative;text-transform: uppercase; }
.bannerArea .title:before {}
.bannerArea .title span {display:inline-block;opacity:0;-webkit-transform:translateY(10px);-ms-transform:translateY(10px);transform:translateY(10px);-webkit-transition:all 0.3s cubic-bezier(0,0,0.73,1.21);-o-transition:all 0.3s cubic-bezier(0,0,0.73,1.21);transition:all 0.3s cubic-bezier(0,0,0.73,1.21);}
.bannerArea .title span.spec {width:10px;}
.bannerArea .word {font-size:18px;line-height:36px;font-weight:300;color:#000;max-width:1000px;text-align:center;margin-top:-50px;}
.bannerArea .word span {display:inline-block;opacity:0;-webkit-transform:translateY(10px);-ms-transform:translateY(10px);transform:translateY(10px);-webkit-transition:all 0.3s cubic-bezier(0,0,0.73,1.21);-o-transition:all 0.3s cubic-bezier(0,0,0.73,1.21);transition:all 0.3s cubic-bezier(0,0,0.73,1.21);}
.bannerArea .word span.spec {width:6px;}
.bannerArea .numBox {position:absolute;left:60px;bottom:50px;font-family:"Open Sans",sans-serif;font-weight:400;color:#fff;letter-spacing:2px;display:-webkit-box;display:-ms-flexbox;display:flex;}
.bannerArea .numBox .num {font-size:20px;}
.bannerArea .numBox .numTotal {font-size:20px;}
.bannerArea .scrollDown {position:absolute;left:50%;bottom:150px;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);font-size:13px;font-weight:400;font-family:"Open Sans",sans-serif;color:#fff;letter-spacing:2px;padding:45px 5px 5px;cursor:pointer;-webkit-transition:all 0.4s ease;-o-transition:all 0.4s ease;transition:all 0.4s ease;opacity:0.7;}
.bannerArea .scrollDown:hover {opacity:1;}
.bannerArea .scrollDown:before {content:"";position:absolute;top:0;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);width:15px;height:22px;border:1px solid #fff;border-radius:10px;}
.bannerArea .scrollDown:after {content:"";position:absolute;top:5px;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);width:1px;height:5px;background-color:#fff;-webkit-animation:1s scrollAnti linear infinite;animation:1s scrollAnti linear infinite;}
.bannerArea .selectBox {position:absolute;right:60px;bottom:50px;font-size:0;}
.bannerArea .selectBox a {margin:5px;display:inline-block;width:40px;height:40px;border:1px solid rgba(255,255,255,0.35);border-radius:50%;position:relative;background:RGBa(202,105,45,.6)}
.bannerArea .selectBox a:hover {border-color:#fff;}
.bannerArea .selectBox a:hover.next:before {right:13px;}
.bannerArea .selectBox a:hover.next:after {width:13px;right:14px;opacity:1;}
.bannerArea .selectBox a:hover.prev:before {left:13px;}
.bannerArea .selectBox a:hover.prev:after {width:13px;left:14px;opacity:1;}
.bannerArea .selectBox .prev:before {content:"";position:absolute;top:50%;left:15px;width:8px;height:8px;border-top:2px solid #fff;border-left:2px solid #fff;-webkit-transform-origin:top left;-ms-transform-origin:top left;transform-origin:top left;-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-transition:all .2s .2s linear;-o-transition:all .2s .2s linear;transition:all .2s .2s linear;}
.bannerArea .selectBox .prev:after {content:"";position:absolute;top:calc(50% - 1px);left:16px;width:0px;height:2px;background-color:#fff;-webkit-transition:all .4s linear;-o-transition:all .4s linear;transition:all .4s linear;opacity:0;}
.bannerArea .selectBox .next:before {content:"";position:absolute;top:50%;right:15px;width:8px;height:8px;border-top:2px solid #fff;border-right:2px solid #fff;-webkit-transform-origin:top right;-ms-transform-origin:top right;transform-origin:top right;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-transition:all .2s .2s linear;-o-transition:all .2s .2s linear;transition:all .2s .2s linear;}
.bannerArea .selectBox .next:after {content:"";position:absolute;top:calc(50% - 1px);right:16px;width:0px;height:2px;background-color:#fff;-webkit-transition:all .4s linear;-o-transition:all .4s linear;transition:all .4s linear;opacity:0;}
@-webkit-keyframes scrollAnti {0%,50% {opacity:1;}
100% {opacity:0;top:15px;}
}
@keyframes scrollAnti {0%,50% {opacity:1;}
100% {opacity:0;top:15px;}
}
.industryArea {margin-top:-115px;}
.industryArea.deckLine:before {}
.industryArea .wrap {position:relative;z-index:1;width:1650px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;}
@media (min-width:1181px) {.industryArea .libolonBox,.industryArea .richBox {position:relative;width:50%;}
.industryArea .libolonBox:hover,.industryArea .richBox:hover {z-index:1;}
.industryArea .libolonBox:hover .libolonListBox,.industryArea .richBox:hover .libolonListBox {left:100%;opacity:1;z-index:100;}
.industryArea .libolonBox:hover .richListBox,.industryArea .richBox:hover .richListBox {right:100%;opacity:1;}
.industryArea .libolonListBox,.industryArea .richListBox {position:absolute;top:0;width:100%;height:100%;-webkit-box-shadow:0px 1px 19px 1px rgba(0,0,0,0.05);box-shadow:0px 1px 19px 1px rgba(0,0,0,0.05);-webkit-transition:all .4s ease;-o-transition:all .4s ease;transition:all .4s ease;opacity:0;z-index:1;}
.industryArea .libolonListBox ul,.industryArea .richListBox ul {display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;height:100%;background-color:#fff;}
.industryArea .libolonListBox ul li,.industryArea .richListBox ul li {width:50%;height:50%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-transition:all .4s ease;-o-transition:all .4s ease;transition:all .4s ease;}
.industryArea .libolonListBox ul li:hover,.industryArea .richListBox ul li:hover {-webkit-box-shadow:0px 1px 24.5px 0.5px rgba(0,0,0,0.15);box-shadow:0px 1px 24.5px 0.5px rgba(0,0,0,0.15);}
}
.industryArea .libolonBox {-webkit-transition:all .4slinear;-o-transition:all .4slinear;transition:all .4slinear;-webkit-transform:translateY(20px);-ms-transform:translateY(20px);transform:translateY(20px);opacity:1;}
.industryArea .libolonBox.show {-webkit-transform:translateY(0px);-ms-transform:translateY(0px);transform:translateY(0px);opacity:1;}
.industryArea .richBox {margin-top:60px;-webkit-transition:all .4s .2slinear;-o-transition:all .4s .2slinear;transition:all .4s .2slinear;-webkit-transform:translateY(20px);-ms-transform:translateY(20px);transform:translateY(20px);opacity:1;}
.industryArea .richBox.show {-webkit-transform:translateY(0px);-ms-transform:translateY(0px);transform:translateY(0px);opacity:1;}
.industryArea .textEditor {position:relative;}
.industryArea .textEditor img {width:100%;display:block;}
.industryArea .textEditor .Txt {position:absolute;top:0;bottom:0;right:0;left:0;background-color:rgba(0,0,0,0.4);background-repeat:no-repeat;background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(255,255,255,0.5)),to(rgba(255,255,255,0.5))),-webkit-gradient(linear,left top,left bottom,from(rgba(255,255,255,0.5)),to(rgba(255,255,255,0.5))),-webkit-gradient(linear,left top,left bottom,from(rgba(255,255,255,0.5)),to(rgba(255,255,255,0.5))),-webkit-gradient(linear,left top,left bottom,from(rgba(255,255,255,0.5)),to(rgba(255,255,255,0.5)));background-image:-webkit-linear-gradient(top,rgba(255,255,255,0.5) 0%,rgba(255,255,255,0.5) 100%),-webkit-linear-gradient(top,rgba(255,255,255,0.5) 0%,rgba(255,255,255,0.5) 100%),-webkit-linear-gradient(top,rgba(255,255,255,0.5) 0%,rgba(255,255,255,0.5) 100%),-webkit-linear-gradient(top,rgba(255,255,255,0.5) 0%,rgba(255,255,255,0.5) 100%);background-image:-o-linear-gradient(top,rgba(255,255,255,0.5) 0%,rgba(255,255,255,0.5) 100%),-o-linear-gradient(top,rgba(255,255,255,0.5) 0%,rgba(255,255,255,0.5) 100%),-o-linear-gradient(top,rgba(255,255,255,0.5) 0%,rgba(255,255,255,0.5) 100%),-o-linear-gradient(top,rgba(255,255,255,0.5) 0%,rgba(255,255,255,0.5) 100%);background-image:linear-gradient(to bottom,rgba(255,255,255,0.5) 0%,rgba(255,255,255,0.5) 100%),linear-gradient(to bottom,rgba(255,255,255,0.5) 0%,rgba(255,255,255,0.5) 100%),linear-gradient(to bottom,rgba(255,255,255,0.5) 0%,rgba(255,255,255,0.5) 100%),linear-gradient(to bottom,rgba(255,255,255,0.5) 0%,rgba(255,255,255,0.5) 100%);background-size:1px calc(100% - 26px),calc(100% - 26px) 1px;background-position:13px 13px,13px 13px,calc(100% - 13px) 13px,calc(100% - 13px) calc(100% - 13px);color:#ffffff;letter-spacing:1px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;}
.industryArea .textEditor .Txt .sub_title {font-size:20px;font-weight:400;font-family:"Oswald",sans-serif;text-transform:uppercase;}
.industryArea .textEditor .Txt .title {font-size:42px;font-weight:400;font-family:"Noto Sans TC","微軟正黑體",sans-serif;}
.industryArea .textEditor .Txt .text {padding:10px 0 100px;font-size:19px;font-weight:300;font-family:"Noto Sans TC","微軟正黑體",sans-serif;position:relative;}
.industryArea .textEditor .Txt .text:before {content:"";position:absolute;left:50%;bottom:20px;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);width:2px;height:28px;background-color:#fff;}
.industryArea .textEditor .Txt .text:after {content:"";position:absolute;left:50%;bottom:34px;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);width:28px;height:2px;background-color:#fff;}
.industryArea .item {text-align:center;height:150px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;}
.industryArea .item p {font-size:16px;font-weight:300;font-family:"Open Sans",sans-serif;color:#999999;height:24px;}
.industryArea h3 {margin:15px 0 5px;}
.industryArea h3 a {font-size:18px;font-weight:300;font-family:"Noto Sans TC","微軟正黑體",sans-serif;color:#111;}
.industryArea .Img a {display:inline-block;}
.industryArea .libolonListBox {left:0;}
.industryArea .richListBox {right:0;}
@-webkit-keyframes footerAni01 {0% {background-position-x:0px;}
100% {background-position-x:-1900px;}
}
@keyframes footerAni01 {0% {background-position-x:0px;}
100% {background-position-x:-1900px;}
}
.aboutArea {position:relative;height:1090px;}
.aboutArea.deckLine:before {}
.aboutArea.show .title,.aboutArea.show .sub_title,.aboutArea.show .Txt,.aboutArea.show .btn {-webkit-transform:translateY(0px);-ms-transform:translateY(0px);transform:translateY(0px);opacity:1;}
.aboutArea .background {position:relative;position:absolute;width:100%;height:1090px;overflow:hidden;}
.aboutArea .background .bg01 {background-image:url(404.png);background-repeat:no-repeat;background-size:cover;width:3800px;height:100%;-webkit-animation:100s footerAni01 linear infinite alternate;animation:100s footerAni01 linear infinite alternate;}
.aboutArea .background .bg02 {position:absolute;bottom:-25px;left:-25px;background-image:url(404.png);background-repeat:no-repeat;background-size:cover;background-position:center bottom;width:100%;height:100%;-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;}
.aboutArea .background .bg03 {position:absolute;bottom:-25px;right:-25px;background-image:url(404.png);background-repeat:no-repeat;background-size:cover;background-position:center bottom;width:100%;height:100%;-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;}
.aboutArea .background .bg04 {position:absolute;bottom:-10px;left:6%;background-image:url(404.png);background-repeat:no-repeat;background-size:cover;background-position:center bottom;width:742px;height:397px;}
.aboutArea .wrap {padding-top:120px;width:1120px;position:relative;}
.aboutArea .title {font-size:44px;font-weight:400;font-family:"Noto Sans TC","微軟正黑體",sans-serif;color:#091e37;margin-bottom:5px;-webkit-transition:all .4s linear;-o-transition:all .4s linear;transition:all .4s linear;-webkit-transform:translateY(20px);-ms-transform:translateY(20px);transform:translateY(20px);opacity:0;}
.aboutArea .sub_title {font-size:22px;font-weight:300;font-family:"Noto Sans TC","微軟正黑體",sans-serif;color:#97989a;margin-bottom:35px;-webkit-transition:all .4s .4s linear;-o-transition:all .4s .4s linear;transition:all .4s .4s linear;-webkit-transform:translateY(20px);-ms-transform:translateY(20px);transform:translateY(20px);opacity:0;}
.aboutArea .Txt {margin-bottom:40px;font-size:14px;font-weight:300;font-family:"Noto Sans TC","微軟正黑體",sans-serif;color:#091e37;line-height:1.8;letter-spacing:0.5px;-webkit-column-count:2;column-count:2;-webkit-column-gap:95px;column-gap:95px;-webkit-transition:all .4s .8s linear;-o-transition:all .4s .8s linear;transition:all .4s .8s linear;-webkit-transform:translateY(20px);-ms-transform:translateY(20px);transform:translateY(20px);opacity:0;}
.aboutArea .btn {-webkit-transition:all .4s 1.2s linear;-o-transition:all .4s 1.2s linear;transition:all .4s 1.2s linear;-webkit-transform:translateY(20px);-ms-transform:translateY(20px);transform:translateY(20px);opacity:0;}
.aboutArea .btn a {display:inline-block;width:250px;height:50px;line-height:50px;text-align:center;font-size:13px;font-weight:400;font-family:"Open Sans",sans-serif;border:1px solid #091e37;color:#091e37;position:relative;z-index:1;}
.aboutArea .btn a:before {content:"";position:absolute;top:0;right:0;width:0%;height:100%;background-color:#091e37;z-index:-1;-webkit-transition:all .4s ease;-o-transition:all .4s ease;transition:all .4s ease;}
.aboutArea .btn a:hover {color:#fff;}
.aboutArea .btn a:hover:before {width:100%;left:0;}
.facArea.show .leftfacList li:nth-of-type(1),.facArea.show .leftfacList li:nth-of-type(2),.facArea.show .rightfacList li:nth-of-type(1),.facArea.show .rightfacList li:nth-of-type(2) {-webkit-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0);opacity:1;}
.facArea .wrap {width:auto;display:-webkit-box;display:-ms-flexbox;display:flex;}
.facArea .leftfacList {display:-webkit-box;display:-ms-flexbox;display:flex;}
.facArea .leftfacList li:nth-of-type(1) {-webkit-transition:all .4s linear;-o-transition:all .4s linear;transition:all .4s linear;-webkit-transform:translateX(20px);-ms-transform:translateX(20px);transform:translateX(20px);opacity:0;}
.facArea .leftfacList li:nth-of-type(1) .Txt p {width:310px;}
.facArea .leftfacList li:nth-of-type(2) {-webkit-transition:all .4s .4s linear;-o-transition:all .4s .4s linear;transition:all .4s .4s linear;-webkit-transform:translateX(20px);-ms-transform:translateX(20px);transform:translateX(20px);opacity:0;}
.facArea .rightfacList {display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;}
.facArea .rightfacList li:nth-of-type(1) {-webkit-transition:all .4s .8s linear;-o-transition:all .4s .8s linear;transition:all .4s .8s linear;-webkit-transform:translateY(20px);-ms-transform:translateY(20px);transform:translateY(20px);opacity:0;}
.facArea .rightfacList li:nth-of-type(2) {-webkit-transition:all .4s 1.2s linear;-o-transition:all .4s 1.2s linear;transition:all .4s 1.2s linear;-webkit-transform:translateY(20px);-ms-transform:translateY(20px);transform:translateY(20px);opacity:0;}
.facArea li {padding:2px;}
@media (min-width:1181px) {.facArea li .btn {position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,calc(-50% + 20px));-ms-transform:translate(-50%,calc(-50% + 20px));transform:translate(-50%,calc(-50% + 20px));-webkit-transition:all .4s ease;-o-transition:all .4s ease;transition:all .4s ease;opacity:0;}
.facArea li:hover .Txt {background-color:rgba(3,12,25,0.7);color:rgba(255,255,255,0.5);}
.facArea li:hover h3 a {color:rgba(255,255,255,0.5);}
.facArea li:hover .btn {-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);opacity:1;}
}
.facArea .item {position:relative;}
.facArea .Img img {display:block;width:100%;}
.facArea .Txt {position:absolute;top:0;left:0;width:100%;height:100%;-webkit-box-sizing:border-box;box-sizing:border-box;background-color:rgba(3,12,25,0.3);padding:70px;font-size:14px;font-weight:200;font-family:"Noto Sans TC","微軟正黑體",sans-serif;color:#fff;line-height:1.8;letter-spacing:1px;-webkit-transition:all .4s ease;-o-transition:all .4s ease;transition:all .4s ease;}
.facArea .Txt p {width:230px;}
.facArea h3 a {font-size:28px;font-weight:300;font-family:"Noto Sans TC","微軟正黑體",sans-serif;color:#fff;}
.facArea .sub_title {font-size:13px;font-weight:400;font-family:"Oswald",sans-serif;text-transform:uppercase;letter-spacing:2px;margin-bottom:20px;}
.facArea .btn a {display:inline-block;width:250px;height:50px;line-height:50px;text-align:center;font-size:13px;font-weight:400;font-family:"Open Sans",sans-serif;border:1px solid #fff;color:#fff;}
.linkArea {padding:105px 0 80px;}
.linkArea.show .titleBox,.linkArea.show .linkBox,.linkArea.show .selectBox {-webkit-transform:translateY(0px);-ms-transform:translateY(0px);transform:translateY(0px);opacity:1;}
.linkArea.deckLine:before {}
.linkArea .wrap {display:-webkit-box;display:-ms-flexbox;display:flex;position:relative;}
.linkArea .titleBox {text-align:left;width:calc(100% - 930px);padding-top:25px;padding-left:90px;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-transition:all .4s linear;-o-transition:all .4s linear;transition:all .4s linear;-webkit-transform:translateY(20px);-ms-transform:translateY(20px);transform:translateY(20px);opacity:0;}
.linkArea .titleBox .title {font-size:44px;font-weight:400;font-family:"Noto Sans TC","微軟正黑體",sans-serif;color:#092241;}
.linkArea .titleBox .sub_title {font-size:16px;font-weight:400;font-family:"Oswald",sans-serif;color:#97989a;}
.linkArea .linkBox {width:930px;-webkit-transition:all .4s .4s linear;-o-transition:all .4s .4s linear;transition:all .4s .4s linear;-webkit-transform:translateY(20px);-ms-transform:translateY(20px);transform:translateY(20px);opacity:0;}
.linkArea .linkList .slick-list {padding:25px;}
.linkArea li {padding:0px;}
.linkArea li:hover .item {background-color:#fff;-webkit-box-shadow:0px 1px 29.7px 0.3px rgba(0,0,0,0.1);box-shadow:0px 1px 29.7px 0.3px rgba(0,0,0,0.1);}
.linkArea .item {height:130px;-webkit-transition:all .4s ease;-o-transition:all .4s ease;transition:all .4s ease;}
.linkArea .item .Img {height:100%;}
.linkArea .item a {display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%;height:100%;}
.linkArea .selectBox {position:absolute;left:85px;top:155px;font-size:0;-webkit-transition:all .4s .8s linear;-o-transition:all .4s .8s linear;transition:all .4s .8s linear;-webkit-transform:translateY(20px);-ms-transform:translateY(20px);transform:translateY(20px);opacity:0;}
.linkArea .selectBox a {margin:5px;display:inline-block;width:40px;height:40px;border:1px solid rgba(153,153,153,0.35);border-radius:50%;position:relative;}
.linkArea .selectBox a:hover {border-color:#092241;}
.linkArea .selectBox a:hover.next:before {border-color:#092241;right:13px;}
.linkArea .selectBox a:hover.next:after {width:13px;right:14px;opacity:1;}
.linkArea .selectBox a:hover.prev:before {border-color:#092241;left:13px;}
.linkArea .selectBox a:hover.prev:after {width:13px;left:14px;opacity:1;}
.linkArea .selectBox .prev:before {content:"";position:absolute;top:50%;left:15px;width:8px;height:8px;border-top:2px solid #999;border-left:2px solid #999;-webkit-transform-origin:top left;-ms-transform-origin:top left;transform-origin:top left;-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-transition:all .2s .2s linear;-o-transition:all .2s .2s linear;transition:all .2s .2s linear;}
.linkArea .selectBox .prev:after {content:"";position:absolute;top:calc(50% - 1px);left:16px;width:0px;height:2px;background-color:#092241;-webkit-transition:all .4s linear;-o-transition:all .4s linear;transition:all .4s linear;opacity:0;}
.linkArea .selectBox .next:before {content:"";position:absolute;top:50%;right:15px;width:8px;height:8px;border-top:2px solid #999;border-right:2px solid #999;-webkit-transform-origin:top right;-ms-transform-origin:top right;transform-origin:top right;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-transition:all .2s .2s linear;-o-transition:all .2s .2s linear;transition:all .2s .2s linear;}
.linkArea .selectBox .next:after {content:"";position:absolute;top:calc(50% - 1px);right:16px;width:0px;height:2px;background-color:#092241;-webkit-transition:all .4s linear;-o-transition:all .4s linear;transition:all .4s linear;opacity:0;}
footer.show .dataBox,footer.show .company,footer.show .copyright {-webkit-transform:translateY(0px);-ms-transform:translateY(0px);transform:translateY(0px);opacity:1;}
footer .dataBox {-webkit-transition:all 0.4s cubic-bezier(0,0,0.73,1.21);-o-transition:all 0.4s cubic-bezier(0,0,0.73,1.21);transition:all 0.4s cubic-bezier(0,0,0.73,1.21);-webkit-transform:translateY(20px);-ms-transform:translateY(20px);transform:translateY(20px);opacity:0;}
footer .dataBox:nth-of-type(1) {-webkit-transition-delay:0.1s;-o-transition-delay:0.1s;transition-delay:0.1s;}
footer .dataBox:nth-of-type(2) {-webkit-transition-delay:0.2s;-o-transition-delay:0.2s;transition-delay:0.2s;}
footer .dataBox:nth-of-type(3) {-webkit-transition-delay:0.3s;-o-transition-delay:0.3s;transition-delay:0.3s;}
footer .dataBox:nth-of-type(4) {-webkit-transition-delay:0.4s;-o-transition-delay:0.4s;transition-delay:0.4s;}
footer .dataBox:nth-of-type(5) {-webkit-transition-delay:0.5s;-o-transition-delay:0.5s;transition-delay:0.5s;}
footer .dataBox:nth-of-type(6) {-webkit-transition-delay:0.6s;-o-transition-delay:0.6s;transition-delay:0.6s;}
footer .dataBox:nth-of-type(7) {-webkit-transition-delay:0.7s;-o-transition-delay:0.7s;transition-delay:0.7s;}
footer .company {-webkit-transition:all 0.4s cubic-bezier(0,0,0.73,1.21);-o-transition:all 0.4s cubic-bezier(0,0,0.73,1.21);transition:all 0.4s cubic-bezier(0,0,0.73,1.21);-webkit-transform:translateY(20px);-ms-transform:translateY(20px);transform:translateY(20px);opacity:0;}
footer .company:nth-of-type(1) {-webkit-transition-delay:1.0s;-o-transition-delay:1.0s;transition-delay:1.0s;}
footer .company:nth-of-type(2) {-webkit-transition-delay:1.2s;-o-transition-delay:1.2s;transition-delay:1.2s;}
footer .copyright {-webkit-transition:all 0.4s cubic-bezier(0,0,0.73,1.21);-o-transition:all 0.4s cubic-bezier(0,0,0.73,1.21);transition:all 0.4s cubic-bezier(0,0,0.73,1.21);-webkit-transform:translateY(20px);-ms-transform:translateY(20px);transform:translateY(20px);opacity:0;}
@media (max-width:1670px) {.industryArea .wrap {width:100%;}
}
@media (max-width:1430px) {.facArea .wrap {padding:0;}
}
@media (max-width:1280px) {.linkArea .titleBox {padding-left:0;}
}
@media (max-width:1180px) {.scrollDown {display:none;}
.bannerArea .numBox {bottom:20px;}
.bannerArea .selectBox {bottom:20px;}
.industryArea {margin-top:0;}
.industryArea .wrap {-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding:0;}
.industryArea .libolonBox,.industryArea .richBox {margin-top:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
.industryArea .libolonBox .textEditor,.industryArea .richBox .textEditor {width:50%;}
.industryArea .richBox {-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse;}
.industryArea .libolonListBox,.industryArea .richListBox {width:50%;}
.industryArea .item {padding:25px 0;}
.aboutArea .wrap {width:600px;}
.aboutArea .background .bg04 {bottom:-100px;left:-150px;}
.aboutArea .Txt {-webkit-column-count:auto;column-count:auto;}
.facArea .wrap {-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;}
.facArea .rightfacList {-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;}
.facArea .btn {margin-top:20px;}
.facArea .btn a {border:none;background-color:#091e37;}
.linkArea {padding:30px 0 50px;}
.linkArea .wrap {-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding:0 60px;}
.linkArea .titleBox {width:100%;padding:0;padding-left:40px;}
.linkArea .linkBox {width:100%;}
.linkArea .linkList .slick-list {padding:0;}
.linkArea .selectBox {position:relative;left:0;top:0;margin-top:20px;padding-left:40px;}
}
@media (max-width:960px) {
.industryArea .libolonBox,.industryArea .richBox {-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;width:100%;}
.industryArea .libolonBox .textEditor,.industryArea .richBox .textEditor {width:100%;}
.industryArea .libolonListBox,.industryArea .richListBox {padding:20px 0 30px;width:100%;}
.facArea .Txt {padding:20px;}
}
@media (max-width:640px) {.bannerArea .numBox,.bannerArea .selectBox {display:block;}
.bannerArea .numBox {bottom:0px;}
.bannerArea .selectBox {bottom:0px;}
.bannerArea .selectBox {position:absolute;right:10px;bottom:10px;font-size:0;}
.bannerArea .selectBox a:hover.prev:before {left:5px;}
.bannerArea .selectBox a:hover.prev:after {width:13px;left:6px;}
.bannerArea .selectBox a:hover.next:before {right:5px;}
.bannerArea .selectBox a:hover.next:after {width:13px;right:6px;}
.bannerArea .selectBox .prev:before {left:5px;}
.bannerArea .selectBox .prev:after {left:6px;}
.bannerArea .selectBox .next:before {right:5px;}
.bannerArea .selectBox .next:after {right:6px;}
.bannerArea .selectBox a {display:inline-block;width:25px;height:25px;}
.bannerArea .numBox {left:10px;bottom:10px;color:#fff;letter-spacing:1px;width:60px;}
.bannerArea .numBox .num {font-size:14px;display:inline-block;}
.bannerArea .numBox .numTotal {font-size:12px;display:inline-block;}

.aboutArea .wrap {padding-top:40px;width:100%;}
.aboutArea .title {font-size:34px;}
.aboutArea .sub_title {font-size:19px;}
.facArea .leftfacList {-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;}
.facArea .rightfacList {-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;}
.facArea .sub_title {margin-bottom:5px;}
.facArea h3 a {font-size:24px;}
.linkArea .selectBox {text-align:center;padding:0;}
}


@media (max-width:1100px) {.bannerArea .sub_title {display:block;}
.bannerArea .sub_title {font-size:18px;}
.bannerArea .title{ font-size:24px; margin-top:10px;}
.bannerArea .title {letter-spacing: normal;padding:0px;margin-bottom:0px;}
}
@media (max-width:639px) {.bannerArea .sub_title {display:block;}
.bannerArea .sub_title {font-size:14px;}
.bannerArea .title{ font-size:16px;}
.bannerArea .title {letter-spacing: normal;padding:0px;margin-top:10px; display:none;}
.bannerArea .Txt_join {display:none;}
.industryArea .textEditor .Txt .sub_title {font-size:15px;}
.industryArea .textEditor .Txt .title {font-size:26px;padding-bottom:10px;}
.industryArea .textEditor .Txt .text {font-size:12px;padding:0;}
.industryArea .textEditor .Txt .text:before,.industryArea .textEditor .Txt .text:after {display:none;}
.facArea .Txt {font-size:12px;}
.facArea .btn a {width:135px;height:45px;line-height:45px;}
.linkArea.deckLine:before {}
.linkArea .wrap {padding:0 20px;}
.linkArea .titleBox {padding-left:0;}
}
@media (max-width:360px) {.facArea .leftfacList li:nth-of-type(1) .Txt p {width:100%;}
}





.animate {
	transition: all 0.5s cubic-bezier(0.25, 0, 0, 1);
	-webkit-transition: all 0.5s cubic-bezier(0.25, 0, 0, 1);
}

.h_p {
	width: 100%;
	height: auto;
}

.h_p ul li {
	width: 23%;
	margin:20px 1%;
	height: auto;
	overflow: hidden;
	float: left;
	position: relative;
	padding-bottom: 60px;
	background:#fff;

}

.h_p ul li img {
	width: 100%
}

.h_p ul li .pic {
	width: 100%;
	height: auto;
	background:none;
	position: relative;
	background-position: center center;
	-moz-background-size: contain;
	-o-background-size: contain;
	background-size: contain;
	background-repeat: no-repeat
}

.h_p ul li .pic img {
	opacity: 1
}

.h_p ul li .mask {
	width: 100%;
	height: 100%;
	position: absolute;
	 
	left: 0;
	top: 0;
	background: #fff;
}


.h_p ul li a:hover {
	
	background: #000;
}


.h_p ul li .mask .thum {
	width: 100%;
	height: auto;

	overflow: hidden;
	position: absolute;
	left:0;
	top: 0;
	background-position: center center;
	background-color: #fff;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-repeat: no-repeat
}

.h_p ul li .mask .cat {
	width: 100%;
	height: auto;
	position: absolute;
	text-align: center;
	top: 86%;
	font-weight: 700;
	font-size: 18px
}

.h_p ul li:nth-child(2) .mask .cat {
	background-position: 0 -55px
}

.h_p ul li:nth-child(3) .mask .cat {
	background-position: 0 -110px
}

.h_p ul li .mask .name {
	width: 100%;
	height: 40px;
	line-height: 24px;
	text-align: center;
	color: #363636;
	text-align: center;
	position: absolute;
	left: 0;
	top: 88%;
	font-weight: normal;
	font-size: 1.6vw;
}

.h_p ul li .title {
	width: 100%;
	height:1.6;
    line-height: 1.6;
	text-align: center;
	position: absolute;
	left: 0;
	text-align: center;
	font-size: 1.1vv;
	top: 100%;
	opacity: 1;
	visibility: hidden;
	-webkit-transition-delay: .1s;

}


.h_p ul li .title span{ color:#fff; background:-webkit-gradient(linear, 35% 20%, 100% 0%, from(rgba(24,134,246,.7)), to(rgba(77,200,253,.7)));padding:10px 15px; text-align:center;}


@media screen and (max-width:787px) {


.h_p ul li .title { font-size:12px;}
.h_p ul li .title span{padding:8px 12px; text-align:center;}


}



.h_p ul li .btn {
	width: 151px;
	height: 36px;
	display: block;
	cursor: pointer;
	background: url(404.png) no-repeat;
	line-height: 36px;
	text-align: center;
	color: #FFF;
	position: absolute;
	left: 50%;
	margin-left: -75.5px;
	top: 40%;
	opacity: 1;
	visibility: hidden;
	-webkit-transition-delay: .2s
}

.h_p ul li:hover .mask {
	-webkit-transform: scale(1.1);
	opacity: 0;
	visibility: hidden
}

.h_p ul li:hover .title {
	opacity: 1;
	visibility: visible;
	top: 90%;

}

.h_p ul li:hover .btn {
	opacity: 1;
	visibility: visible;
	top: 85%
}

.lt {
	width: 100%;
	height: 4px;
	background: #ff0000;
	position: absolute;
	top: 10px;
}
.lb{
	width: 0;
	height: 4px;
	background: #ff0000;
	position: absolute;
	bottom: 10px
}



.ll {
	width: 4px;
	height: 0%;
	bottom: 10px;
	position: absolute;
	background: #c6ab43
}

.lr {
	width: 4px;
	height: 0%;
	top: 10px;
	position: absolute;
	background: #c6ab43
}

.lr {
	right: 10px
}

.ll {
	left: 10px
}

.h_p ul li:hover .lb,
.h_p ul li:hover .lt {
	width: -webkit-calc(100% - 20px);
	width: -moz-calc(100% - 20px);
	width: calc(100% - 20px)
}

.h_p ul li:hover .lb {
	right: 10px
}

.h_p ul li:hover .lt {
	right: 10px
}

.h_p ul li .lt {
	left: 10px;
	display: none
}

.h_p ul li:hover .ll,
.h_p ul li:hover .lr {
	height: -webkit-calc(100% - 20px);
	height: -moz-calc(100% - 20px);
	height: calc(100% - 20px)
}


.h_title {
	width: 100%;
	height: auto;
	position: relative
}

.h_title.c {
	text-align: center;
	color: #232531
}

.h_s ul li .btn {
	width: 150px;
	height: 30px;
	display: block;
	border: 1px solid #e6dcbd;
	color: #e6dcbd;
	line-height: 30px;
	-webkit-border-radius: 40px;
	-moz-border-radius: 40px;
	border-radius: 40px;
	text-align: center;
	margin: auto
}

.h_s ul li .btn:hover {
	color: #FFF;
	border-color: #b39534;
	background: #b39534
}

.h_title b {
	font-size: 30px;
	text-align: center;
	line-height: 45px;
	font-weight: 400
}

.h_title p {
	width: 100%;
	opacity: .3;
	line-height: 25px;
	text-align: center;
	font-size: 12px;
	position: relative
}

.h_title p:after,
.h_title p:before {
	width: 200px;
	height: 1px;
	background: #FFF;
	position: absolute;
	top: 12px;
	content: ''
}

.h_title.c p:after,
.h_title.c p:before {
	width: 150px;
	background: rgba(0, 0, 0, .5)
}

.h_title.c p {
	opacity: .5
}

.h_title p:after {
	left: 0
}

.h_title p:before {
	right: 0
}

.clearfix:after {
	height: 0
}

@media (max-width: 1400px) {
.h_p ul li .mask .cat {
	top: 84%;
	font-size: 16px
}


.h_p ul li .mask .name {
	font-size: 13px;
	top:90%;
}


}



@media (max-width: 1200px) {


.h_p ul li .mask .cat {
	top: 84%;
	font-size: 14px
}


.h_p ul li .mask .name {
	font-size: 12px;
	top:88%;
}




}

@media only screen and (max-width:768px){


.bh_nav{width:100%;position:relative;overflow:hidden}

.bh_nav .b_c{width:60vw;padding:20px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;z-index:9;position:relative}

.bh_nav ul{width:40vw;left:60vw}

.bh_nav>img{position:absolute;left:0;top:0}
.bh_slider{width:100%;margin-top:5px;height:-webkit-calc(100vw * 468 / 768);height:-moz-calc(100vw * 468 / 768);height:calc(100vw * 468 / 768)}



}



@media (max-width: 639px) {

.h_p ul li .mask .name{top:auto;bottom:0px; font-size:12px;}
.h_p ul li:hover .title{top:82%;font-size:12px;}
.h_p ul li:hover .btn{top:auto;bottom:20px}
.h_p ul li .pic img{opacity:.5}

.h_p ul li {width:47%; margin:10px 1.5%;}

.h_p ul li .mask .cat {top: 82%; font-size:13px;}
.h_p ul li .mask .name{ font-size:13px; top:88%;}
.h_title p:after,.h_title p:before{width:35vw}
}


.home_pro_two_box{ clear:both; max-width:1400px; margin:0 auto;}




.n-about{
  position: relative;
}
.n-about .listc {
  width: 100%;
}
.n-about .listc .li {
  box-sizing: border-box;
  float: left;
  width: 48%;
  margin:0 1%;
  
  text-align: center;
}
.n-about .listc .li .imga{
	width: calc(100% + 20px);
}
.n-about .listc .li .img {
  margin-bottom: 15px;
}
.n-about .listc .li .p-text{
	position: absolute;
	top:25%;
	height: 174px;
	margin-top: -90px;
	text-align: center;
	width: 100%;
}
.n-about .listc .li .img img {
  width: 80px;
}
.n-about .listc .li .h-tit {
  font-size: 26px;
  line-height: 1;
  margin-bottom: 15px;
  color: #fff;
}
.n-about .listc .li .p {
  font-size: 16px;
  line-height: 28px;
  max-width:70%;
  color: #fff;
  text-align:center;
  margin:0 auto;
}
.n-about .listc .p-text .jiantou {  text-align:center; display:block; width:100%; margin:0 auto; margin-top:15px;}
.n-about .listc .p-text .jiantou img{ margin:0 auto;} 

.n-about .listc .li:nth-child(2) .h-tit {  color: #131f67;}
.n-about .listc .li:nth-child(2) .p {  color: #2a3052;}

.n-about .listc .li .p p {
  font-size: 16px;
  line-height: 28px;
  max-width:70%;
  color: #fff;
  text-align:center;
  margin:0 auto;
}

.animate11 {
  -webkit-transform: translate(0px, 0) !important;
      -ms-transform: translate(0px, 0) !important;
          transform: translate(0px, 0) !important;
  opacity: 1 !important;
}


.n-about .listc {
  -webkit-transform: translate(0, 20px);
      -ms-transform: translate(0, 20px);
          transform: translate(0, 20px);
  opacity: 0;
  -webkit-transition: -webkit-transform 1.2s ease-out, opacity 1.2s;
          transition: transform 1.2s ease-out, opacity 1.2s;
}
 	.n-about .listc .li .imga{
		transform: translate3d(10px,10px,0);
		margin: -10px 0 0 -10px;
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;
		transition: opacity 0.35s, transform 0.35s;
	}
	.n-about .listc .li:hover img {
		
		-webkit-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0);
	}
	
  
  .n-about .listc .li .img img{
    transform:translate(0,0);
    -webkit-transition: all 0.35s;
    transition: all 0.35s;
  }
  .n-about .listc .li:hover .img img {
     transform:translate(0,-10px);
  }
  
.n-about .listc .li{
  position: relative;
  overflow: hidden;
}



@media (max-width: 1280px) {
.n-about .listc .li .img img {width:70px;}

.n-about .listc .li .h-tit {font-size: 18px; margin-bottom: 10px;}
.n-about .listc .li .p {font-size: 16px; line-height: 28px; max-width:80%;}
}


@media (max-width: 1023px) {
.n-about .listc .li .img img {width:60px;}
.n-about .listc .li .p-text{top:35%;}
.n-about .listc .li .h-tit {font-size: 17px; margin-bottom: 10px;}
.n-about .listc .li .p {font-size: 15px; line-height: 28px; max-width:80%;}
}


@media (max-width: 640px) {
.n-about .listc .li { width: 100%;}
.n-about .listc .li .img img {width:50px;}
.n-about .listc .li .p-text{top:32%;}
.n-about .listc .li .h-tit {font-size: 16px; margin-bottom: 10px;}
.n-about .listc .li .p {font-size: 14px; line-height: 28px; max-width:80%;}

.n-about .listc .p-text .jiantou { margin-top:5px;}

}