.product-art-head{height:389px;background-position:center top;background-repeat:no-repeat}.product-art-head .intro{color:#fff;width:650px;padding:80px 36px 0}.product-art-head .intro h1{font-size:40px}.product-art-head .intro p{font-size:14px;line-height:24px;padding:10px 0 0}.product-art-head .intro .btn{padding:50px 0 0}.product-art-head .intro .btn a{display:inline-block;vertical-align:top;line-height:36px;width:100px;margin:0 5px;border-radius:22px;text-align:center;font-size:14px}.product-art-head .intro .btn a.play{color:#fff;border:#fff 1px solid;border:rgba(255,255,255,.3) 1px solid;width:130px;padding:0 16px 0 0}.product-art-head .intro .btn a.play i{vertical-align:top;position:relative;top:3px;margin:0 8px 0 0;font-size:22px;line-height:1}.product-art-head .intro .btn a.play b{position:relative}.product-art-head .intro .btn a.play b:after{position:absolute;bottom:-1px;left:0;width:100%;height:1px;background:#fff}.product-art-head .intro .btn a.ask{background:#fff;color:#211622;border:#fff 1px solid}.product-art-sub{height:60px}.product-art-sub .sub-list{height:59px;border-bottom:1px solid #e1e1e1;text-align:center;background:#fff;position:relative}.product-art-sub .sub-list span{display:inline-block;vertical-align:top;font-size:15px;line-height:58px;margin:0 32px;cursor:pointer;-webkit-transition:color .3s;transition:color .3s;position:relative;z-index:1}.product-art-sub .sub-list span.cur{color:#3c4aa5;cursor:default;border-bottom:#3c4aa5 2px solid}.product-art-sub .sub-list span:hover{color:#3c4aa5;border-bottom:#3c4aa5 2px solid}.product-art-sub .sub-tit{font-size:18px;line-height:60px;position:absolute;left:50%;margin:0 0 0 -600px;top:0;display:none}.product-art-sub .sub-btn{position:absolute;right:50%;margin:0 -600px 0 0;top:14px;display:none}.product-art-sub .sub-btn a{display:inline-block;vertical-align:top;font-size:15px;line-height:32px;color:#fff;background:#3a48a0;padding:0 24px;border-radius:16px}.product-art-sub .sub-btn a:hover{opacity:.8}.product-art-sub-fixed .sub-list{position:fixed;top:0;left:0;width:100%;z-index:1}.product-art-sub-fixed .sub-btn,.product-art-sub-fixed .sub-tit{display:block}.product-art-body{background:#fff;padding:50px 0 100px}.product-art-body .con{padding:14px 0 0;color:#666}.product-art-body .con h2{font-size:20px;padding:28px 0 0 12px;position:relative;color:#212121}.product-art-body .con h2:after{content:'';position:absolute;background:#e1e1e1;height:1px;right:0;left:5em;bottom:13px}.product-art-body .con h2:before{content:'';height:18px;width:4px;position:absolute;left:0;bottom:5px;background:#3c4aa5;border-radius:3px}.product-art-body .con p{padding:14px 0 0;font-size:15px;line-height:28px}.product-art-body .con ul{padding:14px 0 0;list-style-position:inside}.product-order{width:660px;display:none}.product-order .close{position:absolute;top:10px;right:10px;color:#fff;cursor:pointer}.product-order .close i{font-size:30px;font-weight:100;opacity:.5}.product-order-head{background:#3a48a0;color:#fff;padding:40px;line-height:2}.product-order-head dt{font-size:24px}.product-order-head dd{font-size:14px;color:#a4ace2}.product-order-body{padding:40px 0}.product-order-body .order-item{padding:10px 0;line-height:40px;font-size:16px;color:#757575}.product-order-body .order-item span{display:inline-block;vertical-align:top;width:200px;text-align:right;margin:0 40px 0 0}.product-order-body .order-item input{vertical-align:top;font-size:16px;line-height:20px;padding:8px 12px;border:#dcdcdc 1px solid;width:240px;-webkit-transition:all .3s;transition:all .3s;border-radius:2px}.product-order-body .order-item input:focus{border-color:#3a48a0}.product-order-body .order-item #validate-code{width:140px;border-top-right-radius:0;border-bottom-right-radius:0}.product-order-body .order-item #validate-btn{width:100px;height:38px;background:#3a48a0;color:#fff;font-size:15px;cursor:pointer;border:0;border-radius:4px;border-top-left-radius:0;border-bottom-left-radius:0}.product-order-body .order-item #validate-btn:disabled{cursor:not-allowed}.product-order-foot{border-top:#dcdcdc 1px solid;padding:30px 0 50px;text-align:center}.product-order-foot input{width:136px;height:42px;margin:0 10px;border:0;border-radius:4px;font-size:15px;cursor:pointer;-webkit-transition:all .3s;transition:all .3s}.product-order-foot input.cancel{background:#dfdfdf}.product-order-foot input.cancel:hover{background:#ccc}.product-order-foot input.submit{background:#3a48a0;color:#fff}.product-order-foot input.submit:hover{background:#27358e}.product-case{margin:30px 0}.product-case a{width:20%;position:relative}.product-case a span{position:absolute;left:0;top:0;display:table;width:100%;height:137px;background:rgba(0,0,0,.8);color:#fff;opacity:0;-webkit-transition:all .3s;transition:all .3s}.product-case a:hover span{opacity:1}.product-case a b{display:table-cell;width:240px;text-align:center;height:137px;vertical-align:middle;box-sizing:border-box;padding:0 20px}.product-case a img{height:138px}.head{position:relative}.content{padding-top:0}#video{display:none}
.wrap-inner{width:1100px;margin:0 auto;overflow:hidden}.wrap-outer{width:1200px;margin:0 auto}.pro-top,.pro-top-static{height:60px;background:#fff}.pro-top{position:fixed;width:100%;top:80px;z-index:1;box-shadow:0 0 5px rgba(0,0,0,.1)}.pro-top-left{float:left;font-size:18px;line-height:60px}.pro-top-right{float:right}.pro-top-right .subnav{float:left;-webkit-transform:none;-ms-transform:none;transform:none;opacity:1}.pro-top-right .subnav li{float:left;font-size:14px;line-height:56px;padding:2px 4px 0;margin:0 12px;cursor:pointer}.pro-top-right .subnav li.cur{border-bottom:2px solid #3a48a0;color:#3a48a0;cursor:default}.pro-top-right .btn{float:left;padding:14px 0 0 24px}.pro-top-right .btn a{display:inline-block;vertical-align:top;font-size:15px;line-height:32px;color:#fff;background:#3a48a0;padding:0 24px;border-radius:16px}.pro-top-right .btn a:hover{opacity:.8}.headroom{-webkit-transition:-webkit-transform .25s ease-in-out;transition:-webkit-transform .25s ease-in-out;transition:transform .25s ease-in-out;transition:transform .25s ease-in-out,-webkit-transform .25s ease-in-out;will-change:transform}.headroom--not-top,.ie .pro-top{position:fixed;z-index:10;right:0;left:0;top:0}.headroom--pinned{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}.headroom--unpinned{-webkit-transform:translateY(-100%);-ms-transform:translateY(-100%);transform:translateY(-100%)}.pro{background:#1a0d10 url(image/page/product/360/banner.jpg) center 0 no-repeat;background-attachment:fixed}.pro-head{height:510px;color:#fff;text-align:center}.pro-head .cap{padding:150px 0 0}.pro-head .cap dt{font-size:48px}.pro-head .cap dd{color:#959595;font-size:15px;line-height:28px}.pro-head .btn{padding:78px 0 0}.pro-head .btn a{display:inline-block;vertical-align:top;line-height:40px;width:152px;margin:0 5px;border-radius:22px}.pro-head .btn a.play{color:#fff;border:#fff 1px solid;border:rgba(255,255,255,.3) 1px solid}.pro-head .btn a.play i{vertical-align:top;position:relative;top:1px;margin:0 10px 0 0}.pro-head .btn a.play b{position:relative;top:-2px}.pro-head .btn a.play b:after{position:absolute;bottom:-1px;left:0;width:100%;height:1px;background:#fff;content:''}.pro-head .btn a.ask{font-size:18px;background:#fff;color:#211622;border:#fff 1px solid}.pro-item{background:#fff}.pro-item-2{background:#f2f2f2}.pro-item-2 .section h4{text-align:left;padding:0 12px}.pro-item-3{background:#333;color:#fff;-webkit-transition:all .5s;transition:all .5s;overflow:hidden;height:0}.pro-item-3 .section{padding:112px 0 0}.pro-item-3 .section .box p{color:#fff}.pro-item-3.cur{margin-top:-80px;height:600px}.pro-item-5{background:#f2f2f2}.section{padding:68px 0 0}.section h4{text-align:center;font-size:30px;font-weight:100}.section .box{padding:16px 0 0}.section .box p{text-align:center;font-size:14px;color:#878787;line-height:26px}.piclist{margin:0 -27px;padding:16px 0 64px}.piclist li{float:left;width:330px;margin:0 27px}.piclist .des{border:#e6e6e6 1px solid;border-width:0 1px 1px;padding:22px 16px 26px}.piclist .des dt{color:#000;font-size:18px;line-height:2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.piclist .des dd{color:#878787;font-size:13px;line-height:22px;height:88px;overflow:hidden;padding:4px 0 0}.piclist-2 li{width:258px;margin:0 10px;background:#fff;border:#e6e6e6 1px solid;border-radius:4px;overflow:hidden;position:relative;-webkit-transition:all .3s;transition:all .3s}.piclist-2 li:hover{border:#ccc 1px solid;box-shadow:0 0 5px #ccc}.piclist-2{margin:0 -10px;padding:46px 0 64px}.piclist-2 .pic img{border-radius:4px}.piclist-2 .des{border-width:1px 0 0}.piclist-2 .des dt{font-size:14px;font-weight:700}.piclist-2 .des dd{padding:10px 0 0;height:44px}.piclist-2 .des .link{-webkit-transition:all .3s;transition:all .3s}.piclist-2 .des .link span{color:#3c4aa4;text-decoration:underline}.piclist-2 .href{position:absolute;left:0;top:0;width:100%;height:100%}.section .box.pro-intro{padding:30px 12px 0}.pro-intro-left{float:left;width:660px}.pro-intro-item{padding:35px 0 0}.pro-intro-item .icon{float:left;width:68px;height:60px;background:url(image/page/product/360/s.png) no-repeat;position:relative}.pro-intro-item-1 .icon{background-position:0 0}.pro-intro-item-2 .icon{background-position:0 -60px}.pro-intro-item-3 .icon{background-position:0 -120px}.pro-intro-item .icon .line{background:#d2d2d2;width:1px;height:48px;position:absolute;left:23px;top:56px}.pro-intro-item .con{float:left;width:592px}.pro-intro-item .con .tit{font-size:16px;line-height:22px;color:#fff}.pro-intro-item .con .tit b{display:inline-block;vertical-align:top;border-radius:2px;padding:0 3px}.pro-intro-item-1 .con .tit b{background:#00acce}.pro-intro-item-2 .con .tit b{background:#5fc183}.pro-intro-item-3 .con .tit b{background:#e4ac3d}.pro-intro-item .con .p1{font-size:15px;line-height:24px;color:#3f3f3f}.pro-intro-item .con .p2{font-size:13px;line-height:20px;color:#878787;padding:16px 0 0}.pro-intro-right{width:416px;float:left;padding:35px 0 0}.expand{text-align:center;padding:36px}.expand-tip{font-size:16px;color:#3c4aa4;line-height:30px;-webkit-transition:all .5s;transition:all .5s}.expand-btn{padding:6px 0 0;line-height:1;position:relative;-webkit-transition:all .5s;transition:all .5s;top:0}.expand-btn i{font-size:40px;cursor:pointer;color:#3a48a0;-webkit-transition:all .5s;transition:all .5s;display:inline-block}.expand.cur .expand-tip{opacity:0}.expand.cur .expand-btn{top:30px}.expand.cur .expand-btn i{color:#fff;-webkit-transform:rotate(135deg);-ms-transform:rotate(135deg);transform:rotate(135deg);top:30px}.section .box.pro-exp{padding:26px 0 32px;margin:0 0 0 -52px}.pro-exp-item{float:left;width:144px;background:url(image/page/product/360/line.png) left center no-repeat;overflow:hidden;height:276px;-webkit-transition:width .3s linear;transition:width .3s linear;-webkit-transition:width .3s cubic-bezier(.46,.03,.52,.96);transition:width .3s cubic-bezier(.46,.03,.52,.96)}.pro-exp-item:first-child{background:0 0}.pro-exp-item.cur{width:576px}.pro-exp-view{width:456px;padding:48px 0 0 52px}.pro-exp-view .icon{float:left;width:122px;text-align:center}.pro-exp-view .icon dt{height:122px;background:url(image/page/product/360/s.png) no-repeat}.pro-exp-item1 .icon dt{background-position:0 -180px}.pro-exp-item2 .icon dt{background-position:0 -310px}.pro-exp-item3 .icon dt{background-position:0 -440px}.pro-exp-item4 .icon dt{background-position:0 -570px}.pro-exp-item5 .icon dt{background-position:0 -700px}.pro-exp-view .icon dd{font-size:15px;line-height:24px;padding:6px 0 0}.pro-exp-view .con{float:left;width:334px}.pro-exp-view .con p{font-size:13px;line-height:24px;text-align:left;color:#878787!important;margin:0 0 0 34px;padding:9px 0 15px 10px;position:relative}.pro-exp-view .con p:before{position:absolute;content:'';background:#878787;height:4px;width:4px;left:0;border-radius:2px;top:20px}.section .box.pro-intro2{padding:80px 0 0}.pro-intro2-left{float:left;width:580px;padding:0 0 110px}.pro-intro2-left .intro{width:530px;padding:0 0 0 6px;display:none}.pro-intro2-left .intro dt{color:#3c4aa4;font-size:30px}.pro-intro2-left .intro dd{font-size:16px;line-height:30px;padding:6px 0 0;height:90px;overflow:hidden}.pro-intro2-left .intro.cur{display:block}.pro-intro2-left .apply{padding:28px 0 0 6px;width:530px}.pro-intro2-left .apply dt{font-size:14px;line-height:25px;position:relative}.pro-intro2-left .apply dt:before{content:'';border-bottom:#c9c9c9 1px dotted;width:100%;position:absolute;top:12px}.pro-intro2-left .apply dt b{display:inline-block;vertical-align:top;background:#b8b8b8;padding:0 12px;color:#fff;border-radius:12px;position:relative}.pro-intro2-left .apply dd{padding:24px 0 0;font-size:16px;height:24px;overflow:hidden;display:none}.pro-intro2-left .apply dd span{padding:0 24px 0 0}.pro-intro2-left .apply dd i{font-size:24px;line-height:1;display:inline-block;vertical-align:top;margin:0 8px 0 0;color:#00b172}.pro-intro2-left .apply dd.cur{display:block}.pro-intro2-tab{padding:0 0 48px;margin:0 0 0 -15px}.pro-intro2-tab dl{float:left;width:112px;text-align:center;cursor:pointer}.pro-intro2-tab dt{width:82px;height:82px;margin:0 auto;background:url(image/page/product/360/s.png) no-repeat}.pro-intro2-tab dd{font-weight:700;color:#b8b8b8;padding:10px 0 0}.pro-intro2-tab .tab-1 dt{background-position:0 -830px}.pro-intro2-tab .tab-1.cur dt{background-position:-100px -830px}.pro-intro2-tab .tab-2 dt{background-position:0 -930px}.pro-intro2-tab .tab-2.cur dt{background-position:-100px -930px}.pro-intro2-tab .tab-3 dt{background-position:0 -1030px}.pro-intro2-tab .tab-3.cur dt{background-position:-100px -1030px}.pro-intro2-tab .tab-4 dt{background-position:0 -1130px}.pro-intro2-tab .tab-4.cur dt{background-position:-100px -1130px}.pro-intro2-tab .tab-5 dt{background-position:0 -1230px}.pro-intro2-tab .tab-5.cur dt{background-position:-100px -1230px}.pro-intro2-tab .cur{cursor:default}.pro-intro2-tab .cur dd{color:#4760ff}.pro-intro2-right{float:left;width:520px;text-align:center}.pro-intro2-right .pic{vertical-align:baseline;display:none}.pro-intro2-right .pic.cur{display:inline-block}.video{position:fixed;left:0;top:0;z-index:99999;background:#000;background:rgba(0,0,0,.5);width:100%;height:100%;display:none}.video-box{position:absolute;height:70%;width:1100px;top:15%;left:50%;margin-left:-550px;text-align:center}.my-video-dimensions{position:absolute;width:100%;height:100%}.video-box video{width:100%;height:100%;display:inline-block;vertical-align:top;background:#000}
.pro{background:#1a0d10 url(image/page/product/gzf/banner.jpg) center 0 no-repeat;background-attachment:fixed}.pro-head .cap dd{color:#fff}.pro-head .cap{text-shadow:0 0 5px rgba(0,0,0,.5)}.gzf-box1{padding-top:64px;text-align:center}.pro-intro-item .con .tit b{background:0 0!important;color:#212121}.pro-intro-item .icon{background-image:url(image/page/product/gzf/s.png)}.pro-intro-right{position:relative}.pro-intro-right .pic img{position:absolute;width:1221px;height:546px;max-width:1221px;right:-240px;top:-120px}.gzf-apple{border:#d9d9d9 1px solid;border-width:3px 1px 1px;border-radius:3px}.gzf-apple dl{height:288px;-webkit-transition:all .3s;transition:all .3s}.gzf-apple dt{padding:16px 18px;font-size:20px;-webkit-transition:all .3s;transition:all .3s}.gzf-apple dt i{display:inline-block;vertical-align:top;width:36px;height:30px;background:url(image/page/product/gzf/s.png) no-repeat}.gzf-apple dt b{display:inline-block;vertical-align:top}.gzf-apple dd{color:#a0a0a0;font-size:14px;line-height:30px;padding:30px 4px 0;margin:0 18px;text-align:center;border-top:#ececec 1px solid;-webkit-transition:all .3s;transition:all .3s}.gzf-apple-item{width:220px;border-left:#d9d9d9 1px solid;height:288px}.gzf-apple-item:first-child{width:218px;border:0}.gzf-apple-item-1 dt i{background-position:0 -176px}.gzf-apple-item-2 dt i{background-position:0 -216px}.gzf-apple-item-3 dt i{background-position:0 -256px}.gzf-apple-item-4 dt i{background-position:0 -296px}.gzf-apple-item-5 dt i{background-position:0 -336px}.gzf-apple-item:hover dl{position:relative;height:318px;margin:-15px -1px 0;border:#3c4aa4 1px solid;background:#fff;box-shadow:0 0 8px rgba(0,0,0,.5)}.gzf-apple-item:hover dt{background:#3c4aa4;color:#fff}.gzf-apple-item:hover dd{color:#000;border-top-color:#fff}.gzf-apple-item.gzf-apple-item-1:hover dt i{background-position:0 -376px}.gzf-apple-item.gzf-apple-item-2:hover dt i{background-position:0 -416px}.gzf-apple-item.gzf-apple-item-3:hover dt i{background-position:0 -456px}.gzf-apple-item.gzf-apple-item-4:hover dt i{background-position:0 -496px}.gzf-apple-item.gzf-apple-item-5:hover dt i{background-position:0 -536px}