a,abbr,acronym,address,applet,big,blockquote,body,caption,cite,code,dd,del,dfn,div,dl,dt,em,fieldset,font,form,h1,h2,h3,h4,h5,h6,html,iframe,img,ins,kbd,label,legend,li,object,ol,p,pre,q,s,samp,small,span,strike,strong,sub,sup,table,tbody,td,tfoot,th,thead,tr,tt,ul,var{margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;text-transform:none;text-decoration:none} body{font-family:"PingFang SC","Hiragino Sans GB","Heiti SC","Microsoft YaHei",Arial,SimSun,sans-serif;font-size:16px} :focus{outline:0} table{border-collapse: collapse;border-spacing:0} caption,td,th{text-align:left;font-weight:400} a img,iframe{border:none} ol,ul{list-style:none} button,input,select,textarea{font-size:100%;font-family:inherit;-webkit-appearance:none} select{margin:inherit} img{display:block;padding:0;margin:0} ol{margin-left:2em} .clearfix:after{content:"";display:block;height:0;clear:both;visibility:hidden} .clearfix{display:inline-block} * html .clearfix{height:1%} .clearfix{display:block;clear:both;float:none} strong{font-weight:700} *{-webkit-tap-highlight-color:transparent} body{-webkit-text-size-adjust:none;-moz-text-size-adjust:none;-ms-text-size-adjust:none;text-size-adjust:none} input:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px #fff inset} @font-face{font-family:"Futura MB";src:url('../assets/fonts/futura/Futura Md BT.eot?1505870096');src:url('../assets/fonts/futura/Futura Md BT.eot?&1505870096#iefix') format('embedded-opentype'),url('../assets/fonts/futura/Futura Md BT.woff?1505870096') format('woff'),url('../assets/fonts/futura/Futura Md BT.ttf?1505870096') format('truetype');font-weight:400;font-style:normal} @font-face{font-family:"Futura Condensed";src:url('../assets/fonts/futura/Futura Condensed.eot?1505870110');src:url('../assets/fonts/futura/Futura Condensed.eot?&1505870110#iefix') format('embedded-opentype'),url('../assets/fonts/futura/Futura Condensed.woff?1505870110') format('woff'),url('../assets/fonts/futura/Futura Condensed.ttf?1505870110') format('truetype');font-weight:400;font-style:normal} /* @font-face{font-family:iconfont;src:url(../assets/fonts/iconfont/iconfont.eot?150630289);src:url(../assets/fonts/iconfont/iconfont.eot?&150630289#iefix) format('embedded-opentype'),url(../assets/fonts/iconfont/iconfont.ttf?150630289) format('truetype'),url(../assets/fonts/iconfont/iconfont.woff?150630289) format('woff'),url(../assets/fonts/iconfont/iconfont.svg?150630289) format('svg');font-weight:400;font-style:normal} */ [class*=" icon-"],[class^=icon-]{font-family:iconfont;speak:none;font-style:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale} /* .icon-weixin:before{content:"\e66d"} .icon-sina:before{content:"\e6d1"} .icon-address:before{content:"\e60d"} .icon-home:before{content:"\e7a3"} .icon-list:before{content:"\e605"} .icon-baojianpin:before{content:"\e604"} .icon-tel:before{content:"\e677"} .icon-close:before{content:"\e603"} .icon-yaopin:before{content:"\e61f"} .icon-up:before{content:"\e688"} .icon-search:before{content:"\e61a"} .icon-huazhuangpin:before{content:"\e617"} .icon-download:before{content:"\e61d"} .icon-qita:before{content:"\e641"} .icon-email:before{content:"\e601"} .icon-arrow:before{content:"\e600"} .icon-bottle:before{content:"\e63b"} .icon-fox:before{content:"\e696"} .icon-player:before{content:"\e637"} .icon-xiaoduchanpin:before{content:"\e63a"} .icon-jiankangshipin:before{content:"\e63c"} .icon-rediancuxiao:before{content:"\e63d"} .icon-bus:before{content:"\e63e"} .icon-subway:before{content:"\e63f"} .icon-reduce:before{content:"\e627"} .icon-jia:before{content:"\e620"} */ .main-404{padding-top: 90px;text-align: center;} .main-404 > img{display: block;margin: 0 auto 64px;} a{-moz-transition:color .3s ease-out,background .3s ease-out;-o-transition:color .3s ease-out,background .3s ease-out;-webkit-transition:color .3s ease-out,background .3s ease-out;transition:color .3s ease-out,background .3s ease-out} *{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box} .stop-scrolling{height:100%;overflow-y:scroll} .stop-scrolling .container{width:100%;position:fixed} .wrap{width:1200px;margin:0 auto} .main{padding-top:100px} .img-box{position:relative;display:block;overflow:hidden} .img-box:before{content:"";display:block} .img-box img{display:block;width:100%;-moz-transition:-moz-transform .5s ease-out;-o-transition:-o-transform .5s ease-out;-webkit-transition:-webkit-transform .5s ease-out;transition:transform .5s ease-out} .white{color:#fff} .black30{color:#303030} .red{color:#ef6c72} .bg-white{background-color:#fff} .bg-red{background-color:#ff4137} .bg-yellow{background-color:#ffcd00} .bg-pink{background-color:#ef6c72} .bg-blue{background-color:#2f2b5d} .bg-f8{background:#f8f8f8} .bg-f5{background:#f5f5f5} .bg-gray{background-color:#e7e7e7} .bg-jyh{background-color: #f16a6e} .mt20{margin-top:20px} .mt30{margin-top:30px} .mt40{margin-top:40px} .mt60{margin-top:60px} .mt90{margin-top:90px} .mt120{margin-top:120px} .mt200{margin-top: 200px;} .pt20{padding-top:20px} .wow{visibility:hidden} .no-csstransforms3d .wow{visibility:visible!important} @keyframes fadeInUp{from{opacity:0;transform:translate3d(0,10px,0)} to{opacity:1;transform:none} } .fadeInUp{animation-name:fadeInUp} .animated{animation-duration:.3s;animation-timing-function:ease-out;animation-fill-mode:both;animation-delay:.2s} .header{position:fixed;z-index:10;top:0;right:0;left:0;background-color:#fff;-moz-backface-visibility:hidden;-webkit-backface-visibility:hidden;backface-visibility:hidden} .header-inner{position:relative;height:100px} .header-link{padding-top:17px;font-size:0;text-align:right} .header-link a{padding:0 12px;display:inline-block;vertical-align:top;font-size:12px;line-height:17px;border-right:1px solid #c4c4c4} .header-link a:nth-of-type(n+2){border-left:1px solid #c4c4c4} .header-menu{padding-top:27px;font-size:0;text-align:right} .header-menu a{margin-left:35px;font-size:14px;line-height:24px;color:#666} .header-menu a.current,.header-menu a:hover{color:#f16a6e} .logo{position:absolute;bottom:20px;left:0} .footer-link{padding:23px 0;background-color:#e7e7e7;font-size:12px;line-height:2;color:#9e9e9e} .footer-link a{margin-left:48px;display:inline-block;vertical-align:top;color:#9e9e9e} .footer-link a:hover{color:#f16a6e} .footer-link .wrap{padding-left: 70px; position: relative;} .footer-link .wrap span{position: absolute;left: 0px;} .footer-info{padding:36px 0 42px;background-color:#eaeaea} .footer-contact,.footer-menu,.footer-menu ul{display:inline-block;vertical-align:top} .footer-contact{margin-bottom:70px;width:370px;font-size:12px;line-height:20px;color:#2d2d58} .footer-contact h4{margin-bottom:5px;font-size:18px;line-height:1} .footer-contact a{color:#2d2d58} .footer-menu ul{width:150px} .footer-menu ul a{font-size:12px;line-height:2;color:#9e9e9e} .footer-menu ul a:hover{color:#f16a6e} .footer-inner{position:relative;min-height:160px} .footer-search{position:absolute;top:0;right:0;width:278px} .footer-search-box{position:relative;margin-bottom:30px;height:32px;border-radius:16px;background-color:#bfbfbf;color:#fff} .footer-search-box input{display:block;padding:0 0 0 20px;border:0;background:0 0;font-size:14px;line-height:32px;color:#fff} .footer-search-box input:-moz-placeholder{color:#fff} .footer-search-box input::-moz-placeholder{color:#fff} .footer-search-box input:-ms-input-placeholder{color:#fff} .footer-search-box input::-webkit-input-placeholder{color:#fff} .footer-search-box button{position:absolute;top:0;right:0;padding:0;border:0;width:46px;height:32px;background:0 0;font-size:24px;color:#fff} .follow-us{padding-left:7px;font-size:14px;line-height:30px;color:#9e9e9e} .follow-us a{margin-left:15px;display:inline-block;vertical-align:top;width:30px;height:30px;border-radius:15px;font-size:20px;text-align:center;background-color:#d2d2d2;color:#eaeaea} .follow-us a:hover{background-color:#2d2d58;color:#fff} .copyright{font-size:12px;line-height:2;color:#7e7e7e} .copyright a{color:#7e7e7e} .copyright a:hover{color:#f16a6e} .qrcode{position:relative} .qrcode .code{position:absolute;bottom:35px;left:50%;margin-left:-60px;width:0;height:0;overflow:hidden;visibility:hidden;opacity:0;-moz-transition:opacity .3s ease-out;-o-transition:opacity .3s ease-out;-webkit-transition:opacity .3s ease-out;transition:opacity .3s ease-out} .qrcode .code img{display:block;width:100%} .qrcode:hover .code{width:120px;height:120px;visibility:visible;opacity:1} .ib-item{position: relative;height:720px;background-repeat:no-repeat;background-position:center center;background-size: cover;} .ib-video { position: absolute;top: 0;right: 0;left: 0;bottom: 0;overflow: hidden; } .ib-video video {position: absolute;top: 0;left: 0;min-width: 100%;min-height: 100%;width: auto;height: auto;} .banner-txt{display:inline-block;vertical-align:top} .banner-txt h2{font-size:60px;color:#5dc8b9} .banner-txt h3{font-size:44px;color:#ef6c71} .banner-txt h4{font-size:30px;color:#ef6c71} .index-banner{position:relative;height:720px;margin:0 auto;overflow:hidden} .banner-tab{position:absolute;top:50%;right:48px;padding:75px 0;width:50px;font-weight:700;-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-webkit-transform:translateY(-50%);transform:translateY(-50%)} .banner-tab:after,.banner-tab:before{content:"";position:absolute;right:0;width:3px;height:52px;background-color:#7b3993} .banner-tab:before{top:0} .banner-tab:after{bottom:0} .banner-tab a{display:block;text-align:right;font-size:14px;line-height:50px;color:#7b3993} .banner-tab a.current{font-size:30px} .no-csstransforms .banner-tab{margin-top:-180px} .index-brand{position:relative;padding-top:15px;margin-top:-90px;height:90px;background:#2e2d59} .brand-slogan{position:relative;padding-left:78px;margin-left:45px;height:60px;color:#fff;font-size:16px;line-height:1} .brand-slogan span{display:block} .brand-slogan .num{position:absolute;top:0;left:0;font-size:60px} .brand-slogan .year{font-size:20px;line-height:34px} .brand-slogan p{position:absolute;top:8px;left:160px;font-size:18px;font-family:"Futura MB";line-height:1;text-transform:uppercase;filter:alpha(Opacity=15);opacity:.15} .scroll-news{position:absolute;right:10px;bottom:25px;padding-left:24px;width:300px;height:20px;line-height:20px} .scroll-news .ico{position:absolute;top:0;left:0;font-size:14px;line-height:20px;color:#fff} .slider-news .slick-vertical .slick-slide{border:none} .scroll-news-item a{display:block;font-size:14px;height:20px;color:#fff;overflow:hidden;white-space:nowrap;text-overflow:ellipsis} .scroll-news-item a:hover{text-decoration:underline} .index-row{font-size:0} .row-item{position:relative;display:inline-block;vertical-align:top;overflow:hidden} .row-item-link{position:absolute;top:0;right:0;bottom:0;left:0} .row-item-link:before, .row3-col2:before{content: "";position: absolute;z-index: 1;top: 0;right: 0;bottom: 0;left: 0;background-color: #fff;filter:alpha(Opacity=0);opacity:0;-moz-transition:opacity .3s ease-out;-o-transition:opacity .3s ease-out;-webkit-transition:opacity .3s ease-out;transition:opacity .3s ease-out} .row-item-link:hover:before, .row3-col2:hover:before{filter:alpha(Opacity=40);opacity:.4} .w3{width:300px} .w6{width:600px} .left-news{background-color:#2e2d59} .left-news a{display:block;color:#fff} .left-news img{width:auto;height:225px} .left-news .news-date{margin-bottom:15px} .left-news:hover{text-decoration:underline} .left-news-box{padding:20px 20px 0 40px;height:200px} .left-news-box h3{font-size:18px;line-height:24px} .news-date{display:inline-block;vertical-align:top;font-family:"Futura MB";font-size:34px} .news-date span{display:block;font-size:14px;line-height:20px;border-top:2px solid #fff} .news-date.red{color:#ef6c72} .news-date.red span{border-top-color:#ef6c72} .center-news{position:relative;padding:50px 70px 0 160px;height:425px;font-size:12px} .center-news-top{height:160px} .center-news-top .news-date{position:absolute;top:45px;left:60px} .center-news-top a{display:block} .center-news-top a:hover h3{text-decoration:underline;color:#f16a6e} .center-news-top h3{margin-bottom:10px;font-size:20px;color:#303030;line-height:24px} .center-news-top .des{line-height:2;color:#898989} .right-news{padding-top:129px;height:425px;background-color:#f8f8f8;text-align:center;color:#ef6c72} .right-news img{display:block;margin:0 auto 25px} .slogan-title h2{font-size:30px;font-family:"Futura Condensed"} .slogan-title-rn h2{font-size: 22px;margin-bottom: 5px;} .slogan-title h3{font-size:16px} .slogan-title p{font-size: 16px;} .center-news-list{margin-bottom:40px} .center-news-list a{font-size:13px;line-height:2;color:#303030} .center-news-list a span{padding-right:12px} .center-news-list a:hover{color:#ef6c72} .link-more{color:#ef6c72;font-size:12px;text-decoration:underline} .row-txt .slogan-title{position:absolute;z-index: 2;top:110px;left:40px} .index-row2 .row-item{height:215px} .row2-col3 .slogan-title{position:absolute;z-index:1;top:50%;left:0;right:0;margin-top:40px;text-align:center} .index-row3 .row-item{height:200px} .row3-col1 .slogan-title{position:absolute;top:80px;left:40px} .row3-col1 img{position:absolute;top:10px;right:50px} .row3-col2{position: relative;padding-top:32px;text-align:center} .row3-col2 .slogan-title{position: relative;z-index: 2;} .row3-col2 .ico{display:inline-block;margin-bottom:10px;font-size:50px} .row3-col2 a{font-size:16px;color:#fff;text-decoration:underline} .player-bg{position:absolute;top:0;right:0;bottom:0;left:0} .player-bg:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-color:#ef6c72;filter:alpha(Opacity=27);opacity:.27} .player-bg .ico{position:absolute;top:50%;left:50%;margin:-30px 0 0 -24px;width:48px;height:48px;font-size:48px;color:#fff} .fixed-video{position:fixed;z-index:1000;top:0;right:0;bottom:0;left:0} .fixed-video-bg{position:absolute;top:0;right:0;bottom:0;left:0;background-color:rgba(0,0,0,.5)} .fixed-video-box{position:absolute;z-index:1;top:50%;left:50%;margin:-240px 0 0 -427px;width:854px;height:480px;background-color:#000} .fixed-video-box video{width:854px;height:480px} .fixed-video-box .icon-close{position:absolute;top:-15px;right:-15px;width:30px;height:30px;font-size:30px;color:#fff;cursor:pointer} .no-video .fixed-video{display:none} .page-cate{height:100px;background:url(../assets/images/cate_bg.jpg) repeat-x center center;color:#fff;text-align:right} .page-cate h3{padding-top:20px;font-size:30px;font-family:"Futura Condensed"} .page-cate h4{font-size:16px} .page-crumb{position:relative} .page-crumb .wrap{position:relative} .crumb-main{position:relative;padding:30px 0;font-size:0;line-height:20px;color:#88848b} .crumb-main a,.crumb-main span{display:inline-block;vertical-align:top} .crumb-main a{margin:0 10px;font-size:12px;color:#88848b} .crumb-main a:hover{color:#f16a6e} .crumb-main span{font-size:14px;line-height:20px} .crumb-menu{position:absolute;top:30px;right:0} .crumb-menu a{font-size:12px;line-height:20px;margin-left:20px;color:#88848b} .crumb-menu a.current,.crumb-menu a:hover{color:#f16a6e} .about-main{position:relative;font-size:0} .about-item{display:inline-block;vertical-align:top;width:50%;height:360px;overflow:hidden} .about-01{padding:60px 80px 0 60px;color:#fff} .about-01 h2{position:relative;padding-bottom:10px;margin-bottom:25px;font-size:60px;line-height:1;font-family:"Futura Condensed"} .about-01 h2:after{content:"";position:absolute;bottom:0;left:0;display:block;width:20px;height:3px;background-color:#fff} .about-01 h3{margin-bottom:6px;font-size:16px} .about-01 h4{font-size:20px;font-family:"Futura Condensed"} .about-01 p{font-size:16px;line-height:30px} .about-02{position:relative;background-color:#fff} .jyh-01 h2{padding-bottom: 20px;font-size: 36px;filter:alpha(Opacity=80);opacity:.8} .jyh-01 h3{margin-bottom: 0;font-size: 16px;line-height: 24px;font-family:"Futura Condensed";text-transform: uppercase} .jyh-01 p{font-size: 12px;line-height: 2} .about-txt{position:absolute;top:50%;left:90px;right:90px;font-size:14px;line-height:30px;text-align:center;-moz-transform:translate3d(0,-50%,0);-ms-transform:translate3d(0,-50%,0);-webkit-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)} .no-csstransforms3d .about-txt{margin-top:-80px} .about-03{background-color:#fff} .about-04 img{display:block;width:100%} .about-number{position:relative;top:50%;margin-top:-65px;margin-left:-20px;font-size:0;text-align:center} .about-number-item{display:inline-block;vertical-align:top;width:160px} .about-number-item h5{font-size:14px;color:#000} .about-number-item div{position:relative;display:inline-block;vertical-align:top;margin:5px 0;font-size:60px;line-height:1;color:#ff4137;font-family:"Futura Condensed"} .about-number-item div .unit{position:absolute;bottom:10px;left:100%;margin-left:5px;font-size:16px;font-weight:700} .about-number-item p{font-size:14px;color:#999;font-family:"Futura Condensed"} .about-intro{padding:70px 30px 100px;font-size:0;background-color:#fff} .about-intro-item{display:inline-block;vertical-align:top;width:50%;padding:0 50px;font-size:12px;line-height:28px;color:#666} .about-platform .about-number-item div{color:#2f2b5d} .platform-main{font-size:0} .platform-main .row-item{height:360px} .platform-info{padding:40px} .platform-info .num{margin-bottom:10px;display:inline-block;vertical-align:top;height:40px;font-size:60px;font-family:"Microsoft YaHei";font-weight:700;line-height:1;overflow:hidden} .platform-info h3{margin-bottom:5px;font-size:14px;font-weight:300} .platform-info h4{position:relative;padding-bottom:10px;margin-bottom:30px;font-size:18px;font-family:"Futura Condensed"} .platform-info h4:after{content:"";position:absolute;bottom:0;left:0;width:20px;height:3px} .platform-info p{font-size:18px;line-height:30px} .platform-info.white h4:after{background-color:#fff} .platform-info.black30 h4:after{background-color:#303030} .platform-info .num,.platform-info h3,.platform-info h4{filter:alpha(Opacity=50);opacity:.5} .platform-last{padding-top:35px;text-align:center;color:#fff} .platform-last .about-number-item{margin-bottom:30px;display:block;margin-right:auto;margin-left:auto} .platform-last .about-number-item div,.platform-last .about-number-item h5,.platform-last .about-number-item p{color:#fff} .platform-last a{color:#fff} .about-signature{position:absolute;right:100px;bottom:40px} .about-care-txt{color:#303030} .about-care-txt h2:after{background-color:#303030} .about-care-txt h3{margin-bottom:20px} .about-care-txt p{font-size:12px;line-height:2} .about-ht{color:#fff} .about-ht h2:after{background-color:#fff} .about-ht h3{margin-bottom:20px} .about-ht p{font-size:12px;line-height:2} .care-list{position:relative;left:-36px;font-size:0;width:1236px} .care-item{display:inline-block;vertical-align:top;margin-left:36px;margin-bottom:40px;width:376px;font-size:16px;line-height:30px;background-color:#fff;-moz-transition:background .3s ease-out;-o-transition:background .3s ease-out;-webkit-transition:background .3s ease-out;transition:background .3s ease-out} .care-item a{display:block;color:#666} .care-item:hover .care-title{color:#f16a6e} .care-item:hover .care-img img{-moz-transform:scale3d(1.05,1.05,1);-ms-transform:scale3d(1.05,1.05,1);-webkit-transform:scale3d(1.05,1.05,1);transform:scale3d(1.05,1.05,1)} .care-img:before{padding-top:63.8297%} .care-img img{position:absolute;top:0;left:0} .authority-item:hover .care-img img{-moz-transform:scale3d(1,1,1);-ms-transform:scale3d(1,1,1);-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)} .care-title{padding:30px;height:180px;-moz-transition:color .3s ease-out;-o-transition:color .3s ease-out;-webkit-transition:color .3s ease-out;transition:color .3s ease-out} .authority-item .care-title{text-align: center;} .history-slogan{position:relative;top:50%;margin-top:-64px;color:#303030;text-align:center} .history-slogan h2{position:relative;padding-bottom:10px;margin-bottom:20px;font-size:60px;font-family:"Futura Condensed";filter:alpha(Opacity=80);opacity:.8} .history-slogan h2:after{content:"";position:absolute;bottom:0;left:50%;margin-left:-10px;width:20px;height:3px;background-color:#303030} .history-slogan p{font-size:20px} .history-main{padding:80px 0 80px 60px;font-size:0} .history-list,.history-tab{display:inline-block;vertical-align:top} .history-tab{width:120px} .history-tab span{display:block;margin-bottom:7px;width:60px;height:30px;font-size:16px;line-height:30px;text-align:center;background-color:#f8f8f8;color:#666;cursor: pointer;-o-transition:all .3s ease-out;-webkit-transition:all .3s ease-out;transition:all .3s ease-out} .history-tab span.current, .history-tab span:hover{background-color:#ff4137;color:#fff} .history-list{width:1020px;font-size:0} .history-list h2{font-size:30px;line-height:1;color:#ff4137} .history-item{display:inline-block;vertical-align:top;width:316px;margin-right:16px;background-color:#f8f8f8;-moz-transition:background .3s ease-out;-o-transition:background .3s ease-out;-webkit-transition:background .3s ease-out;transition:background .3s ease-out} .history-item a{display:block;color:#666} .history-item:hover img{-moz-transform:scale3d(1.05,1.05,1);-ms-transform:scale3d(1.05,1.05,1);-webkit-transform:scale3d(1.05,1.05,1);transform:scale3d(1.05,1.05,1)} .history-item:hover .history-title{color:#f16a6e} .history-month{margin-top:40px} .history-month h3{margin-bottom:5px;font-size:20px;line-height:2;color:#ff4137} .history-title{padding:20px;height:120px;font-size:14px;line-height:24px;-moz-transition:color .3s ease-out;-o-transition:color .3s ease-out;-webkit-transition:color .3s ease-out;transition:color .3s ease-out} .team-info:hover .team-txt{-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)} .team-txt{position:absolute;z-index:1;top:0;right:0;bottom:0;left:0;padding:40px 40px 0 40px;color:#fff;-moz-transform:translate3d(-100%,0,0);-ms-transform:translate3d(-100%,0,0);-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);-moz-transition:-moz-transform .3s ease-out;-o-transition:-o-transform .3s ease-out;-webkit-transition:-webkit-transform .3s ease-out;transition:transform .3s ease-out} .team-txt:before{content:"";position:absolute;z-index:-1;top:0;right:0;bottom:0;left:0;background-color:#2f2b5d;filter:alpha(Opacity=80);opacity:.8} .team-txt h2{margin-bottom:15px;font-size:30px;font-family:"Futura Condensed"} .team-txt .name{margin-bottom:5px;font-size:18px} .team-txt .job{margin-bottom:10px;font-size:12px} .team-txt .des{padding-top:40px;font-size:12px;line-height:24px} .line{display:inline-block;vertical-align:top;width:20px;height:3px;background-color:#fff} .no-csstransforms3d .team-txt{margin-left:-300px} .no-csstransforms3d .team-info:hover .team-txt{margin-left:0} .invest-item{font-size:0} .invest-detail,.invest-img{display:inline-block;vertical-align:top;width:600px;height:360px} .invest-detail{position:relative;padding:50px 50px 60px;background-color:#fff;color:#303030;-moz-transition:background .3s ease-out,color .2s ease-out;-o-transition:background .3s ease-out,color .2s ease-out;-webkit-transition:background .3s ease-out,color .2s ease-out;transition:background .3s ease-out,color .2s ease-out} .invest-detail h2{margin-bottom:20px;font-size:60px;line-height:1;font-family:"Futura Condensed"} .invest-detail h2:after{content:"";margin-top:10px;display:block;width:20px;height:3px;background-color:#303030} .invest-detail h3{margin-bottom:30px;font-size:16px} .jyh-store-detail h2{font-size: 36px;margin-bottom: 30px;} .jyh-store-detail h2:after{margin-top: 30px;} .jyh-store-detail h3{margin-bottom: 10px;text-transform: uppercase;font-family:"Futura Condensed"} .invest-detail .des{font-size:12px;min-height:30px;line-height:30px;overflow:hidden;text-overflow:ellipsis} .invest-detail .handle{position:absolute;right:50px;bottom:0;left:50px;height:60px;border-top:1px solid #e5e5e5;color:#ccc;font-size:14px;line-height:60px;font-family:"Futura MB";cursor:pointer;} .invest-detail .handle span{text-transform: capitalize;} .invest-detail .handle .ico{display:none;font-size:20px;line-height:60px} .invest-detail.active{height:auto;background-color:#2e2d59;color:#fff} .invest-detail.active h2:after{background-color:#fff} .invest-detail.active .des{height:auto;padding-bottom:40px} .invest-detail.active .handle span{display:none} .invest-detail.active .handle .ico{display:block} .invest-detail:hover{background-color:#2e2d59;color:#fff} .invest-detail:hover h2:after{background-color:#fff} .news-list{font-size:0} .news-grid{position:relative;left:-18px;width:1236px} .news-item{display:inline-block;vertical-align:top;width:412px;padding:20px 18px} .news-item a{display:block} .news-item:hover .news-intro{background-color:#2f2b5d} .news-item:hover .news-date{color:#fff} .news-item:hover .news-date span{border-top-color:#fff} .news-item:hover h4{color:#fff} .news-item:hover .des{color:#fff} .news-item:hover .more{color:#fff} .news-intro{position:relative;padding:30px 30px 55px;height:280px;background-color:#fff;-moz-transition:background .3s ease-out;-o-transition:background .3s ease-out;-webkit-transition:background .3s ease-out;transition:background .3s ease-out} .news-intro .news-date{margin-bottom:25px;color:#2f2b5d} .news-intro .news-date span{border-top-color:#2f2b5d} .news-intro h4{margin-bottom:10px;font-size:16px;height:20px;line-height:20px;color:#303030;overflow:hidden;white-space:nowrap;text-overflow:ellipsis} .news-intro .des{font-size:12px;line-height:2;height:48px;overflow:hidden;color:#898989;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2} .news-intro .more{position:absolute;right:30px;bottom:0;left:30px;font-size:14px;line-height:55px;border-top:1px solid #e5e5e5;color:#ccc;font-family:"Futura MB"} .news-img{overflow:hidden} .news-img img{display:block;width:100%} .news-body{position:relative;padding:80px 50px 80px 215px;background-color:#fff} .news-body .news-date{position:absolute;top:75px;left:50px;color:#2e2d59} .news-body .news-date span{border-top-color:#2e2d59} .news-content h1{margin-bottom:60px;font-size:30px;line-height:1;color:#303030} .news-detail{padding-bottom:100px;font-size:14px;line-height:30px;color:#898989;text-align: justify;} .news-detail iframe {width: 100% !important;max-width: 600px;height: auto !important;min-height: 400px;} .news-detail p { text-indent: 28px;} .news-detail img { display: inline;} .news-page{position:relative;text-align:center;font-size:14px} .news-page a{display:inline-block;vertical-align:top;height:320px;height:30px;line-height:30px;color:#666} .news-page a:hover{color:#2e2d59} .page-list{width:30px;height:30px;text-align:center} .page-list i{font-size:16px;line-height:30px} .page-next,.page-prev{position:absolute;top:0} .page-prev{left:0} .page-next{right:0} .relate-title{font-size:24px;line-height:1;color:#303030} .product-ht h3{margin-bottom:15px} .product-ht p{font-size:14px;line-height:20px} .product-cate{padding:10px 0;font-size:0;background-color:#fff} .product-cate .pcate-item{padding:80px 0 100px;width:171px;border-right:1px solid #f5f5f5} .pcate-item{display:inline-block;vertical-align:top;text-align:center;color:#666} .pcate-item .ico{display:block;margin:0 auto;width:60px;height:60px;font-size:40px;text-align:center;line-height:60px} .pcate-item p{font-size:16px} .pcate-item:hover{color:#ff4137} .pcate-item:last-of-type{border-right:none} .pcate-item.last{border-right:none} .product-list-cate{position: relative;height:100px;background-color:#f16a6e;text-align:right;font-size:0;} .product-list-cate-header{position:fixed;top:100px;left:0;right:0;z-index:5;-moz-transform:translate3d(0,-100%,0);-ms-transform:translate3d(0,-100%,0);-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);-moz-transition:-moz-transform .3s ease-in-out;-o-transition:-o-transform .3s ease-in-out;-webkit-transition:-webkit-transform .3s ease-in-out;transition:transform .3s ease-in-out} .product-list-cate .pcate-item{width:120px;height:100px;color:#fff} .product-list-cate .pcate-item p{font-size:14px} .product-list-cate .pcate-item .ico{margin-top:12px;height:50px;line-height:50px} .product-list-cate .pcate-item.current,.product-list-cate .pcate-item:hover{background-color:#d8454a} .product-list-cate-header.active{-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)} .no-csstransforms3d .product-list-cate-header{top:0} .no-csstransforms3d .product-list-cate-header.active{top:100px} .page-product-list .product-list-cate-header{display: none;} .product-item{font-size:0;display:block} .product-img,.product-intro{display:inline-block;vertical-align:top;width:50%;height:360px} .product-intro{-webkit-transition: background .3s ease-in-out;transition: background .3s ease-in-out;} .product-intro{position:relative;z-index: 1;padding:60px 60px 70px;color:#fff} .product-intro:before{content: "";position: absolute;z-index: -1;top: 0;right: 0;bottom: 0;left: 0;background-color: #fff;filter:alpha(Opacity=0);opacity:0;-moz-transition:opacity .3s ease-out;-o-transition:opacity .3s ease-out;-webkit-transition:opacity .3s ease-out;transition:opacity .3s ease-out} .product-intro:hover:before{filter:alpha(Opacity=10);opacity:.1} .product-intro h2{margin-bottom:30px;font-size:32px;line-height:50px} .product-intro p{font-size:16px;line-height:30px} .product-intro .more{position:absolute;right:60px;bottom:10px;left:60px;font-size:14px;line-height:60px;border-top:1px solid #fff;font-family:"Futura MB"} .product-detail{font-size:0;text-align: right;} .prod-left,.prod-right{display:inline-block;vertical-align:top;text-align: left;} .prod-right table td{border: 1px solid #999;line-height: 1.5;padding: 5px 0;} .prod-right li{list-style: disc inside;} .prod-left{width:345px;margin-right:15px} .prod-right{padding:80px 90px;width:840px;background-color:#fff} .prod-intro{padding-bottom: 30px;min-height:430px;background-color:#fff;font-size:12px;line-height:30px;color:#303030} .slider-prod{margin-bottom: 40px;} .prod-intro-des{margin:0 30px} .prod-intro-des h2{font-size:16px} .prod-intro-des h4{margin-bottom:20px} .prod-left-page{padding:10px 60px;margin-top:10px;background-color:#fff} .prod-right{font-size:12px;line-height:28px;min-height: 600px} .prod-right img{display:inline-block;max-width:100%} .social-main .invest-item{display:block} .social-main .invest-item .invest-detail .des{height:60px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2} .contact-time{padding:60px 55px 0 55px;color:#fff} .contact-time h2{margin-bottom:20px;font-size:60px;font-family:"Futura Condensed"} .contact-time h2:after{content:"";margin-top:10px;display:block;width:20px;height:3px;background-color:#fff} .contact-time p{font-size:16px;line-height:30px} .contact-time .txt{filter:alpha(Opacity=80);opacity:.8} .contact-way .txt{padding:160px 0 0 80px;font-size:14px;line-height:32px;color:#000} .contact-way p{position:relative;padding-left:30px} .contact-way p i{position:absolute;top:0;left:0;width:20px;font-size:24px;line-height:30px} .contact-traffic{color:#000;padding:70px 60px 0 100px} .contact-traffic h3{position:relative;padding-bottom:10px;margin-bottom:20px;font-size:30px;line-height:50px} .contact-traffic h3 i{position:absolute;top:0;left:-50px;width:50px;height:50px;font-size:36px;line-height:50px;text-align:center} .contact-traffic h3:after{content:"";position:absolute;bottom:0;left:0;display:block;width:20px;height:3px;background-color:#000} .contact-traffic p{font-size:14px;line-height:32px} .contact-map{height:500px} .contact-map .BMapLabel{border:none!important} .anchorBL{display:none!important} .down-list{position:relative;left:-35px;font-size:0;width:1240px} .down-item{position:relative;z-index:1;padding:40px 30px 0 30px;margin-left:35px;margin-bottom:40px;display:inline-block;vertical-align:top;width:275px;height:370px;background-color:#fff;color:#000} .down-item:before{content:"";position:absolute;z-index:-1;top:0;left:0;bottom:0;width:5px;background-color:#2e2d59;-moz-transition:width .2s ease-out;-o-transition:width .2s ease-out;-webkit-transition:width .2s ease-out;transition:width .2s ease-out} .down-item h3{margin-bottom:20px;font-size:18px;line-height:30px} .down-item .des{width:180px;font-size:12px;line-height:26px;color:#959595} .down-item .more{position:absolute;padding-left:24px;right:30px;bottom:40px;font-size:12px;line-height:30px;font-family:"Futura MB";color:#000} .down-item .more i{position:absolute;top:0;left:0;width:20px;height:30px;font-size:24px;line-height:30px} .down-item:hover{color:#fff} .down-item:hover .des,.down-item:hover .more{color:#fff} .down-item:hover:before{width:100%} .hide{display:none} .selling-main{font-size: 0;text-align: right;} .selling-left, .selling-right{display: inline-block;vertical-align: top;text-align: left;} .selling-left{width: 260px;margin-right: 40px;background-color: #fff;} .selling-right{width: 900px;} .selling-nav{font-size: 14px;line-height: 50px;} .selling-nav a{display: block;padding-left: 30px;color: #88848b;} .selling-nav .current a{background-color: #f16a6e;color: #fff;} .selling-nav a:hover{background-color: #f16a6e;color: #fff;} .selling-item{padding: 30px;margin-bottom: 20px;background-color: #fff;} .selling-item h2{font-size:16px;line-height: 50px;border-bottom: 1px dashed #c4c4c4;color: #88848b;} .selling-article{padding: 40px 0;font-size: 14px;line-height: 2;color: #898989} .selling-left.fixed, .prod-left.fixed{position: fixed;z-index: 5;top: 120px;left: 50%;margin-left: -600px;} .prod-left.fixed.bottom{top: auto;bottom: 368px;} .selling-left.fixed.bottom{top: auto;bottom: 368px;} /* 2020-01-07 */ .prod-price{ color: #ef6c72; font-family: "Futura MB"; font-size: 26px; margin-top: 40px; } .prod-buy-btn{ -webkit-transition: opacity .4s; transition: opacity .4s; display: inline-block; width: 160px; height: 40px; line-height: 40px; background-color: #ef6c72; color: #fff; font-size: 14px; text-align: center; margin-top: 15px; } .prod-buy-btn:hover{ opacity: .8; } .cart-title{ font-size: 28px; line-height: 1; color: #303030; } .cart-head{ padding: 14px 0; border-top: 1px solid #ebebeb; border-bottom: 1px solid #ebebeb; } .cart-list, .cart-head{ font-size: 0; text-align: center; } .cm-row, .ch-row{ display: inline-block; vertical-align: middle; } .cart-head .ch-row{ font-size: 14px; color: #303030; letter-spacing: 1px; } .ch-row__name, .cm-row__pic{ width: 600px; } .ch-row__price, .ch-row__number, .ch-row__total, .cm-row__pirce, .cm-row__number, .cm-row__total{ width: 200px; } .ch-row__name, .cm-row__pic{ text-align: left; } .cm-row__pic img, .cm-row__pic span{ display: inline-block; vertical-align: middle; } .cm-row__pic img{ width: 120px; } .cm-row__pic span{ max-width: calc(100% - 130px); padding-left: 24px; } .cart-list p, .cart-list span{ font-size: 14px; color: #303030; letter-spacing: 1px; } .cart-list .item-box{ padding: 25px 0; border-bottom: 1px solid #ebebeb; } .cm-row__number input, .cm-row__number a{ display: inline-block; vertical-align: middle; height: 40px; } .cm-row__number input{ text-align: center; font-size: 16px; width: 70px; border-radius: 0; border: 0; border-top: 1px solid #c4c4c4; border-bottom: 1px solid #c4c4c4; } .cm-row__number a{ -webkit-transition: opacity .4s; transition: opacity .4s; width: 40px; position: relative; background-color: #f16a6e; cursor: default; } /* .cm-row__number a:hover{ opacity: .8; } */ .cm-row__number b{ display: block; position: absolute; left: 50%; top: 50%; width: 18px; height: 18px; margin-left: -9px; margin-top: -9px; } .cm-row__number b:before, .cm-row__number b:after{ content: ""; display: block; background-color: #fff; position: absolute; left: 50%; top: 50%; } .cm-row__number b:before{ width: 18px; height: 2px; margin-left: -9px; margin-top: -1px; } .cm-row__number b:after{ height: 18px; width: 2px; margin-top: -9px; margin-left: -1px; } .cn-minus b:after{ opacity: 0; } .cm-row__total p{ font-weight: bold; } .cart-foot{ text-align: right; font-size: 16px; color: #303030; padding: 15px 0; border-bottom: 1px solid #ebebeb; padding-right: 100px; } .cart-foot span{ display: inline-block; margin-left: 60px; } .cart-buy{ text-align: right; } .cart-buy a{ -webkit-transition: opacity .4s; transition: opacity .4s; display: inline-block; width: 160px; height: 40px; line-height: 40px; background-color: #ef6c72; color: #fff; font-size: 14px; text-align: center; } .cart-buy a:hover{ opacity: .8; } .register-content{ width: 450px; margin-left: auto; margin-right: auto; background: #fff; padding: 40px; } .register-content h2{ font-size: 28px; line-height: 1; color: #303030; margin-bottom: 40px; } .register-content .form-group{ margin-bottom: 30px; } .register-content label, .register-content input{ font-size: 14px; color: #303030; } .register-content label{ display: block; margin-bottom: 4px; } .register-content input{ border: none; width: 100%; height: 40px; line-height: 40px; border-bottom: 1px solid #303030; } .code-form__group{ position: relative; } .code-form__group input{ width: 220px; } .code-form__group img{ position: absolute; right: 0; bottom: 0; width: 120px; } .register-btn{ margin-top: 45px; } .register-btn a{ -webkit-transition: opacity .4s; transition: opacity .4s; display: block; width: 100%; height: 40px; line-height: 40px; background-color: #ef6c72; color: #fff; font-size: 14px; text-align: center; } .register-btn a:hover{ opacity: .8; }