@charset "utf-8";

*{margin:0;padding:0;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}

a{text-decoration: none;}
.tit{clear:both; padding:50px 0 16px; position:relative;text-align: center; font-size: 40px; font-weight:bold; color:#000;}
.tit span{display: block;font-size:16px;text-align: center;margin-top: 0;}
.tit:after{ content:""; position:absolute; left:0; right:0; bottom:0; margin:0 auto; display:inline-block; height:3px; width:0; border-left:#f87341 60px solid; border-right:#576799 60px solid;}
.tit_s{font-size: 15px;margin: 17px auto 27px;text-align: center;color: #999; font-weight: normal;}

.banner{background:url(../images/zhineng/banner.png) center;height: 500px; width: auto;margin-top: 110px;}

.floor_1{overflow: hidden;}
.wpb_row{width: 1200px; margin:0 auto;position: relative;padding-top: 0px; padding-bottom: 0px;overflow: hidden;}
.wpb_wrap{z-index:10; margin-bottom:0px!important;position: relative;display: block;float: left;width: 100%;}
.wpb_col{width:33.3%;padding:1%;position: relative;display: block;float: left;transform: rotateX(0deg) translate(0px, 0px); opacity: 1;}
.wpb_col .col_box{height:400px; text-align:center;-ms-transform-style:preserve-3d; transform-style:preserve-3d; -webkit-transform-style:preserve-3d; perspective:1000px; -webkit-perspective:1000px;}
.col_box .flip-box-front{min-height:400px;text-align:center;-ms-transform:rotateY(0deg); -webkit-transform:rotateY(0deg);  transform:rotateY(0deg);  -webkit-transform-style:preserve-3d;  -ms-transform-style:preserve-3d;  transform-style:preserve-3d;-ms-transition:transform 0.7s cubic-bezier(.4,.2,.2,1); transition:transform 0.7s cubic-bezier(.4,.2,.2,1); -webkit-transition:transform 0.7s cubic-bezier(.4,.2,.2,1); -webkit-backface-visibility:hidden;  backface-visibility:hidden}
.col_box .flip-box-front:after{position:absolute; z-index:1; top:0; left:0; width:100%; height:100%; content:' '; display:block; opacity:0.6; background-color:inherit; backface-visibility:hidden}
.col_box .inner{position:absolute;left:0;width:100%;padding:60px;outline:1px solid transparent;-webkit-perspective:inherit;perspective:inherit;z-index:2;transform:translateY(-50%) translateZ(60px) scale(.94);-webkit-transform:translateY(-50%) translateZ(60px) scale(.94);  -ms-transform:translateY(-50%) translateZ(60px) scale(.94);  top:50%}
.col_box .icon_img{color:#2c6df6!important;width:59px; margin-right:0px; background-color:transparent!important}
.col_box .inner h3{color: #676767;line-height: 50px;}
.col_box .flip-box-back{background-image: url('../images/zhineng/fl1_bg.jpg');text-align:center;background-color: rgb(255, 255, 255); min-height: 400px; position:absolute;  top:0;  left:0;  width:100%;-ms-transform:rotateY(-180deg); -webkit-transform:rotateY(-180deg);  transform:rotateY(-180deg);  -webkit-transform-style:preserve-3d;  -ms-transform-style:preserve-3d;  transform-style:preserve-3d;background-size:cover; background-position:center; -ms-transition:transform 0.7s cubic-bezier(.4,.2,.2,1); transition:transform 0.7s cubic-bezier(.4,.2,.2,1); -webkit-transition:transform 0.7s cubic-bezier(.4,.2,.2,1); -webkit-backface-visibility:hidden;  backface-visibility:hidden}
.col_box:hover .flip-box-front{-ms-transition:transform 0.7s cubic-bezier(.4,.2,.2,1); transition:transform 0.7s cubic-bezier(.4,.2,.2,1); -webkit-transition:transform 0.7s cubic-bezier(.4,.2,.2,1);-ms-transform:rotateY(180deg)!important; -webkit-transform:rotateY(180deg)!important;  transform:rotateY(180deg)!important}
.col_box:hover .flip-box-back{-ms-transition:transform 0.7s cubic-bezier(.4,.2,.2,1); transition:transform 0.7s cubic-bezier(.4,.2,.2,1); -webkit-transition:transform 0.7s cubic-bezier(.4,.2,.2,1);-ms-transform:rotateY(0deg); -webkit-transform:rotateY(0deg);  transform:rotateY(0deg);  -webkit-transform-style:preserve-3d;  -ms-transform-style:preserve-3d;  transform-style:preserve-3d}
.col_box .nectar-button{visibility: visible; border-color: rgba(0, 0, 0, 0.75);border: 2px solid rgba(0,0,0,0.15);color: #000;border-width:2px!important; padding:12px 20px;border-radius: 4px;-webkit-transform:translateZ(0);  transform:translateZ(0)}
.col_box .nectar-button:hover{border-color:#2c6df6!important;background:#2c6df6!important;color:rgb(255, 255, 255)!important;;box-shadow:0 20px 38px rgba(0, 0, 0, 0.16)!important;transform:translateY(-3px);-webkit-transform:translateY(-3px);}


.floor_2{padding-bottom:80px;background:#f9f9f9}
.floor_2 .item_dec{margin:0 auto}
.floor_2 .item_dec .item_con{width:1200px;margin:0 auto}
.floor_2 .item_dec .item_con:after,.floor_2 .item_dec .item_con:before{content:" ";display:table}
.floor_2 .item_dec .item_con:after{clear:both}
.floor_2 .item_con .item_l{position:relative;float:left;width:1110px;height:588px;margin-left:-75px;background:url(../images/zhineng/fl2_bg.png) no-repeat;background-size:97%}
.floor_2 .item_con .item_l .img{position:absolute;left:308px;top:121px;z-index:1}
.floor_2 .item_con .item_l .img img{width:586px;margin-left:-26px;margin-top:-10px;height:380px}
.floor_2 .item_con .item_l .phone{position:absolute;left:905px;top:197px;z-index:1}
.floor_2 .item_con .item_l .phone .swiper-container_1{width:159px;height:285px;opacity:0;overflow:hidden}
.floor_2 .item_con .item_l .phone .swiper-container_1 .swiper-slide img{display:block;width:100%;height:100%}
.floor_2 .item_con .item_l .phone .swiper-container_1 .pagination{position:absolute;z-index:20;bottom:10px;width:100%;text-align:center}
.floor_2 .item_con .item_l .phone .swiper-container_1 .swiper-pagination-switch{display:inline-block;width:8px;height:8px;margin:0 5px;border:1px solid #f7f7f7;border-radius:8px;background:#ddd;opacity:.8;cursor:pointer}
.floor_2 .item_con .item_l .phone .swiper-container_1 .swiper-active-switch{background:#3788de}

.floor_2 .item_dec .item_con .item_r{float:left;margin-left:0;margin-top:60px}
.floor_2 .item_dec .item_con .item_r .ir-list .ir-item{margin-top:60px}
.floor_2 .item_dec .item_con .item_r .ir-list .ir-item .ir-title{font-size:18px;color:#333;line-height:18px;font-weight:700}
.floor_2 .item_dec .item_con .item_r .ir-list .ir-item .ir-child-list{margin-top:7px}
.floor_2 .item_dec .item_con .item_r .ir-list .ir-item .ir-child-list .ir-child-item:after,.floor_2 .item_dec .item_con .item_r .ir-list .ir-item .ir-child-list .ir-child-item:before{content:" ";display:table}
.floor_2 .item_dec .item_con .item_r .ir-list .ir-item .ir-child-list .ir-child-item:after{clear:both}
.floor_2 .item_dec .item_con .item_r .ir-list .ir-item .ir-child-list .ir-child-item .icon{float:left;display:block;color:#f5603b;font-size:12px;line-height:28px}
.floor_2 .item_dec .item_con .item_r .ir-list .ir-item .ir-child-list .ir-child-item img{float:left;margin-top:8px}
.floor_2 .item_dec .item_con .item_r .ir-list .ir-item .ir-child-list .ir-child-item .child-text{float:left;margin:0;font-size:14px;color:#333;line-height:28px;background: url(../images/zhineng/fl2_ico.png) no-repeat;background-position: -1px;padding-left: 16px;}
.floor_2 .item_dec .item_con .item_r .ir-list .first-ir-item{margin-top:0}
.swiper-slide{float:left;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}
.swiper-container{margin:0 auto;position:relative;overflow:hidden;direction:ltr;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-o-backface-visibility:hidden;backface-visibility:hidden;z-index:1}
.swiper-wrapper{position:relative;width:100%;-webkit-transition-property:-webkit-transform,left,top;-webkit-transition-duration:0s;-webkit-transform:translate3d(0,0,0);-webkit-transition-timing-function:ease;-moz-transition-property:-moz-transform,left,top;-moz-transition-duration:0s;-moz-transform:translate3d(0,0,0);-moz-transition-timing-function:ease;-o-transition-property:-o-transform,left,top;-o-transition-duration:0s;-o-transform:translate3d(0,0,0);-o-transition-timing-function:ease;-o-transform:translate(0,0);-ms-transition-property:-ms-transform,left,top;-ms-transition-duration:0s;-ms-transform:translate3d(0,0,0);-ms-transition-timing-function:ease;transition-property:transform,left,top;transition-duration:0s;transform:translate3d(0,0,0);transition-timing-function:ease;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}
.swiper-wrapper{width:895px!important}
.swiper-slide{width:179px!important}
.swiper-free-mode>.swiper-wrapper{-webkit-transition-timing-function:ease-out;-moz-transition-timing-function:ease-out;-ms-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out;margin:0 auto}
.swiper-slide{float:left;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}
.swiper-wp8-horizontal{-ms-touch-action:pan-y}
.swiper-wp8-vertical{-ms-touch-action:pan-x}


.floor_3{ width:1200px; margin:0 auto; height:100%; position: relative;}
.xcimg li{ float: left;width:386px; margin-right: 21px; overflow: hidden;height:600px; position:relative;}
.xcimg li a{ display:block; height:100%; background:#f4f4f4;}
.xcimg li a:hover{ text-decoration:none;}
.xcimg li img{width:386px;height:450px;}
.xcimg li h3{ padding: 32px 0 0 32px; width:278px; font-size: 24px; line-height: 28px; color:#3c3c3c;}
.xcimg li p{ font-size: 14px;width:278px; color:#898989;padding:10px 0 30px 32px;}
.xcimg li h5{ width:50px; height:50px; overflow:hidden; position:absolute; top:485px; right:20px;}
.xcimg li h5 em{ display:block;width:50px; height:50px;}
.xcimg li h5 img{display:block;width:50px; height:50px;}
.xcimg li h5 i{display:block;width:50px; height:50px;}
.xcimg li a:hover h3,.xcimg li a:hover p{ color:#fff;}
.xcimg li a:hover{background:#f77841; color:#fff;-webkit-transition:all 0.7s;transition:all 0.7s;transition-property:background;-moz-transition-property: background; /* Firefox 4 */-webkit-transition-property:background; /* Safari 鍜� Chrome */-o-transition-property:background;}
.xcimg li a:hover em{ display:none;}
.xcimg li a:hover em{ display:none;}

.xcprev{ position: absolute; top: 287px;left: -64px;background: url(../images/zhineng/xcprev.png) no-repeat 0 0; width:44px; height:44px; }
.xcnext{ position: absolute; top: 287px;right: -64px;background: url(../images/zhineng/xcnext.png) no-repeat 0 0; width:44px; height:44px;}
.xcprev:hover{background: url(../images/zhineng/xcprev1.png) no-repeat 0 0; width:44px; height:44px; }
.xcnext:hover{background: url(../images/zhineng/xcnext1.png) no-repeat 0 0; width:44px; height:44px;}

.floor_4{overflow: hidden;background:#fff;margin-top: 15px;}
.fl4_con{width: 1200px; margin: 0 auto;overflow: hidden;}
.fl4_con .col{float: left;width: 30%;margin-right: 3.3%;padding: 0;margin-bottom: 35px;height: auto;}
.fl4_con .col .work-item{margin-bottom: 25px;overflow: visible;position: static;width: 100%;}
.fl4_con .col .work-item img{opacity:1;transition: all 0.3s cubic-bezier(.21,.6,.35,1);width: 390px;height: 262px;display: block;margin-bottom: 0;}
.fl4_con .col:hover .work-item img{transform: translateY(-5px);box-shadow: 0 30px 65px rgba(0,0,0,0.15);}
.fl4_con .col .work-meta{width: 100%;text-align: left;font-size: 11px;color: #999;}
.fl4_con .col .work-meta h4{line-height: 22px;position: relative;top: -2px;color: #000;font-family:微软雅黑;font-size: 20px;font-weight: 400;}
.fl4_con .col .work-meta p{line-height: 22px;}