@charset "utf-8";
@import url(https://fonts.googleapis.com/earlyaccess/cwtexfangsong.css);/* 仿宋 */
@import url('https://fonts.googleapis.com/css?family=Quicksand');
html,body{font-size:100%;height:100%}
body{font-family:'Open Sans','微軟正黑體',sans-serif;font-size:1rem;line-height:1.6;padding-top:70px}
body.index{padding-top:0}
a{color:#1f8fcf;outline:none;behavior:expression(this.onFocus=this.blur())}
a:hover{color:#000;text-decoration:none;-o-transition:all .4s linear;-webkit-transition:all .4s linear;-moz-transition:all .4s linear;transition:all .4s linear}
ol,ul,li{margin:0;padding:0;font:inherit;border:0;vertical-align:baseline;list-style:none}
::selection{background:#ff9800;color:#fff}
::-moz-selection{background:#ff9800;color:#fff}
.imgholder img{transform:scale(1,1);-ms-transform:scale(1,1);-moz-transform:scale(1,1);-webkit-transform:scale(1,1);-o-transform:scale(1,1);opacity:1;transition:transform .5s ease-in-out,opacity .2s;-moz-transition:-moz-transform .5s ease-in-out,opacity .2s;-webkit-transition:-webkit-transform .5s ease-in-out,opacity .2s}
.imgholder:hover img{transform:scale(1.05,1.05);-ms-transform:scale(1.05,1.05);-moz-transform:scale(1.05,1.05);-webkit-transform:scale(1.05,1.05);-o-transform:scale(1.05,1.05);opacity:.9}
.form-control::-moz-placeholder{color:#CCC}
.navbar-inverse{background:#FFF;margin:0}
.navbar-inverse.index{background:rgba(255,255,255,.95);}
.navbar-fixed-top{border-color:#EEE;box-shadow:0 0 5px rgba(50,50,50,.1)}
.navbar-header{height:100%}
.navbar-brand{display:block;height:100%;padding:15px 0;margin:0 15px}
.navbar-brand img{max-height:100%}
.navbar-right{margin-right:15px}
.navbar-nav > li > a{padding:25px 10px}
.navbar-inverse .navbar-nav > .active > a,.navbar-inverse .navbar-nav > .active > a:hover,.navbar-inverse .navbar-nav > .active > a:focus{background:none;color:#d50412}
.navbar-inverse .navbar-nav > .open > a,.navbar-inverse .navbar-nav > .open > a:hover,.navbar-inverse .navbar-nav > .open > a:focus{background:none;color:#000}
.navbar-inverse .navbar-nav > li > a{color:#000}
.navbar-inverse .navbar-nav > li > a:hover,.navbar-inverse .navbar-nav > li > a:focus{color:#d50412}
.dropdown-menu{min-width:130px}
.dropdown-menu > li > a{padding:6px 20px;font-size:.938rem}
.nav li span.tel_1{display:block}
.nav li span.tel_2{display:none}
.btn{padding:15px 20px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}
.white{color:#FFF}
.blue{color:#1f8fcf}
.blues{color:#1752bd}
.red{color:#d4000f}
.black{color:#000}
.gray{color:#292929}
.yellow{color:#ffe200}
.orange{color:#ec6400}
.brown{color:#7a583f}
.style1{max-width:1400px;padding:0 30px;margin:0 auto}
.style2{width:auto;max-width:none}
.bg-banner{-moz-background-size:cover;-webkit-background-size:cover;-o-background-size:cover;background-size:cover;background-position:center}
.bg-banner-people{background:url(/images/p3/bg-01.jpg) center;box-shadow:0 0 40px 20px #000 inset}
.bg-banner-iot1{background-image:url(/images/index/iot-bg-1.jpg)}
.bg-banner-iot2{background-image:url(/images/index/iot-bg-2.jpg)}
.bg-banner-geometry{background:url(/images/p3/bg-01.jpg) center -890px}
.bg-banner-geometry2{background-image:url(/images/banner/img-geometry2.jpg)}
.bg-banner-web{background-image:url(/images/banner/img-web.jpg)}
.bg-banner-webdesign{background-image:url(/images/banner/img-webdesign.jpg)}
.bg-banner-pad{background-image:url(/images/banner/img-pad.jpg)}
.bg-banner-desk{background-image:url(/images/banner/img-desk.jpg)}
.bg-banner-desk2{background-image:url(/images/banner/img-desk2.jpg)}
.bg-banner-baidu{background:url(/images/p9_3/platform_bg2.png) center top;box-shadow:0 20px 100px 10px rgba(0,0,0,.6) inset}
.bg-banner-baidu2{background-image:url(/images/banner/img-baidu2.jpg)}
.bg-banner-bigdata{background:url(/images/banner/img-bigdata.jpg) center -70px;box-shadow:0 0 100px 20px #000 inset}
.bg-banner-group{background-image:url(/images/banner/img-group.jpg)}
.bg-banner-contuct{background:url(/images/p5/bg-contuct.png) no-repeat center top}
.bg-star{background:url(/images/p9_3/platform_bg2.png) center top}
.bg-gray{background-color:#f5f5f5;color:#666}
.bg-blue{background-color:#40E0FF;color:#10798e}
.bg-orange{background-color:#ff9c31;color:#FFF}
.bg-green{background-color:#96c329;color:#FFF}
.bg-brown{background-color:#b59a83;color:#FFF}
.bb.hvr-ripple-out:before{border-color:#013d71}
mark{background-color:inherit;border-bottom:1px solid #3671cf;color:#3671cf;font-style:inherit;font-weight:700}
.light mark{background-color:inherit;border-bottom:1px solid #ffe200;color:#ffe200;font-style:inherit;font-weight:700}
section.wrapper{padding-top:3em;padding-bottom:3em}
section.wrapper2{padding-top:3em;padding-bottom:1em}
header.major{padding:1em 0}
header.major.pp{padding-top:0}
header.major h2{font-size:2.5rem;letter-spacing:.1em;font-family:'Oswald','微軟正黑體',sans-serif}
header.major h3{font-size:1.5rem}
header.major-parallax{position:absolute;top:15%;left:0;width:100%;padding:5em;text-align:center}
.bg-banner-people header.major h2,.bg-banner-people header.major h3,.bg-banner-geometry header.major h2,.bg-banner-geometry header.major h3{text-shadow:0 0 5px #000}
.panel-container p{margin:1em 0}
.panel-container .btn{font-size:1rem}
.panel-container .btn.attention{background:#d4000f;color:#fff}
.panel-container .btn.attention:hover{background:#000}
.column-4{width:40%}
.column-6{width:55%}
.col-md-v{float:left;width:20%;text-align:center}
.col-md-v img{display:block;width:80%;margin:0 auto}
.col-md-v h4{padding-top:1em}
.col-md-x{float:left;width:23%;margin:0 1%}
.w80{width:80%;max-width:800px}
.container{padding:0 0 50px}
.carousel{position:relative;width:100%;height:100%}
.carousel:hover .carousel-control{display:block;display:none}
.carousel .item,.carousel .item.active,.carousel .carousel-inner{height:100%}
.carousel .fill{width:100%;height:100%;background-position:center;background-size:cover;-o-animation: grow 60s  linear 10ms infinite;-webkit-animation: grow 60s  linear 10ms infinite;-moz-animation: grow 60s  linear 10ms infinite;animation: grow 60s  linear 10ms infinite;transition:all 0.2s ease-in-out}
.carousel .carousel-control{background:none;display:none}
.carousel-control .icon-prev::before,.carousel-control .icon-next::before{content:''}
.carousel-control .icon-prev,.carousel-control .icon-next{width:30px;height:60px;margin:-30px 0 0}
.carousel-control .icon-prev{background:url(/images/all/control-icon.png) 0 0 no-repeat}
.carousel-control .icon-next{background:url(/images/all/control-icon.png) -30px 0 no-repeat}
.carousel-indicators li, .carousel-indicators li.active {width:8px;height: 8px;margin:1px 5px}
.carousel-indicators li.active {margin-top:0;margin-bottom:0}
.carousel-fade .carousel-inner .item{position: relative;transition-property:opacity}
.carousel-fade .carousel-inner .item,.carousel-fade .carousel-inner .active.left,.carousel-fade .carousel-inner .active.right{opacity:0}
.carousel-fade .carousel-inner .active,.carousel-fade .carousel-inner .next.left,.carousel-fade .carousel-inner .prev.right{opacity:1}
.carousel-fade .carousel-inner .next,.carousel-fade .carousel-inner .prev,.carousel-fade .carousel-inner .active.left,.carousel-fade .carousel-inner .active.right{left:0;transform:translate3d(0,0,0)}
.carousel .banner1{height:100%;background:url(../js/particleground/images/07_bg5.png) center top;background-size:cover}
.carousel .banner2{height:100%;background:url(/images/banner/08_bg2.jpg) center right;background-size:cover}
.carousel .banner2 .pic{position:absolute;max-width:100%;height:auto}
.carousel .banner2 .people{top:3%;right:5%;width:340px}
.carousel .banner2 .pc,.carousel .banner2 .flat,.carousel .banner2 .mb{bottom:5%;right:5%;max-width: 100%}
.bg-img{padding:350px 200px 200px;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;position:absolute;top:-200px;left:-200px;width:100%;height:100%;-webkit-background-size:cover;-moz-background-size:cover;background-size:cover;background-position:center center}
.list50{text-align:center;color:#666;padding:2em 0}
.list50 .col-md-6{padding:0 3%;margin-bottom:5em}
.list50 h3{font-size:1.5rem;letter-spacing:.08em;color:#000;margin-bottom:.5em;text-align:center;text-transform:uppercase;font-family:'Oswald','微軟正黑體',sans-serif}
.list50 img{width:100%;margin-bottom:1em}
.list50 figure{overflow:hidden}
.list50 figcaption{font-size:1.375rem;margin:1em 0}
.list33{padding:2em 0}
.list33 .col-xs-4{text-align:center}
.list33 img{width:100px;display:block;margin:0 auto}
.list33 figcaption{font-size:1.375rem;margin:.5em 0}
.spotlight{display:flex;display:-webkit-flex;align-items:center;-webkit-align-items:center;background-color:#14CCB8;color:#FFF}
.spotlight .image{flex:1;-ms-flex:1;-webkit-flex:1}
.spotlight .content{padding:2em 5em;flex:2;-ms-flex:2;-webkit-flex:2}
.spotlight:nth-child(2n){flex-direction:row-reverse}
.slide_pic{width:32%;float:right;text-align:center;margin:0 12% 0 0}
.viewpoint_tx{width:40%;float:left;line-height:30px;margin:0 4% 0 12%;font-size:1.2rem}
.viewpoint_tx h3{font-size:2.5rem;letter-spacing:.1em;color:#1c3f77;padding:40px 0 20px;font-family:'Oswald','微軟正黑體',sans-serif}
.viewpoint_tx .viewpoint_title{font-size:1.5rem;margin-bottom:1em;color:#666}
.viewpoint_tx .viewpoint_ga{font-size:1rem;line-height:26px;color:#666}
.viewpoint_wrap{padding:4em 0;background:#f5f5f5;overflow:hidden}
footer{background:#F5F5F5}
.footer-wrap{padding-top:5em;padding-bottom:2em}
.footer-wrap a{color:#473c3a}
.footer-wrap a:hover{color:#000;text-decoration:underline}
.footer-wrap a.phone .icon{display:none;width:25px;text-align:center}
.footer-wrap .profiles{float:left}
.footer-wrap .profiles .bottom-brand{display:block;/*color:#000;text-transform:uppercase;font-family:'Fira Sans','微軟正黑體',sans-serif;font-size:2.25rem;font-weight:700*/margin-bottom:10px}
.footer-wrap .profiles .bottom-brand img{/*-webkit-filter:grayscale(1) brightness(.5)*/}
.footer-wrap .profiles .bottom-brand:hover{text-decoration:none}
.nav-bottom-box{float:right;width:calc(100% - 450px)}
.footer-wrap .nav-bottom{float:right;width:20%;margin-right:2%;text-transform:uppercase}
.footer-wrap .nav-bottom:last-child{margin-right:0}
.footer-wrap .nav-bottom li a{display:inline-block;padding:4px 0;line-height:1.2;color:#888}
.footer-wrap .nav-bottom li.active a{color:#d4000f;font-weight:700;text-decoration:underline}
.footer-wrap .nav-bottom li a:hover{color:#000;text-decoration:none}
.footer-wrap .nav-bottom li.title{font-family:"Fira Sans","微軟正黑體",sans-serif;padding-bottom:10px;border-bottom:1px solid #e0e0e0;margin-bottom:10px;font-weight:700}
.footer-wrap .icon-group{float:right;width:26%}
.footer-wrap .icon-group i{font-size:45px;color:#999}
.footer-wrap .icon-group i:hover{color:#666}
.footer-wrap .icon-group .fb-page{width:100%}
.footer-wrap .block320{padding-left:10px;  }
.copyright{clear:both;text-align:center;padding:0 0 4em;border:1px solid #f5f5f5;font-size:12px;line-height:1}
.seo{background:#000;text-align:center;font-size:.75rem;padding:1em 0}
.seo a{color:#fff;margin:0 .5em}
.seo a:hover{text-decoration:underline}
.anystretch{background-size:cover;background-repeat:no-repeat;background-position:left center;clear:both;overflow:hidden;margin-bottom:5px}
.iot-bg-1{background-image:url(/images/index/iot-bg-1.jpg)}
.iot-bg-2{background-image:url(/images/index/iot-bg-2.jpg)}
.iot-bg-3{background:url(/images/index/iot-bg-3.jpg) center bottom;background-size:cover;box-shadow:0 0 260px 20px #000 inset;animation:move-bg 20s;-moz-animation:move-bg 20s;-webkit-animation:move-bg 20s;-o-animation:move-bg 20s}
.anystretch .area-center{text-align:center;padding:7em 0;color:#FFF}
.anystretch .area-center h2{font-size:45px;margin-bottom:20px;text-shadow:0 0 5px #fff}
.anystretch .area-center a{display:inline-block;width:170px;height:170px;background:rgba(0,0,0,.9);color:#FFF;text-align:center;margin:0 20px 10px;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;font-size:25px;border:#fff solid 1px}
.anystretch .area-center a:hover{background:rgba(255,51,51,.8)}
.anystretch .area-center a i{font-size:45px;margin-top:40px}
.anystretch .area-center a .pic{width:90px;margin-top:20px}
.anystretch .area{float:right;width:45%;background:#000 \9;filter:alpha(opacity=60) \9;background-color:rgba(0,0,0,0.6);color:#fff;padding:5em}
.anystretch:last-child .area{float:left}
header.major h2.blue2{display:inline;color:#1c3f77;font-size:4rem;font-weight:700;line-height:28px}
.line{display:block;width:60px;height:1px;background:#0b629e;margin:20px auto 40px}
.works_btn{clear:both}
.works_btn a{display:block;width:100%;padding:20px 0;font-size:25px;font-weight:700;text-align:center;background:url(/images/p1/img-holder-1b.jpg) center -400px;color:#FFF;box-shadow:0 0 50px #000 inset;-o-transition:all .3s linear;-webkit-transition:all .3s linear;-moz-transition:all .3s linear;transition:all .3s linear}
.works_btn a:hover{background:url(/images/p1/img-holder-1b.jpg) center -480px;box-shadow:0 0 100px 10px #000 inset;text-shadow:0 0 5px #fff}
.list-block-half{margin:0 0 4em}
.list-block-half li{display:inline-block;vertical-align:top;width:47%;margin:1%;border:1px dashed #BBB;padding:2em;padding-left:4em;position:relative}
.list-block-half li:hover{color:#C33;border:1px dashed #C33}
.list-block-half li span{width:6em;height:4em;line-height:4.5em;position:absolute;left:-2em;top:50%;margin-top:-2em;background:#FFF}
.list-block-half li .hvr-icon-spin:before{content:"";-webkit-transition-duration:.5s;transition-duration:.5s;font-size:40px;color:#CCC}
.list-block-half li:hover .hvr-icon-spin:before{-webkit-transform:rotate(360deg);transform:rotate(360deg);color:#C33}
.list-block-half li .icon-a:before{content:"\f087"}
.list-block-half li .icon-b:before{content:"\f0ac"}
.list-block-half li .icon-c:before{content:"\f0c0"}
.list-block-half li .icon-d:before{content:"\f21d"}
.list-block-half li .icon-e:before{content:"\f109"}
.list-block-half li .icon-f:before{content:"\f005"}
.position-area{position:relative;height:100%}
.white-bg.pp{display:block;position:absolute;left:0;top:-3px;z-index:999;width:100%;height:5px;background:#fff}
.ch-text{font-size:2rem;font-family:'細明體';width:50px;height:50px;margin:0 10px 10px 0;padding:0 10px;border-radius:100%;background:rgba(212,0,15,1);color:#fff;display:inline-block}
.dark-bg{color:#fff}
.position-box .position-img{position:absolute}
.position-box .position-img.gg{max-width:100%;width:70%;bottom:0;left:15%}
.position-box .position-img.triangle-l,.position-box .position-img.triangle-r{max-width:100%;bottom:-5px}
@media screen and (min-width:1920px) {
.position-box .position-img.triangle-l,.position-box .position-img.triangle-r{width:100%;max-width:inherit}
}
.position-box .position-img.triangle-l{right:50%}
.position-box .position-img.triangle-r{left:50%}
.about{overflow:hidden}
.about .mg-left{margin-left:4rem}
.about .img-bg{background:url(/images/p1/img-holder-1b.jpg) bottom center;background-size:cover;min-height:500px;animation:move-bg 60s linear;-moz-animation:move-bg 60s linear;-webkit-animation:move-bg 60s linear;-o-animation:move-bg 60s linear}
.about header.major-style{width:100%;padding:8em 5em 18em;text-align:center}
@keyframes move-bg {
0%{background-position:top center}
100%{background-position:bottom center}
}
@-moz-keyframes move-bg {
0%{background-position:top center}
100%{background-position:bottom center}
}
@-webkit-keyframes move-bg {
0%{background-position:top center}
100%{background-position:bottom center}
}
@-o-keyframes move-bg {
0%{background-position:top center}
100%{background-position:bottom center}
}
.btn-group{text-align:center}
.btn-circle{display:inline-block;vertical-align:top;width:6em;height:6em;line-height:6em;color:#FFF;background:#d64a75}
.grid.effect-8 figure{border:1px solid #E5E5E5;overflow:hidden}
.grid.effect-8 .mask{padding:10px 15px;line-height:1.3}
.grid.effect-8 .mask h3{padding:5px 0}
.grid.effect-8 .mask p{color:#999;font-size:.813rem}
.work-search .bg-banner{padding-bottom:6em}
.work-search .bg-star .bg-banner{background:rgba(0,0,0,.2);box-shadow:0 0 400px #000 inset}
.work-search header.major{margin-bottom:1em}
.work-search .row{color:#FFF;margin:0}
.work-search .row-last{padding:0 8em 3em}
.work-search .row h3{font-size:2rem;margin-bottom:10px}
.work-search .col-md-6{padding:6em 8em}
.work-search .row:last-child .col-md-6{padding-top:0}
.work-search .ckb{display:inline-block;width:8.5em}
.work-search .ckb input{vertical-align:middle;margin-right:.5em;margin-top:-5px}
.work-search .ckb label{display:block;cursor:pointer;color:#FFF}
.work-search .ckb:hover label{color:#FF0}
.work-search .btn{display:block;width:10em;margin:0 auto}
.work-search mark{font-style:inherit;margin:0 5px;font-weight:100;padding:0 5px}
.work-list .row{width:90%;margin:0 auto}
.work-list .col-md-v{margin-bottom:2em}
.work-list .col-md-v h4{padding-top:.5em}
.work-list .col-md-v .img{width:80%;margin:0 auto;background:#000;position:relative}
.work-list .col-md-v .img span{display:none;font-size:2rem;color:#FFF}
.work-list .col-md-v .img img{width:100%;filter:alpha(opacity=100);-moz-opacity:1;opacity:1;-webkit-transition:opacity .5s ease-in-out;-moz-transition:opacity .5s ease-in-out;-o-transition:opacity .5s ease-in-out;-ms-transition:opacity .5s ease-in-out;transition:opacity .5s ease-in-out}
.work-list .col-md-v a:hover .img img{filter:alpha(opacity=50);-moz-opacity:.5;opacity:.5}
.work-list .col-md-v a:hover .img span{display:block;position:absolute;left:50%;top:50%;margin-top:-13px;margin-left:-18px}
.hi-icon{width:120px;height:120px;line-height:120px;margin:.6em;font-size:14px}
.rwd{padding:0 15px 4em 15px}
.rwd-area-1{padding:2em 0 4em}
.rwd-area-1.works{overflow:hidden;background:url(/images/p9_3/platform_bg1.jpg) no-repeat center bottom;background-size:100%}
.rwd-area-1 .btn{display:block;width:8em;margin:0 auto}
.rwd-area-2{padding-top:2em;background:url(/images/p9_3/platform_bg2.png) center top;box-shadow:0 20px 100px 10px rgba(0,0,0,.6) inset}
.rwd-area-2 .style1{overflow:hidden}
.rwd-area-2 .row{margin:2em -15px 0}
.rwd-area-2 .col-sm-6{padding:0 2%}
.rwd-area-2 .col-sm-6 h4{margin:0;padding:1.5em 0 1em;text-align:center;font-size:1.25rem}
.rwd-area-2 .col-sm-6 img{display:block;width:100%;max-width:1000px;margin:0 auto}
.rwd-area-2 .imgholder{overflow:hidden}
.rwd-area-2 .text-box{padding:0 2em 1em;background:#fff}
.rwd-area-3{background:#f9f9f9}
.rwd-area-3 .row{margin:0 -15px}
.rwd-area-3 .col-md-x{background:#FFF}
.rwd-area-3 .col-md-x .x-header{background:url(/images/p9_3/platform_bg2.png) center top;min-height:100px;text-align:center;color:#FFF;padding:1em;font-size:1.25rem;text-shadow:0 1px 1px #433422}
.rwd-area-3 .col-md-x .x-content{padding:2em;min-height:320px}
.rwd-area-3 .col-md-x i{font-size:5em;color:#ccc;display:block;text-align:center;margin-bottom:.5em;transform:scale(1,1);-ms-transform:scale(1,1);-moz-transform:scale(1,1);-webkit-transform:scale(1,1);-o-transform:scale(1,1);transition:transform .5s ease-in-out,opacity .2s;-moz-transition:-moz-transform .5s ease-in-out,opacity .2s;-webkit-transition:-webkit-transform .5s ease-in-out,opacity .2s}
.rwd-area-3 .col-md-x:hover i{transform:scale(1.2,1.2);-ms-transform:scale(1.2,1.2);-moz-transform:scale(1.2,1.2);-webkit-transform:scale(1.2,1.2);-o-transform:scale(1.2,1.2)}
.rwd-area-3 [class*="col-"]{margin-bottom:-1000px;padding-bottom:1000px}
.rwd-area-3 .style1,.rwd-area-4 .style1{overflow:hidden}
.rwd-area-4 .pull-left{width:35%;float:left}
.rwd-area-4 p{display:inline-block;padding:0 15% 0 0;color:#fff;width:65%}
.rwd-area-6{margin-bottom:-50px}
.rwd-area-6 .row{margin:0 3%}
.back_btn a{display:block;background:#d4000f;color:#FFF;padding:10px 0;font-size:26px;text-align:center;font-weight:700}
.back_btn a:hover{background:#333}
.white_bg{background:rgba(255,255,255,1);color:#333;padding:2em}
.program .col-sm-3{margin-bottom:2em}
.program .col-sm-3 figure{position:relative;overflow:hidden;display:block;background:#042140;text-align:center;cursor:pointer}
.program .col-sm-3 figure img{position:relative;display:block;width:100%;opacity:.7;-webkit-transition:opacity .35s;transition:opacity .35s;-webkit-filter:saturate(1.3)}
.program .col-sm-3 figure figcaption{padding:2em;color:#fff;text-transform:uppercase;-webkit-backface-visibility:hidden;backface-visibility:hidden}
.program .col-sm-3 figure figcaption::before,.program .col-sm-3 figure figcaption::after{pointer-events:none}
.program .col-sm-3 figure figcaption,.program .col-sm-3 figure figcaption > a{position:absolute;top:0;left:0;width:100%;height:100%}
.program .col-sm-3 figure figcaption > a{z-index:1000;text-indent:200%;white-space:nowrap;font-size:0;opacity:0}
figure.effect-ming figcaption::before{position:absolute;top:30px;right:30px;bottom:30px;left:30px;border:1px solid #fff;box-shadow:0 0 0 30px rgba(255,255,255,0.2);content:'';opacity:0;-webkit-transition:opacity 0.35s,-webkit-transform .35s;transition:opacity 0.35s,transform .35s;-webkit-transform:scale3d(1.4,1.4,1);transform:scale3d(1.4,1.4,1)}
figure.effect-ming h2{font-size:1.375rem;text-shadow:0 1px 1px #000;margin:15% 0 0;-webkit-transition:-webkit-transform .35s;transition:transform .35s}
figure.effect-ming p{padding:1em;opacity:0;font-size:.875rem;line-height:1.2;-webkit-transition:opacity 0.35s,-webkit-transform .35s;transition:opacity 0.35s,transform .35s;-webkit-transform:scale(1.5);transform:scale(1.5)}
figure.effect-ming:hover h2{-webkit-transform:scale(0.9);transform:scale(0.9)}
figure.effect-ming:hover figcaption::before,figure.effect-ming:hover p{opacity:1;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}
figure.effect-ming:hover figcaption{background-color:rgba(58,52,42,0)}
figure.effect-ming:hover img{opacity:.2}
section.program-detail{padding:3em 0}
.program-detail .btn-group{display:block;text-align:center}
.program-detail .btn-group .btn-lg{float:inherit}
.platform .major:after{content:'';width:40%;height:1px;margin:0 auto;display:block;background:#fff;background:-moz-linear-gradient(left,rgba(255,255,255,0) 0%,#d4000f 39%,#d4000f 66%,rgba(255,255,255,0) 100%);background:-webkit-linear-gradient(left,rgba(255,255,255,0) 0%,#d4000f 39%,#d4000f 66%,rgba(255,255,255,0) 100%);background:linear-gradient(to right,rgba(255,255,255,0) 0%,#d4000f 39%,#d4000f 66%,rgba(255,255,255,0) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#ffffff',GradientType=1)}
.platform ol{padding-left:2em;height:140px;overflow:hidden}
.platform ol li{list-style:decimal}
.platform .row{margin-top:2em;}
.platform .item a{background:#f6f6f6;box-shadow:0 3px 5px #d3d3d3;display:block;padding:1em;margin-bottom:3em}
.platform .row .picbox{margin:0 auto;text-align:center}
.platform .row .picbox:before{content:"";height:100%;display:inline-block;vertical-align:middle}
.platform .row .picbox img{display:inline-block;vertical-align:middle;border-radius:100%;max-width:230px;max-height:230px;width:100%}
.platform .txt{font-size:.9em;color:#333}
.platform .txt h2{font-size:1.3em;color:#3671cf;font-weight:700;margin-top:1em}
.platform .txt h2:after{content:'';display:block;width:60px;height:1px;margin:6px 0;background:#c6c6c6}
.platform .txt span.tit{background:#393939;color:#fff;border-radius:10px;padding:2px 5px;margin:5px 0;display:inline-block}
.platform .txt span.bred{background:#d60032}
.platform .txt span.bblue{background:#1f8fcf}
.platform .more{text-align:center;background:#5082d3;border:1px solid #3671cf;padding:.5em;margin-top:1em;color:#fff}
.platform a:hover,.platform a:focus{text-decoration:none}
.platform a:hover .more{background:#d4000f;border:1px solid #9f0c16}
.platform .grid{margin:0 auto}
.platform .pf_grid{margin-bottom:2em;margin-top:2em;overflow:hidden}
.platform .w60{width:60%;text-align:center}
.platform .w50{width:50%;float:left}
.platform .w33{width:33%;float:left}
.platform hr{clear:both;border-top:1px dashed #ccc}
.platform .clearfix{clear:both}
.platform .item:nth-child(3n+1) {  clear: both; }
.platform .major2{font-size:2.5rem;letter-spacing:.1em;font-family:'Oswald','微軟正黑體',sans-serif}
.platform .mtit div{font-size:1.2em;background:#008dec;padding:.3em 1.3em .3em .5em;color:#fff;border-radius:10px;margin:.5em 1em .5em 0;position:relative;display:inline-block}
.platform .mtit div b{font-size:2.3em;text-shadow:0 -2px 0 #008dec;font-style:italic;position:absolute;top:-17px;right:0;font-family:"arial";font-weight:400}
.platform .mtit2 span{background:#4f4f4f;padding:.6em .5em;color:#fff;border-radius:10px 10px 0 0;margin:0 auto;display:block;max-width:470px}
.platform .white_bg{padding:2em 0 0}
.platform .white_bg .txt{font-size:1em}
.platform .white_bg ol{overflow:inherit;height:auto}
.platform .white_bg li{margin:.3em 0}
.platform .white_bg .picbox img{max-width:300px;max-height:300px}
.platform .white_bg .rectangle img{border-radius:inherit;max-width:200px;max-height:inherit}
.platform .user{padding-top:1em}
.platform .user ul{background:#ececec;border-radius:10px;padding:1em 0;margin-top:-15px}
.platform .user ul li{width:80%;margin:.5em auto;font-size:1.2em;border-bottom:1px dashed #d4d4d4;list-style:none}
.platform .user ul li i{margin:.4em 1em .4em 0}
.platform .user ul.flong li{padding-left:13%}
.platform .user ul.flong li i{margin:.4em 1em;float:left;width:15px}
.platform .user .link{margin-top:1em}
.platform .user .link a{display:inline-block}
.platform .sub_txt{text-align:center;margin-top:.5em;font-size:15px;color:#707070}
.platform .imgbox,.platform .imgbox2{clear:both;width:100%;margin:0 auto;text-align:center}
.platform .imgbox a img{max-width:470px;width:96%;margin:1em .5em;vertical-align:top;box-shadow:0 0 8px #d3d3d3}
.platform .imgbox2 a img{max-width:470px;width:100%;margin:0 auto;vertical-align:top;border:1px solid #e3e3e3;display:block}
.platform .arrowdown{animation:hvr-icon-down 2s infinite ease-out;-moz-animation:hvr-icon-down 2s infinite ease-out;-webkit-animation:hvr-icon-down 2s infinite ease-out}
.platform .arrowdown.delay{animation-duration:3s}
.platform .arrowdown i{font-size:2em}
section.wrapper.baidu-2{box-shadow:0 0 20px rgba(0,0,0,.5)}
section.baidu-3{padding:2em 10%;background:#f5f5f5}
section.baidu-3 .owl-controls .owl-buttons div{border:1px solid #bbb;background:#fff;border-radius:20px;padding:5px 30px;font-size:22px;line-height:1;width:auto;height:auto;text-indent:inherit;opacity:.7}
section.baidu-3 .owl-controls .owl-buttons div:hover, section.baidu-3 .owl-controls .owl-buttons div:focus{border-color:#aaa;opacity:1}
.baidu-1 .row{display:table;width:90%;margin:0 auto}
.baidu-1 .col-md-3{float:inherit;display:table-cell;border-left:2px solid #02284b;border-radius:3px;background:rgba(255,255,255,0.95)}
.baidu-1 .col-md-3:first-child{border:0}
.baidu-1 .area{padding:20px}
.baidu-1 .area .btitle{display:block;background:url(/images/p9_3/platform_bg2.png) center top;color:#FFF;padding:10px;margin-bottom:10px;font-size:18px;font-weight:700;text-align:center}
.baidu-2 .row{margin:0 10%}
.baidu-2 .col-sm-4{margin-bottom:2em}
.baidu-2 .col-sm-4 .circle{width:200px;height:200px;margin:0 auto;position:relative}
.baidu-2 .col-sm-4 .circle strong{width:80px;height:60px;line-height:60px;text-align:center;position:absolute;left:50%;top:50%;margin-left:-40px;margin-top:-30px;z-index:9;font-size:36px;color:#999}
.baidu-2 .col-sm-4 #circle1 strong{color:#C30}
.baidu-2 .col-sm-4 h4{text-align:center;padding-top:1em}
.contact{position:relative;padding:20px 0 50px}
.contact .form-horizontal{overflow:hidden;position:relative;z-index:1;margin-bottom:70px;padding-bottom:30px}
.contact .form-group .control-label{color:#1f8fcf}
.contact .form-group .control-label i{font-size:.735rem;margin-right:5px}
.contact .input-group{width:100%;text-align:left}
.contact .form-control{border:1px solid #0056a5}
.contact .form-control-feedback{height:46px;line-height:46px;width:46px}
.contact .input-group-addon{width:4em;text-align:center;background:url(/images/p1/img-holder-1b.jpg) center;border:1px solid #0056a5;border-right:0;color:#FFF;font-size:inherit}
.contact textarea{resize:vertical}
.contact .btn{display:block;width:20em;border:1px solid #0056a5;background:#013d71;color:#FFF;margin:0 auto}
.contact .btn:hover{background:url(/images/p1/img-holder-1b.jpg) center;box-shadow:0 0 100px #000 inset}
.contact .checkbox-inline,.contact .radio-inline{margin-left:0;margin-right:15px}
.contact label:hover{color:#1f8fcf}
.contact .checkbox-inline input{margin-top:7px}
.contuct-mask{position:absolute;left:0;bottom:-200px;width:100%;height:600px}
#rt_price{position:fixed;bottom:20px;right:20px;display:none;width:136px;text-align:center;z-index:9999}
.qr_code{margin:14px 0}
#rt_price a .price_btn{display:block;color:#FFF;line-height:1;text-align:center;background:red;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;padding:10px}
#rt_price .tel_btn{display:none;background:#f17d0c;color:#fff}
#goTop{display:block;padding-top:3px;color:#fff;background:#222;text-align:center;width:50px;height:50px;line-height:50px;cursor:pointer;-moz-border-radius:25px;-webkit-border-radius:25px;border-radius:25px;margin:10px auto}
#goTop:hover{background:#000}
.spinner {width:40px;height:40px;margin:100px auto;background-color:#333;border-radius:100%;-webkit-animation:sk-scaleout 1.0s infinite ease-in-out;animation:sk-scaleout 1.0s infinite ease-in-out}
@-webkit-keyframes sk-scaleout {
0%{-webkit-transform:scale(0)}
100%{-webkit-transform:scale(1.0);opacity:0}
}
@keyframes sk-scaleout {
0%{-webkit-transform:scale(0);transform:scale(0)}
100%{-webkit-transform:scale(1.0);transform:scale(1.0);opacity:0}
}
.p2_bg1{height:670px;background:url(/images/p2/01.jpg) center top no-repeat;background-size:cover}
.p2_tx1{text-align:center;padding-top:9em}
.black_t1{font-size:3rem;color:#000;font-weight:700;line-height:125%;padding-bottom:20px}
.black_s1{font-size:1.2rem}
.org_all{clear:both;overflow:hidden}
.org_bg1{float:left;width:10%;background:#ff7e00;color:#FFF;font-size:2.2rem;text-align:center}
.org_tx1{float:left;width:88%;background:#FFF;color:#000;font-size:1rem;padding-left:2%;line-height:56px}
.p2_bg2{position:relative}
.p2_tx2{position:absolute;right:10%;top:10%;max-width:380px;color:#FFF;font-size:1.2rem;z-index:2}
.p2_bg3{position:relative}
.p2_tx3{position:absolute;left:10%;top:35%;color:#FFF;font-size:1.2rem;z-index:2}
.black_t3{font-size:4rem;color:#fff;font-weight:700;text-shadow:2px 2px 3px #276f0f}
.black_s3{font-size:2rem;color:#FFF;line-height:38px;text-shadow:2px 2px 3px #276f0f}
.p2_bg4{position:relative}
.p2_tx4{position:absolute;right:12%;top:35%;color:#FFF;font-size:1.2rem;z-index:2;max-width:480px}
.black_t4{font-size:2.5rem;color:#000}
.black_s4{font-size:1rem;color:#000;line-height:38px}
.p2_bg3_1{background:#ff7e00;overflow:hidden}
.p2_pic1{float:left;width:70%}
.p2_tx3_1{float:left;display:block;width:28%;padding:12% 2% 0;text-align:center;color:#FFF}
.org_tx3_1{font-size:4rem;line-height:180%}
.org_tx3_2{font-size:1.6rem}
.p2_bg3_2{position:relative}
.p2_tx3_2{position:absolute;left:6%;top:30%;color:#FFF;font-size:1.2rem;z-index:2}
.black_t3_2{font-size:3rem;color:#000;font-weight:700}
.black_s3_2{font-size:1.6rem;color:#666;line-height:38px}
.p2_bg3_3{background:#ff7e00;overflow:hidden}
.p2_pic3{float:right;width:70%}
.p2_tx3_3{float:left;display:block;width:28%;padding:12% 2% 0;text-align:center;color:#FFF}
.org_tx3_3{font-size:4rem;line-height:180%}
.org_tx3_4{font-size:1.6rem}
.p2_tx3_blue{position:absolute;left:10%;top:55%;color:#FFF;font-size:1.2rem;z-index:2}
.blue_t1{font-size:4rem;color:#2877d0;font-weight:700}
.blue_s1{font-size:2rem;color:#4d4d4d;line-height:38px}
.p2_tx_bus{position:absolute;left:15%;top:16%;z-index:2;max-width:480px}
.bus_t1{font-size:2.5rem;color:#35fdff}
.bus_s1{font-size:1.2rem;color:#fff;line-height:38px}
.p2_bg5{display:none}
.room_all{display:block;position:relative;height:851px;overflow:hidden;background:url(/images/p2/desk.jpg) left bottom no-repeat}
.ipad{position:absolute;z-index:300;bottom:0}
.room_img1{height:851px;overflow:hidden}
.works_bg{background:url(/images/p1/img-holder-1b.jpg) center;box-shadow:0 0 50px #000 inset}
.work_tx{width:100%}
.share_btn{float:right}
.share_btn a{display:inline-block;padding:4px 12px;margin:10px 3px 0 3px;color:#000;font-size:20px}
.share_btn a:hover{color:#d5000f}
.w10_wrap{clear:both;max-width:980px;margin:0 auto;padding:10px 0;overflow:hidden}
.bk_pager li a{padding:12px 30px;border:1px solid #000;color:#000;-webkit-border-radius:40px;-moz-border-radius:40px;border-radius:40px;margin:0 5px}
.bk_pager li a:hover{background:#000;color:#FFF}
.case_type{text-align:center;margin:0 auto}
.case_type .case_sub_menu li{float:left;width:calc(100%/7);}
.case_type .case_sub_menu li a.on{text-decoration:underline;color:#ffe200}
.case_type .case_sub_menu li a{display:block;padding:15px;line-height:1.2;color:#fff;text-transform:uppercase}
.case_type .case_sub_menu li a:hover{text-decoration:underline;color:#ffe200}
.works_bg h2{display:none}
.detail_bg{margin-top:1em;background:url(/images/works/bg.png) center top repeat-y;padding-bottom:80px}
.works_banner{padding:50px 0 0}
.works_inf{margin:0 15%;background:#fff;background:-moz-linear-gradient(top,rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%);background:-webkit-linear-gradient(top,rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%);background:linear-gradient(to bottom,rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#ededed',GradientType=0);width:70%;-webkit-box-shadow:3px 3px 10px 1px rgba(0,0,0,0.18);-moz-box-shadow:3px 3px 10px 1px rgba(0,0,0,0.18);box-shadow:3px 3px 10px 1px rgba(0,0,0,0.18);padding:50px 40px;overflow:hidden}
.left_works{float:left;width:60%;margin-right:10%}
.right_works{float:left;width:30%;text-align:right}
.left_works h2{font-size:24px;font-weight:700;color:#000}
.left_works span{font-size:14px;font-weight:700}
.left_works p{font-size:14px;margin-top:20px;color:#757575}
.right_works p{color:#757575;margin-bottom:20px;font-size:14px}
.right_works a{color:#6e6e6e;text-decoration:none;font-size:14px}
.right_works a:hover{color:#d6000f}
.right_works i{margin:0 0 0 15px;font-size:20px}
.right_works .share_t{margin-bottom:8px;color:#000}
.black_tx1{color:#000}
.works_img{max-width:1000px;margin:0 auto;text-align:center;padding-top:120px}
.works_img img{width:100%;max-width:1000px;-webkit-box-shadow:3px 3px 10px 1px rgba(0,0,0,0.18);-moz-box-shadow:3px 3px 10px 1px rgba(0,0,0,0.18);box-shadow:3px 3px 10px 1px rgba(0,0,0,0.18);margin-bottom:90px}
.more_works{margin:50px 0 40px;overflow:hidden}
.more_box a{float:left;display:block;padding:20px;width:12%;min-height:266px;background:#000}
.more_box a:hover{background:#333}
.more_box h2{font-size:20px;color:#FFF;text-align:left}
.more_box p{color:#FFF;text-align:left;font-size:30px;margin-top:140px}
.abgne_tab{list-style:none;margin:0;padding:0}
ul.tabs{display:block;padding:45px 0 20px;text-align:center;margin:0}
ul.tabs li{display:inline-block;position:relative;margin:0 0 14px}
ul.tabs li a{display:block;color:#fff;background:#a1a1a1;padding:10px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}
ul.tabs li a i{display:none}
ul.tabs li.active a{background:#818181;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;text-align:center}
ul.tabs li.active i{display:block;position:absolute;left:50%;margin-top:-2px;margin-left:-8px;color:#818181}
div.tab_container{clear:left;background:#f5f5f5;overflow:hidden;padding:30px 0}
div.tab_container .tab_content{width:90%;margin:0 auto}
.tab_img{width:47%;float:left;margin-right:5%}
.tab_img img{width:100%;-webkit-box-shadow:3px 3px 10px 1px rgba(0,0,0,0.18);-moz-box-shadow:3px 3px 10px 1px rgba(0,0,0,0.18);box-shadow:3px 3px 10px 1px rgba(0,0,0,0.18)}
.tab_tx{float:left;width:48%}
.tab_tx h2{font-size:40px;color:#000;line-height:30px;padding:22px 0}
.tab_tx p{color:#868386;font-size:14px;line-height:26px}
.p2_btn{clear:both}
#D3 a{display:block;width:100%;color:#fff;padding:1% 0;letter-spacing:4px;font-size:2rem;text-align:center;animation:TestMove3 3s infinite alternate;-moz-animation:TestMove3 3s infinite alternate;-webkit-animation:TestMove3 3s infinite alternate}
@keyframes TestMove3 {
from{background:#0069d2}
to{background:#c0df16}
}
@-moz-keyframes TestMove3 {
from{background:#0069d2}
to{background:#c0df16}
}
@-webkit-keyframes TestMove3 {
from{background:#0069d2}
to{background:#c0df16}
}
.knowledge_bg{overflow:hidden;padding-top:120px;background:url(/images/banner/knowledge_bg.jpg) center top no-repeat #000515;background-size:100% auto;box-shadow:0 0 100px 20px #000 inset}
.know_page{background:rgba(255,255,255,.95);max-width:1000px;margin:0 auto;padding:0 40px 60px;min-height:900px;overflow:hidden}
.know_title{font-size:2.5rem;letter-spacing:.1em;font-family:'Oswald','微軟正黑體',sans-serif;color:#000;padding:25px 0 10px;border-bottom:2px solid #000;margin-bottom:20px}
.know_pad{padding:0}
.know_pad .case_sub_menu li a:hover{background:#d60032;color:#FFF;text-decoration:none;padding:0 10px}
.know_pad .case_sub_menu li a.on{background:#d60032;color:#FFF;text-decoration:none;padding:0 10px}
.know_list{margin:20px 0}
.know_list li{border-bottom:1px solid #ccc}
.know_list li a{padding:16px 10px;display:block;color:#000;font-size:1.2rem;line-height:1.2}
.know_list li a:hover{background:#fff;display:block;color:#d60032}
.know_list li i{float:left;color:#d60032;font-weight:700;margin:-5px 0 0 0;}
.know_list li p{margin:0 0 0 50px;overflow:hidden}
.know_page2{max-width:1200px;margin:0 auto;background:#FFF;padding-top:2em;overflow:hidden}
.know_detail_bg{background:url(/images/banner/knowledge_bg.jpg) center -1070px no-repeat #000515;padding:60px 0;overflow:hidden;color:#fff}
.know_title2{max-width:1200px;margin:0 auto;font-size:2.2rem;text-align:center}
.detail_page{float:left;width:70%;overflow:hidden}
.detail_right{float:right;width:25%}
.detail_page{padding:20px 0}
.detail_page img{display:block;max-width:100%;margin-bottom:2em}
.share_btn2{border-bottom:1px solid #ccc;border-top:1px solid #ccc;padding:20px 0;overflow:hidden;line-height:42px}
.share_btn2 a{float:right;color:#000;margin-left:12px;border-radius:100%;background:#000}
.share_btn2 a:hover{background:#d4000f}
.more_article{padding:20px 0 0 0;color:#000;font-size:1.5rem;font-weight:700}
.more_article a{color:#d4000f}
.more_article a:hover{text-decoration:underline}
.know_list2 li{border-bottom:1px solid #ccc;line-height:1.2;padding:5px 0}
.know_list2 li.f{border-bottom:0 solid #ccc}
.know_list2 li a{display:block;color:#000;padding:15px 0}
.know_list2 li a:hover{color:#d60032}
.knowledge_red{float:left;padding:4px 10px;font-size:.8rem;display:inline-block;background:#333;color:#FFF;margin:0 0 0 10px}
.know_tx{float:left}
.img_left{float:left;padding:0 2rem 0 1rem}
.img_right{float:right;padding:0 1rem 0 2rem}
.sub_box1,.sub_box2{clear:both;overflow:hidden}
.pagination-lg li a{color:#999;}
.pagination-lg li a:hover{background:#fff;border-color:#d60032;color:#d60032}
.movie_pos{position:relative;padding-bottom:56.25%;width:100%;height:0;margin-bottom:50px}
.top-side{background:url(/images/p1/img-holder-1b.jpg) center}
.top-side .side-box{list-style-type:none;margin:0;padding:0;text-align:center;box-shadow:0 0 50px #000 inset}
.top-side .side-box li{display:inline-block;width:20%}
.top-side .side-box li a{display:block;padding:30px 0;color:#fff;font-weight:700}
.top-side .side-box li a:hover,.top-side .side-box li.active a{text-decoration:underline;color:#ffe200}
.sub-title{font-size:1.6rem}
.platform-block{padding:3em 0 9.5em}
.platform-block p,.platform-block2 p,.platform-block3 p{margin:1em auto}
.platform-block2 .bg-white p{background:rgba(255,255,255,.8)}
.platform-block2 .round{display:inline-block;padding-top:10px;width:50px;height:50px;border-radius:100%;background:#FF6;text-align:center;font-weight:700}
.platform-block2 .bg-star,.platform-block3 .bg-star{margin-bottom:3em;padding-bottom:10px;background:url(/images/p1/img-holder-1b.jpg) center;box-shadow:0 3px 5px #d3d3d3,0 -3px 5px rgba(137,195,255,0.8) inset;border-radius:0 0 10px 10px}
.platform-block2 .block-box .block{position:relative;min-height:345px;padding:1em;background:#f6f6f6;border-radius:0 0 10px 10px}
.platform-block2 .block-box .block .number{position:absolute;left:.5rem;top:-1rem;font-size:5rem;font-weight:700;color:rgba(0,0,0,.1)}
.block-box .block h4{height:3.8em;padding:0 0 0 3rem;border-bottom:#ddd solid 1px;color:#3671cf;font-size:1.3em;font-weight:700}
.platform-block3 .block-box{position:relative;width:100%;height:700px;margin:3rem auto 0}
.platform-block3 .block-box i.circle{display:block;position:absolute;top:calc(50% - 300px);left:calc(50% - 300px);width:600px;height:600px}
.platform-block3 .block-box i.circle img{transform:rotate(360deg);width:100%;opacity:.5;animation:circle 5s linear infinite;-moz-animation:circle 5s linear infinite;-webkit-animation:circle 5s linear infinite;-o-animation:circle 5s linear infinite}
@keyframes circle {
0%{transform:rotate(0deg)}
50%{transform:rotate(180deg)}
100%{transform:rotate(360deg)}
}
@-moz-keyframes circle {
0%{transform:rotate(0deg)}
50%{transform:rotate(180deg)}
100%{transform:rotate(360deg)}
}
@-webkit-keyframes circle {
0%{transform:rotate(0deg)}
50%{transform:rotate(180deg)}
100%{transform:rotate(360deg)}
}
@-o-keyframes circle {
0%{transform:rotate(0deg)}
50%{transform:rotate(180deg)}
100%{transform:rotate(360deg)}
}
.platform-block3 .block-box .bg-star{position:absolute;width:30%}
.platform-block3 .block-box .block{padding:1em;background:#f6f6f6;border-radius:0 0 10px 10px}
.platform-block3 .block-box .block1{top:0;left:35%}
.platform-block3 .block-box .block2{top:35%;left:3em}
.platform-block3 .block-box .block3{bottom:0;left:35%}
.platform-block3 .block-box .block4{top:35%;right:3em}
.platform-block3 .block-box .block h4{height:inherit;padding:0}
.platform-block4{padding-bottom:250px}
.platform-block4 h4,.text-box.big{margin-top:1rem;font-weight:700;font-size:1.2rem;text-align:center}
.sub-title.big{font-size:2rem;font-weight:700}
.sub-title.big::after{content:'';width:40%;height:1px;margin:0 auto;display:block;background:#fff;background:-moz-linear-gradient(right,rgba(212,0,15,0) 0%,#d4000f 39%,#d4000f 66%,rgba(212,0,15,0) 100%);background:-webkit-linear-gradient(right,rgba(212,0,15,0) 0%,#d4000f 39%,#d4000f 66%,rgba(212,0,15,0) 100%);background:linear-gradient(to right,rgba(212,0,15,0) 0%,#d4000f 39%,#d4000f 66%,rgba(212,0,15,0) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#ffffff',GradientType=1)}
.platform3.platform-block{padding-bottom:15%;background:url(/images/p9_3/platform_bg1.jpg) no-repeat center bottom;background-size:100%}
.platform3.platform-block .text-box{margin:auto;text-align:center;width:100%;max-width:800px}
.platform3.platform-block2{overflow:hidden;background:url(/images/p9_3/platform_bg2.png) center top}
.platform3.platform-block2 .triangle{padding:3em 0 10%;background:url(/images/p9_3/triangle.png) no-repeat center bottom,rgba(0,0,0,.5)}
.platform3.platform-block2 .triangle_top{padding:8em 0 5%;background:url(/images/p9_3/triangle_top.png) no-repeat center top,rgba(0,0,0,.5)}
.platform3.platform-block2 .round-box{float:left;padding-top:10px;width:70px;height:70px;margin:10px 30px 10px 0;border-radius:100%;background:#00b7ff;text-align:center;font-size:2rem}
.platform3.mask-triangle,.platform-block4.mask-triangle{position:relative;z-index:1;margin:-1px auto;background:#fff}
.platform4 .drip{width:100px;margin-bottom:30px;animation-duration:1500ms;-moz-animation-duration:1500ms;-webkit-animation-duration:1500ms;-o-animation-duration:1500ms}
.platform4.platform-block .block1{display:inline-block;list-style-type:none;margin:0;padding:0;text-align:center}
.platform4.platform-block .block1 li{display:inline-block;width:30%;padding:10px}
.platform4.platform-block .block1 li:last-child{width:100%;color:#d4000f;font-weight:700}
.platform4.platform-block .block1 li p{min-height:80px;border-bottom:#ccc dotted 1px}
.platform4.platform-block .block1 li p .star{font-size:1.6rem;margin-left:-25px;padding-right:5px;font-weight:lighter;color:#ccc}
.platform4.platform-block4{padding-bottom:80px}
.p8-banner{font-size:1.25rem;font-weight:bold;text-shadow:0 0 5px #000,0 0 3px #000}
.p8-banner h2{font-size:2.5rem;font-weight:bold}
.p8-grid .row{padding:2em 0}
.p8-grid .major{padding:5px 0 0 0;margin-bottom:20px;border-bottom:1px dotted #bbb}
.p8-grid .major h2, .p8-grid .major h3{margin-top:0}
@media screen and (max-width:1450px) {
body{padding-top:110px}
.navbar-header{height:auto}
.navbar-collapse{float:inherit;clear:both;background:#FFF}
.navbar-collapse .navbar-nav{margin:0}
.navbar-collapse .navbar-right{margin:0;float:inherit;position:absolute;right:10px;top:0}
.navbar-brand{padding:10px 0}
.navbar-nav{margin:0}
.navbar-nav > li > a{padding-top:15px;padding-bottom:15px}
.platform-block2 .block-box .col-sm-3{width:50%}
}
@media screen and (max-width:1366px) {
.carousel .banner2 .people{max-width:30%;display: none}
}
@media screen and (max-width:1360px) {
.works_inf{margin:0 2.5%;width:95%}
.more_box a{float:none;width:100%;min-height:inherit;overflow:hidden}
.more_box h2{float:left;line-height:30px}
.more_box p{float:right;color:#FFF;text-align:left;font-size:30px;margin-top:0;line-height:30px}
.platform-block3 .block-box{height:1000px}
.platform-block3 .block-box i.circle{top:calc(50% - 250px);left:calc(50% - 250px);width:500px;height:500px}
.platform-block3 .block-box .block2{left:0}
.platform-block3 .block-box .block4{right:0}
}
@media screen and (max-width:1280px) {
.carousel .banner2 .pc,.carousel .banner2 .flat,.carousel .banner2 .mb{width: 40%}

.about header.major-style{padding:4em 0 10em;width:90%;margin:auto}
.case_type .case_sub_menu li{width:calc(100%/4);}
.case_type .case_sub_menu li a{padding-top:7px;padding-bottom:7px;}
}
@media screen and (max-width:1200px) {
.platform .w50{width:100%;float:inherit}
.platform .w60{width:100%}
.platform .imgbox{width:100%}
.platform .imgbox.left1{text-align:center;margin-left:0}
.footer-wrap .profiles{width:100%}
.footer-wrap .profiles .bottom-brand{padding-top:10px}
.nav-bottom-box{float:inherit;width:auto;clear:both;overflow:hidden;margin-left:-15px;margin-right:-15px}
.footer-wrap .nav-bottom{display:block;margin:0;width:25%;padding:0 1em;}
}
@media screen and (max-width:1024px) {
body{padding-top:150px}
.navbar-main{float:inherit}
.navbar-main > li > a{font-size:15px;letter-spacing:-1px}
.navbar-main > li:last-child{float:inherit;width:100%;background:#f5f5f5;clear:both;overflow:hidden}
.navbar-main > li:last-child a{display:inline-block;color:#000;padding:10px}
.col-md-v{width:33.333%}
.rwd-area-3 .col-md-x{width:48%}
.rwd-area-3 .col-md-x .x-header{min-height:auto}
.rwd-area-3 .col-md-x .x-content{min-height:300px}
.program .style1{padding-left:3em}
.footer-wrap .icon-group{float:inherit;width:auto;clear:both;overflow:hidden;margin:0 auto;padding-top:2em}
.footer-wrap .icon-group .fb-page{width:320px;display:block;margin:0 auto}
.baidu-1{display:block}
.baidu-1 .col-md-3{display:block;float:inherit;width:auto;border:0;border-top:2px solid #02284b}
.baidu-1 .area .btitle{text-align:left}
.p2_tx2{right:3%;top:4%;width:40%;font-size:1rem}
.p2_tx4{right:6%}
.org_tx3_1{font-size:3rem;line-height:180%}
.org_tx3_2{font-size:1.2rem}
.p2_bg3_2{position:inherit}
.p2_tx3_2{position:inherit;left:0;top:0;width:100%;text-align:center;border-bottom:1px solid #ccc;padding:0 0 2%}
.black_t3_2{font-size:2rem;color:#000;font-weight:700}
.black_s3_2{font-size:1.6rem;color:#666;line-height:38px}
.org_tx3_3{font-size:3rem;line-height:180%}
.org_tx3_4{font-size:1.2rem}
.works_banner{padding-bottom:50px}
.works_inf{position:inherit;display:block;overflow:hidden}
.left_works{float:noen;width:100%;margin-right:0}
.right_works{float:noen;width:100%;text-align:left;margin-top:30px}
.works_img{margin:0 auto;padding:0}
.position-box .position-img.gg{max-width:100%;width:100%;bottom:0;left:0}
.platform-block3{text-align:center}
.platform-block3 .block-box{height:inherit}
.platform-block3 .block-box .bg-star{position:inherit;display:inline-block;width:49%;margin:0 2px 3em}
.platform-block3 .block-box .block{min-height:300px;vertical-align:top}
.platform-block3 .block-box .block1,.platform-block3 .block-box .block2,.platform-block3 .block-box .block3,.platform-block3 .block-box .block4{top:inherit;left:inherit;right:inherit;bottom:inherit}
.platform-block4{padding-bottom:150px}
.platform-block4 h4{padding:0 10px}
.rwd-area-4 p{padding:0 4% 0 1%}
}
@media screen and (max-width:996px) {
.work-search .row-last{padding:0 4em 3em}
.work-search .row h3{font-size:1.5rem}
.work-search .col-md-6{padding:3em 4em}
.work-search .col-md-6:last-child{padding-top:0}
.rwd-area-2 .col-sm-6:first-child{margin-bottom:3em}
.org_bg1{float:noen;width:100%}
.org_tx1{float:noen;width:100%;text-align:center;border-bottom:1px solid #ccc;padding-left:0;font-size:1.2rem;line-height:26px}
.pad_1{padding:10%}
.p2_bg4{position:inherit}
.p2_tx4{position:inherit;text-align:center;max-width:inherit;width:100%;padding:2% 8% 5%}
.black_t4{font-size:2.5rem;color:#000}
.black_s4{font-size:1rem;color:#000;line-height:26px}
.p2_pic1{float:none;width:100%}
.p2_tx3_1{float:none;width:80%;margin:0 auto;padding:4% 0 5%;text-align:center;color:#FFF}
.black_t3_2{font-size:2.2rem;line-height:180%}
.black_s3_2{font-size:1.2rem;line-height:130%}
.p2_pic3{float:none;width:100%}
.p2_tx3_3{float:none;width:80%;margin:0 auto;padding:4% 0 5%;text-align:center;color:#FFF}
.p2_pad1{margin-top:60px}
.p2_tx3_blue{position:inherit;left:0;top:0;text-align:center;padding:2% 0 4%}
.blue_t1{font-size:4rem;color:#2877d0;font-weight:700}
.blue_s1{font-size:2rem;color:#4d4d4d;line-height:38px}
.p2_tx_bus{position:inherit;left:0;top:0;width:80%;margin:0 auto;max-width:inherit;text-align:center;padding:2% 0 4%}
.bus_t1{font-size:2.5rem;color:#000}
.bus_s1{font-size:1.2rem;color:#666;line-height:38px}
}
@media screen and (max-width:992px) {
.platform .item:nth-child(3n+1) {  clear: inherit; }
.platform .item:nth-child(2n+1) {  clear: both; }
}
@media screen and (max-width:768px) {
body{padding-top:50px}
.navbar-collapse .navbar-right{position:static}
.navbar-brand{padding:10px 0;height:50px}
.navbar-inverse .navbar-toggle{-o-transition:all .3s linear;-webkit-transition:all .3s linear;-moz-transition:all .3s linear;transition:all .3s linear}
.navbar-inverse .navbar-toggle,.navbar-inverse .navbar-toggle:hover,.navbar-inverse .navbar-toggle:focus{background-color:transparent;border:inherit;margin:10px 0 0}
.navbar-inverse .navbar-toggle .icon-bar{background-color:#000;-o-transition:all .3s linear;-webkit-transition:all .3s linear;-moz-transition:all .3s linear;transition:all .3s linear}
.navbar-inverse .navbar-toggle:focus .icon-bar{background:#c6171e}
.navbar-inverse .navbar-toggle .icon-bar.aa{width:27px;margin-left:9px}
.navbar-inverse .navbar-toggle:hover .icon-bar.aa,.navbar-inverse .navbar-toggle:focus .icon-bar.aa{width:36px;margin-left:0;margin-right:9px;-o-transition:all .3s linear;-webkit-transition:all .3s linear;-moz-transition:all .3s linear;transition:all .3s linear}
.navbar-inverse .navbar-toggle .icon-bar.bb{width:36px}
.navbar-inverse .navbar-toggle .icon-bar.cc{width:18px;margin-left:18px}
.navbar-inverse .navbar-toggle:hover .icon-bar.cc,.navbar-inverse .navbar-toggle:focus .icon-bar.cc{width:36px;margin-left:0;margin-right:18px;-o-transition:all .3s linear;-webkit-transition:all .3s linear;-moz-transition:all .3s linear;transition:all .3s linear}
.navbar-collapse{background:#F5F5F5;border:0}
.navbar-main > li{float:inherit;width:auto}
.navbar-nav > li > a{text-align:center;border-bottom:1px solid #E5E5E5;font-size:16px}
.navbar-right > li > a{text-align:left;border:0;box-shadow:none}
.navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover{color:#000}
.navbar-fixed-top .navbar-collapse,.navbar-fixed-bottom .navbar-collapse{max-height:none}
.nav li span.tel_1{display:none}
.nav li span.tel_2{display:block}
.carousel .banner2 .pic01{right:5%;max-width:50%}
.seo{display:none}
section.wrapper{padding-top:2em;padding-bottom:2em}
header.major h2{font-size:2rem}
header.major h3{font-size:1.25rem}
header.major-parallax{top:15%}
.panel-container header{text-align:center}
.panel-container .btn-link{display:block;text-align:center}
.column-4{width:80%;margin:0 auto;float:none!important}
.column-6{width:90%;margin:0 auto 3em;float:none!important}
.col-md-v{width:50%;margin-bottom:3em}
.w80{width:100%}
.hi-icon-wrap{width:90%;margin:0 auto}
.rwd-area-4 p{width:100%}
.navbar-inverse .navbar-nav > li > a{text-align:center}
.navbar-main > li:last-child a{display:block}
.navbar-nav > li.rwd-none{display:none}
.footer-wrap a.phone{display:block;width:100%}
.footer-wrap a.phone .icon{display:inline-block}
.footer-wrap a.phone .text{display:none}
.footer-wrap{width:auto;padding:2em 1em}
.footer-wrap .profiles{width:auto;min-width:inherit;clear:both}
.footer-wrap .profiles .bottom-brand{font-size:1.25rem}
.footer-wrap .nav-bottom{min-width:inherit;margin-right:0}
.style1.index{width:100%}
.list33 .col-xs-4{width:auto;margin-bottom:5em}
.list33 .col-xs-4:last-child{margin-bottom:0}
.anystretch{background-position:center}
.anystretch .area{float:none;clear:both;width:auto;padding:3em 1em}
.list-block-half li{width:90%;margin:2% 3% 2% 7%}
.contact .btn{display:block;width:100%;padding:20px}
.work-search .ckb{padding-bottom:.5em}
.rwd-area-3 .col-md-x{width:98%}
.rwd-area-3 .col-md-x .x-content{min-height:220px}
.rwd-area-4 .pull-left{width:auto;padding:0 2em 2em;float:inherit}
.rwd-area-4 .pull-left img{width:100%}
.rwd-area-4 p{padding:0 2em}
.case_type{padding:5px 0}
.case_type .case_sub_menu li{width:calc(100%/2);}
.case_type .case_sub_menu li:last-child{display:none}
.program-detail .column-4{width:90%}
.program-detail .column-6{padding-bottom:3em}
.p2_bg2{position:inherit;display:block;height:auto}
.p2_bg2_1{position:inherit}
.p2_tx2{position:inherit;display:block;max-width:inherit;width:100%;padding:5% 10%;font-size:1rem;color:#000;text-align:center}
.p2_tx3{position:inherit;top:0;left:0;text-align:center;padding-bottom:5%}
.black_t3{font-size:2.2rem;color:#000;text-shadow:inherit}
.black_s3{font-size:1.2rem;line-height:26px;color:#333;text-shadow:inherit}
.room_all{display:none}
.p2_bg5{display:block}
.works_banner{padding-bottom:100px}
.works_wrap{width:80%;margin:0 auto}
.tab_img{width:100%;float:none;margin-right:0}
.tab_tx{float:none;width:100%}
.tab_img img{max-width:none;width:100%}
.know_list li a{line-height:28px}
.know_title{font-size:1.8rem}
.know_title2{font-size:1.8rem}
.know_page{max-width:inherit;width:95%;margin:0 auto;padding:0 20px 30px}
.know_page2{width:auto;padding-left:1em;padding-right:1em}
.detail_page,.detail_right{float:none;width:auto;margin:0 auto}
.img_left{float:none;padding:0}
.img_right{float:none;padding:0}
.platform-block2 .block-box .col-sm-3{width:100%}
.platform-block2 .block-box .block{min-height:inherit}
.platform-block3{text-align:left}
.platform-block3 .block-box{padding:0 15px;height:inherit}
.platform-block3 .block-box:before{content:'';display:block;position:absolute;width:30px;height:calc(100% - 240px);border:#ccc solid 4px;border-left:none;border-radius:0 3px 3px 0;top:150px;right:8%}
.platform-block3 .block-box:after{content:'';display:block;position:absolute;width:18px;height:18px;border-left:#ccc solid 4px;border-bottom:#ccc solid 4px;transform:rotate(45deg);top:143px;right:10%}
.platform-block3 .block-box .bg-star{position:relative;display:block;width:80%;margin:0 0 3em}
.platform-block3 .block-box .bg-star:before,.platform-block3 .block-box .bg-star:after{content:'';display:block;position:absolute;bottom:-30px}
.platform-block3 .block-box .bg-star:before{left:calc(50% - 2px);width:4px;height:22px;background:#ccc}
.platform-block3 .block-box .bg-star:after{left:calc(50% - 9px);width:18px;height:18px;border-right:#ccc solid 4px;border-bottom:#ccc solid 4px;transform:rotate(45deg)}
.platform-block3 .block-box .bg-star.nn:before,.platform-block3 .block-box .bg-star.nn:after{display:none}
.platform-block3 .block-box .block{min-height:inherit}
.platform-block3 .block-box i.circle{display:none}
.platform-block4 .sub-title{font-size:1.6rem}
.platform3.platform-block2 .col-sm-3{border-bottom:#fff solid 1px}
.platform3.platform-block2 .triangle_top{padding:6em 0 10%}
}
@media screen and (max-width:640px) {
body{padding-bottom:30px}
#rt_price{bottom:0;left:0;right:0;width:100%}
.qr_code,.new_code{display:none}
#rt_price a .price_btn,#rt_price a .tel_btn{display:block;float:left;width:50%;padding:12px;height:auto;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;font-size:15px;line-height:1}
#goTop{position:absolute;right:5px;bottom:30px}
.platform .item{width:100%;float:inherit}
.platform ol{height:auto}
.platform .mtit{text-align:center;margin-bottom:1em}
.platform .mtit span{float:inherit}
.platform4.platform-block .block1 li{width:49%}
.platform4.platform-block .block1 li p .star{margin-left:0}
.footer-wrap .nav-bottom{ float:inherit;width:auto}
}
@media screen and (max-width:600px) {
.nav li span.tel_1{display:block}
.nav li span.tel_2{display:none}
.style1{padding-left:15px;padding-right:15px}
section.wrapper{padding-top:2em;padding-bottom:2em}
section.wrapper2{padding-top:1em;padding-bottom:30px}
.bg-banner-people{box-shadow:0 0 100px 10px #000 inset}
.hi-icon-wrap{width:auto}
.hi-icon{font-size:13px;width:7em;height:7em;line-height:7em;margin:.3em}
.program{margin-top:-2em}
.program2 .btn-group-lg .btn{width:31.33%;font-size:.938rem}
.qr_code{display:none}
.new_code img{display:none}
.new_code a img{display:block;margin-top:12px}
.platform .txt h2{height:auto}
}
@media screen and (max-width:480px) {
body{padding-top:50px}
.carousel .banner2 .pic01{top:inherit;bottom:13%;max-width:60%}
section header,.wrapper .major,section p{width:94%;margin:0 auto}
header.major h2{font-size:1.5rem;line-height:1.2;letter-spacing:0;margin-bottom:.5em}
header.major h3{font-size:1.125rem}
.footer-wrap .nav-bottom{float:inherit;width:auto;min-width:inherit;margin-bottom:1em}
.footer-wrap .block320{display:block;padding-left:0;}
.footer-wrap br.gg480{display:none;}
.hi-icon{font-size:12px}
.col-md-v{width:100%}
section.style1.index header{width:100%}
.anystretch .area-center a{width:140px;height:140px;margin:0 5px 10px;font-size:20px}
.anystretch .area-center a .pic{width: 70px;}
.anystretch .area-center a i{font-size:40px;margin-top:35px}
.work-search .row-last{padding:0 1em}
.work-search .col-md-6{padding:0 1em 1em}
.work-search .bg-star .bg-banner{padding:2em 15px}
.work-search .btn{width:100%;}
.program .col-sm-3{width:auto;float:inherit}
section.contact p{width:auto}
.works_bg h2{text-align:center;display:block;font-size:22px;color:#ffe200;text-decoration:underline;text-transform:uppercase;padding:10px 0;margin:0}
.tab_tx h2{line-height:45px}
.bk_pager{padding:0 1em;}
.bk_pager li a{display:block;margin:0 auto 20px;border-radius:3px}
.top-side .side-box li{width:24%}
.sub-title,.platform-block4 .sub-title,.sub-title.big{font-size:1.4rem}
.platform-block4{padding-bottom:100px}
.platform-block4 h4,.text-box.big{text-align:justify;font-weight:inherit;padding-bottom:30px;width:94%;font-size:inherit}
}
@media screen and (max-width:400px) {
.platform4.platform-block .block1 li{width:100%}
}
@media screen and (max-width:320px) {
.case_type .case_sub_menu li{float:inherit;width:auto}
}