@charset "utf-8";img{border:none}#browser_ie{background-color:#f6f6b4;display:none;height:85px;color:#000;font-size:15px}#browser_ie .brower_info{margin:0 auto;width:800px}#browser_ie .browser_list{vertical-align:center;height:65px;position:relative;float:left;padding-top:15px}#browser_ie .browser_list .img{vertical-align:center;width:40px;height:40px}#browser_ie .browser_list span{text-align:center;width:80px;display:inline-block}ul{list-style:none}.figure{margin:0}img{max-width:100%}a,a:active,a:hover{outline:0!important}.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}.clearfix:after,.clearfix:before{content:'\0020';display:block;overflow:hidden;visibility:hidden;width:0;height:0}.clearfix:after{clear:both}body{background:#fff;font-family:'Open Sans',sans-serif;font-size:14px;font-weight:400;color:#888;margin:0}h2{font-size:38px;color:#222;font-family:Raleway,sans-serif;font-weight:400;margin:0 0 25px 0;text-align:center}h3{font-family:'Open Sans',sans-serif;font-weight:600;color:#222;font-size:18px;margin:0 0 5px 0}h6{font-size:16px;color:#888;font-family:'Open Sans',sans-serif;font-weight:400;text-align:center;margin:0 0 60px 0}p{line-height:24px;margin:0}body,button,h1,h2,h3,h4,h5,h6,input,select,textarea{font-family:Microsoft YaHei,'宋体',Tahoma,Helvetica,Arial,"\5b8b\4f53",sans-serif}.hero_section{position:relative;overflow:hidden;max-width:1920px}.hero_section .hd{position:absolute;height:1.5rem;line-height:1.5rem;bottom:0;right:0;z-index:1}.hero_section .hd li{display:inline-block;width:1rem;height:.25rem;-webkit-border-radius:.25rem;-moz-border-radius:.25rem;border-radius:.25rem;background:#333;text-indent:-9999px;overflow:hidden;margin:0 .125rem;cursor:pointer}.hero_section .hd li.on{background:#fff}.hero_section .bd{position:relative;z-index:0}.hero_section .bd li{position:relative;text-align:center}.hero_section .bd li img{vertical-align:top;width:100%}.hero_section .bd li a{-webkit-tap-highlight-color:transparent}.slideBox .bd li .tit{display:block;width:100%;position:absolute;bottom:0;text-indent:10px;height:28px;line-height:28px;background:url(images/focusBg.png) repeat-x;color:#fff;text-align:left}.hd{width:100%;position:relative}.hd ul{width:2.5rem;position:absolute;left:50%;margin-left:-1.25rem}#header_wrapper{padding:20px 0}.header_box{position:relative}.logo{float:left;margin-top:8px;position:relative;z-index:2}.res-nav_click{display:none}.navbar-inverse{background-color:transparent;border-color:transparent}.navbar{border:0 solid #fff;min-height:40px;margin-bottom:0}.navbar-inverse .navbar-nav>li>a{color:#186b94}.navStyle{float:right}.navStyle ul{list-style:none;padding:0}.navStyle ul li{display:inline-block;margin:0 5px}.navStyle ul li:last-child{margin:0 0 0 23px}.navStyle ul li a{display:block;font-size:14px;color:#222;font-family:Raleway,sans-serif;text-decoration:none;text-transform:uppercase;font-weight:600;transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-webkit-transition:all .2s ease-in-out}.navStyle ul li a:hover{color:#186b94}.nav>li>a:focus,.navStyle>li>a:hover{text-decoration:none;color:#186b94;background-color:transparent}.navbar-inverse .navbar-nav>li>a:focus,.navbar-inverse .navbar-nav>li>a:hover{color:#186b94;background-color:transparent}.navbar-inverse .navbar-nav>.active>a,.navbar-inverse .navbar-nav>.active>a:focus,.navbar-inverse .navbar-nav>.active>a:hover{color:#fff;background-color:#186b94;border-radius:5%}.navStyle>li.active>a,.navStyle>li.active>a:hover{text-decoration:none;color:#186b94;background-color:transparent}.borderLeft{border-left:1px solid #DADADA}.borderTop{margin-top:30px;border-top:1px solid #DADADA}.mrgTop{margin-top:15px}.top_cont_outer{background:#186b94;position:relative}.hero_section{position:relative}.white_pad{position:relative;right:0;bottom:0}.white_pad img{position:absolute;right:0;bottom:0}.top_left_cont{padding-top:100px;padding-right:0;padding-bottom:100px;padding-left:0}.top_left_cont h3{font-size:16px;color:#f56eab;margin:0 0 20px 0;text-align:left;font-weight:700}.top_left_cont h2{font-size:40px;color:#FFF;line-height:52px;margin:0 0 26px 0;font-family:Raleway,sans-serif;text-align:left}.top_left_cont h2 strong{font-weight:700}.top_left_cont p{font-size:16px;color:#DADADA;margin:0 0 30px 0;line-height:26px}.hero_section{position:relative}.bannerImg{height:600px;position:absolute;bottom:0;right:0;float:right}a.read_more2{font-family:Raleway,sans-serif;display:block;font-size:16px;width:178px;height:46px;line-height:46px;border-radius:3px;text-align:center;text-transform:uppercase;font-weight:600;transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-webkit-transition:all .2s ease-in-out;background:0 0;color:#fff;border:1px solid #fff}a.read_more2:hover{background:#fff;color:#186b94;border:1px solid #fff}#service{padding:0 0;background:#fff}.service_block{text-align:center;padding-left:15px;padding-right:15px}.service_icon{width:90px;height:90px;margin:0 auto 25px;padding-top:20px}.service_icon span{background:0 0;border-radius:50%;display:block;height:100%;width:100%}.service_icon i{color:#186b94;font-size:40px;margin-top:0;position:relative;top:20px;z-index:20}.service_block h3{font-family:微软雅黑;font-weight:400;font-size:16px;color:#000;margin:0 auto}.service_block p{font-size:16px;color:#888;margin:0;padding-top:20px;font:400 12px/22px 微软雅黑;color:#666;text-align:center}#timeline{width:100%;height:440px;overflow:hidden;position:relative}#timeline ol,li,ul{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:0 0}#dates{width:22%;min-width:10%;height:440px;float:left}#dates li{list-style:none;width:100%;height:50px;line-height:50px;font-size:1.5em;padding-right:20px;text-align:right;background:url(../img/biggerdot.png) right center no-repeat;border-right:dotted 3px #FC9}#dates a{line-height:38px;padding-bottom:10px}#dates .selected{font-size:1.5em}#issues{height:440px;overflow:hidden;position:absolute;left:28%}#issues li{height:440px;list-style:none}#issues li h1{color:#fc0;font-size:2em;height:52px;line-height:52px;text-shadow:#000 1px 1px 2px;white-space:nowrap}#issues li p{font-size:1em;line-height:28px;font-family:Microsoft YaHei,'宋体',Tahoma,Helvetica,Arial,"\5b8b\4f53",sans-serif;margin:10px;line-height:24px}#work_outer{background:#f9f9f9;padding:70px 0;position:relative}.work_pic{position:absolute;right:0;top:25%;width:50%}.inner_section{padding:60px 0 20px}.service-list{padding:0;font-size:14px;margin-bottom:40px}.service-list-col1{float:left;width:60px;text-align:center}.service-list-col1 i{color:#888;font-size:19px;font-style:normal;line-height:20px}.service-list-col2{overflow:hidden}.page_section.alabaster{background:#fafafa}.work_bottom{padding:20px 0 0 0}.work_bottom span{font-size:18px;color:#333;display:block;margin:0 0 20px 0}a.contact_btn{background:#fff;text-transform:uppercase;display:block;width:176px;height:49px;text-align:center;line-height:49px;font-size:16px;color:#186b94;border-radius:3px;font-family:Raleway,sans-serif;font-weight:600;border:2px solid #186b94;transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-webkit-transition:all .2s ease-in-out}a.contact_btn:hover{background:#186b94;color:#fff}.input-text{background:0 0}#Portfolio{padding:30px 0}.Portfolio-nav{padding:0;margin:0 0 45px 0;list-style:none;text-align:center}.Portfolio-nav li{margin:0 10px;display:inline}.Portfolio-nav li a{display:inline-block;padding:10px 22px;font-size:12px;line-height:20px;color:#222;border-radius:4px;text-transform:uppercase;background:#f7f7f7;margin-bottom:5px;transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out}.Portfolio-nav li a:hover{background:#186b94;color:#fff;text-decoration:none}.portfolioContainer{margin:0 auto;padding-left:15px;width:auto!important}.Portfolio-box{text-align:center;width:350px;overflow:hidden;float:left;padding:12px 0}.Portfolio-box img{transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out}.Portfolio-box img:hover{opacity:.6}.Portfolio-nav li a.current{background:#186b94;color:#fff;text-decoration:none}img{max-width:100%}.isotope .isotope-item{-webkit-transition-duration:.6s;-moz-transition-duration:.6s;transition-duration:.6s}.isotope .isotope-item{-webkit-transition-property:-webkit-transform,opacity;-moz-transition-property:-moz-transform,opacity;transition-property:transform,opacity}.page_section.paddind{padding-bottom:60px}#DrivingForces{padding:60px 0}#clients{padding:20px 0}.client_area{width:960px;margin:0 auto}.client_section{padding:35px 0 0 0}.client_section.btm{padding:20px 0 0 0}.client_profile{float:left;text-align:center}.client_profile.flt{float:right}.client_profile_pic{border-radius:50%;border:2px solid #f5f5f5;margin:0 0 15px 0;width:220px;height:220px}.client_profile_pic img{border-radius:50%;border:3px solid #f5f5f5}.client_profile h3{font-size:18px;color:#49b5e7;margin:0}.client_profile span{display:block;font-size:16px;color:#888}.client_logos{padding:30px 0;background-color:#fff}.client_logos ul{padding:0;margin:0;list-style:none;text-align:center}.client_logos ul li{display:inline-block;margin:20px 10px}.client_logos ul a{display:inline-block;margin:0 20px}.page_section.team{padding:60px 0}.page_section.team h6{margin-bottom:40px}.team_section{max-width:993px;margin:0 auto}#aboutUs{padding:60px 0 20px 0}.img-circle{border-radius:0}.team .member{padding-bottom:100px}.author-avatar{float:left;max-height:200px;max-width:200px}.member-details{padding-left:230px}.member-top{position:relative}.member-details p{margin:0;padding:20px 0}.designation{display:inline-block;padding-bottom:5px;font-size:.81em;color:#b2b2b2;letter-spacing:.4px}.member-social-link a{border-radius:4px;display:inline-block;height:32px;width:32px;text-align:center;line-height:32px;font-size:.9em;margin-right:6px;-webkit-transition:all .25s ease;-moz-transition:all .25s ease;-ms-transition:all .25s ease;-o-transition:all .25s ease;transition:all .25s ease}.power{height:470px;background-color:transparent;padding-top:30px}.power_bg_color{background-color:#2EA5CB}#power_box h2{font-size:18px;line-height:20px;font-family:"微软雅黑";color:#444}#power_box em{display:block;width:151px;height:151px;margin:0 auto 35px}#power_box span{font-size:14px;line-height:40px;font-family:"微软雅黑";color:#666;text-align:center}#power_box div:nth-child(1) em{background:url(../images/power_1.png) no-repeat center 0}.power_hover em{background-position:center -151px!important}.power_hover h2,.power_hover span{color:#fff!important}#power_box div:nth-child(2) em{background:url(../images/power_2.png) no-repeat center 0}#power_box div:nth-child(3) em{background:url(../images/power_3.png) no-repeat center 0}.page_section.contact{padding:40px 0 20px}.contact_section{margin:0 0 20px 0}.contact_section h2{font-size:40px;color:#fff;margin:0 0 50px 0;text-transform:uppercase}.contact_block{text-align:center}.contact_block_icon{border-radius:50%;height:85px;width:85px;margin:0 auto 20px}.contact_block_icon.icon2{border-color:#186b94}.contact_block_icon.icon3{border-color:#49b5e7}.contact_block_icon span{background:none repeat scroll 0 0 #f56eab;border:5px solid #fff;border-radius:50%;display:block;height:100%;width:100%}.contact_block_icon.icon2{border-color:#186b94}.contact_block_icon.icon2 span{background:#186b94}.contact_block_icon.icon3{border-color:#49b5e7}.contact_block_icon.icon3 span{background:#49b5e7}.contact_block_icon i{color:#fff;font-size:36px;margin-top:0;position:relative;top:26px;z-index:20}.contact_block span{display:block;font-size:16px;color:#fff;line-height:20px}.contact_block span a{display:block;font-size:16px;color:#fff;line-height:20px}.contact_info{font-size:15px;margin:0 0 0 20px;padding-left:0}.contact_info h3{font-size:24px;font-weight:600;margin:0 0 30px;color:#fff}.contact_info p{line-height:28px;display:block;font-size:16px;color:#fff;margin:0 0 30px}.social_links{padding:0;margin:0;display:block;overflow:hidden;list-style:none}.social_links li{float:left;margin-right:4px}.social_links li a{display:block;width:50px;height:50px;text-align:center;line-height:50px;font-size:25px;color:#fff}.social_links li a:focus,.social_links li a:hover{text-decoration:none;border-radius:80px}.twitter a:hover{color:#55acee}.facebook a:hover{color:#3b5998}.pinterest a:hover{color:#cb2026}.gplus a:hover{color:#dd4b39}.form{margin:0 66px 0 30px}.input-text{padding:15px 16px;border:1px solid #ccc;width:100%;height:50px;display:block;border-radius:4px;font-size:15px;color:#aaa;margin:0 0 15px 0;transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out}.input-text:focus{border:1px solid #fff;outline:0;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(124,197,118,.3);-moz-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(124,197,118,.3);box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(124,197,118,.3)}.input-text.text-area{height:230px;resize:none;overflow:auto}.input-btn{width:175px;height:50px;letter-spacing:0;background:#186b94;border-radius:3px;color:#fff;font-size:16px;text-transform:uppercase;font-weight:600;border:0;transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out}.input-btn:hover{background:#fff;color:#222}.talent_recruitment_left{padding:10% 0 10% 5%;height:100%}.you_will_get{font-family:"微软雅黑";font-size:22px;color:#333;line-height:56px}.you_will_get_English{font-family:arial;font-size:18px;color:#333;line-height:30px}._get_list{margin-top:15px}._get_list li{width:100%;height:24px}._get_list li img{margin-right:10px}._get_list li p{display:inline-block;font-family:"微软雅黑";font-size:14px;color:#333;line-height:24px;color:#333}.talent_recruitment_right{padding:20% 0 10% 0;height:403px;overflow:hidden}#tagscloud{width:100%;height:auto;position:relative;font-size:12px;color:#333;text-align:center}#tagscloud a{position:absolute;top:0;left:0;color:#333;font-family:Arial;text-decoration:none;margin:0 10px 15px 0;text-align:center;font-size:12px;display:inline-block;border-radius:3px}#tagscloud a.tagc1{background:#88ABDA;color:#fff;line-height:50px;margin-left:-20%;padding:0 20px;font-size:20px;font-family:"微软雅黑"}#tagscloud a.tagc5{background:#01BFB7;color:#fff;line-height:40px;padding:0 5px;font-size:16px;font-family:"微软雅黑"}#tagscloud a.tagc2{background:#72C7E2;color:#fff;line-height:30px;margin-left:22%;padding:0 5px;font-size:12px;font-family:"微软雅黑"}#tagscloud a:hover{color:#fff;background:#09f}.footer_wrapper{background-color:#0A4D77;color:#b8b8b8}.footer_bottom{border-top:1px solid #275f7e;padding:25px 0;text-align:center}.footer_bottom span{font-size:14px;color:#88b7d5;text-align:center;margin:0 20px}.footer_bottom span a{color:#b8b8b8;display:inline-block;color:#186b94;font-size:16px;transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out}.footer_bottom span a:hover{color:#fff}.delay-02s{animation-delay:.2s;-webkit-animation-delay:.2s}.delay-03s{animation-delay:.3s;-webkit-animation-delay:.3s}.delay-04s{animation-delay:.4s;-webkit-animation-delay:.4s}.delay-05s{animation-delay:.5s;-webkit-animation-delay:.5s}.delay-06s{animation-delay:.6s;-webkit-animation-delay:.6s}.delay-07s{animation-delay:.7s;-webkit-animation-delay:.7s}.delay-08s{animation-delay:.8s;-webkit-animation-delay:.8s}.delay-09s{animation-delay:.9s;-webkit-animation-delay:.9s}.delay-1s{animation-delay:1s;-webkit-animation-delay:1s}.delay-12s{animation-delay:1.2s;-webkit-animation-delay:1.2s}.container.portfolio_title{padding-bottom:0}#portfolio{padding:60px 0 40px}#filters{margin-top:10px;margin-bottom:40px;text-align:center;display:block;float:none;z-index:2;position:relative}#filters ul li{display:inline-block;margin:0 5px}#filters ul li a{display:block}#filters ul li a h5{background:none repeat scroll 0 0 #f7f7f7;border-radius:4px;display:inline-block;font-size:12px;line-height:20px;margin-bottom:5px;padding:10px 22px;text-transform:uppercase;transition:all .3s ease-in-out 0s;background:#fff;border:#C2C2C2 solid 1px;color:#7C7C7C}#filters ul li a.active h5,#filters ul li a:hover h5{background:#fff;color:#186b94;text-decoration:none;border:#186b94 solid 1px}.section-title h2{color:#222;font-family:Raleway,sans-serif;font-size:34px;letter-spacing:-1px;margin:0 0 15px;text-align:center;text-transform:uppercase}.section-title span{display:block;color:#888;font-family:'Open Sans',sans-serif;font-size:16px;font-weight:400;margin:0 0 60px;text-align:center}#portfolio_wrapper{position:relative;padding:0;width:100%;margin:0 auto;display:block}#portfolio_wrapper .one-four{margin:0!important;line-height:0;width:24%;padding:.3%;position:relative}.portfolio-item{padding:0;position:relative;overflow:hidden}.portfolio-item .portfolio_img{overflow:hidden;display:block;position:relative}.portfolio-item .portfolio_img img{width:100%;height:auto}.portfolio-item:hover .item_overlay{opacity:1;transition:all .4s ease 0s;-moz-transition:all .4s ease 0s;-webkit-transition:all .4s ease 0s;-ms-transition:all .4s ease 0s;-o-transition:all .4s ease 0s}.item_overlay{width:100%;height:100%;position:absolute;top:0;left:0;opacity:0;transition:all .3s ease 0s;-moz-transition:all .3s ease 0s;-webkit-transition:all .3s ease 0s;-o-transition:all .3s ease 0s;cursor:pointer}.open-project-link{width:100%;height:100%;position:absolute;z-index:100}.item_overlay:hover{background:rgba(0,93,150,.7)}.item_info{position:absolute;height:100px;width:100%;top:50%;margin-top:-50px;text-align:center}.project_name{font-family:微软雅黑;line-height:0;color:#666;text-transform:uppercase;margin-top:25px;text-align:center;padding-bottom:10px;opacity:1;font-size:14px;transition:all .2s ease 0s;-moz-transition:all .2s ease 0s;-webkit-transition:all .2s ease 0s;-ms-transition:all .2s ease 0s;-o-transition:all .2s ease 0s;position:relative;z-index:10}.portfolio-item:hover .project_name{opacity:1;-webkit-transition:opacity .1s .2s;-moz-transition:opacity .1s .2s;-ms-transition:opacity .1s .2s;-o-transition:opacity .1s .2s;transition:opacity .1s .2s}.project_catg{font-size:14px;color:#fff;opacity:0;margin-top:0;transition:all .2s ease 0s;-moz-transition:all .2s ease 0s;-webkit-transition:all .2s ease 0s;-ms-transition:all .2s ease 0s;-o-transition:all .2s ease 0s}.portfolio-item:hover .project_catg{opacity:.8;-webkit-transition:opacity .1s .2s;-moz-transition:opacity .1s .2s;-ms-transition:opacity .1s .2s;-o-transition:opacity .1s .2s;transition:opacity .1s .2s}.zoom-icon{left:50%;margin-left:-20px;position:inherit;width:40px;height:40px;margin-top:40px;opacity:0;background:url(images/zoom.png);background-size:40px 40px;transition:all .3s ease .1s;-moz-transition:all .3s ease .2s;-webkit-transition:all .3s ease .2s;-ms-transition:all .3s ease .2s;-o-transition:all .3s ease .2s}.portfolio-item:hover .zoom-icon{opacity:1;margin-top:0;-webkit-transition:opacity .3s .2s,margin-top .3s .2s;-moz-transition:opacity .3s .2s,margin-top .3s .2s;-ms-transition:opacity .3s .2s,margin-top .3s .2s;-o-transition:opacity .3s .2s,margin-top .3s .2s;transition:opacity .3s .2s,margin-top .3s .2s}.isotope,.isotope .isotope-item{-webkit-transition-duration:.8s;-moz-transition-duration:.8s;-ms-transition-duration:.8s;-o-transition-duration:.8s;transition-duration:.8s}.isotope{-webkit-transition-property:height,width;-moz-transition-property:height,width;-ms-transition-property:height,width;-o-transition-property:height,width;transition-property:height,width}.isotope .isotope-item{-webkit-transition-property:-webkit-transform,opacity;-moz-transition-property:-moz-transform,opacity;-ms-transition-property:-ms-transform,opacity;-o-transition-property:-o-transform,opacity;transition-property:transform,opacity}.isotope .isotope-item.no-transition,.isotope.no-transition,.isotope.no-transition .isotope-item{-webkit-transition-duration:0s;-moz-transition-duration:0s;-ms-transition-duration:0s;-o-transition-duration:0s;transition-duration:0s}#project_container{display:none;background-color:#FFF}#project-page-button-fullscreen{height:auto;z-index:100;position:absolute;right:30px;top:30px}#project-page-button-fullscreen li{display:inline-block;font-size:30px}#project-page-button-fullscreen li a{background:url(images/close.png) no-repeat #fff;background-size:50px 50px;width:50px;height:50px;display:block;border-radius:50px;opacity:.5}#project-page-button-fullscreen li a:hover{opacity:1}#project-page-button{text-align:center;margin-bottom:20px;height:auto;position:relative;z-index:100}#project-page-button li{display:inline-block;margin:60px 10px 0 10px;font-size:30px}#project_data{margin-bottom:0}.project-section-title{text-align:center;margin-bottom:40px}.project-section-title h1{margin-bottom:5px!important;letter-spacing:1px;font-family:Raleway,sans-serif}.project-page{background-color:#FFF;width:100%;height:auto;left:0;padding-bottom:40px}.project-image-slider .bx-wrapper .bx-next{background:url(images/project_slider_right.png) no-repeat;background-size:35px 65px;opacity:.3;right:-90px}.project-image-slider .bx-wrapper .bx-prev{background:url(images/project_slider_left.png) no-repeat;background-size:35px 65px;opacity:.3;left:-90px}.project-image-slider .bx-wrapper .bx-next:hover,.project-image-slider .bx-wrapper .bx-prev:hover{opacity:1;background-position:0}.project-image-slider .bx-wrapper .bx-controls-direction a{height:65px;margin-top:-33px;outline:0 none;position:absolute;text-indent:-9999px;top:50%;width:35px;z-index:100}.project-description{margin-top:40px;margin-bottom:20px;width:100%;height:auto}.small-border{height:2px;width:50px;background-color:#ddd;margin-bottom:15px}.visit-project{width:100%;text-align:center;border-top:1px solid #ddd;margin-top:20px;padding:55px 0 20px 0}.project-description h5{color:#222;text-transform:uppercase;margin-bottom:5px}#cycle-loader{height:32px;left:50%;margin:-8px 0 0 -8px;position:absolute;top:50%;width:32px;z-index:999}#arrow_left{top:50%;height:60px;position:absolute;left:30px;width:32px;z-index:1000;margin-top:-30px}#arrow_right{top:50%;height:60px;position:absolute;right:30px;width:32px;z-index:1000;margin-top:-30px}#arrow_left:hover,#arrow_right:hover{margin-top:-28px}#arrow_left:active,#arrow_right:active{margin-top:-28px}div.mc-image{-webkit-transition:opacity 1s ease-in-out;-moz-transition:opacity 1s ease-in-out;-o-transition:opacity 1s ease-in-out;transition:opacity 1s ease-in-out;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;background-position:center center;background-repeat:no-repeat;height:100%;overflow:hidden;width:100%}.in-slide-content div.info-slide{background:#FFF url(images/info.png) no-repeat left bottom;background-size:46px 46px;position:absolute;top:30px;left:30px;width:46px;height:46px;margin:0;display:block;text-indent:10px;-moz-border-radius:23px;-webkit-border-radius:23px;border-radius:23px;cursor:pointer;z-index:1000;-ms-filter:"progid: DXImageTransform.Microsoft.Alpha(Opacity=50)";filter:alpha(opacity=.5);opacity:.5;-webkit-transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;-ms-transition:all .3s;transition:all .3s}.in-slide-content div.info-slide:hover{width:200px;background:#FFF;position:absolute;bottom:40px;padding:10px 20px;text-indent:0;moz-border-radius:0;-webkit-border-radius:0;border-radius:0;z-index:1000;-ms-filter:"progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";filter:alpha(opacity=1);opacity:1}.in-slide-content h2,.in-slide-content p{padding:0;margin:0;font-size:12px;line-height:24px}.in-slide-content h2{font-size:14px;color:#444;text-shadow:none;font-weight:400;text-transform:uppercase;z-index:1001;position:relative;white-space:nowrap}.info-slide p{color:#aaa;font-size:13px;text-shadow:none;z-index:1001;position:relative;margin:0;font-weight:400;white-space:nowrap}.in-slide-content div.info-slide h2{display:none;padding:10px 10px 0 10px}.in-slide-content div.info-slide p{display:none;padding:0 10px 10px 10px}.in-slide-content div.info-slide:hover h2,.in-slide-content div.info-slide:hover p{display:inherit;padding:0}.rotating{display:inline-block;-webkit-transform-style:preserve-3d;-ms-transform-style:preserve-3d;-o-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-transform:rotateX(0) rotateY(0) rotateZ(0);-ms-transform:rotateX(0) rotateY(0) rotateZ(0);transform:rotateX(0) rotateY(0) rotateZ(0);-webkit-transition:.5s;transition:.5s;-webkit-transform-origin-x:50%}.rotating.flip{position:relative}.rotating .back,.rotating .front{left:0;top:0;-webkit-backface-visibility:hidden;-ms-backface-visibility:hidden;-o-backface-visibility:hidden;backface-visibility:hidden}.rotating .front{position:absolute;display:inline-block;-webkit-transform:translate3d(0,0,1px);-ms-transform:translate3d(0,0,1px);transform:translate3d(0,0,1px)}.rotating.flip .front{z-index:1}.rotating .back{display:block;opacity:0}.rotating.spin{-webkit-transform:rotate(360deg) scale(0);-ms-transform:rotate(360deg) scale(0);transform:rotate(360deg) scale(0)}.rotating.flip .back{z-index:2;display:block;opacity:1;-webkit-transform:rotateY(180deg) translate3d(0,0,0);-ms-transform:rotateY(180deg) translate3d(0,0,0);transform:rotateY(180deg) translate3d(0,0,0)}.rotating.flip.up .back{-webkit-transform:rotateX(180deg) translate3d(0,0,0);-ms-transform:rotateX(180deg) translate3d(0,0,0);transform:rotateX(180deg) translate3d(0,0,0)}.rotating.flip.cube .front{-webkit-transform:translate3d(0,0,100px) scale(.9,.9);-ms-transform:translate3d(0,0,100px) scale(.85,.85);transform:translate3d(0,0,100px) scale(.85,.85)}.rotating.flip.cube .back{-webkit-transform:rotateY(180deg) translate3d(0,0,100px) scale(.9,.9);-ms-transform:rotateY(180deg) translate3d(0,0,100px) scale(.85,.85);transform:rotateY(180deg) translate3d(0,0,100px) scale(.85,.85)}.rotating.flip.cube.up .back{-webkit-transform:rotateX(180deg) translate3d(0,0,100px) scale(.9,.9);-ms-transform:rotateX(180deg) translate3d(0,0,100px) scale(.85,.85);transform:rotateX(180deg) translate3d(0,0,100px) scale(.85,.85)}@media (max-width:768px){.bannerImg{display:none}p{font-size:14px}.hero_section{position:relative}.top_left_cont{padding:38px 0}.top_left_cont h2{font-size:25px;color:#FFF;line-height:39px;margin:0 0 9px 0}.inner_section{padding:20px 0 20px}#aboutUs img{margin-bottom:20px}#aboutUs h3{font-size:16px;line-height:22px}.service_block{margin-bottom:20px}.service_block h3{font-size:16px}service_block p{font-size:14px;margin:0;margin-bottom:20px}#filters ul{padding-left:0}.form{margin:0 18px}.page_section.team{padding:40px 0},#clients{padding:40px 0}.client_logos ul li{display:inline;margin:0 25px;padding:11px 0;display:inline-block}.social_links li{float:left}.contact_section{margin:0}.contact_section h2,h2{font-size:30px}.page_section.contact{padding:60px 0 50px}.navbar-inverse .navbar-toggle .icon-bar{background:#186b94}.navbar-inverse .navbar-toggle{border-color:transparent}.navbar-inverse .navbar-toggle:focus,.navbar-inverse .navbar-toggle:hover{background:0 0;outline:0}.navStyle ul li{display:block}.navStyle{float:right;width:auto;text-align:center}.navStyle ul li{display:block;margin:0}.navStyle ul li a{font-size:12px;padding:15px 12px}.navStyle ul li:last-child{margin:0}}@media (max-width:480px){.navStyle{float:right;width:100%;text-align:center}.team_area{width:99%}.member-details{padding-left:0;clear:left;display:block;padding-top:18px}}.con_title{display:block;overflow:hidden;text-align:center}.service_intro{font:400 13px/30px 微软雅黑;color:#333;text-align:center;padding-top:20px}.service_details{font:400 12px/26px 微软雅黑;color:#666;text-align:center}.add_title{font:400 14px/30px 微软雅黑;color:#fff;padding-bottom:15px}
@charset "utf-8";

@font-face {
	font-family: 'hev';
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'font-icons';
	font-weight: normal;
	font-style: normal;
}

.font-icons {font-family:"font-icons";}
/*****************************
	CSS_FUNCTION
******************************/

::-webkit-scrollbar              { /* 1 */  width:9px; background-color:#333;}
::-webkit-scrollbar-button       { /* 2 */ }
::-webkit-scrollbar-track        { /* 3 */ }
::-webkit-scrollbar-track-piece  { /* 4 */ }
::-webkit-scrollbar-thumb        { /* 5 */ border:solid 2px #333; width:5px;  border-radius:4px; background-color:#fff;}
::-webkit-scrollbar-corner       { /* 6 */ background-color:#333;}
::-webkit-resizer                { /* 7 */ }
::-webkit-scrollbar:horizontal   { height:9px;}

html {-ms-overflow-style:-ms-autohiding-scrollbar;}
html,body {-webkit-overflow-scrolling : touch; background-color:#fff;overflow-x:hidden;}
a{ text-decoration:none;color:#00B7EE;}
.txa_l {text-align:left;}
.txa_r {text-align:right;}
.txa_c {text-align:center;}
.fix_3px_spc {font-size:0; letter-spacing:-3px;}
.mid_wrap {text-align:center; font-size:0; letter-spacing:-3px;}
.mid_wrap > * { font-size:medium; letter-spacing: normal;}
.mid_wrap:before { display:inline-block; content:" "; height:100%; vertical-align:middle; width:0;}
.mid_block {display:inline-block; vertical-align:middle; font-size:medium; line-height:normal;}
.mid_fix {display:inline-block; height:100%; font-size:0;}
.pad_b_42 {padding-bottom:42px;}
.pad_tb_42 {padding:42px 0;}

/* GPU 鍔犻€烠SS */
.hardware-acceleration {
	-webkit-transform:translateZ(0);
	transform:translateZ(0);
	-webkit-backface-visibility:hidden;
	backface-visibility:hidden;
}
/*****************************
	FOOTER
******************************/
.ai-footer {
	border-top: 8px solid #bf0a24;
	background-color: #232323;
}
.friend-links { height: 85px;}
.flks { font-size: 12px; line-height: normal; color: #4f4f4f; margin: 0 17px;
	-webkit-transition-property:text-shadow, color;
	transition-property:text-shadow, color;
	-webkit-transition-duration: .3s;
	transition-duration: .3s;
	-webkit-transition-timing-function: cubic-bezier(.95, .01, .22, .65);
	transition-timing-function: cubic-bezier(.95, .01, .22, .65)
}

.flks:hover {
	-webkit-transition-duration: .1s;
	transition-duration: .1s;
	text-shadow:0 0 6px #fff;
	color:#fff;
}
.copyright {height: 142px; border-top:solid 1px #1c1c1c;}
.copyright h2{line-height: 60px; font-size: 24px; color: #a7a7a7;}
.copyright h3{font-size: 12px; color: #4f4f4f; line-height: 24px; text-transform: uppercase; font-weight: normal;}
/*****************************
	HEADER
******************************/
/* NAV */
.ai-nav-wrap {
	height:70px;
	/*background:#000;*/
}
.ai-logo {
	float:left;
	height:70px;
	width:220px;
	margin-top:12px;
	line-height:70px;
	margin-left: 70px;
}
.ai-logo img{width:100%;}
/*.cur .ai-logo{
	background:url("../../images/front/logo2.png") no-repeat;
	background-size: contain;
}*/
/*.zhongren_header.cur .ai-logo{
	background:url("../../Images/front/zhongren_logo.png") no-repeat;
	background-size: contain;
}*/
.ai-imlink {
	float:right;
	font-size: 20px;
	font-family: Arial;
    font-weight: bold;
    letter-spacing: 1px;
    /*color: #00B7EE;  */
    color: #fff;
    line-height: 70px;
    margin-right: 10px;
    margin-left: 50px;
}
.tel_icon{
	background:url("../../images/front/words.png") no-repeat;
	background-position: 0px -548px;
    width: 30px;
    height: 30px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
}
.imweibo,
.imweixin {
	float:left;
	width:70px;
	height:70px;
	line-height:70px;
	color:#3c3c3c;
	font-size:32px;
	text-align:center;
	font-family:"font-icons";
}

@-webkit-keyframes wxtxanim {
	0% { text-shadow: 0 0 0 #0f0  }
	50% { text-shadow: 0 0 60px #0f0 }
	100% { text-shadow: 0 0 0 #0f0  }
}
@keyframes wxtxanim {
	0% { text-shadow: 0 0 0 #0f0  }
	50% { text-shadow: 0 0 60px #0f0 }
	100% { text-shadow: 0 0 0 #0f0  }
}

.wxpopshowing {
	color: #fff;
	/*-webkit-animation-name: wxtxanim;
	animation-name: wxtxanim;
	-webkit-animation-duration: 2s;
	animation-duration: 2s;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear;
	animation-timing-function: linear;*/
}
.imweibo:hover,
.imweixin:hover
 {color:#fff;}

.imweibo:before {content:"\e60a";}
.imweixin:before {content:"\e60b";}
.ai-nav {
	position: fixed;
	height:inherit;
	width: 100%;
	z-index:200;
	/*background:rgba(35, 35, 35, 0.85);*/
	left: 0;
	top: 0;
}
.cur .ai-nav{
	background:rgba(35, 35, 35, 0.85);
	/*background-color: #111;*/
	/*opacity: 0.6;*/
	/*filter:alpha(opacity=60);*/
}
.ai-nav-list {
	float: right;
	position: relative;
}
.ai-nav-redLine {
	height:2px; 
	background-color:#00B7EE; 
	width:20px; 
	position:absolute; 
	left:0; 
	top:0; 
	display:none;
}
.ai-nav-listitem {
	position:relative;
	padding:0 33px;
	float:left;
	height:68px;
	padding-top:2px;
	line-height:68px;
	font-size:16px;
	/* background:#000; */
	color: rgba(255,255,255,.7);
	color: #D4D4D4\9;
	/*-webkit-transition-property: color,text-shadow;
	transition-property: color,text-shadow;
	-webkit-transition-duration: 1s;
	transition-duration: 1s;
	-webkit-transition-timing-function: linear;
	transition-timing-function: linear;*/
}
.ai-nav-listitem:active {
	-webkit-transition-duration: 0s;
	transition-duration: 0s;
	color:#fff;
	/*text-shadow:0 0 12px #fff;*/
}
.ai-nav-list .cur {
	padding-top:0;
	height:68px;
	line-height:68px;
	border-top: solid 2px #00B7EE;
	background:rgba(255,255,255,0.05);
	color:#fff;
	/*text-shadow:1px 1px 0 #000;*/
}
.sidebtn {
	display:none;
	height:48px;
	width:48px;
	float:right;
	font-size:32px;
	line-height:48px;
	text-align:center;
	color:#919191;
	font-family:"font-icons";
}
.sidebtn:before { content:"\e600";color:#fff;}
.de-video-overlay-layer{
	display: none;
}
.ai-banner-wrap {
	overflow:hidden;
	width:100%;
	height:670px;
	position:relative;
	background:#000;
	margin-top: -70px;
}
.ai-banner-frame { width:100%; height:100%; position:relative; overflow:hidden;}
.banner_list {position:relative; width:100%; height:100%; float:left;cursor:pointer;}
/* .settings { width:100%; height:100%; position:relative; overflow:hidden;}
.banner_list .settings { display:none}
.active .settings {display:block} */
.ai-banner-font {
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;

}
.intLink {
    width: 1280px;
    margin: 0 auto;
    position: relative;
    display: inherit;
}
.ai-banner-1 .ai-banner-font {
	/*background:url("../../images/front/biggest-banner-bg-4.jpg");
	-webkit-background-size:auto 100%;
	background-size:auto 100%;*/
}
/**** 杞欢寮€鍙戝姩鐢� ****/
.ai-banner-1 .text1{opacity: 0; position:absolute; left:189px; top:97px;}
.ai-banner-1 .text1 img{width: 281px;height: 262px;}
.ai-banner-1.active .text1{ opacity: 1;animation: img2_1 1.5s ease; -webkit-animation: img2_1 1.5s ease;}
.ai-banner-1 .text2{ opacity: 0;position:absolute; left:172px; top:91px;}
.ai-banner-1 .text2 img{width: 279px;height: 262px;}
.ai-banner-1.active .text2{opacity: 1; animation: img2_2 2s ease; -webkit-animation: img2_2 2s ease;}
.ai-banner-1 .text3{opacity: 0; position:absolute; left:178px; top:147px;}
.ai-banner-1 .text3 img{width: 204px;height: 99px;}
.ai-banner-1.active .text3{opacity: 1; animation: img2_3 1.2s ease-out; -webkit-animation: img2_3 1.2s ease-out;}
.ai-banner-1 .text4{opacity: 0;  position:absolute; left:235px; top:249px; transform:scale(1); -webkit-transform:scale(1);}
.ai-banner-1 .text4 img{width: 144px;height: 35px;}
.ai-banner-1.active .text4{opacity: 1;  animation: img2_4 1.7s ease-out; -webkit-animation: img2_4 1.7s ease-out;}
.ai-banner-1 .text5{opacity: 0; position:absolute; right:350px; top:145px;}
.ai-banner-1 .text5 img{width: 412px;height: 43px;}
.ai-banner-1.active .text5{opacity: 1;  animation: img2_5 1.5s ease-out; -webkit-animation: img2_5 1.5s ease-out;}
.ai-banner-1 .text6{opacity: 0; position:absolute; right:633px; top:214px;}
.ai-banner-1 .text6 img{width: 123px;height: 3px;}
.ai-banner-1.active .text6{opacity: 1;  animation: img2_6 1.8s ease-out; -webkit-animation: img2_6 1.8s ease-out;}
.ai-banner-1 .text7{opacity: 0; position:absolute; right:258px; top:245px;}
.ai-banner-1 .text7 img{width: 500px;height: 58px;}
.ai-banner-1.active .text7{opacity: 1;  animation: img2_7 2s ease-out; -webkit-animation: img2_7 2s ease-out;}
.ai-banner-1 .text8{     
	position: absolute;
    left: 50%;
    top: 492px;
    margin-left: -578px;
}
.ai-banner-1 .text9{
	    position: absolute;
    left: 50%;
    top: 362px;
    margin-left: -270px;
    width: auto;
}
@keyframes img2_1 { 0% {transform:rotate(150deg);} 100% { transform:rotate(0deg);}}
@-webkit-keyframes img2_1 { 0% { -webkit-transform:rotate(150deg);} 100% { -webkit-transform:rotate(0deg);}}
@keyframes img2_2 { 0% {transform:rotate(280deg);} 100% { transform:rotate(0deg);}}
@-webkit-keyframes img2_2 { 0% { -webkit-transform:rotate(280deg);} 100% { -webkit-transform:rotate(0deg);}}
@keyframes img2_3 { 20%{ transform:rotateY(180deg); left:-500px;} 90% { transform:rotateY(0deg); left:150px;} 92%{ top:145px;} 94%{ top:155px;} 96%{ top:143px;} 98%{ top:157px;} 100%{ top:150px;}}
@-webkit-keyframes img2_3 { 20%{ -webkit-transform:rotateY(180deg); left:-500px;} 90% { -webkit-transform:rotateY(0deg); left:150px;} 92%{ top:145px;} 94%{ top:155px;} 96%{ top:143px;} 98%{ top:157px;} 100%{ top:150px;}}
@keyframes img2_4 {0%{ transform:scale(0);} 40%{ transform:scale(0);} 100% { transform:scale(1);}}
@-webkit-keyframes img2_4 {0%{ -webkit-transform:scale(0);} 40%{ -webkit-transform:scale(0);} 100% { -webkit-transform:scale(1);}}
@keyframes img2_5{0%{right:-1500px;}  50%{right:-1500px; opacity:0.3;} 100% {right:350px; opacity:1;}}
@-webkit-keyframes img2_5{0%{right:-1500px;}  50%{right:-1500px; opacity:0.3;} 100% {right:350px; opacity:1;}}
@keyframes img2_6{0%{right:-1500px;}  50%{right:-1500px; opacity:0.3;} 100% {right:633px; opacity:1;}}
@-webkit-keyframes img2_6{0%{right:-1500px;}  50%{right:-1500px; opacity:0.3;} 100% {right:633px; opacity:1;}}
@keyframes img2_7{0%{right:-1500px;}  50%{right:-1500px; opacity:0.3;} 100% {right:258px; opacity:1;}}
@-webkit-keyframes img2_7{0%{right:-1500px;}  50%{right:-1500px; opacity:0.3;} 100% {right:258px; opacity:1;}}
/**** 浼佷笟绔欏姩鐢� ****/
.ai-banner-5 .text1{ opacity:0;position:absolute; left:130px; top:180px;}
.ai-banner-5 .text1 img{width: 430px;height: 48px;}
/*.ai-banner-5.active .text1{ animation: img2_1 1.5s ease; -webkit-animation: img2_1 1.5s ease;}*/
.ai-banner-5 .text2{ opacity:0;position:absolute; left:130px; top:253px;}
.ai-banner-5 .text2 img{width: 426px;height: 68px;}
/*.ai-banner-5.active .text2{ animation: img2_2 2s ease; -webkit-animation: img2_2 2s ease;}*/
.ai-banner-5 .text3{ opacity:0;position:absolute; left:130px; top:358px;}
.ai-banner-5 .text3 img{width: 228px;height: 64px;}
/*.ai-banner-5.active .text3{ animation: img2_3 1.2s ease-out; -webkit-animation: img2_3 1.2s ease-out;}*/
.ai-banner-5 .text4{ opacity:0;position:absolute; right:0px; top:120px;}
.ai-banner-5 .text4 img{width: 626px;height: 480px;}
.ai-banner-5.active .text1,.ai-banner-5.active .text2,.ai-banner-5.active .text3,.ai-banner-5.active .text4{animation: img2_4 1s ease-out; -webkit-animation: img2_4 1s ease-out;opacity: 1;}

.ai-banner-1 .ai-banner-img  {display:none;}
.ai-banner-1 {background-color: #e2575a;}

.ai-banner-2 .ai-banner-img {display:none;}
.ai-banner-2 {background: #1acc72 url("../images/biggest-banner-bg-2.gif") left bottom repeat-x;}

.ai-banner-3 {background-color: #0a90e2;}
.ai-banner-4 .minsizemb {display:none;}
.ai-banner-prev,
.ai-banner-next { 
	cursor:pointer; 
	position:absolute; 
	top:0; 
	height:100%; 
	width: 150px;
	font-size:0; 
	letter-spacing:-3px;
}

.ai-banner-prev:before,
.ai-banner-next:before {
	content: " ";
	display:inline-block;
	height:100%;
	vertical-align:middle;
	width:0;
	letter-spacing:normal;
}

.ai-banner-prev span,
.ai-banner-next span { 
	font-size:128px; 
	letter-spacing:normal; 
	color:#fff;
}

.ai-banner-prev { left:0; text-align:right;}
.ai-banner-next { right:0; text-align:left;}
.ai-banner-wrap .disabled span { color:rgba(255,255,255,0.2)}

.ai-banner-pages {position:absolute; left:0; bottom:12px; width:100%; height:10px; text-align:center;}
.ai-banner-pages li {
	cursor:pointer;
	letter-spacing: normal;
	border:solid 1px #fff;
	display:inline-block;
	width:8px;
	height:8px;
	-webkit-border-radius:5px;
	border-radius:5px;
	margin:0 8px;
}
.ai-banner-pages li.active {
	background:#fff;
}
/*banner 1 鍔ㄧ敾鏁堟灉*/
@-webkit-keyframes banner_1_kf_1 {
	from { opacity: 0; -webkit-transform: translate3d(0,-20px,0); transform: translate3d(0,20px,0)}
	to { opacity: 1 ; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0)}
}
@keyframes banner_1_kf_1 {
	from { opacity: 0; -webkit-transform: translate3d(0,-20px,0); transform: translate3d(0,-20px,0)}
	to { opacity: 1 ; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0)}
}
.banner-font-big {display:block;font-size:72px; line-height:74px; color:#fff;}
.banner-font-small {display:block;font-family:'hev'; font-size:24px; line-height:48px; color:#fff; font-weight:100; text-transform:uppercase;}
.ai-banner-img {
	height:100%;
	width:auto;
}
.banner-bs1 {}
.banner-bs1 .cauliflower {color:#fff;line-height:180px; font-size:180px; padding-top:32px;}
.banner-bs1 .dot {color:rgba(255,255,255,0.5);line-height:18px; font-size:16px;}
.banner-bs1 .mouse {color:rgba(255,255,255,0.5); line-height:32px; font-size:32px;}

.ie8 .banner-bs1 .dot {color:#d38993;}
.ie8 .banner-bs1 .mouse {color:#d38993;}

.ai-banner-1.active {}
.ai-banner-1.active .banner-font-big {
	-webkit-animation-name: banner_1_kf_1;
	animation-name: banner_1_kf_1;
	-webkit-animation-duration: 1.5s;
	animation-duration: 1.5s;
	-webkit-animation-fill-mode: backwards;
	animation-fill-mode: backwards;
	-webkit-animation-timing-function:cubic-bezier(.01, 1, .21, .99);
	animation-timing-function:cubic-bezier(.01, 1, .21, .99);
}
.ai-banner-1.active .banner-font-small {
	-webkit-animation-name: banner_1_kf_1;
	animation-name: banner_1_kf_1;
	-webkit-animation-duration: 1.5s;
	animation-duration: 1.5s;
	-webkit-animation-fill-mode: backwards;
	animation-fill-mode: backwards;
	-webkit-animation-timing-function:cubic-bezier(.01, 1, .21, .99);
	animation-timing-function:cubic-bezier(.01, 1, .21, .99);
	-webkit-animation-delay: 0.3s;
	animation-delay: 0.3s;
}
.ai-banner-1.active .cauliflower {
	-webkit-animation-name: banner_1_kf_1;
	animation-name: banner_1_kf_1;
	-webkit-animation-duration: 1.5s;
	animation-duration: 1.5s;
	-webkit-animation-fill-mode: backwards;
	animation-fill-mode: backwards;
	-webkit-animation-timing-function:cubic-bezier(.01, 1, .21, .99);
	animation-timing-function:cubic-bezier(.01, 1, .21, .99);
	-webkit-animation-delay: 0.5s;
	animation-delay: 0.5s;	
}
.ai-banner-1.active .dot {
	-webkit-animation-name: banner_1_kf_1;
	animation-name: banner_1_kf_1;
	-webkit-animation-duration: 1.5s;
	animation-duration: 1.5s;
	-webkit-animation-fill-mode: backwards;
	animation-fill-mode: backwards;
	-webkit-animation-timing-function:cubic-bezier(.01, 1, .21, .99);
	animation-timing-function:cubic-bezier(.01, 1, .21, .99);
	-webkit-animation-delay: 0.7s;
	animation-delay: 0.7s;	
}
.ai-banner-1.active .mouse {
	-webkit-animation-name: banner_1_kf_1;
	animation-name: banner_1_kf_1;
	-webkit-animation-duration: 1.5s;
	animation-duration: 1.5s;
	-webkit-animation-fill-mode: backwards;
	animation-fill-mode: backwards;
	-webkit-animation-timing-function:cubic-bezier(.01, 1, .21, .99);
	animation-timing-function:cubic-bezier(.01, 1, .21, .99);
	-webkit-animation-delay: 0.9s;
	animation-delay: 0.9s;		
}

/*banner 2 鍔ㄧ敾鏁堟灉*/
@-webkit-keyframes banner_2_kf_1 {
	from { opacity: 0; -webkit-transform: translate3d(50px,0,0); transform: translate3d(50px,0,0);}
	to {  opacity: 1; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0);}
}
@keyframes banner_2_kf_1 {
	from { opacity: 0; -webkit-transform: translate3d(50px,0,0); transform: translate3d(50px,0,0);}
	to {  opacity: 1; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0);}
}
@-webkit-keyframes banner_2_kf_2 {
	from {-webkit-transform: rotate(-180deg) scale(0.001);transform: rotate(-180deg) scale(0.001);}
	to {  -webkit-transform: rotate(0deg) scale(1);  transform: rotate(0deg) scale(1);}
}
@keyframes banner_2_kf_2 {
	from {-webkit-transform: rotate(-180deg) scale(0.001);transform: rotate(-180deg) scale(0.001);}
	to {  -webkit-transform: rotate(0deg) scale(1);  transform: rotate(0deg) scale(1);}
}

@-webkit-keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotateX(90deg) translate3d(0,0,0);
    transform: perspective(400px) rotateX(90deg) translate3d(0,0,0);
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotateX(-10deg) translate3d(0,0,0);
    transform: perspective(400px) rotateX(-10deg) translate3d(0,0,0);
  }

  70% {
    -webkit-transform: perspective(400px) rotateX(10deg) translate3d(0,0,0);
    transform: perspective(400px) rotateX(10deg) translate3d(0,0,0);
  }

  100% {
    -webkit-transform: perspective(400px) rotateX(0deg) translate3d(0,0,0);
    transform: perspective(400px) rotateX(0deg) translate3d(0,0,0);
    opacity: 1;
  }
}

@keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotateX(90deg) translate3d(0,0,0);
    -ms-transform: perspective(400px) rotateX(90deg) translate3d(0,0,0);
    transform: perspective(400px) rotateX(90deg) translate3d(0,0,0);
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotateX(-10deg) translate3d(0,0,0);
    -ms-transform: perspective(400px) rotateX(-10deg) translate3d(0,0,0);
    transform: perspective(400px) rotateX(-10deg) translate3d(0,0,0);
  }

  70% {
    -webkit-transform: perspective(400px) rotateX(10deg) translate3d(0,0,0);
    -ms-transform: perspective(400px) rotateX(10deg) translate3d(0,0,0);
    transform: perspective(400px) rotateX(10deg) translate3d(0,0,0);
  }

  100% {
    -webkit-transform: perspective(400px) rotateX(0deg) translate3d(0,0,0);
    -ms-transform: perspective(400px) rotateX(0deg) translate3d(0,0,0);
    transform: perspective(400px) rotateX(0deg) translate3d(0,0,0);
    opacity: 1;
  }
}

@-webkit-keyframes ab2_wx {
	from { opacity:0;}
	to {opacity:1}
}
@keyframes ab2_wx {
	from { opacity:0;}
	to {opacity:1}
}

.ai-banner-2.active .ad2_wx_img1{
	-webkit-animation-name: banner_2_kf_1;
	animation-name: banner_2_kf_1;
	-webkit-animation-duration: 1.5s;
	animation-duration: 1.5s;
	-webkit-animation-fill-mode: backwards;
	animation-fill-mode: backwards;
	-webkit-animation-timing-function:cubic-bezier(.01, 1, .21, .99);
	animation-timing-function:cubic-bezier(.01, 1, .21, .99);
	-webkit-animation-delay: 0.2s;
	animation-delay: 0.2s;			
}
.ai-banner-2.active .ad2_wx_img2{
	-webkit-animation-name: banner_2_kf_2;
	animation-name: banner_2_kf_2;
	-webkit-animation-duration: 1.5s;
	animation-duration: 1.5s;
	-webkit-animation-fill-mode: backwards;
	animation-fill-mode: backwards;
	-webkit-animation-timing-function:cubic-bezier(.01, 1, .21, .99);
	animation-timing-function:cubic-bezier(.01, 1, .21, .99);
	-webkit-animation-delay: 0.3s;
	animation-delay: 0.3s;	
}
.ai-banner-2.active .ad2_wx_img3 {
	-webkit-animation-name: flipInX;
	animation-name: flipInX;
	-webkit-animation-duration: .48s;
	animation-duration: .48s;
	-webkit-animation-fill-mode: backwards;
	animation-fill-mode: backwards;
	-webkit-animation-timing-function:linear;
	animation-timing-function:linear;
	-webkit-animation-delay: 0.4s;
	animation-delay: 0.4s;	
}
.ai-banner-2.active .ad2_wx_img4 {
	-webkit-animation-name: flipInX;
	animation-name: flipInX;
	-webkit-animation-duration: .48s;
	animation-duration: .48s;
	-webkit-animation-fill-mode: backwards;
	animation-fill-mode: backwards;
	-webkit-animation-timing-function:linear;
	animation-timing-function:linear;
	-webkit-animation-delay: 0.5s;
	animation-delay: 0.5s;
	-webkit-transform-origin: center top;
	-ms-transform-origin: center top;
	transform-origin: center top;
}


.ab2_wx_wrap { white-space:nowrap; word-break:keep-all; letter-spacing:-3px; font-size:0;}
.ab2_wx_wrap:before {
	vertical-align:bottom;
}
.ab2_wx_wrap  .mid_block { width:100%;}
.ab2_wx { max-height:100%; max-width:50%; vertical-align:top;
-webkit-animation:ab2_wx 0.2s linear;
animation:ab2_wx 0.2s linear;
-webkit-animation-fill-mode:backwards;
animation-fill-mode:backwards;
}
.ab2_wx2 {height:100%; display:inline-block!important; max-width:50%; position:relative;}
.ab2_wx2_in {position:absolute; left:0; top:0; width:100%; height:100%;}
.ab2_wx2img {max-height:100%; max-width:100%; vertical-align:top;}
.ad2_wx_img1,
.ad2_wx_img2,
.ad2_wx_img3,
.ad2_wx_img4,
.ad2_wx_img5 { float:left;}

.ad2_wx_img1 ,
.ad2_wx_img2 {width:50%;}
.ad2_wx_img3 ,
.ad2_wx_img4 {width:100%;}

.ad2_wx_img3 { margin:10px 0;}
.ad2_wx_img5 { display: none;}


/*banner 3 鍔ㄧ敾鏁堟灉*/
.ai-banner-3 { background-color:#0a90e2;}
.ai-banner-3 .ai-banner-img { width:100%;min-height:100%; display:none;}
.ai-banner-3 .ai-banner-font { /*background:url("../../images/front/index-image/bgmask.png.html")*/}
.ab3_mb_img_1 { max-height:100%;}
.ai-banner-3 .mid_block {position:relative;}
.ai-banner-3 .ab3_mb_t1 {
	font-size: 74px;
	font-family: "hev";
	color: #ffd442;
	text-transform: uppercase;
	position: absolute;
	left: 0;
	right: 0;
	top: 123px;
	text-align: center;
}
.ai-banner-3 .ab3_mb_t2 {
	position: absolute;
	top: 200px;
	left: 0;
	right: 0;
	text-align:center;
}
.ai-banner-3 .ab3_mb_t2 span {
	font-size: 24px;
	color: #0086d3;
	display: inline-block;
	line-height: 38px;
	padding: 0 14px;
	background: #fff;
}
.ai-banner-3 .ab3_mb_t3 {
	position: absolute;
	top: 242px;
	font-size: 56px;
	font-weight: 600;
	color: #fff;
	text-align: center;
	left: 0px;
	right: 0px;
	white-space:nowrap;
	word-break:keep-all;
}
.ai-banner-3 .ab3_mb_t3 font {
	color:#ffd442;
	font-weight:bolder;
}
.ai-banner-3 .ab3_mb_t4 {
	position:absolute;
	top:314px;
	left:0;
	right:0;
	font-size:12px;
	color:rgba(255,255,255,.5);
	text-align:center;
	text-transform:uppercase;
}
.ie8 .ai-banner-3 .ab3_mb_t4 {
	color:#58b8ea;
}
.ab3_mb_img_2_wrap {
	position:absolute;
	left:0;
	width:100%;
	text-align:center;
	bottom:30px;
}
.ai-banner-3 .ab3_mb_img_2 {
	vertical-align:top;
	max-width:100%;
}
.ai-banner-3 .ab3_mb_t2 i { display:none;}
.ai-banner-3 .ab3_mb_img_3 {
	display: none;
	vertical-align:top;
	margin-top: -57px;
	margin-left: 57px;
}

/*
linktoKeyframe:
	banner_2_kf_1
	banner_1_kf_1
*/
.active .ab3_mb_t1, 
.active .ab3_mb_t2, 
.active .ab3_mb_t3, 
.active .ab3_mb_t4 {
	-webkit-animation-name: banner_2_kf_1;
	animation-name: banner_2_kf_1;
	-webkit-animation-duration: 1.5s;
	animation-duration: 1.5s;
	-webkit-animation-fill-mode: backwards;
	animation-fill-mode: backwards;
	-webkit-animation-timing-function:cubic-bezier(.01, 1, .21, .99);
	animation-timing-function:cubic-bezier(.01, 1, .21, .99);
	-webkit-animation-delay: 0.4s;
	animation-delay: 0.4s;	
}
.active .ab3_mb_t1 {
	-webkit-animation-delay: 0.2s;
	animation-delay: 0.2s;	
} 
.active .ab3_mb_t2 {
	-webkit-animation-delay: 0.5s;
	animation-delay: 0.5s;	
}  
.active .ab3_mb_t3 {
	-webkit-animation-delay: 0.6s;
	animation-delay: 0.6s;	
} 
.active .ab3_mb_t4 {
	-webkit-animation-delay: 0.7s;
	animation-delay: 0.7s;	
} 
.active .ab3_mb_img_1 {
	-webkit-animation-name: banner_1_kf_1;
	animation-name: banner_1_kf_1;
	-webkit-animation-duration: 1.5s;
	animation-duration: 1.5s;
	-webkit-animation-fill-mode: backwards;
	animation-fill-mode: backwards;
	-webkit-animation-timing-function:cubic-bezier(.01, 1, .21, .99);
	animation-timing-function:cubic-bezier(.01, 1, .21, .99);
}



@-webkit-keyframes banner_3_kf_1 {
	from {-webkit-transform: scale(0.5);transform: scale(0.5); opacity: 0;}
	to {  -webkit-transform: scale(1);  transform: scale(1); opacity: 1;}
}
@keyframes banner_3_kf_1 {
	from {-webkit-transform: scale(0.5);transform: scale(0.5); opacity: 0;}
	to {  -webkit-transform: scale(1);  transform: scale(1); opacity: 1;}
}

.active .ab3_mb_img_2 {
	-webkit-animation-name: banner_3_kf_1;
	animation-name: banner_3_kf_1;
	-webkit-animation-duration: 1.5s;
	animation-duration: 1.5s;
	-webkit-animation-fill-mode: backwards;
	animation-fill-mode: backwards;
	-webkit-animation-timing-function:cubic-bezier(.01, 1, .21, .99);
	animation-timing-function:cubic-bezier(.01, 1, .21, .99);
	-webkit-animation-delay: 0.4s;
	animation-delay: 0.4s;	
}





/*banner 4 鍔ㄧ敾鏁堟灉*/
.ai-banner-4 .ab4_3d_img_1 { max-width:90%; position:relative;}
.ai-banner-4 .ab4_3d_img_2 { max-width:80%; margin-bottom:-540px;}

.ai-banner-4 .ai-banner-img {display:none;}
.ai-banner-4 {background:#98e2ed url("../../Images/front/index-image/biggest-banner-bg-4-item-2.png.html") center center no-repeat;
-webkit-background-size:80% auto;
background-size:80% auto;
}
.ai-banner-4 .mid_block {position:relative;}
.ai-banner-4 .ab4_3d_img_4,
.ai-banner-4 .ab4_3d_img_5,
.ai-banner-4 .ab4_3d_img_6 { position:absolute; left:50%; top:50%;}
.ai-banner-4 .ab4_3d_img_4 { margin: -63px 0 0 -670px;}
.ai-banner-4 .ab4_3d_img_5 { margin: -163px 0 0 38px;}
.ai-banner-4 .ab4_3d_img_6 { margin: 73px 0 0 114px;}
/*
linktoKeyframe:
	banner_2_kf_1
	banner_1_kf_1
	banner_3_kf_1
*/

.active .ab4_3d_img_2,
.active .ab4_3d_img_1 {
	-webkit-animation-name: banner_3_kf_1;
	animation-name: banner_3_kf_1;
	-webkit-animation-duration: 1.5s;
	animation-duration: 1.5s;
	-webkit-animation-fill-mode: backwards;
	animation-fill-mode: backwards;
	-webkit-animation-timing-function:cubic-bezier(.01, 1, .21, .99);
	-webkit-animation-timing-function:cubic-bezier(0, 1.7, .35, .81);
	animation-timing-function:cubic-bezier(0, 1.7, .35, .81);
	-webkit-animation-delay: 0.1s;
	animation-delay: 0.1s;	
}

.active .ab4_3d_img_4,
.active .ab4_3d_img_5,
.active .ab4_3d_img_6 {
	-webkit-animation-name: banner_1_kf_1;
	animation-name: banner_1_kf_1;
	-webkit-animation-duration: 1.5s;
	animation-duration: 1.5s;
	-webkit-animation-fill-mode: backwards;
	animation-fill-mode: backwards;
	-webkit-animation-timing-function:cubic-bezier(.01, 1, .21, .99);
	-webkit-animation-timing-function:cubic-bezier(0, 1.7, .35, .81);
	animation-timing-function:cubic-bezier(0, 1.7, .35, .81);
	-webkit-animation-delay: 0.1s;
	animation-delay: 0.1s;	
}

.active .ab4_3d_img_4 {
	-webkit-animation-delay: 0.6s;
	animation-delay: 0.6s;		
}
.active .ab4_3d_img_5 {
	-webkit-animation-delay: 0.7s;
	animation-delay: 0.7s;		
}
.active .ab4_3d_img_6 {
	-webkit-animation-delay: 0.8s;
	animation-delay: 0.8s;		
}

/*banner 5 鍔ㄧ敾鏁堟灉*/
.ai-banner-5 {background:#3bc3d0;}

.ai-banner-5 .ab5_chart_wrap { padding:50px 0 10px 0;}
.ai-banner-5 .ab5_t1 {font-size:56px; color:#ffd632}
.ai-banner-5 .ab5_t2 {font-size:88px; color:#fff;}
.ai-banner-5 .ab5_t3 {font-size:32px; color:#158791;}
.ai-banner-5 .ab5_t3 em {font-size:12px; vertical-align:middle;}
.ai-banner-5 .ab5_t3 em span { margin-left:10px;}

.ab5_chart_1 { height:160px;overflow:hidden; width:160px; display:inline-block; background:rgba(0,0,0,0.23); position:relative; background:#f9cb11; border-radius:50%; }
.ab5_chart_1  .patch_1, 
.ab5_chart_1  .patch_2 {overflow:hidden;   width:50%; height:100%; position:absolute; }


.ab5_chart_1  .patch_1 {right:0; top:0; }
.ab5_chart_1  .patch_2 {left:0; top:0; }


.ab5_chart_1  .patch_1 .snap,
.ab5_chart_1  .patch_2 .snap { width:200%; height:100%; background:#fff; border-radius:50%;} 
.ab5_chart_1  .patch_1 .snap {
	position:absolute;
	left:-100%;
	top:0;
	/*-webkit-transform:rotate(30deg);*/
	clip:rect(0px,80px,160px,0px);
	-webkit-animation:chart_1_1 0.2s linear forwards;
	animation:chart_1_1 0.2s linear forwards;
}

.ab5_chart_1  .patch_2 .snap {
	position:absolute;
	right:-100%;
	top:0;
	/*-webkit-transform:rotate(30deg);*/
	clip:rect(0px,160px,160px,80px);
	-webkit-animation:chart_1_2 0.2s 0.2s linear forwards;
	animation:chart_1_2 0.2s 0.2s linear forwards;
	-webkit-animation-timing-function: cubic-bezier(0, .94, .17, 1);/* OLD webkit */
	-webkit-animation-timing-function: cubic-bezier(.05, 2, .59, .72);
	animation-timing-function: cubic-bezier(.05, 2, .59, .72);
}