@charset "utf-8";body{background-color:white}.homepage{overflow-y:scroll}.hp-main{display:block;width:100%;height:100%}.hp-section{position:relative;zoom:1;min-width:1200px;width:100%;background-color:#fff;color:#333;font-size:14px;font-weight:400}.sect-panel{position:relative;z-index:10;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}.sect-panel h1,.sect-panel h2,.sect-panel h3,.sect-panel h4,.sect-panel h5,.sect-panel h6,.sect-panel p{margin:0;padding:0;font-style:normal;font-weight:normal}.sect-panel>.panel-hd{position:relative;*zoom:1;overflow:hidden}.sect-panel>.panel-hd .hd-title{padding:8px 10px;height:56px;color:#333;font-size:0;text-align:center}.sect-panel>.panel-hd .hd-title-lnk{display:inline-block;margin-top:1px;height:40px;line-height:0;background-image:url(../images/homepage/sprites_homepage_titles.png);background-repeat:no-repeat;background-position:0 0;font-size:0;text-decoration:none;text-indent:-9999px;vertical-align:top}.sect-panel>.panel-bd{padding-top:20px}.excerpt-list{position:relative;zoom:1;overflow:hidden}.excerpt{padding:0 0 0 185px;overflow:hidden;background-color:#fff;border:0 none}.excerpt p{margin:0;padding:0}.excerpt .e-focus{display:block;float:left;margin-left:-185px;width:170px;text-decoration:none}.excerpt .e-focus-img{width:170px;max-width:100%;height:220px}.excerpt .e-heading{margin-bottom:10px}.excerpt .e-heading h4{margin:0;padding:0;height:30px;line-height:30px;color:#333;font-size:18px;font-weight:normal}.excerpt .e-note{line-height:24px;overflow:hidden;color:#666666;font-size:14px;word-wrap:break-word}.arrow-left,.arrow-right{margin-top:-44px;position:absolute;top:50%;width:30px;height:88px;text-align:center;background:url(../images/homepage/banner_arrow_bg.png) repeat;z-index:60;-webkit-transition:all 0.6s ease;-moz-transition:all 0.6s ease;-o-transition:all 0.6s ease;transition:all 0.6s ease}.arrow-left:hover,.arrow-right:hover{background:url(../images/homepage/banner_arrow_hoverbg.png) repeat}.arrow-left i,.arrow-right i{font-size:40px;font-weight:normal;color:#fff;line-height:88px}.more-btn{display:block;width:280px;height:80px;background:#333;font-size:16px;text-align:center;line-height:80px;color:#ccc;font-family:"Microsoft YaHei";-webkit-transition:all 0.6s ease;-moz-transition:all 0.6s ease;-o-transition:all 0.6s ease;transition:all 0.6s ease}.more-btn:hover{background:#000;color:#fff}.idx-interval{width:100%;height:320px}.csstransitions.cssanimations .J_def_animateup,.csstransitions.cssanimations .J_animate{opacity:0}.csstransitions.cssanimations #J_brand_section .J_btnani{opacity:0}.csstransitions.cssanimations #style_section .J_btnani{opacity:0}.csstransitions.cssanimations #service_section .service-item{opacity:0}.welcome-section{margin:0;top:-180px;height:917px;overflow:hidden}.welcome-section .arrow-left,.welcome-section .arrow-right{margin-top:46px}.welcome-section .arrow-left{left:50%;margin-left:-600px}.welcome-section .arrow-right{right:50%;margin-right:-600px}.welcome-section:after{content:'';position:relative;z-index:-1;display:block;width:100%;height:100%;background:none}.no-cssanimations.no-csstransitions .welcome-section:after{display:none}.no-cssanimations.no-csstransitions .welcome-section .hp-contwraper{position:relative;top:0;left:0;right:0;z-index:0}.welcome-section{opacity:.7;filter:alpha(opacity=70);width:100%;height:1000px;-webkit-transition:all 1s ease;-moz-transition:all 1s ease;-o-transition:all 1s ease;transition:all 1s ease}.welcome-section .swiper-container,.welcome-section .welcome-wrapper,.welcome-section .swiper-slide{width:100%;height:100%;border:0 none}.welcome-section .swiper-slide{width:100%;height:100%;*zoom:1;overflow:hidden;background:#eee}.welcome-section .swiper-slide img{width:100%;height:917px;background-repeat:no-repeat;background-position:center center;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;background-color:#120f0c}.welcome-section .banner-pagination{position:absolute;bottom:30px;left:50%;z-index:20;margin:0 0 0 -600px;width:1200px;font-size:0;text-align:center;-webkit-text-size-adjust:none}.welcome-section .swiper-pagination-switch{display:inline-block;width:40px;height:5px;line-height:0;background-color:#fff;font-size:0;text-indent:-9999px;cursor:pointer}.welcome-section .swiper-pagination-switch+.swiper-pagination-switch{margin-left:6px}.welcome-section .swiper-active-switch{background-color:#333}.brand-section{position:relative;margin:-180px 0 0 0;background-image:url(../images/homepage/hp_section_bg1.jpg);background-repeat:no-repeat;background-position:center center;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover}.brand-section:before{position:absolute;top:0;left:0;z-index:1;display:block;width:100%;height:490px;content:'';background-image:url(../images/homepage/hp_section_before.jpg);background-repeat:no-repeat;background-position:center center;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover}.brand-section .brand-hd{margin-top:40px;width:100%;height:230px}.brand-section .brand-hd img{display:block;width:100%;height:100%}.brand-section .brand-title{margin-top:130px;width:256px;height:59px;line-height:0;background:url(../images/homepage/idx_brand_title.png) no-repeat center top;font-size:0;text-indent:-9999px}.brand-section .brand-slogan{margin-top:137px;margin-right:159px;width:299px;height:35px;line-height:0;background:url(../images/homepage/idx_brand_solgan.png) no-repeat center top;font-size:0;text-indent:-9999px}.brand-section .brand-title span{display:block;width:257px;height:55px;font-size:0}.brand-section .brand-slogan span{display:block;width:279px;height:36px;font-size:0}.brand-section .brand-bd{padding:0;margin-top:40px;width:100%;overflow:hidden}.brand-section .brand-purpose{width:100%;overflow:hidden}.brand-section .purpose-items{padding:0;height:540px}.brand-section .purpose-items img{-webkit-transition:all 0.6s ease;-moz-transition:all 0.6s ease;-o-transition:all 0.6s ease;transition:all 0.6s ease}.brand-section .purpose-items a{display:block;height:100%}.brand-section .purpose-cont{display:block;width:100%;position:relative;height:100%}.brand-section .purpose-cont img{display:block;width:100%;height:100%}.brand-section .purpose-details{width:100%;position:absolute;bottom:0;left:0;height:120px;-webkit-transition:all 0.6s ease;-moz-transition:all 0.6s ease;-o-transition:all 0.6s ease;transition:all 0.6s ease}.brand-section .purpose-details .more-btn{width:100%;height:40px;background:#788eff;text-align:center;line-height:40px;text-transform:capitalize;font-size:14px;color:#fff;-webkit-transition:all 0.6s ease;-moz-transition:all 0.6s ease;-o-transition:all 0.6s ease;transition:all 0.6s ease}.brand-section .purpose-details .more-btn:hover{background-color:#5c75f7}.brand-section .purpose-title{padding:37px 50px;width:100%;height:120px;-webkit-transition:all 1s ease;-moz-transition:all 1s ease;-o-transition:all 1s ease;transition:all 1s ease}.brand-section .purpose-title strong,.brand-section .purpose-title span{overflow:hidden;word-wrap:normal;white-space:nowrap;-o-text-overflow:ellipsis;text-overflow:ellipsis}.brand-section .purpose-title strong{display:block;width:100%;font-size:24px;color:#fff;font-weight:normal;font-family:"Microsoft YaHei"}.brand-section .purpose-title span{display:block;width:100%;font-size:16px;color:#999;letter-spacing:1px;font-family:'Arial';text-transform:capitalize}.brand-section .purpose-desc{padding:30px;height:240px;overflow:hidden;background:url(../images/homepage/brand_desc_bg.png) repeat}.brand-section .purpose-desc p{font-size:14px;color:#666;line-height:30px}.brand-section .purpose-items.hover{-webkit-box-shadow:0 4px 10px rgba(0,0,0,0.1);-moz-box-shadow:0 4px 10px rgba(0,0,0,0.1);box-shadow:0 4px 10px rgba(0,0,0,0.1)}.brand-section .purpose-items.hover .purpose-details{height:400px}.brand-section .purpose-items.hover .purpose-title{background:url(../images/homepage/banner_arrow_hoverbg.png) repeat}.brand-section .problem-wrap{width:100%}.brand-section .problem-wrap:before,.brand-section .problem-wrap:after{display:table;content:" "}.brand-section .problem-wrap:after{clear:both}.brand-section .problem-slide{position:relative;width:100%;height:590px}.brand-section .problem-hd{position:absolute;width:590px;height:590px;z-index:100}.brand-section .problem-hd ul{position:absolute;bottom:80px;right:90px;z-index:100}.brand-section .problem-hd ul li{float:left;width:50px;height:4px;margin-left:10px;border-radius:2px;background-color:#e9e9e9;cursor:pointer}.brand-section .problem-hd ul li.on{background-color:#788eff}.brand-section .problem-bd{position:relative;width:100%;height:100%;z-index:1;overflow:hidden}.problem-items{width:100%;height:590px}.problem-items:before,.problem-items:after{display:table;content:" "}.problem-items:after{clear:both}.pro-left,.pro-right{width:590px;float:left;height:590px;overflow:hidden}.pro-left img{width:100%;height:100%}.x-form-wrap{width:100%;height:100%;background-repeat:no-repeat;background-position:center center;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover}.x-form-wrap2 .x-form-hd{padding:100px 40px 20px 40px}.x-form-wrap2 .bj-tips-inner,.x-form-wrap3 .bj-tips-inner{margin-top:30px;width:100%;height:58px}.x-form-wrap2 .bj-tips-inner dd,.x-form-wrap3 .bj-tips-inner dd{float:left;width:116px;height:58px;text-align:center;background:url(../images/common/transparent20.png) repeat}.x-form-wrap2 .bj-tips-inner dd+dd,.x-form-wrap3 .bj-tips-inner dd+dd{margin-left:15px}.x-form-wrap2 .bj-tips-inner dd i,.x-form-wrap3 .bj-tips-inner dd i{display:block;margin:10px auto 0 auto;width:42px;height:21px}.x-form-wrap2 .bj-tips-inner dd span,.x-form-wrap3 .bj-tips-inner dd span{display:inline-block;width:100%;font-size:14px;line-height:24px;margin:0;color:#fff;-webkit-opacity:.6;-moz-opacity:.6;-khtml-opacity:.6;opacity:.6;filter:alpha(opacity=60)}.x-form-wrap2 .x-form-inner,.x-form-wrap3 .x-form-inner{margin:0 -8px}.x-form-wrap2 .x-form-inner li,.x-form-wrap3 .x-form-inner li{margin-top:15px;padding:0 8px}.x-form-wrap2 .x-form-inner .x-form-txt,.x-form-wrap3 .x-form-inner .x-form-txt{width:100%;height:100%;overflow:hidden}.x-form-wrap2 .x-form-inner input,.x-form-wrap3 .x-form-inner input{width:100%;height:40px;padding:0 10px;line-height:40px;font-size:14px;color:#fff;border:none;background:url(../images/common/wtransparent20.png)}.x-form-wrap2 .x-submit-btn,.x-form-wrap3 .x-submit-btn{margin-top:15px;margin-bottom:30px}.x-form-wrap2 .x-form-ftr,.x-form-wrap3 .x-form-ftr{margin-top:0;padding:0;width:100%;height:auto;background:none;text-align:center}.x-form-wrap2 .x-form-ftr p,.x-form-wrap3 .x-form-ftr p{font-size:14px;color:#fff}.x-form-wrap2 .x-form-ftr p em,.x-form-wrap3 .x-form-ftr p em{font-size:16px;color:#ffe9ba;font-weight:700;font-style:normal}.x-form-wrap3 .x-form-hd{padding:100px 40px 0 40px}.x-form-wrap3 .x-form-hd p{display:block;width:100%;margin-top:40px;padding-top:40px;border-top:1px solid #404040;font-size:14px;color:#fff}.x-form-hd{padding:80px 40px 60px 40px;width:100%;overflow:hidden}.x-form-hd span{margin-top:30px;font-size:14px;color:#fff;float:right}.x-form-hd span em{font-size:16px;color:#ffe9ba;font-weight:700;font-style:normal}.form1-txt{display:inline-block;width:263px;height:49px}.form2-txt{display:inline-block;width:383px;height:51px}.form3-txt{display:inline-block;width:346px;height:86px}.x-form-bd{padding:0 40px;width:100%;overflow:hidden}.x-form-group{width:100%}.x-form-group:before,.x-form-group:after{display:table;content:" "}.x-form-group:after{clear:both}.x-form-inner{margin:0 -15px}.x-form-inner li{margin-top:25px;padding:0 15px}.x-form-inner .x-form-txt{width:100%;height:100%;overflow:hidden}.x-form-inner input{width:100%;height:40px;padding:0 10px;line-height:40px;font-size:14px;color:#fff;border:none;background:none;border-bottom:1px solid #6c6365}.x-submit-btn{width:100%;height:40px;border:none;font-size:16px;color:#402a1b;background:#fae39f;background:-moz-linear-gradient(left, #fae39f 0%, #d79d58 100%);background:-webkit-linear-gradient(left, #fae39f 0%, #d79d58 100%);background:linear-gradient(to right, #fae39f 0%, #d79d58 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#fae39f', endColorstr='#d79d58',GradientType=1 );cursor:pointer}.x-form-ftr{padding:60px;margin-top:45px;width:100%;height:220px;background-image:url(../images/common/btransparent40.png)}.x-ewm-panel{padding:2px;float:left;width:100px;height:100px;background:#fff}.x-ewm-panel img{width:100%;height:100%}.x-ftr-msg{margin-left:40px;float:left;width:330px}.x-ftr-msg span{display:block;width:100%}.x-ftr-msg span.nth1{margin-bottom:10px;padding-bottom:10px;border-bottom:1px solid #413a3c}.no-cssanimations.no-csstransitions .purpose-items:hover{-webkit-box-shadow:0 4px 10px rgba(0,0,0,0.1);-moz-box-shadow:0 4px 10px rgba(0,0,0,0.1);box-shadow:0 4px 10px rgba(0,0,0,0.1)}.no-cssanimations.no-csstransitions .purpose-items:hover .purpose-details{height:400px}.no-cssanimations.no-csstransitions .purpose-items:hover .purpose-title{background:url(../images/homepage/banner_arrow_hoverbg.png) repeat}.style-section{margin:0;background-image:url(../images/homepage/hp_section_bg2.jpg);background-repeat:no-repeat;background-position:center center;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover}.style-section:before{display:table;content:''}.style-section .sect-panel.style-panel{padding-left:10px;padding-right:10px;overflow:hidden}.style-hd{margin-top:96px;margin-bottom:70px;height:58px}.style-hd .style-title{float:left;display:block;width:371px;height:58px;font-size:0;line-height:0;text-indent:-9999px;background:url(../images/homepage/idx_style_title.png) no-repeat top center}.style-hd .case-more-link{margin-top:29px;margin-left:10px;float:right;font-size:14px;color:#666;line-height:22px}.style-hd .case-more-link:hover{color:#788eff}.style-hd .tab-ctr{margin-top:26px;float:right;margin-right:-10px}.style-hd .tab-ctr a{display:inline-block;margin:0 10px;padding:3px 15px;font-size:16px;color:#333;cursor:pointer;font-family:"Microsoft YaHei";-webkit-transition:all 0.6s ease;-moz-transition:all 0.6s ease;-o-transition:all 0.6s ease;transition:all 0.6s ease}.style-hd .tab-ctr a.active{background-color:#788eff;color:#fff !important}.style-hd .tab-ctr a:active,.style-hd .tab-ctr a:focus{color:#fff}.style-hd .tab-ctr a:hover{color:#788eff}.style-bd{padding-top:0 !important;position:relative;width:100%}.style-bd:before,.style-bd:after{display:table;content:" "}.style-bd:after{clear:both}.style-bd .case-pagination{margin:20px 0;z-index:20;width:100%;text-align:center}.style-bd .swiper-pagination-switch{display:inline-block;width:6px;height:6px;border-radius:50%;background:#333;margin:0 5px;opacity:0.8;cursor:pointer;vertical-align:middle}.style-bd .swiper-active-switch{width:10px;height:10px}.style-container{width:100%;height:960px}.hp-case-inner{padding-left:3.125%;padding-right:3.125%;width:100%}.hp-case-inner:before,.hp-case-inner:after{display:table;content:" "}.hp-case-inner:after{clear:both}.hp-case-list{margin:0 -10px}.hp-case-list:before,.hp-case-list:after{display:table;content:" "}.hp-case-list:after{clear:both}.hp-case-item{padding:10px;height:470px;overflow:hidden}.hp-case-cont{position:relative;padding:10px;width:100%;height:100%;background:#fff;overflow:hidden;-webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;-o-transition:all 0.3s ease;transition:all 0.3s ease}.hp-case-cont:hover{background:#333}.hp-case-cont:hover .hp-case-pic{height:260px}.hp-case-cont:hover .hp-case-tit h4{color:#fff}.hp-case-pic{display:block;width:100%;height:350px;overflow:hidden;-webkit-transition:all 0.6s ease;-moz-transition:all 0.6s ease;-o-transition:all 0.6s ease;transition:all 0.6s ease;background-repeat:no-repeat;background-position:center center;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover}.hp-case-pic img{width:100%;height:350px}.hp-case-txt-cont{width:100%;overflow:hidden}.hp-case-txt{padding:10px 0;width:100%;height:110px}.hp-case-tit{float:left;width:60%;display:block;overflow:hidden}.hp-case-tit h4{margin:10px 0;display:block;font-size:16px;color:#333;width:100%;overflow:hidden;word-wrap:normal;white-space:nowrap;-o-text-overflow:ellipsis;text-overflow:ellipsis;-webkit-transition:all 0.6s ease;-moz-transition:all 0.6s ease;-o-transition:all 0.6s ease;transition:all 0.6s ease}.hp-case-tit p{margin:0;font-size:14px;color:#999}.hp-case-tit p span+span:before{content:'\007C';padding:0 10px;line-height:inherit;color:#999;font-family:Arial, Helvetica, \5b8b\4f53, sans-serif;font-size:16px;text-align:center}.hp-link-cont{margin-top:15px;width:40%;float:right}.link-details{float:right;padding:0 10px;display:inline-block;height:30px;background-color:#f7f7f7;font-size:14px;color:#666;text-align:center;line-height:30px;-webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;-o-transition:all 0.3s ease;transition:all 0.3s ease}.hp-case-author{margin-top:23px;padding:10px 0;width:100%;height:80px;border-top:1px solid #4d4d4d}.author-pic{width:60px;height:60px;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;overflow:hidden;background-repeat:no-repeat;background-position:center center;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover}.author-name{padding:0 10px;width:50%}.author-name h4{margin:10px 0;font-size:16px;color:#fefefe;-webkit-transition:all 0.6s ease;-moz-transition:all 0.6s ease;-o-transition:all 0.6s ease;transition:all 0.6s ease}.author-name em{font-size:14px;color:#999;font-style:normal}.author-details{float:right;margin-top:10px;padding:0 10px;display:inline-block;width:30%;text-align:center;height:40px;border:1px solid #e6e6e6;background:#fff;line-height:40px;font-size:14px;color:#666;-webkit-transition:all 0.6s ease;-moz-transition:all 0.6s ease;-o-transition:all 0.6s ease;transition:all 0.6s ease}.style-ftr{margin:44px auto 120px auto;height:80px;font-size:0}.style-ftr .ftr-desc{margin-top:10px;float:left;display:block;width:493px;height:36px;line-height:0;font-size:0;text-indent:-9999px;background:url(../images/homepage/idx_style_ftr_desc.png) no-repeat top center}.style-ftr .more-btn{position:relative;float:right}.style-ftr .more-btn:before{display:block;position:absolute;top:50%;left:50%;margin-top:-11px;margin-left:-65px;content:'';width:23px;height:22px;background:url(../images/homepage/idx_style_more_ico.png) center center no-repeat}.design-section{margin:0;background:#fff url(../images/homepage/hp_section_bg3.jpg) no-repeat center 512px}.design-section:before{display:table;content:''}.afflatus-select span:before,.column-item:before{content:'';background:url(../images/homepage/idx_afflatus_sprite.png)}.afflatus-panel{position:relative;width:100%;height:711px}.pic-slide{position:absolute;top:-90px;left:0;width:580px;height:722px}.pic-slide .slide-title{position:absolute;top:82px;right:60px;display:block;width:255px;height:165px;z-index:10}.pic-slide .slide-title img{width:100%;height:100%}.pic-slide .slide-pic{display:block;width:100%;height:100%;overflow:hidden}.pic-slide .slide-pic img{display:block;width:100%;height:100%;-webkit-transition:all 0.6s ease;-moz-transition:all 0.6s ease;-o-transition:all 0.6s ease;transition:all 0.6s ease;-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}.pic-slide .slide-pic:hover img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1)}.afflatus-desc-wrap{margin-right:2px;margin-top:49px;float:right;width:500px}.afflatus-desc-wrap .afflatus-title{display:block;width:295px;height:57px;font-size:0;line-height:0;text-indent:-9999px;background:url(../images/homepage/idx_afflatus_title.png) no-repeat top center}.afflatus-desc-wrap .afflatus-column{margin:20px -10px 7px}.afflatus-desc-wrap .afflatus-column li{float:left;width:260px;height:80px;padding:10px}.afflatus-desc-wrap .afflatus-column li+li .column-item{background-color:#333}.afflatus-desc-wrap .afflatus-column li:hover .column-item{-webkit-box-shadow:0 0 40px rgba(0,1,48,0.2);-moz-box-shadow:0 0 40px rgba(0,1,48,0.2);box-shadow:0 0 40px rgba(0,1,48,0.2);-webkit-transform:translateY(-5px);-moz-transform:translateY(-5px);-ms-transform:translateY(-5px);-o-transform:translateY(-5px);transform:translateY(-5px);color:#fff;-webkit-transition:all 0.6s ease;-moz-transition:all 0.6s ease;-o-transition:all 0.6s ease;transition:all 0.6s ease}.afflatus-desc-wrap .afflatus-column li:hover i{display:block}.afflatus-desc-wrap .afflatus-column .column-item{position:relative;padding:0 20px 0 70px;display:block;width:100%;height:100%;background:#c4985b;line-height:60px;font-size:18px;color:#fff;font-family:"Microsoft YaHei"}.afflatus-desc-wrap .afflatus-column .column-item:before{position:absolute;top:16px;left:20px;margin-right:20px;width:30px;height:28px}.afflatus-desc-wrap .afflatus-column i{display:none;float:right;font-size:20px;line-height:60px;color:#fff;font:normal normal normal 20px/3 FontAwesome}.afflatus-desc-wrap .afflatus-column .column-icon1:before{background-position:-9px -10px}.afflatus-desc-wrap .afflatus-column .column-icon2:before{background-position:-9px -58px}.afflatus-desc-wrap .afflatus-select{margin-bottom:20px}.afflatus-desc-wrap .afflatus-select span{position:relative;font-size:18px;color:#333;font-family:"Microsoft YaHei"}.afflatus-desc-wrap .afflatus-select span:before{position:absolute;top:6px;left:0;height:8px}.afflatus-desc-wrap .afflatus-select .hot-icon{padding-left:35px}.afflatus-desc-wrap .afflatus-select .hot-icon:before{width:23px;background-position:-9px -96px}.afflatus-desc-wrap .afflatus-select .like-icon{padding-left:50px}.afflatus-desc-wrap .afflatus-select .like-icon:before{width:36px;background-position:-54px -96px}.afflatus-desc-wrap .afflatus-option{margin:0 -5px}.afflatus-desc-wrap .afflatus-option a{padding:5px 10px;margin:5px;display:block;float:left;background-color:#f2f2f2;color:#666;font-size:14px;font-family:"Microsoft YaHei";-webkit-transition:all 0.6s ease;-moz-transition:all 0.6s ease;-o-transition:all 0.6s ease;transition:all 0.6s ease}.afflatus-desc-wrap .afflatus-option a:hover{background-color:#788eff;color:#fff}.afflatus-desc-wrap .afflatus-option a.option-more{text-transform:capitalize;background-color:transparent;color:#ccc}.afflatus-desc-wrap .afflatus-option a.option-more:hover{color:#788eff}.design-panel{width:100%}.design-panel .design-hd{height:80px;font-size:0}.design-panel .design-hd img{width:100%;height:100%}.design-panel .design-title{float:left;display:block;width:194px;height:63px;font-size:0;line-height:0;text-indent:-9999px;background:url(../images/homepage/idx_design_title.png) no-repeat top center}.design-panel .design-slogan{display:block;float:right;margin-top:42px;width:543px;height:34px;font-size:0;line-height:0;text-indent:-9999px;background:url(../images/homepage/idx_design_desc.png) no-repeat top center}.design-bd{margin-top:50px}.design-bd h3{margin:0;font-size:24px}.design-bd h3 a{color:#333}.design-bd h4{font-size:16px}.design-bd h4 a{color:#999}.design-bd .reserve-btn{background-color:#788eff;-webkit-transition:all 0.6s ease;-moz-transition:all 0.6s ease;-o-transition:all 0.6s ease;transition:all 0.6s ease}.design-bd .reserve-btn:hover{background-color:#5c75f7}.design-bd .case-btn{background-color:#333;-webkit-transition:all 0.6s ease;-moz-transition:all 0.6s ease;-o-transition:all 0.6s ease;transition:all 0.6s ease}.design-bd .case-btn:hover{background-color:#222}.hot-design{height:360px}.hot-design-pic{height:100%;padding:0;overflow:hidden;background:#e5e5e5}.hot-design-pic:hover img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1)}.hot-design-pic img{display:block;width:100%;height:100%;-webkit-transition:all 0.6s ease;-moz-transition:all 0.6s ease;-o-transition:all 0.6s ease;transition:all 0.6s ease;-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}.hot-design-desc{padding:60px;height:360px;background-color:#f2f2f2}.hot-design-desc p{margin:40px 0;font-size:14px;line-height:30px;color:#666;height:60px;overflow:hidden;font-family:"Microsoft YaHei"}.hot-design-desc .case-btn,.hot-design-desc .reserve-btn{display:inline-block;width:180px;height:40px;font-size:14px;color:#fff;line-height:40px;text-align:center;font-family:"Microsoft YaHei"}.hot-design-desc .case-btn{margin-left:20px}.d-swiper-panel{padding-top:10px;padding-right:10px;padding-left:3.125%;padding-right:3.125%;position:relative;width:100%;overflow:hidden}.d-swiper-panel:before,.d-swiper-panel:after{display:table;content:" "}.d-swiper-panel:after{clear:both}.d-swiper-panel .design-pagination{margin:10px 0;z-index:20;width:100%;text-align:center}.d-swiper-panel .swiper-pagination-switch{display:inline-block;width:6px;height:6px;border-radius:50%;background:#333;margin:0 5px;opacity:0.8;cursor:pointer;vertical-align:middle}.d-swiper-panel .swiper-active-switch{width:10px;height:10px}.hp-design-container,.hp-design-wrapper,.hp-design-slide{width:100%;height:460px}.design-lists{height:100%}.design-lists:before,.design-lists:after{display:table;content:" "}.design-lists:after{clear:both}.design-list{margin:.55555556%;float:left;width:18.88888889%;height:436px}.design-list:hover{-webkit-box-shadow:0 0 10px rgba(0,1,48,0.5);-moz-box-shadow:0 0 10px rgba(0,1,48,0.5);box-shadow:0 0 10px rgba(0,1,48,0.5)}.design-list:hover .d-cont-msg{height:170px}.list-cont{position:relative;width:100%;height:100%;overflow:hidden}.d-cont-pic{position:absolute;top:0;left:0;display:block;width:100%;height:100%;background-repeat:no-repeat;background-position:center center;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover}.d-cont-msg{position:absolute;bottom:0;left:0;width:100%;height:76px;background:url(../images/common/transparent95.png) repeat;-webkit-transition:all 0.6s ease;-moz-transition:all 0.6s ease;-o-transition:all 0.6s ease;transition:all 0.6s ease}.d-cont-msg h4{margin:0;padding-left:20px;padding-right:20px;padding-top:5.88235294%;padding-bottom:5.88235294%;font-size:20px;height:60px;line-height:40px;color:#333}.d-cont-msg h4 span{float:right;font-size:14px;line-height:40px;color:#666}.cont-style{margin:10px 0;padding:0 20px;height:30%;overflow:hidden;font-size:14px;color:#666}.cont-style span{color:#999}.cont-style a{display:inline-block;-webkit-transition:all 0.6s ease;-moz-transition:all 0.6s ease;-o-transition:all 0.6s ease;transition:all 0.6s ease;margin:1.47058824%}.cont-style a:hover{color:#788eff}.d-cont-link{width:100%;height:40px}.d-cont-link a{float:left;display:inline-block;width:50%;height:100%;text-align:center;line-height:40px;font-size:14px;color:#fff}.d-cont-link a.reserve-btn{background-color:#788eff;-webkit-transition:all 0.6s ease;-moz-transition:all 0.6s ease;-o-transition:all 0.6s ease;transition:all 0.6s ease}.d-cont-link a.reserve-btn:hover{background:#5c75f7}.d-cont-link a.d-case-link{background:#3c3c3c;-webkit-transition:all 0.6s ease;-moz-transition:all 0.6s ease;-o-transition:all 0.6s ease;transition:all 0.6s ease}.d-cont-link a.d-case-link:hover{background:#000}.design-ftr{margin:40px 0 90px 0}.design-ftr .more-btn{position:relative;margin:0 auto;background:#333;-webkit-transition:all 0.6s ease;-moz-transition:all 0.6s ease;-o-transition:all 0.6s ease;transition:all 0.6s ease;-webkit-opacity:.6;-moz-opacity:.6;-khtml-opacity:.6;opacity:.6;filter:alpha(opacity=60)}.design-ftr .more-btn:before{position:absolute;top:50%;left:50%;margin-top:-11px;margin-left:-70px;display:block;content:'';width:24px;height:23px;background:url(../images/homepage/idx_design_more_ico.png) no-repeat}.design-ftr .more-btn:hover{background:#000;-webkit-opacity:1;-moz-opacity:1;-khtml-opacity:1;opacity:1;filter:alpha(opacity=100)}.process-section{margin:0;width:100%;height:900px;background:#fff url(../images/homepage/hp_section_bg4.jpg) no-repeat center center}.process-section .sect-panel{padding-left:10px;padding-right:10px}.process-hd{width:100%;height:64px;margin:80px 0 72px;font-size:0}.process-hd img{display:block;width:100%;height:100%}.process-hd .process-title{float:left;display:block;width:195px;height:64px;font-size:0;line-height:0;text-indent:-9999px;background:url(../images/homepage/idx_process_title.png) no-repeat top center}.process-hd .process-slogan{float:right;margin-top:22px;display:block;width:499px;height:36px;font-size:0;line-height:0;text-indent:-9999px;background:url(../images/homepage/idx_process_solgan.png) no-repeat top center}.process-bd,.process-list{width:100%;height:460px}.process-bd .process-item,.process-list .process-item{float:left;position:relative;width:236px;height:400px;-webkit-transition:all 0.6s ease;-moz-transition:all 0.6s ease;-o-transition:all 0.6s ease;transition:all 0.6s ease}.process-bd .process-item.even-item,.process-list .process-item.even-item{margin-top:60px}.process-bd .process-item.even-item .process-desc,.process-list .process-item.even-item .process-desc{top:0;left:0}.process-bd .process-item.odd-item .process-desc,.process-list .process-item.odd-item .process-desc{bottom:0;left:0}.process-bd .process-item:hover,.process-list .process-item:hover{height:460px;box-shadow:2px 4px 10px #999}.process-bd .process-item:hover.even-item,.process-list .process-item:hover.even-item{margin-top:0px}.process-bd .process-item:hover .process-desc,.process-list .process-item:hover .process-desc{background:url(../images/homepage/brand_desc_bg.png) repeat;padding:80px 20px}.process-bd .process-item:hover .process-desc strong,.process-list .process-item:hover .process-desc strong{color:#666}.process-bd .process-item:hover .process-desc p,.process-list .process-item:hover .process-desc p{display:block}.process-bd .process-pic,.process-list .process-pic{position:absolute;width:100%;height:100%}.process-bd .process-desc,.process-list .process-desc{position:absolute;padding:30px 20px;width:100%;background:url(../images/homepage/banner_arrow_hoverbg.png) repeat;-webkit-transition:all 0.6s ease;-moz-transition:all 0.6s ease;-o-transition:all 0.6s ease;transition:all 0.6s ease}.process-bd .process-desc strong,.process-list .process-desc strong{display:block;width:100%;font-size:18px;color:#fff;font-weight:normal;line-height:40px;font-family:"Microsoft YaHei"}.process-bd .process-desc p,.process-list .process-desc p{font-size:14px;color:#666;line-height:1.5;display:none;font-family:"Microsoft YaHei"}.news-section{margin:0;height:958px;background:#fff url(../images/homepage/hp_section_bg5.jpg) no-repeat center center}.news-section .news-items{width:100%;height:958px;position:relative}.news-section .news-warp{float:left;position:absolute;width:590px;height:960px}.news-section .news-warp img{display:block;width:100%;height:100%}.news-section .news-warp.black-wrap{top:-80px;left:0}.news-section .news-warp.gray-wrap{bottom:0;right:0}.news-section .news-list{width:100%}.news-section .news-item{width:100%;height:220px;-webkit-transition:all 0.6s ease;-moz-transition:all 0.6s ease;-o-transition:all 0.6s ease;transition:all 0.6s ease}.news-section .news-item:hover .more-link{-webkit-transform:translateX(10px);-moz-transform:translateX(10px);-ms-transform:translateX(10px);-o-transform:translateX(10px);transform:translateX(10px)}.news-section .news-item.black-item{border-bottom:1px solid #2e2e2e;background-color:#222}.news-section .news-item.gray-item{border-bottom:1px solid #d9d9d9;background-color:#e5e5e5}.news-section .news-item.black-item+.more-btn{width:100%;background:url(../images/homepage/gray_bg.png) repeat}.news-section .news-item.gray-item+.more-btn{width:100%;background:url(../images/homepage/brand_desc_bg.png) repeat}.news-section .news-item .news-link{display:block;padding:30px 80px;overflow:hidden;width:100%;height:100%}.news-section .news-item .news-title{display:block;width:100%;overflow:hidden;word-wrap:normal;white-space:nowrap;-o-text-overflow:ellipsis;text-overflow:ellipsis;font-size:16px;font-weight:normal;font-family:"Microsoft YaHei"}.news-section .news-item span{display:block;margin:35px 0;font-size:14px;line-height:24px;height:48px;color:#999;font-family:"Microsoft YaHei";display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;word-wrap:break-word;text-overflow:ellipsis}.news-section .news-item .guide-wrap{color:#666;font-size:14px;font-family:"Microsoft YaHei"}.news-section .news-item .guide-wrap time{float:left}.news-section .news-item .more-link{float:right;position:relative;padding-right:20px;text-transform:capitalize;color:#788eff;-webkit-transition:all 0.6s ease;-moz-transition:all 0.6s ease;-o-transition:all 0.6s ease;transition:all 0.6s ease}.news-section .news-item .more-link:before{position:absolute;top:0;right:0}.news-section .black-item .news-title{color:#fff}.news-section .black-item:hover{background-color:#2b2b2b}.news-section .black-item:hover .news-title{color:#fff}.news-section .gray-item .news-title{color:#333}.news-section .gray-item:hover{background-color:#f7f7f7}.news-section .gray-item:hover .news-title{color:#333}.news-section .gray-item:hover .more-link{color:#788eff}.news-section .more-btn{color:#999}.news-section .more-btn:hover{color:#788eff}.news-section .news-tit{display:block;width:110px;height:58px;margin:81px 60px;font-size:0;line-height:0;text-indent:-9999px;background:url(../images/homepage/idx_news_title.png) no-repeat top center}.news-section .news-slogan{margin-top:127px;display:block;width:182px;height:36px;font-size:0;line-height:0;text-indent:-9999px;background:url(../images/homepage/idx_news_solgan.png) no-repeat top center}.service-section{margin:0;width:100%;height:400px;background:#333}.service-section .service-title{margin-left:-19px;display:block;width:198px;height:62px;font-size:0;line-height:0;text-indent:-9999px;background:url(../images/homepage/idx_service_title.png) no-repeat top center}.service-section .service-title img{display:block;width:100%;height:100%}.service-section .service-list{width:100%;height:200px}.service-section .service-item{float:left;position:relative;padding:75px 34px;width:236px;height:200px;background-color:#e6e6e6;cursor:pointer}.service-section .service-item em{display:block;position:absolute;z-index:10;width:0;height:0}.service-section .service-item.first-child{padding:51px 19px;background-color:transparent;cursor:default}.service-section .service-item.odd-item{background-color:#f2f2f2}.service-section .service-item.even-item{background-color:#e6e6e6}.service-section .service-item.hover.odd-item:hover.right-arrow em{border-left-color:#333}.service-section .service-item.hover.odd-item:hover.left-arrow em{border-right-color:#333}.service-section .service-item.hover.even-item:hover.right-arrow em{border-left-color:#333}.service-section .service-item.hover.even-item:hover.bottom-arrow em{border-top-color:#333}.service-section .service-item.hover.even-item:hover.left-arrow em{border-right-color:#333}.service-section .service-item.hover:hover{background-color:#333}.service-section .service-item.hover:hover .service-desc{color:#fff}.service-section .odd-item.right-arrow em{top:50%;right:-20px;margin-top:-10px;border-top:15px solid transparent;border-left:20px solid #f2f2f2;border-bottom:15px solid transparent}.service-section .odd-item.left-arrow em{top:50%;left:-20px;margin-top:-9px;border-top:15px solid transparent;border-right:20px solid #f2f2f2;border-bottom:15px solid transparent}.service-section .even-item.right-arrow em{top:50%;right:-20px;margin-top:-9px;border-top:15px solid transparent;border-left:20px solid #e6e6e6;border-bottom:15px solid transparent}.service-section .even-item.left-arrow em{top:50%;left:-20px;margin-top:-9px;border-top:15px solid transparent;border-right:20px solid #e6e6e6;border-bottom:15px solid transparent}.service-section .even-item.bottom-arrow em{bottom:-20px;left:50%;margin-left:-10px;border-left:15px solid transparent;border-right:15px solid transparent;border-top:20px solid #e6e6e6}.service-section .service-number{float:left;display:block;width:75px;height:47px}.service-section .service-number img{display:block;width:auto;height:auto}.service-section .service-desc{float:right;width:84px;line-height:24px;font-size:14px;color:#333;font-family:"Microsoft YaHei"}@media screen and (min-width: 0px) and (max-width: 1400px){.brand-section .brand-hd{margin-top:0}.brand-section .brand-bd{margin-top:0}.brand-section .brand-title{margin-top:100px}.brand-section .brand-slogan{margin-top:107px}.style-bd .style-container{height:700px}.hp-case-inner .hp-case-item{height:350px}.hp-case-inner .hp-case-item .hp-case-pic{height:240px}.hp-case-inner .hp-case-item .hp-case-pic img{height:240px}.hp-case-inner .hp-case-item .hp-case-author{margin-top:8%;padding:5px 0}.hp-case-inner .hp-case-item .author-name{width:46%;padding:0 5px}.hp-case-inner .hp-case-item .author-details{padding:0 5px}.hp-case-inner .hp-case-item:hover .hp-case-pic{height:160px}.design-panel .design-ftr{margin-bottom:60px}}@media screen and (min-width: 1401px) and (max-width: 1600px){.style-bd .style-container{height:800px}.hp-case-inner .hp-case-item{height:400px}.hp-case-inner .hp-case-item .hp-case-pic{height:280px}.hp-case-inner .hp-case-item .hp-case-pic img{height:280px}.hp-case-inner .hp-case-item .hp-case-author{margin-top:8%;padding:5px 0}.hp-case-inner .hp-case-item .author-name{width:46%;padding:0 5px}.hp-case-inner .hp-case-item .author-details{padding:0 5px}.hp-case-inner .hp-case-item:hover .hp-case-pic{height:204px}}