@charset "utf-8"; *{-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; outline: 0; -webkit-text-size-adjust: none; -webkit-tap-highlight-color: rgba(0,0,0,0);} html{height: 100%;} html,body,div,p,strong,span,a,b,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,form,del,img,i,em,select,button,textarea,input{margin: 0; padding: 0;} body{background: #fff; font-family: 'Microsoft YaHei',"Arial",'SimSun', Serif; font-size: 16px; color: #333; position: relative; min-height: 100%;} a,img,button,input,textarea,select{-webkit-tap-highlight-color:rgba(255,255,255,0);} input[type="text"],input[type="hidden"],input[type="password"],button,textarea,select{outline: none; border: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius: 0; font-family: 'Microsoft YaHei',"Arial",'SimSun', Serif;} select::-ms-expand{display: none;} input::-ms-clear{display: none;} input::-webkit-input-placeholder, textarea::-webkit-input-placeholder{color:#636363;} input::-moz-placeholder, textarea::-moz-placeholder{color:#636363;} input:-moz-placeholder, textarea:-moz-placeholder{color:#636363;} input:-ms-input-placeholder, textarea:-ms-input-placeholder{color:#636363;} input:focus::-webkit-input-placeholder, textarea:focus::-webkit-input-placeholder{color:#b8b8b8;} input:focus::-moz-placeholder, textarea:focus::-moz-placeholder{color:#b8b8b8;} input:focus:-moz-placeholder, textarea:focus:-moz-placeholder{color:#b8b8b8;} input:focus:-ms-input-placeholder, textarea:focus:-ms-input-placeholder{color:#b8b8b8;} table{border-collapse:collapse;} a{text-decoration: none; color: #333;} a:hover{text-decoration: none;} a:focus{text-decoration: none;} li{list-style: none;} img{vertical-align: middle; border: none;} .fl{float: left;} .fr{float: right;} .clear{clear: both;} .hidden{overflow: hidden;} .h1,.h2,.h3,.h4,.h5,.h6{font-weight: normal;} .clearfix:after{content: ""; display: block; height: 0; visibility: hidden; clear: both;} .clearfix {*zoom: 1;} .cell_box{font-size: 0;} .cell_box:before{content: ''; height: 100%; display: inline-block; vertical-align: middle;} .cell_box .cell{width: 100%; display: inline-block; vertical-align: middle;} /*scroll*/ ::-webkit-scrollbar {width:4px;height:4px} ::-webkit-scrollbar-button:vertical {display:none} ::-webkit-scrollbar-corner,::-webkit-scrollbar-track {background-color:#f5f5f5;} ::-webkit-scrollbar-thumb {border-radius:0;background-color:#01aded;} ::-webkit-scrollbar-thumb:vertical:hover {background-color:#01aded;} ::-webkit-scrollbar-thumb:vertical:active {background-color:#01aded;} .bd_weixin_popup{-webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box;} /*! * fullPage 2.9.7 * https://github.com/alvarotrigo/fullPage.js * MIT licensed * * Copyright (C) 2013 alvarotrigo.com - A project by Alvaro Trigo */.fp-enabled body,html.fp-enabled{margin:0;padding:0;overflow:hidden;-webkit-tap-highlight-color:rgba(0,0,0,0)}.fp-section{position:relative;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.fp-slide{float:left}.fp-slide,.fp-slidesContainer{height:100%;display:block}.fp-slides{z-index:1;height:100%;overflow:hidden;position:relative;-webkit-transition:all .3s ease-out;transition:all .3s ease-out}.fp-section.fp-table,.fp-slide.fp-table{display:table;table-layout:fixed;width:100%}.fp-tableCell{display:table-cell;vertical-align:middle;width:100%;height:100%}.fp-slidesContainer{float:left;position:relative}.fp-controlArrow{-webkit-user-select:none;-moz-user-select:none;-khtml-user-select:none;-ms-user-select:none;position:absolute;z-index:4;top:50%;cursor:pointer;width:0;height:0;border-style:solid;margin-top:-38px;-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.fp-controlArrow.fp-prev{left:15px;width:0;border-width:38.5px 34px 38.5px 0;border-color:transparent #fff transparent transparent}.fp-controlArrow.fp-next{right:15px;border-width:38.5px 0 38.5px 34px;border-color:transparent transparent transparent #fff}.fp-scrollable{overflow:hidden;position:relative}.fp-scroller{overflow:hidden}.iScrollIndicator{border:0!important}.fp-notransition{-webkit-transition:none!important;transition:none!important}#fp-nav{position:fixed;z-index:100;margin-top:-32px;top:50%;opacity:1;-webkit-transform:translate3d(0,0,0)}#fp-nav.right{right:17px}#fp-nav.left{left:17px}.fp-slidesNav{position:absolute;z-index:4;opacity:1;-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0);left:0!important;right:0;margin:0 auto!important}.fp-slidesNav.bottom{bottom:17px}.fp-slidesNav.top{top:17px}#fp-nav ul,.fp-slidesNav ul{margin:0;padding:0}#fp-nav ul li,.fp-slidesNav ul li{display:block;width:14px;height:13px;margin:7px;position:relative}.fp-slidesNav ul li{display:inline-block}#fp-nav ul li a,.fp-slidesNav ul li a{display:block;position:relative;z-index:1;width:100%;height:100%;cursor:pointer;text-decoration:none}#fp-nav ul li a.active span,#fp-nav ul li:hover a.active span,.fp-slidesNav ul li a.active span,.fp-slidesNav ul li:hover a.active span{height:12px;width:12px;margin:-6px 0 0 -6px;border-radius:100%}#fp-nav ul li a span,.fp-slidesNav ul li a span{border-radius:50%;position:absolute;z-index:1;height:4px;width:4px;border:0;background:#333;left:50%;top:50%;margin:-2px 0 0 -2px;-webkit-transition:all .1s ease-in-out;-moz-transition:all .1s ease-in-out;-o-transition:all .1s ease-in-out;transition:all .1s ease-in-out}#fp-nav ul li:hover a span,.fp-slidesNav ul li:hover a span{width:10px;height:10px;margin:-5px 0 0 -5px}#fp-nav ul li .fp-tooltip{position:absolute;top:-2px;color:#fff;font-size:14px;font-family:arial,helvetica,sans-serif;white-space:nowrap;max-width:220px;overflow:hidden;display:block;opacity:0;width:0;cursor:pointer}#fp-nav ul li:hover .fp-tooltip,#fp-nav.fp-show-active a.active+.fp-tooltip{-webkit-transition:opacity .2s ease-in;transition:opacity .2s ease-in;width:auto;opacity:1}#fp-nav ul li .fp-tooltip.right{right:20px}#fp-nav ul li .fp-tooltip.left{left:20px}.fp-auto-height .fp-slide,.fp-auto-height .fp-tableCell,.fp-auto-height.fp-section{height:auto!important}.fp-responsive .fp-auto-height-responsive .fp-slide,.fp-responsive .fp-auto-height-responsive .fp-tableCell,.fp-responsive .fp-auto-height-responsive.fp-section{height:auto!important} /*# sourceMappingURL=jquery.fullpage.min.css.map */ /** * Swiper 3.4.2 * Most modern mobile touch slider and framework with hardware accelerated transitions * * http://www.idangero.us/swiper/ * * Copyright 2017, Vladimir Kharlampidi * The iDangero.us * http://www.idangero.us/ * * Licensed under MIT * * Released on: March 10, 2017 */ .swiper-container{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;z-index:1}.swiper-container-no-flexbox .swiper-slide{float:left}.swiper-container-vertical>.swiper-wrapper{-webkit-box-orient:vertical;-moz-box-orient:vertical;-ms-flex-direction:column;-webkit-flex-direction:column;flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-transition-property:-webkit-transform;-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;-ms-transition-property:-ms-transform;transition-property:transform;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}.swiper-container-android .swiper-slide,.swiper-wrapper{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-o-transform:translate(0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.swiper-container-multirow>.swiper-wrapper{-webkit-box-lines:multiple;-moz-box-lines:multiple;-ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;flex-wrap:wrap}.swiper-container-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{-webkit-flex-shrink:0;-ms-flex:0 0 auto;flex-shrink:0;width:100%;height:100%;position:relative}.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto}.swiper-container-autoheight .swiper-wrapper{-webkit-box-align:start;-ms-flex-align:start;-webkit-align-items:flex-start;align-items:flex-start;-webkit-transition-property:-webkit-transform,height;-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;-ms-transition-property:-ms-transform;transition-property:transform,height}.swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-wp8-horizontal{-ms-touch-action:pan-y;touch-action:pan-y}.swiper-wp8-vertical{-ms-touch-action:pan-x;touch-action:pan-x}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:27px;height:44px;margin-top:-22px;z-index:10;cursor:pointer;-moz-background-size:27px 44px;-webkit-background-size:27px 44px;background-size:27px 44px;background-position:center;background-repeat:no-repeat}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-prev,.swiper-container-rtl .swiper-button-next{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");left:10px;right:auto}.swiper-button-prev.swiper-button-black,.swiper-container-rtl .swiper-button-next.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.swiper-button-prev.swiper-button-white,.swiper-container-rtl .swiper-button-next.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.swiper-button-next,.swiper-container-rtl .swiper-button-prev{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");right:10px;left:auto}.swiper-button-next.swiper-button-black,.swiper-container-rtl .swiper-button-prev.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.swiper-button-next.swiper-button-white,.swiper-container-rtl .swiper-button-prev.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.swiper-pagination{position:absolute;text-align:center;-webkit-transition:.3s;-moz-transition:.3s;-o-transition:.3s;transition:.3s;-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.swiper-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:100%;background:#000;opacity:.2}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-moz-appearance:none;-ms-appearance:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-white .swiper-pagination-bullet{background:#fff}.swiper-pagination-bullet-active{opacity:1;background:#007aff}.swiper-pagination-white .swiper-pagination-bullet-active{background:#fff}.swiper-pagination-black .swiper-pagination-bullet-active{background:#000}.swiper-container-vertical>.swiper-pagination-bullets{right:10px;top:50%;-webkit-transform:translate3d(0,-50%,0);-moz-transform:translate3d(0,-50%,0);-o-transform:translate(0,-50%);-ms-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)}.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:5px 0;display:block}.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 5px}.swiper-pagination-progress{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progress .swiper-pagination-progressbar{background:#007aff;position:absolute;left:0;top:0;width:100%;height:100%;-webkit-transform:scale(0);-ms-transform:scale(0);-o-transform:scale(0);transform:scale(0);-webkit-transform-origin:left top;-moz-transform-origin:left top;-ms-transform-origin:left top;-o-transform-origin:left top;transform-origin:left top}.swiper-container-rtl .swiper-pagination-progress .swiper-pagination-progressbar{-webkit-transform-origin:right top;-moz-transform-origin:right top;-ms-transform-origin:right top;-o-transform-origin:right top;transform-origin:right top}.swiper-container-horizontal>.swiper-pagination-progress{width:100%;height:4px;left:0;top:0}.swiper-container-vertical>.swiper-pagination-progress{width:4px;height:100%;left:0;top:0}.swiper-pagination-progress.swiper-pagination-white{background:rgba(255,255,255,.5)}.swiper-pagination-progress.swiper-pagination-white .swiper-pagination-progressbar{background:#fff}.swiper-pagination-progress.swiper-pagination-black .swiper-pagination-progressbar{background:#000}.swiper-container-3d{-webkit-perspective:1200px;-moz-perspective:1200px;-o-perspective:1200px;perspective:1200px}.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;-ms-transform-style:preserve-3d;transform-style:preserve-3d}.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-container-3d .swiper-slide-shadow-left{background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-right{background-image:-webkit-gradient(linear,right top,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-top{background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-bottom{background-image:-webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-coverflow .swiper-wrapper,.swiper-container-flip .swiper-wrapper{-ms-perspective:1200px}.swiper-container-cube,.swiper-container-flip{overflow:visible}.swiper-container-cube .swiper-slide,.swiper-container-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-container-cube .swiper-slide .swiper-slide,.swiper-container-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active,.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top,.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-cube .swiper-slide{visibility:hidden;-webkit-transform-origin:0 0;-moz-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;width:100%;height:100%}.swiper-container-cube.swiper-container-rtl .swiper-slide{-webkit-transform-origin:100% 0;-moz-transform-origin:100% 0;-ms-transform-origin:100% 0;transform-origin:100% 0}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-container-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0;width:100%;height:100%;background:#000;opacity:.6;-webkit-filter:blur(50px);filter:blur(50px);z-index:0}.swiper-container-fade.swiper-container-free-mode .swiper-slide{-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}.swiper-container-fade .swiper-slide{pointer-events:none;-webkit-transition-property:opacity;-moz-transition-property:opacity;-o-transition-property:opacity;transition-property:opacity}.swiper-container-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-zoom-container{width:100%;height:100%;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-moz-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-container-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-container-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;-webkit-transform-origin:50%;-moz-transform-origin:50%;transform-origin:50%;-webkit-animation:swiper-preloader-spin 1s steps(12,end) infinite;-moz-animation:swiper-preloader-spin 1s steps(12,end) infinite;animation:swiper-preloader-spin 1s steps(12,end) infinite}.swiper-lazy-preloader:after{display:block;content:"";width:100%;height:100%;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");background-position:50%;-webkit-background-size:100%;background-size:100%;background-repeat:no-repeat}.swiper-lazy-preloader-white:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}@-webkit-keyframes swiper-preloader-spin{100%{-webkit-transform:rotate(360deg)}}@keyframes swiper-preloader-spin{100%{transform:rotate(360deg)}} .slick-slider{position:relative;display:block;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent} .slick-list{position:relative;display:block;overflow:hidden;margin:0;padding:0} .slick-list:focus{outline:none} .slick-list.dragging{cursor:pointer;cursor:hand} .slick-slider .slick-track,.slick-slider .slick-list{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)} .slick-track{position:relative;top:0;left:0;display:block;margin-left:auto;margin-right:auto} .slick-track:before,.slick-track:after{display:table;content:''} .slick-track:after{clear:both} .slick-loading .slick-track{visibility:hidden} .slick-slide{display:none;float:left;height:100%;min-height:1px} [dir='rtl'] .slick-slide{float:right} .slick-slide img{display:block} .slick-slide.slick-loading img{display:none} .slick-slide.dragging img{pointer-events:none} .slick-initialized .slick-slide{display:block} .slick-loading .slick-slide{visibility:hidden} .slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent} .slick-arrow.slick-hidden{display:none} @-webkit-keyframes mouseDown{0%{-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)} 100%{-webkit-transform:translateY(5px);-moz-transform:translateY(5px);-ms-transform:translateY(5px);transform:translateY(5px)} }@keyframes mouseDown{0%{-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)} 100%{-webkit-transform:translateY(5px);-moz-transform:translateY(5px);-ms-transform:translateY(5px);transform:translateY(5px)} }@-webkit-keyframes flicker{0%{opacity:1} 50%{opacity:1} 75%{opacity:0} 100%{opacity:1} }@keyframes flicker{0%{opacity:1} 50%{opacity:1} 75%{opacity:0} 100%{opacity:1} }@-webkit-keyframes dotScale{0%{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);transform:scale(1)} 50%{-webkit-transform:scale(0.5);-moz-transform:scale(0.5);-ms-transform:scale(0.5);transform:scale(0.5)} 100%{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);transform:scale(1)} }@keyframes dotScale{0%{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);transform:scale(1)} 50%{-webkit-transform:scale(0.5);-moz-transform:scale(0.5);-ms-transform:scale(0.5);transform:scale(0.5)} 100%{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);transform:scale(1)} }.header{position:fixed;top:0;left:0;right:0;padding:40px 80px 0;z-index:9} .header .logo{display:inline-block;vertical-align:top} .header .logo img{display:block;margin:0 auto} .header .button{display:flex;position:absolute;top:40px;right:80px;padding:8px 0;cursor:pointer} .header .button .en,.header .button .ch{margin-right:44px;color:#FFFFFF;font-family:"Heavy";font-size:17px;font-weight:bold;padding:5px 16px} .header .button .ch{background:url(../images/biankuang.png) no-repeat center} .header .button .en:hover{background:url(../images/biankuang.png) no-repeat center} .button .me{font-size:18px;color:#FFFFFF;font-family:"Heavy";padding-top:5px;font-weight:bold;letter-spacing:2px;padding-right:5px;padding-left:32px} .header .lei{position:relative;top:6px;width:22px;height:18px;border-top:2px solid #fff;cursor:pointer;-webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;-ms-transition:all 0.3s ease;transition:all 0.3s ease;z-index:99} .header .lei:before,.header .lei:after{content:'';height:2px;background:#fff;position:absolute;right:0;-webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;-ms-transition:all 0.3s ease;transition:all 0.3s ease} .header .lei:before{bottom:8px;width:22px} .header .lei:after{bottom:1px;width:22px} .header .lei[data-hover]:hover:before{width:22px} .header .lei[data-hover]:hover:after{width:22px} .header .nav{width:358px;position:fixed;right:0;top:0;height:100vh;background:#262626;padding:110px 0 90px;-webkit-transform:scaleX(0);-moz-transform:scaleX(0);-ms-transform:scaleX(0);transform:scaleX(0);transform-origin:right center;-webkit-transition:transform 0.5s ease;-moz-transition:transform 0.5s ease;-ms-transition:transform 0.5s ease;transition:transform 0.5s ease} .header .nav h3{font-size:14px;color:#fff;line-height:90px;position:absolute;top:0;left:0;right:0;opacity:0;-webkit-transform:translateX(30px);-moz-transform:translateX(30px);-ms-transform:translateX(30px);transform:translateX(30px);-webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;-ms-transition:all 0.3s ease;transition:all 0.3s ease} .header .nav h3 a{display:inline-block;vertical-align:top;width:50%;text-align:center;color:#999;-webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;-ms-transition:all 0.3s ease;transition:all 0.3s ease;text-decoration:none} .header .nav h3 a:before{content:'';width:16px;height:16px;background-position:center;background-repeat:no-repeat;background-size:contain;display:inline-block;vertical-align:middle;margin:-2px 13px 0 0;opacity:.6;-webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;-ms-transition:all 0.3s ease;transition:all 0.3s ease} .header .nav h3 a:nth-of-type(1){border-right:1px solid #3e3e3e} .header .nav h3 a:nth-of-type(1):before{background-image:url("../images/icon10.png")} .header .nav h3 a:hover{color:#fff} .header .nav h3 a:hover:before{opacity:1} .header .nav ul{height:100%;font-size:0;overflow:hidden;opacity:0;-webkit-transform:translateX(30px);-moz-transform:translateX(30px);-ms-transform:translateX(30px);transform:translateX(30px);-webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;-ms-transition:all 0.3s ease;transition:all 0.3s ease} .header .nav ul li{position:relative;display:inline-block;vertical-align:top;width:100%;height:25%;border-top:1px solid #3e3e3e;-webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;-ms-transition:all 0.3s ease;transition:all 0.3s ease} .header .nav ul li a{display:block;height:100%;text-align:center} .header .nav ul li i{position:absolute;top:40px;width:32px;height:32px;background-position:center center;background-repeat:no-repeat;background-size:contain} .header .nav ul li p{position:absolute;bottom:40px;left:70px;right:40px;font-size:15px;color:#fff} .header .nav ul li a:hover p{color:#18b0ab} .header .nav ul li:nth-of-type(1) i{background-image:url("../images/icon1.png")} .header .nav ul li:nth-of-type(1) a:hover i{background-image:url("../images/icon01.png")} .header .nav ul li:nth-of-type(2) i{background-image:url("../images/icon2.png")} .header .nav ul li:nth-of-type(2) a:hover i{background-image:url("../images/icon02.png")} .header .nav ul li:nth-of-type(3) i{background-image:url("../images/icon3.png")} .header .nav ul li:nth-of-type(3) a:hover i{background-image:url("../images/icon03.png")} .header .nav ul li:nth-of-type(4) i{background-image:url("../images/icon4.png")} .header .nav ul li:nth-of-type(4) a:hover i{background-image:url("../images/icon04.png")} .header .nav ul li:last-child{border-bottom:1px solid #3e3e3e} .header .nav ul li:hover a{color:#18b0ab} .header .nav .copyright{font-size:13px;color:#666666;padding:10px 40px;line-height:20px;position:absolute;left:0;right:0;opacity:0;-webkit-transform:translateX(30px);-moz-transform:translateX(30px);-ms-transform:translateX(30px);transform:translateX(30px);-webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;-ms-transition:all 0.3s ease;transition:all 0.3s ease} .header .nav .copyright span{margin-left:30px} .header.opened .lei{border-color:transparent} .header.opened .lei:before{-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)} .header.opened .lei:after{bottom:8px;width:22px;-webkit-transform:rotate(135deg);-moz-transform:rotate(135deg);-ms-transform:rotate(135deg);transform:rotate(135deg)} .header.opened .nav{-webkit-transform:scaleX(1);-moz-transform:scaleX(1);-ms-transform:scaleX(1);transform:scaleX(1)} .header.opened .nav h3{opacity:1;-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);transition-delay:.5s} .header.opened .nav ul{opacity:1;-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);transition-delay:.8s} .header.opened .nav .copyright{opacity:1;-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);transition-delay:.5s} .mouse_down{width:22px;height:36px;border:2px solid #fff;border-radius:20px;position:relative} .mouse_down:after{content:'';width:2px;height:6px;background:#fff;margin:0 auto;position:absolute;left:0;right:0;top:6px;border-radius:5px;-webkit-animation:mouseDown 1s linear infinite;-moz-animation:mouseDown 1s linear infinite;-ms-animation:mouseDown 1s linear infinite;animation:mouseDown 1s linear infinite} .index_tit{position:relative;-webkit-transition:opacity 0.5s ease;-moz-transition:opacity 0.5s ease;-ms-transition:opacity 0.5s ease;transition:opacity 0.5s ease} .index_tit .span{font-size:18px;display:block;line-height:1;color:#FFFFFF;margin-bottom:25px;font-family:"Light"} .index_tit h3{font-size:48px;color:#FFFFFF;line-height:1.25;font-family:"Heavy";font-weight:bold} .index_tit h3 span{font-size:48px;font-weight:100} .index_tit p{font-size:14px;color:#fff;line-height:2;margin-top:20px} .index_tit a{position:absolute;right:0;bottom:0;font-size:14px;color:#333} .section7 .index_tit a:after{content:'';width:16px;height:16px;display:inline-block;vertical-align:middle;background-position:center;background-repeat:no-repeat;background-image:url(../images/jiahao.png);margin:-2px 0 0 10px} .index_tit.hide{opacity:0} .index_link{margin-top:3.5vw;width:440px;font-size:0} .index_link a{display:inline-block;vertical-align:top;width:140px;height:140px;background:#fff;-webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;-ms-transition:all 0.3s ease;transition:all 0.3s ease;margin:0 10px 10px 0;padding:65px 20px 0} .index_link a:nth-of-type(3n){margin-right:0} .index_link a span{display:block;font-size:16px;font-family:'BEBAS';color:#222;line-height:1;-webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;-ms-transition:all 0.3s ease;transition:all 0.3s ease} .index_link a p{font-size:15px;color:#222;margin-top:15px;-webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;-ms-transition:all 0.3s ease;transition:all 0.3s ease} .index_link a:hover,.index_link a.active{background:#ab8157} .index_link a:hover span,.index_link a:hover p,.index_link a.active span,.index_link a.active p{color:#fff} @media screen and (min-width:992px){.load_line_h{width:2px;height:200px;background:#fff;position:absolute;left:50%;top:-200px;z-index:10;-webkit-transition:top 0s linear 0.5s,opacity 0s linear 0.5s;-moz-transition:top 0s linear 0.5s,opacity 0s linear 0.5s;-ms-transition:top 0s linear 0.5s,opacity 0s linear 0.5s;transition:top 0s linear 0.5s,opacity 0s linear 0.5s} .load_line_v{width:200px;height:2px;background:#fff;position:absolute;top:50%;left:-200px;z-index:10;-webkit-transition:left 0s linear 0.5s,opacity 0s linear 0.5s;-moz-transition:left 0s linear 0.5s,opacity 0s linear 0.5s;-ms-transition:left 0s linear 0.5s,opacity 0s linear 0.5s;transition:left 0s linear 0.5s,opacity 0s linear 0.5s} .half_h{position:absolute;top:0;bottom:0;width:50%;background:#000;z-index:9} .half_h.half_l{left:0;-webkit-transition:left 0s linear 0.5s;-moz-transition:left 0s linear 0.5s;-ms-transition:left 0s linear 0.5s;transition:left 0s linear 0.5s} .half_h.half_r{right:0;-webkit-transition:right 0s linear 0.5s;-moz-transition:right 0s linear 0.5s;-ms-transition:right 0s linear 0.5s;transition:right 0s linear 0.5s} .half_v{position:absolute;left:0;right:0;height:51%;background:#000;z-index:9} .half_v.half_t{top:0;-webkit-transition:top 0s linear 0.5s;-moz-transition:top 0s linear 0.5s;-ms-transition:top 0s linear 0.5s;transition:top 0s linear 0.5s} .half_v.half_b{bottom:0;-webkit-transition:bottom 0s linear 0.5s;-moz-transition:bottom 0s linear 0.5s;-ms-transition:bottom 0s linear 0.5s;transition:bottom 0s linear 0.5s} .active .load_line_h{top:100%;opacity:0;-webkit-transition:top 1s linear 0.5s,opacity 0.3s linear 1.2s;-moz-transition:top 1s linear 0.5s,opacity 0.3s linear 1.2s;-ms-transition:top 1s linear 0.5s,opacity 0.3s linear 1.2s;transition:top 1s linear 0.5s,opacity 0.3s linear 1.2s} .active .load_line_v{left:100%;opacity:0;-webkit-transition:left 1s linear 0.5s,opacity 0.3s linear 1.2s;-moz-transition:left 1s linear 0.5s,opacity 0.3s linear 1.2s;-ms-transition:left 1s linear 0.5s,opacity 0.3s linear 1.2s;transition:left 1s linear 0.5s,opacity 0.3s linear 1.2s} .active .half_l{left:-52%;-webkit-transition:left 1s linear 1.5s;-moz-transition:left 1s linear 1.5s;-ms-transition:left 1s linear 1.5s;transition:left 1s linear 1.5s} .active .half_r{right:-52%;-webkit-transition:right 1s linear 1.5s;-moz-transition:right 1s linear 1.5s;-ms-transition:right 1s linear 1.5s;transition:right 1s linear 1.5s} .active .half_t{top:-52%;-webkit-transition:top 1s linear 1.5s;-moz-transition:top 1s linear 1.5s;-ms-transition:top 1s linear 1.5s;transition:top 1s linear 1.5s} .active .half_b{bottom:-52%;-webkit-transition:bottom 1s linear 1.5s;-moz-transition:bottom 1s linear 1.5s;-ms-transition:bottom 1s linear 1.5s;transition:bottom 1s linear 1.5s} }@media screen and (max-width:1600px){.header{padding-top:20px} .header .button{top:0px} .copyright{padding:5px 40px} .header .nav ul li i{top:20px} .header .nav{padding:80px 0} .header .nav h3{line-height:60px} .header .nav ul li p{bottom:20px} .index_tit span{margin-bottom:15px} .index_tit h3{font-size:32px} .index_tit h3 span{font-size:32px} .index_link{margin-top:2vw} .index_link a{width:110px;height:100px;padding:40px 10px 0} .index_link a p{margin-top:10px;font-size:14px} .index_main .section4 .left{padding-left:3.1vw !important;padding-right:3.1vw !important} }@media screen and (max-width:1366px){.header .logo img{height:60px} .index_tit h3{font-size:28px} .index_main .section4 .left .item:nth-of-type(1){border-radius:30px 0px 0px 0px !important} .index_main .section4 .left .item:nth-of-type(6){border-radius:0px 0px 30px 0px !important} .index_main .section4 .left .btn_items .item{height:9vw !important;font-size:12px !important} .index_link a{height:90px;padding-top:35px} }@media screen and (max-width:1200px){.index_tit h3{font-size:22px} .index_tit p{line-height:20px;margin-top:10px;color:#4b4b4b} }@media screen and (max-width:992px){body{padding-top:60px} .load_line_h,.load_line_v,.box_v,.box_h,.mouse_down{display:none} .header{padding:10px;background:#222} .header .logo img{height:40px} .header .logo span{display:none} .header .button{right:20px} .header .nav{width:100vw;padding:60px 0;-webkit-transform:none;-moz-transform:none;-ms-transform:none;transform:none;right:auto;left:100%;-webkit-transition:left 0.5s ease;-moz-transition:left 0.5s ease;-ms-transition:left 0.5s ease;transition:left 0.5s ease} .header.opened .nav{-webkit-transform:none;-moz-transform:none;-ms-transform:none;transform:none;left:0} .header .nav h3{line-height:40px} .header .nav .copyright{line-height:20px;padding:0px 30px;font-size:12px} .header .nav .copyright span{margin-left:10px} .header .nav ul li i{top:40px} .header .nav ul li p{bottom:15px;font-size:14px} .index_tit{text-align:center} .index_tit span{margin-bottom:10px} .index_tit h3{font-size:20px} .index_tit a{position:static;display:inline-block;vertical-align:top;margin-top:5px;color:#4b4b4b} .index_link{width:100%;margin-top:20px} .index_link a{width:calc(33.33% - 7px);padding-top:22px} .index_link a p{line-height:16px;height:32px} .index_link a p br{display:none} }.index_main .section{position:relative;overflow:hidden} .index_main .section .main{opacity:0;visibility:hidden;-webkit-transition:all 0s ease 0.5s;-moz-transition:all 0s ease 0.5s;-ms-transition:all 0s ease 0.5s;transition:all 0s ease 0.5s} .index_main .section.active .main{opacity:1;visibility:visible;-webkit-transition:all 0.3s ease 0.5s;-moz-transition:all 0.3s ease 0.5s;-ms-transition:all 0.3s ease 0.5s;transition:all 0.3s ease 0.5s} .index_main .section2{background:#FFF;font-size:0} .index_main .section2 .left{display:inline-block;vertical-align:top;width:50%;height:100vh;background:#18b0ab;position:relative;-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-ms-transition:all 0.5s ease;transition:all 0.5s ease} .index_main .section2 .left .cont{padding:0 4.5vw;height:100%;text-align:center} .index_main .section2 .left .cont .index_tit{opacity:1;visibility:visible;-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);-webkit-transition:all 0.5s ease 0.5s;-moz-transition:all 0.5s ease 0.5s;-ms-transition:all 0.5s ease 0.5s;transition:all 0.5s ease 0.5s} .index_main .section2 .left .cont .index_tit img{display:block;margin:0 auto;max-width:100%;margin-top:1.5vw} .index_main .section2 .left .cont .img_block{margin:7vh 0;position:relative;opacity:1;visibility:visible;-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);-webkit-transition:all 0.5s ease 0.7s;-moz-transition:all 0.5s ease 0.7s;-ms-transition:all 0.5s ease 0.7s;transition:all 0.5s ease 0.7s} .index_main .section2 .left .cont .img_block img{max-width:100%;display:block;margin:0 auto} .index_main .section2 .left .cont .img_block .dot{width:6px;height:6px;position:absolute;background:#ab8157;border-radius:50%;-webkit-animation:dotScale 2s infinite;-moz-animation:dotScale 2s infinite;-ms-animation:dotScale 2s infinite;animation:dotScale 2s infinite} .index_main .section2 .left .cont .img_block .dot:before{content:'';position:absolute;top:-10px;left:-10px;right:-10px;bottom:-10px;border-radius:50%;background:rgba(171,129,87,0.1)} .index_main .section2 .left .cont .img_block .dot:nth-of-type(1){top:8%;left:54%} .index_main .section2 .left .cont .img_block .dot:nth-of-type(2){top:26%;left:19%;animation-delay:.3s} .index_main .section2 .left .cont .img_block .dot:nth-of-type(3){top:79%;left:45%;animation-delay:.6s} .index_main .section2 .left .cont .img_block .dot:nth-of-type(4){top:35%;left:73%;animation-delay:.9s} .index_main .section2 .left .cont .desc{font-size:16px;line-height:30px;color:#FFFFFF;opacity:1;visibility:visible;-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);-webkit-transition:all 0.5s ease 0.9s;-moz-transition:all 0.5s ease 0.9s;-ms-transition:all 0.5s ease 0.9s;transition:all 0.5s ease 0.9s;letter-spacing:1px} .index_main .section2 .left .expand{padding:0 15.625vw;position:absolute;top:0;left:0;right:0;bottom:0;opacity:0;visibility:hidden;-webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;-ms-transition:all 0.3s ease;transition:all 0.3s ease;z-index:2} .index_main .section2 .left .expand .index_tit{opacity:0;-webkit-transform:translateY(30px);-moz-transform:translateY(30px);-ms-transform:translateY(30px);transform:translateY(30px)} .index_main .section2 .left .expand .index_tit p{margin-top:60px} .index_main .section2 .left .expand .link{opacity:0;-webkit-transform:translateY(30px);-moz-transform:translateY(30px);-ms-transform:translateY(30px);transform:translateY(30px);margin-top:10vh;position:relative} .index_main .section2 .left .expand .link a{display:inline-block;vertical-align:top;margin:0 0 12px 12px;width:calc(33.33% - 8px);background:#f7f7f7;padding:40px} .index_main .section2 .left .expand .link a:hover{text-decoration:none} .index_main .section2 .left .expand .link a h4{font-size:16px;color:#111;margin-bottom:25px} .index_main .section2 .left .expand .link a i{height:35px;display:block;background-position:right center;background-repeat:no-repeat;background-size:auto 35px} .index_main .section2 .left .expand .link a:nth-of-type(1){margin:0;position:absolute;left:0;top:0;bottom:0} .index_main .section2 .left .expand .link a:nth-of-type(1) h3{font-size:16px;color:#111} .index_main .section2 .left .expand .link a:nth-of-type(1) p{font-size:13px;color:#111;margin-top:10px} .index_main .section2 .left .expand .link a:nth-of-type(1) .data{position:absolute;left:40px;bottom:40px;color:#111} .index_main .section2 .left .expand .link a:nth-of-type(1) .data .num{font-size:30px} .index_main .section2 .left .expand .link a:nth-of-type(1) .data .num span{font-family:'BEBAS';font-size:40px} .index_main .section2 .left .expand .link a:nth-of-type(1) .data p{margin-top:0} .index_main .section2 .left .expand .link a:nth-of-type(1) i{position:absolute;bottom:40px;left:40px;right:40px;height:55px;background-size:auto 55px;background-image:url("../images/icon1.png")} .index_main .section2 .left .expand .link a:nth-of-type(1):hover i{background-image:url("../images/icon1_on.png")} .index_main .section2 .left .expand .link a:nth-of-type(2){margin-left:calc(33.33% + 4px)} .index_main .section2 .left .expand .link a:nth-of-type(2) i{background-image:url("../images/icon2.png")} .index_main .section2 .left .expand .link a:nth-of-type(2):hover i{background-image:url("../images/icon2_on.png")} .index_main .section2 .left .expand .link a:nth-of-type(3) i{background-image:url("../images/icon3.png")} .index_main .section2 .left .expand .link a:nth-of-type(3):hover i{background-image:url("../images/icon3_on.png")} .index_main .section2 .left .expand .link a:nth-of-type(4){margin-left:calc(33.33% + 4px);margin-bottom:0} .index_main .section2 .left .expand .link a:nth-of-type(4) i{background-image:url("../images/icon4.png")} .index_main .section2 .left .expand .link a:nth-of-type(4):hover i{background-image:url("../images/icon4_on.png")} .index_main .section2 .left .expand .link a:nth-of-type(5){margin-bottom:0} .index_main .section2 .left .expand .link a:nth-of-type(5) i{background-image:url("../images/icon7.png")} .index_main .section2 .left .expand .link a:nth-of-type(5):hover i{background-image:url("../images/icon7_on.png")} .index_main .section2 .left .expand .link a:hover{background:#73b69c;-webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;-ms-transition:all 0.3s ease;transition:all 0.3s ease} .index_main .section2 .left .expand .link a:hover h3,.index_main .section2 .left .expand .link a:hover h4,.index_main .section2 .left .expand .link a:hover p,.index_main .section2 .left .expand .link a:hover .data{color:#fff;-webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;-ms-transition:all 0.3s ease;transition:all 0.3s ease} .index_main .section2 .left .expand .link a:hover i{-webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;-ms-transition:all 0.3s ease;transition:all 0.3s ease} .index_main .section2 .left .single{position:absolute;top:0;left:0;right:0;bottom:0;text-align:center;opacity:0;visibility:hidden;z-index:3} .index_main .section2 .left .single h3{font-size:30px;color:#fff} .index_main .section2 .left .close{width:30px;height:30px;background-position:center;background-repeat:no-repeat;background-image:url("../images/close_2.png");opacity:0;visibility:hidden;position:absolute;right:40px;top:150px;cursor:pointer;z-index:4} .index_main .section2 .right{display:inline-block;vertical-align:top;width:50%;height:100vh;position:relative;overflow:hidden;-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-ms-transition:all 0.5s ease;transition:all 0.5s ease} .index_main .section2 .right video{position:absolute;top:0;height:100%;left:50%;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);z-index:1} .index_main .section2 .right .video_bg{position:absolute;top:0;left:0;right:0;bottom:0;background-position:center;background-repeat:no-repeat;background-size:cover;z-index:2} .index_main .section2 .right .txt_block{position:absolute;top:0;left:0;right:0;bottom:0;text-align:center;z-index:3} .index_main .section2 .right .txt_block span{display:block;position:relative;width:50px;height:50px;margin:0 auto;cursor:pointer} .index_main .section2 .right .txt_block span:after{content:'';width:100%;height:100%;position:absolute;top:0;left:0;background-position:center;background-repeat:no-repeat;background-image:url("../images/play.png");background-size:100%} .index_main .section2 .right .txt_block span.play:after{background-image:url("../images/pause.png")} .index_main .section2 .right .txt_block .index_tit{margin-top:35px} .index_main .section2 .right .txt_block .index_tit h3{color:#fff;-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-ms-transition:all 0.5s ease;transition:all 0.5s ease} .index_main .section2 .right .txt_block .index_tit p{color:#ddd;-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-ms-transition:all 0.5s ease;transition:all 0.5s ease} .index_main .section2 .right:after{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.4);z-index:2;-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-ms-transition:all 0.5s ease;transition:all 0.5s ease} .index_main .section2 .right .close{width:30px;height:30px;background-position:center;background-repeat:no-repeat;background-image:url("../images/close_2.png");opacity:0;visibility:hidden;position:absolute;left:40px;top:150px;cursor:pointer;z-index:4} .index_main .section2[data-page="left_open"] .left{width:81.25%} .index_main .section2[data-page="left_open"] .left .cont{opacity:0;visibility:hidden} .index_main .section2[data-page="left_open"] .left .cont .index_tit,.index_main .section2[data-page="left_open"] .left .cont .img_block,.index_main .section2[data-page="left_open"] .left .cont .desc{opacity:0;visibility:hidden;-webkit-transform:translateY(30px);-moz-transform:translateY(30px);-ms-transform:translateY(30px);transform:translateY(30px);transition-delay:0s} .index_main .section2[data-page="left_open"] .left .expand{opacity:1;visibility:visible} .index_main .section2[data-page="left_open"] .left .expand .index_tit{opacity:1;-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);-webkit-transition:all 0.5s ease 0.5s;-moz-transition:all 0.5s ease 0.5s;-ms-transition:all 0.5s ease 0.5s;transition:all 0.5s ease 0.5s} .index_main .section2[data-page="left_open"] .left .expand .link{opacity:1;-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);-webkit-transition:all 0.5s ease 0.8s;-moz-transition:all 0.5s ease 0.8s;-ms-transition:all 0.5s ease 0.8s;transition:all 0.5s ease 0.8s} .index_main .section2[data-page="left_open"] .left .close{opacity:1;visibility:visible;-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-ms-transition:all 0.5s ease;transition:all 0.5s ease} .index_main .section2[data-page="left_open"] .left .close:hover{-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)} .index_main .section2[data-page="left_open"] .right{width:18.75%} .index_main .section2[data-page="left_open"] .right .index_tit h3{-webkit-transform:scale(0.75);-moz-transform:scale(0.75);-ms-transform:scale(0.75);transform:scale(0.75)} .index_main .section2[data-page="left_open"] .right .index_tit p{opacity:0} .index_main .section2[data-page="left_open"] .right:after{background-color:rgba(0,0,0,0.6)} .index_main .section2[data-page="right_open"] .left{width:18.75%} .index_main .section2[data-page="right_open"] .left .cont,.index_main .section2[data-page="right_open"] .left .expand{opacity:0;visibility:hidden} .index_main .section2[data-page="right_open"] .left .cont .index_tit,.index_main .section2[data-page="right_open"] .left .cont .img_block,.index_main .section2[data-page="right_open"] .left .cont .desc{opacity:0;visibility:hidden;-webkit-transform:translateY(30px);-moz-transform:translateY(30px);-ms-transform:translateY(30px);transform:translateY(30px);transition-delay:0s} .index_main .section2[data-page="right_open"] .left .single{opacity:1;visibility:visible;-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-ms-transition:all 0.5s ease;transition:all 0.5s ease} .index_main .section2[data-page="right_open"] .right{width:81.25%} .index_main .section2[data-page="right_open"] .right .close{opacity:1;visibility:visible;-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-ms-transition:all 0.5s ease;transition:all 0.5s ease} .index_main .section2[data-page="right_open"] .right .close:hover{-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)} .index_main .section3 .main{width:100%;height:100vh;display:flex;flex-wrap:wrap} .index_main .section3 .main .item{width:25%;position:relative;background-repeat:no-repeat;background-size:100% 100%} /* .index_main .section3 .main .item:hover{background:url(../images/chanpinbei.jpg) no-repeat center !important;text-decoration:none} */ .index_main .section3 .main .item:hover .item_tit01{display:block;text-decoration:none} .index_main .section3 .main .item:hover .item_tit{display:none} .index_main .section3 .main .item .item_tit01{display:none;text-align:center;padding-top:9vw;width:90%;margin:0 5%} .index_main .section3 .main .item .item_tit01 h5{font-size:32px;font-family:"Light";color:#333;font-weight:100;opacity:0.8;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .index_main .section3 .main .item .item_tit01 p{font-size:18px;font-family:"Light";color:#333;font-weight:100;line-height:40px;opacity:0.8;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .index_main .section3 .main .item .item_tit01 .img{display:block;padding-top:8vh;width:50%;height:auto;margin:0 auto} .index_main .section3 .main .item .item_tit01 .img img{width:100%;height:auto} .index_main .section3 .main .item .item_tit01 a:hover .img_jian{-webkit-transform:translateX(-10px);transform:translateX(-10px)} .item a:hover .item_tit01 h5 span{font-weight:bold} .index_main .section3 .main .item .item_tit{position:absolute;bottom:3.5vw;padding:0px 2.1vw;width:100%} .index_main .section3 .main .item .item_tit h5{font-size:32px;font-family:"Light";color:#fff;font-weight:100;opacity:0.8;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .index_main .section3 .main .item .item_tit p{font-size:18px;font-family:"Light";color:#fff;font-weight:100;line-height:40px;opacity:0.8;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .index_main .section4{font-size:0} .index_main .section4 .left{display:inline-block;vertical-align:top;width:38%;height:100vh;position:relative;padding:6.25vw 6.1vw;background:url("../images/img7.jpg") no-repeat center} .index_main .section4 .left .cel{position:relative;width:100%} .index_main .section4 .left .btn_items{display:flex;flex-wrap:wrap;margin-top:3vw} .index_main .section4 .left .btn_items .item{width:45%;height:8vw;display:inline-block;vertical-align:top;margin:1.5%;padding:0vw 1.5vw;background:#fff;font-size:14px;line-height:22px;color:#666;cursor:pointer;font-family:"Light";overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .index_main .section4 .left .btn_items .item:hover,.index_main .section4 .left .btn_items .item.active{background:#18b0ab;color:#fff;-webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;-ms-transition:all 0.3s ease;transition:all 0.3s ease} .index_main .section4 .left .item span{font-size:16px;line-height:3.5vw;font-family:"Heavy"} .index_main .section4 .left .item:nth-of-type(1){border-radius:50px 0px 0px 0px} .index_main .section4 .left .item:nth-of-type(6){border-radius:0px 0px 50px 0px} .index_main .section4 .right{width:62%;display:inline-block;vertical-align:top;height:100vh;position:relative;overflow:hidden} .index_main .section4 .right .img_items{position:absolute;top:0;left:0;right:0;bottom:0;background:#000} .index_main .section4 .right .img_items .item{position:absolute;top:0;left:0;right:0;bottom:0;opacity:0;visibility:hidden;-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-ms-transition:all 0.5s ease;transition:all 0.5s ease;background-repeat:no-repeat;background-size:cover} .index_main .section4 .right .img_items .item.active{opacity:1;visibility:visible} .index_main .section5 .index_tit{max-width:570px} .index_main .section5 .main{height:100vh;padding:0 12.5vw;background-position:center;background-repeat:no-repeat;background-size:cover;background-image:url("../images/img2.jpg")} .index_main .section5 .main .index_tit h3{color:#fff} .index_main .section5 .main .index_tit p{color:#a8a8a8} .index_main .section6{font-size:0} .index_main .section6 .left{display:inline-block;vertical-align:top;width:38%;height:100vh;padding:50px 6vw 6.25vw 6vw;text-align:center;position:relative;background:url(../images/img7.png)} .index_main .section6 .left .item h3{font-size:40px;color:#333;line-height:1.25} .index_main .section6 .left .item img{height:46px;display:block;margin:9vh auto} .index_main .section6 .left .item p{font-size:15px;color:#333;line-height:25px;font-family:'Arial';margin:0 10px} .index_main .section6 .left .slick-dots{position:absolute;right:0;left:0;bottom:-4vw} .index_main .section6 .left .slick-dots button{display:none} .index_main .section6 .left .slick-dots li{display:inline-block;vertical-align:top;width:18px;height:4px;margin:0 3px;background:#dddddd;cursor:pointer} .index_main .section6 .left .slick-dots li.slick-active{background:#ab8157} .index_main .section6 .left a.more{position:absolute;left:0;right:0;bottom:0;line-height:6.25vw;text-align:center;font-size:14px;color:#fff;background:#ab8157} .index_main .section6 .left a.more:after{content:'';width:16px;height:16px;display:inline-block;vertical-align:middle;background-position:center;background-repeat:no-repeat;background-image:url("../images/icon5.png");margin:-2px 0 0 10px} .index_main .section6 .right{width:62%;height:100vh;display:inline-block;vertical-align:top;position:relative} .index_main .section6 .right .item,.index_main .section6 .right .box{position:absolute;top:0;left:0;right:0;bottom:0;background-position:center;background-repeat:no-repeat;background-size:cover} .index_main .section6 .right .item{opacity:0;-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-ms-transition:all 0.5s ease;transition:all 0.5s ease} .index_main .section6 .right .item.active{opacity:1} .index_main .section6 .right .box{-webkit-animation:flicker 2s linear infinite;-moz-animation:flicker 2s linear infinite;-ms-animation:flicker 2s linear infinite;animation:flicker 2s linear infinite} .index_main .section7{background-image:url(../images/beijing.jpg);background-repeat:no-repeat;background-size:100% 100%} .index_main .section7 .main{height:100vh;padding:0 5vw 0 12.5vw} .index_main .section7 .main .index_tit h3{color:#4b4b4b;font-family:"Light" !important} .index_main .section7 .main .swiper-container{margin-top:4vw;padding-bottom:3vw} .index_main .section7 .main .swiper-slide .img_block{overflow:hidden} .index_main .section7 .main .swiper-slide .img_block img{width:100%;display:block;-webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;-ms-transition:all 0.3s ease;transition:all 0.3s ease} .index_main .section7 .main .swiper-slide .txt_block{padding:15px 14px;background-color:#f3f4f8} .index_main .section7 .main .swiper-slide:hover .txt_block{background-color:#18b0ab} .index_main .section7 .main .swiper-slide .txt_block .date{font-size:13px;color:#555;font-family:"Light" !important} .index_main .section7 .main .swiper-slide:hover .txt_block .date{color:#fff} .index_main .section7 .main .swiper-slide .txt_block h3{font-size:15px;line-height:28px;color:#333;font-weight:bold;margin-top:10px;font-family:"Light" !important} .index_main .section7 .main .swiper-slide:hover .txt_block h3{color:#fff} .index_main .section7 .main .swiper-slide .txt_block p{font-size:13px;line-height:26px;color:#555;height:20px;overflow:hidden;font-family:"Light" !important} .index_main .section7 .main .swiper-slide:hover .txt_block p{color:#fff} .index_main .section7 .main a:hover{text-decoration:none} .index_main .section7 .main .swiper-slide:hover .img_block img{-webkit-transform:scale(1.05);-moz-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05)} .index_main .section7 .main .swiper-slide:hover h3{color:#18b0ab} .index_main .section7 .main a:hover .txt_block p{text-decoration:underline} .index_main .section7 .main .swiper_prev,.index_main .section7 .main .swiper_next{position:absolute;bottom:0;width:51px;height:20px;background-position:center;background-repeat:no-repeat;cursor:pointer;opacity:.5;-webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;-ms-transition:all 0.3s ease;transition:all 0.3s ease} .index_main .section7 .main .swiper_prev:hover,.index_main .section7 .main .swiper_next:hover{opacity:1} .index_main .section7 .main .swiper_prev{background-image:url("../images/prev_1.png");left:0} .index_main .section7 .main .swiper_next{background-image:url("../images/next_1.png");left:60px} @media screen and (max-width:1600px){.index_main .section1 .item .txt_block h3{font-size:40px} .index_main .section3 .main .item .item_tit h5{font-size:29px} .index_main .section3 .main .item .item_tit01 h5{font-size:29px} .index_main .section3 .main .item .item_tit01 p{font-size:16px} .index_main .section3 .main .item .item_tit p{font-size:16px} .index_main .section1 .mouse_down{bottom:40px} .index_main .section2 .left .cont .img_block{margin:5vh 0} .index_main .section2 .left .cont .desc{font-size:14px} .index_main .section2 .left .single h3{font-size:24px} .index_main .section2 .left .expand .index_tit p{margin-top:20px} .index_main .section2 .left .expand .link{margin-top:6vh} .index_main .section2 .left .expand .link a{padding:30px} .index_main .section2 .left .expand .link a:nth-of-type(1) .data{left:30px;bottom:30px} .index_main .section2 .left .expand .link a:nth-of-type(1) i{bottom:30px;left:30px;right:30px;height:45px;background-size:auto 45px} .index_main .section4 .left,.index_main .section6 .left{padding-bottom:4.5vw} .index_main .section2 .left .close,.index_main .section2 .right .close{top:130px} .index_main .section4 .left a.more,.index_main .section6 .left a.more{line-height:4.5vw} .index_main .section4 .left .items{margin-top:3vw} .index_main .section4 .left .item .num span{font-size:40px} .index_main .section4 .right .btn_items{bottom:4.5vw} .index_main .section4 .right .btn_items .item{width:100px;padding:18px 30px} .index_main .section6 .left .item h3{font-size:30px} .index_main .section6 .left .item img{margin:6vh auto} .index_main .section7 .main .swiper-container{margin-top:3vw;padding-bottom:2vw} .index_main .section7 .main .swiper-slide .txt_block{padding:15px 10px;background-color:#f3f4f8} .index_main .section7 .main .swiper-slide:hover .txt_block{background-color:#18b0ab} .index_main .section7 .main .swiper-slide .txt_block h3{margin-top:10px;font-size:14px;line-height:24px;height:48px;overflow:hidden;color:#333} .index_main .section7 .main .swiper-slide:hover .txt_block h3{color:#fff} .index_main .section7 .main .swiper-slide .txt_block p{font-size:12px;line-height:20px;height:20px;margin-top:10px;color:#555} .index_main .section7 .main .swiper-slide:hover .txt_block p{color:#fff} }@media screen and (max-width:1366px){.index_main .section1 .item .txt_block h3{font-size:36px} .index_main .section3 .main .item .item_tit h5{font-size:26px} .index_main .section3 .main .item .item_tit01 h5{font-size:26px} .index_main .section3 .main .item .item_tit01 p{font-size:14px} .index_main .section3 .main .item .item_tit p{font-size:14px} .index_main .section2 .left .cont .desc{font-size:14px;line-height:24px} .index_main .section2 .right video{height:106%} .index_main .section2 .left .expand .link a{padding:20px} .index_main .section2 .left .expand .link a i{height:30px;background-size:auto 30px} .index_main .section2 .left .expand .link a:nth-of-type(1) .data{left:20px;bottom:20px} .index_main .section2 .left .expand .link a:nth-of-type(1) i{bottom:20px;left:20px;right:20px;height:40px;background-size:auto 40px} .index_main .section2 .left .close,.index_main .section2 .right .close{top:110px} .index_main .section4 .left .item .num span{font-size:36px} .index_main .section7 .main .swiper-container{margin-top:2vw} }@media screen and (max-width:1200px){.index_main .section2 .left .expand .link a:nth-of-type(1) p{font-size:12px} .index_main .section2 .left .cont .desc{font-size:12px;line-height:20px} .index_main .section2 .left .expand .link a h4,.index_main .section2 .left .expand .link a:nth-of-type(1) h3{font-size:14px} .index_main .section4 .left .item .num span{font-size:30px} .index_main .section6 .left .item h3{font-size:22px} .index_main .section3 .main .item .item_tit h5{font-size:22px} .index_main .section3 .main .item .item_tit p{font-size:12px} .index_main .section3 .main .item .item_tit01 h5{font-size:22px} .index_main .section3 .main .item .item_tit01 p{font-size:12px} }@media screen and (max-width:992px){.index_main .section1 .item.active .bg_block{height:40vh} .index_main .section3 .main{height:160vh} .index_main .section3 .main .item{height:80vh} .index_main .section1 .item .txt_block{padding:0 20px} .index_main .section3 .main .item{width:50% !important} .index_main .section1 .item .txt_block h3{font-size:24px} .index_main .section1 .item .txt_block p{font-size:14px;line-height:24px} .index_main .section1 .item,.index_main .section1 .item .bg_block .bg{height:40vh} .index_main .section2 .left .close,.index_main .section2 .right .close{display:none} .index_main .section2 .left{width:100%;height:auto;padding:10vw 20px;-webkit-transition:none;-moz-transition:none;-ms-transition:none;transition:none} .index_main .section2 .left .cont .img_block{margin:20px auto;-webkit-transition:none;-moz-transition:none;-ms-transition:none;transition:none} .index_main .section2 .left .cont .desc{-webkit-transition:none;-moz-transition:none;-ms-transition:none;transition:none} .index_main .section2 .left .expand{display:none;position:static;opacity:1;visibility:visible;padding:0;-webkit-transition:none;-moz-transition:none;-ms-transition:none;transition:none} .index_main .section2 .left .expand .index_tit,.index_main .section2 .left .expand .link{opacity:1;-webkit-transition:none;-moz-transition:none;-ms-transition:none;transition:none;-webkit-transform:none;-moz-transform:none;-ms-transform:none;transform:none} .index_main .section2 .left .expand .index_tit{display:none} .index_main .section2 .left .expand .link{margin-top:20px} .index_main .section2 .left .expand .link a:nth-of-type(1) h3{font-size:13px} .index_main .section2 .left .expand .link a:nth-of-type(1) i{display:none} .index_main .section2 .left .expand .link a:nth-of-type(1) .data .num span{font-size:26px} .index_main .section2 .left .expand .link a:nth-of-type(1) .data .num{font-size:20px} .index_main .section2 .left .expand .link a{padding:10px} .index_main .section2 .left .expand .link a h4{line-height:16px;height:32px;margin-bottom:20px} .index_main .section2 .right{width:100%;height:auto;padding:30px 0;-webkit-transition:none;-moz-transition:none;-ms-transition:none;transition:none} .index_main .section2 .right video{position:static;width:100%;height:auto;-webkit-transform:none;-moz-transform:none;-ms-transform:none;transform:none} .index_main .section2 .right .txt_block .index_tit{margin-top:20px} .index_main .section2 .right:after{display:none} .index_main .section2 .right .txt_block{top:50%;bottom:auto;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)} .index_main .section2 .left .single{display:none} .index_main .section4 .left a.more,.index_main .section6 .left a.more{position:static;display:block;line-height:40px;margin:20px auto 0;width:60%} .index_main .section4 .left{width:100%;height:auto;padding:0 20px 10vw} .index_main .section4 .left .items{margin-top:15px;text-align:center} .index_main .section4 .left .btn_items .item{height:18vw !important} .index_main .section4 .left .item .num{font-size:20px} .index_main .section4 .left{padding-left:18.1vw !important;padding-right:18.1vw !important} .index_main .section4 .left .item .num span{font-size:26px} .index_main .section4 .left .item p{font-size:12px} .index_main .section4 .right{width:100%;height:36vh} .index_main .section4 .right .btn_items .item{width:22%;margin:0 1%;padding:10px 0;font-size:13px} .index_main .section4 .left .btn_items .item{padding:0vw 3.5vw} .index_main .section4 .left .item span{line-height:6.5vw} .index_tit h3 span{font-size:20px} .index_main .section5 .main{height:auto;padding:10vw 20px} .index_main .section6 .left{width:100%;height:auto;padding:10vw 20px} .index_main .section6 .left .item h3{font-size:18px} .index_main .section6 .left .item img{margin:20px auto} .index_main .section6 .left .item p{font-size:14px;line-height:24px} .index_main .section6 .right{width:100%;height:36vh} .index_main .section6 .left .slick-dots{position:static;margin-top:10px} .index_main .section7 .main{height:auto;padding:10vw 20px} .index_main .section7 .main .swiper-container{margin-top:20px;padding-bottom:30px} .index_main .section7 .main .swiper-slide .txt_block p{line-height:19px;height:20px;color:#555} .index_main .section7 .main .swiper-slide:hover .txt_block p{color:#fff} .index_main .section7 .main .swiper-slide .txt_block h3{line-height:20px;height:40px;color:#333} .index_main .section7 .main .swiper-slide:hover .txt_block h3{color:#fff} .index_main .section7 .main .swiper_prev{left:calc(50% - 55px)} .index_main .section7 .main .swiper_next{right:calc(50% - 55px);left:auto} }@media screen and (max-width:590px){.me{display:none} .index_main .section2 .left .cont .desc br{display:none} .header .button .en,.header .button .ch{margin-right:15px;font-size:13px;padding:5px 20px} .index_main .section4 .left{padding-left:3.1vw !important;padding-right:3.1vw !important} .index_main .section4 .left .btn_items .item{padding:0vw 3.5vw} .index_main .section4 .left .btn_items .item{height:25vw !important} .index_main .section4 .left .item span{line-height:10.5vw} .index_main .section3 .main{height:100vh} .index_main .section3 .main .item{width:50% !important;height:50vh} .index_main .section3 .main .item .item_tit{padding:0px 18vw;display:none} .index_main .section3 .main .item:nth-of-type(1) .item_tit01,.index_main .section3 .main .item:nth-of-type(2) .item_tit01,.index_main .section3 .main .item:nth-of-type(3) .item_tit01,.index_main .section3 .main .item:nth-of-type(4) .item_tit01{display:block} .index_main .section3 .main .item:nth-of-type(1) .item_tit01 h5,.index_main .section3 .main .item:nth-of-type(2) .item_tit01 h5,.index_main .section3 .main .item:nth-of-type(3) .item_tit01 h5,.index_main .section3 .main .item:nth-of-type(4) .item_tit01 h5{font-size:14px;margin-bottom:0px;margin-top:0px} /* .index_main .section3 .main .item:nth-of-type(1),.index_main .section3 .main .item:nth-of-type(4){background:url("../images/浜у搧鑳屾櫙.jpg") no-repeat center !important} */ /* .index_main .section3 .main .item:nth-of-type(1) .item_tit01 img,.index_main .section3 .main .item:nth-of-type(4) .item_tit01 img{height:auto;width:25%} */ .index_main .section3 .main .item .item_tit01 .img{width:100%;display: none;} .index_main .section3 .main .item .item_tit01 p{line-height:30px} /* .index_main .section3 .main .item:nth-of-type(2):hover{background:url(../images/chanpin3.jpg) no-repeat center !important;text-decoration:none} .index_main .section3 .main .item:nth-of-type(3):hover{background:url(../images/chanpin2.jpg) no-repeat center !important;text-decoration:none} */ /* .index_main .section3 .main .item:nth-of-type(2):hover .item_tit01,.index_main .section3 .main .item:nth-of-type(3):hover .item_tit01{display:none;text-decoration:none} */ } @media screen and (min-width:590px){ .index_main .section3 .main .item:hover{background:url(../images/chanpinbei.jpg) no-repeat center !important;text-decoration:none} } @font-face {font-family: "iconfont"; src: url('//at.alicdn.com/t/font_1405126_znwa2y97czi.eot?t=1568628391441'); /* IE9 */ src: url('//at.alicdn.com/t/font_1405126_znwa2y97czi.eot?t=1568628391441#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('data:application/x-font-woff2;charset=utf-8;base64,d09GMgABAAAAAANYAAsAAAAAB2gAAAMLAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHEIGVgCDFAqCLIITATYCJAMQCwoABCAFhG0HRRt6BsgekiQl7yigAMkdEAGY4+G//f63z8xc+eKGd7EsIonI6hAShEq3EAmFLBbxEt5P/mUvntgTaVWGrpalZ/7+fM9O4BNaiK3ZBdVdtbkOhBrefRVENPJUNh36wKbQ/1xO764pOL+d5TLH8qN7AcYBBTTWpiMrkYC8pW4yrooe/eM0gW7zWsWcGp50AlKgSYF4Igp+QJ2ooiSFVqgnVhbipUqbbvoA4IX8fvwHWyAkVQbNPPt4KAS9v/q+XfJnneMmR8jOcyNZR8YuUIi7k97r4nR2V5zuanC8fUCtCOms8AwSuyit9fVL/3hJJmpQfS844ucyv/ooTvDrIk7i16U6GX6Gvu3mLwJPQ8asJjDFB3JyFg+8awycjHk+Hrx+v+7tZs2Fj8Ov1vC2Kd+djZS1Nef6uuvgxxb/IXi1PrRQMnt4W57TxWZeO1BAj2wvFI4elA5ty3c5PfP1gx319olbDlif/aiWi/CVR0UpaJ0c/nvPGB9PQj1mbKe3o4Jg6aHDw82tfTEed0x/TJ/H0we1P8bqr0+noh7fpntslNQDzpx7VP3oZ3RrSyzZt/ww57f0KOVfDd4pESJFfSRfWQU6QCeaz+d5ANLr9Eb+IhCceQf5Tmbnf5QawJfL+6oX7UQL7Mu1EmDZd5cBSaVWIFsppZJKG39xADQxoVs3OoCCw76eoR8DNxNaYzv8jTkLWWsVLYxdqPQ4ArXWUei2Y2R9jxFMnCgF23Z7EAbdhaTfe8gGfUYL4wtUxn2H2mDEQbfLkbtjj/UQUwYY8XMSwoF5LAY1lRIHT1GNdiJMy37mKiTHTVhETGCrydIvjBCVsDPmRGYEG+cUU6YpeNg7j8iyhnWmTZEgN4U519vNZjpFkSmoKZDiJIbw44gQLGAeJgrSqChvz6UMPm9HCKbJ/NgCYSXsRjARYveYlYkFgI5oVRDhW96JmCGw4TgKoxiNAhv2hhEymQbTp4dNIYI4k/COtK6dGbeiUK3pfr3yhTugG7q3hMkVStrHRJ0T/aqQKBPKvXNJTBTC0gIAAA==') format('woff2'), url('//at.alicdn.com/t/font_1405126_znwa2y97czi.woff?t=1568628391441') format('woff'), url('//at.alicdn.com/t/font_1405126_znwa2y97czi.ttf?t=1568628391441') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */ url('//at.alicdn.com/t/font_1405126_znwa2y97czi.svg?t=1568628391441#iconfont') format('svg'); /* iOS 4.1- */ } .iconfont { font-family: "iconfont" !important; font-size: 16px; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-fenxiang:before { content: "\e641"; } .icon-left_x:before { content: "\e6a3"; } .icon-right_x:before { content: "\e6a4"; } .flexslider{position:relative;height:100vh;overflow:hidden} .slides{position:relative;z-index:1} .slides li{height:100vh;position:relative} .slides li .index_tit{padding:30vh 20%;height:20vh} .slides li .index_tit h5{font-size:14px;color:#FFFFFF;font-family:"Light";font-weight:bold;margin-bottom:5px;letter-spacing:1px} .slides li .index_tit p{margin-top:0px !important;font-size:14px;color:#FFFFFF;font-family:"Light";font-weight:100} .slides li .index_tit h3{font-size:60px;font-family:"Heavy";color:#FFFFFF} .slides li .index_tit h3 span{font-size:60px;color:#FFFFFF;line-height:28px} .slides li .index_tit h4{margin-top:1.5vw} .slides li .index_tit h4 a{position:relative;left:0px;font-size:16px;color:#FFFFFF;font-weight:bold} .slides li .index_tit h4 a span{font-weight:400;padding-left:5px} .slides li .img_block{width:60%;height:12vh;position:absolute;bottom:0px;left:20%;background-color:#FFFFFF} .slides li .img_block .text-1{height:100%;background:#fff;padding:26px 0px 0px 21px} .slides li .img_block .text-1 h2{font-size:16px;color:#000000;font-weight:900;font-family:"Heavy";margin-top:0px;margin-bottom:5px} .slides li .img_block .text-1 p a{font-size:14px;font-family:"Light";color:#666666} .slides li .img_block .text-1 p a:hover{text-decoration:none} .slides li .img_block .text-2{background:#18b0ab;height:100%;padding-left:2.3vw} .slides li .img_block .text-2 img{margin-top:2vh;float:left} .slides li .img_block .text-2 .text-01{float:left;padding-left:10px;padding-top:3vh} .slides li .img_block .text-2 .text-01 h2{font-size:16px;color:#FFFFFF !important;font-weight:900;font-family:"Heavy";margin-top:0px;margin-bottom:5px;letter-spacing:1px} .slides li .img_block .text-2 .text-01 p{font-size:14px;font-family:"Light";color:#FFFFFF} .slides li .img_img{position:absolute;bottom:0px;left:9.7%;width:10.3%;height:12vh} .slides li .img_img img{width:100%;height:100%} .slides li .fenxiang{position:absolute;height:12vh;right:6.5vw;bottom:0px} .slides li .fenxiang a i{color:#FFFFFF;font-size:20px;line-height:45px;border:1px solid #FFFFFF;border-radius:50%;padding:7px} .slides li .fenxiang a:hover{text-decoration:none} .slides li .fenxiang a:hover i{background-color:#FFFFFF;color:#18b0ab} .flex-control-nav{position:absolute;left:35%;bottom:0px;z-index:2;width:100%} .flex-control-nav li{display:inline-block;width:14px;height:14px;margin:0 5px;*display:inline;zoom:1} .flex-control-nav a{display:inline-block;width:10px;height:14px;line-height:40px;overflow:hidden;background:url(../images/dot.png) right 0 no-repeat;cursor:pointer} .flex-control-nav .flex-active{background-position:0 0} .flex-direction-nav{position:absolute;z-index:3;width:100%;bottom:calc(12vh + 45px);margin-bottom:0px} .flex-direction-nav li a{display:block;width:45px;height:45px;overflow:hidden;cursor:pointer;position:absolute;background-color:#cccccc;text-align:center;text-decoration:none} .flex-direction-nav li a:hover{background-color:#18b0ab;text-decoration:none} .flex-direction-nav li a:visited{text-decoration:none} .flex-direction-nav li a.flex-prev{left:20%} .flex-direction-nav li a i{line-height:45px;font-size:30px;color:#FFFFFF} .flex-direction-nav li a.flex-next{left:calc(20% + 45px)} @media screen and (max-width:1600px){.slides li .img_img{left:5%;width:15%} .slides li .img_block{width:66%} .slides li .img_block .text-1 h2,.slides li .img_block .text-2 .text-01 h2{font-size:14px} .slides li .img_block .text-1 p a,.slides li .img_block .text-2 .text-01 p{font-size:12px} }@media screen and (max-width:1366px){.slides li .img_img{left:0%;width:10%} .slides li .img_block{width:80%} .slides li .index_tit{padding:30vh 15%} .slides li .img_block{left:10%} .flex-direction-nav li a.flex-prev{left:10%} .flex-direction-nav li a.flex-next{left:calc(10% + 45px)} .slides li .fenxiang{left:91%;right:0px} .flex-control-nav{left:30%} .slides li .index_tit h3{font-size:46px} .slides li .index_tit h3 span{font-size:46px} }@media screen and (max-width:1200px){.slides li .img_img,.slides li .fenxiang{display:none} .slides li .img_block{width:100%;left:0px} .flex-direction-nav li a.flex-next{left:45px} .flex-direction-nav li a.flex-prev{left:0px} .flex-control-nav{left:24%} }@media screen and (max-width:590px){.slides li .img_block .text-2 img,.flex-control-nav{display:none} .slides li .img_block .text-1 h2,.slides li .img_block .text-2 .text-01 h2{font-size:12px} .slides li .img_block .text-1{padding-left:5px} .slides li .img_block .text-2 .text-01{padding-left:0px} .slides li .img_block .text-1 p a,.slides li .img_block .text-2 .text-01 p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-right:8%} .slides li .index_tit h5,.slides li .index_tit p{font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left;padding-right:50%} .slides li .index_tit{padding:15vh 5%} .slides li .index_tit p{padding-right:40%} .slides li .index_tit h3,.slides li .index_tit h3 span{font-size:24px;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left;padding-right:20%;margin-top:20px} .slides li .index_tit .sp{margin-top:0px} .slides li .index_tit h4{text-align:left} .flexslider{height:80vh !important} .slides li{height:80vh !important} .slides li .index_tit h4 a{margin-top:26px} .slides li .index_tit h3,.slides li .index_tit h3 span{margin-bottom:3px} }