/** * 1. Set default font family to sans-serif. * 2. Prevent iOS text size adjust after orientation change, without disabling * user zoom. * 0. sassCore's style*/
html{font-family: sans-serif;/* 1*/-ms-text-size-adjust: 100%;/* 2*/-webkit-text-size-adjust: 100%;/* 2*/overflow-y: scroll;/* 0*/-webkit-overflow-scrolling: touch/* 0*/}
/** * 1. Remove default margin * 0. sassCore's style.*/
body{margin: 0;/* 1*/font-size: 12px;/* 0*/line-height: 2;/* 0*/color: #333;/* 0*/background-color: #fff/* 0*/}
/* HTML5 display definitions ==========================================================================*//** * Correct `block` display not defined for any HTML5 element in IE 8/9. * Correct `block` display not defined for `details` or `summary` in IE 10/11 and Firefox. * Correct `block` display not defined for `main` in IE 11.*/
article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display: block;}
/** * 1. Correct `inline-block` display not defined in IE 8/9. * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera. * 3. Correct `inline-block` display in IE 6/7.*/audio,
canvas,progress,video{display: inline-block;/* 1*/vertical-align: baseline;/* 2*/*display: inline;/* 3*/*zoom: 1/* 3*/}
/** * Prevent modern browsers from displaying `audio` without controls. * Remove excess height in iOS 5 devices.*/
audio:not([controls]){display: none;height: 0;}
/** * Address `[hidden]` styling not present in IE 8/9/10. * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22.*/
[hidden],template{display: none;}
/* Links ==========================================================================*//** * 1. Remove the gray background color from active links in IE 10. * 2. Improve readability when focused and also mouse hovered in all browsers. * 0. sassCore's style.*/
a{background: transparent;/* 1*//* 0*/text-decoration: none;color: #08c;}
a:active, a:hover{outline: 0/* 2*/}
a:hover{color: #006699;}
/* Text-level semantics ==========================================================================*/
/** * Address styling not present in IE 8/9/10/11, Safari, and Chrome.*/
abbr[title]{border-bottom: 1px dotted;}
/** * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.*/
b,strong{font-weight: bold;}
/** * Address styling not present in Safari and Chrome.*/
dfn{font-style: italic;}
/** * Address styling not present in IE 8/9.*/
mark{background: #ff0;color: #000;}
/** * Address inconsistent and variable font size in all browsers.*/
small{font-size: 80%;}
/** * Prevent `sub` and `sup` affecting `line-height` in all browsers.*/
sub,sup{font-size: 75%;line-height: 0;position: relative;vertical-align: baseline;}
sup{top: -0.5em;}
sub{bottom: -0.25em;}
/* Embedded content ==========================================================================*/
/** * 1. Remove border when inside `a` element in IE 8/9/10. * 2. Improve image quality when scaled in IE 7. * 0. sassCore's style.*/
img{border: 0;/* 1*/vertical-align: middle;/* 0*/-ms-interpolation-mode: bicubic/* 2*/}
/** * Correct overflow not hidden in IE 9/10/11.*/
svg:not(:root){overflow: hidden;}
/* Grouping content ==========================================================================*//** * Address differences between Firefox and other browsers.*/
hr{box-sizing: content-box;height: 0;}
/** * 1. Contain overflow in all browsers. * 2. Improve readability of pre-formatted text in all browsers.*/
pre{overflow: auto;/* 1*/white-space: pre;/* 2*/white-space: pre-wrap;/* 2*/word-wrap: break-word/* 2*/}
/** * 1. Address odd `em`-unit font size rendering in all browsers. * 2. Correct font family set oddly in IE 6, Safari 4/5, and Chrome.*/
code,kbd,pre,samp{font-family: monospace, monospace;/* 1*/_font-family: 'courier new', monospace;/* 1*/font-size: 1em/* 2*/}
button,input,optgroup,select,textarea{color: inherit;/* 1*/font: inherit;/* 2*/margin: 0/* 3*/}
/** * Address `overflow` set to `hidden` in IE 8/9/10/11.*/
button{overflow: visible;}
/** * Address inconsistent `text-transform` inheritance for `button` and `select`. * All other form control elements do not inherit `text-transform` values. * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera. * Correct `select` style inheritance in Firefox.*/
button,select{text-transform: none;}
/** * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` * and `video` controls. * 2. Correct inability to style clickable `input` types in iOS. * 3. Improve usability and consistency of cursor style between image-type * `input` and others. * 4. Remove inner spacing in IE 7 without affecting normal text inputs. * Known issue: inner spacing remains in IE 6.*/
button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance: button;/* 2*/cursor: pointer;/* 3*/*overflow: visible/* 4*/}
/** * Re-set default cursor for disabled elements.*/button[disabled],
html input[disabled]{cursor: default;}
/** * Remove inner padding and border in Firefox 4+.*/
button::-moz-focus-inner,input::-moz-focus-inner{border: 0;padding: 0;}
textarea:focus,input:focus{outline: none;}
/** * Address Firefox 4+ setting `line-height` on `input` using `!important` in * the UA stylesheet.*/
input{line-height: normal;}
/** * It's recommended that you don't attempt to style these elements. * Firefox's implementation doesn't respect box-sizing, padding, or width. * * 1. Address box sizing set to `content-box` in IE 8/9/10. * 2. Remove excess padding in IE 8/9/10. * 3. Remove excess padding in IE 7. * Known issue: excess padding remains in IE 6.*/
input[type="checkbox"],
input[type="radio"]{box-sizing: border-box;/* 1*/padding: 0;/* 2*/*height: 13px;/* 3*/*width: 13px/* 3*/}
/** * Fix the cursor style for Chrome's increment/decrement buttons. For certain * `font-size` values of the `input`, it causes the cursor style of the * decrement button to change from `default` to `text`.*/
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button{height: auto;}
/** * 1. Address `appearance` set to `searchfield` in Safari and Chrome. * 2. Address `box-sizing` set to `border-box` in Safari and Chrome * (include `-moz` to future-proof).*/
input[type="search"]{-webkit-appearance: textfield;/* 1*//* 2*/box-sizing: content-box;}
/** * Remove inner padding and search cancel button in Safari and Chrome on OS X. * Safari (but not Chrome) clips the cancel button when the search input has * padding (and `textfield` appearance).*/
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration,input[type="text"]{-webkit-appearance: none;}
/** * Define consistent border, margin, and padding.*/
fieldset{border: 1px solid #c0c0c0;margin: 0 2px;padding: 0.35em 0.625em 0.75em;}
/** * 1. Correct `color` not being inherited in IE 8/9/10/11. * 2. Remove padding so people aren't caught out if they zero out fieldsets. * 3. Correct alignment displayed oddly in IE 6/7.*/
legend{border: 0;/* 1*/padding: 0;/* 2*/*margin-left: -7px/* 3*/}
/** * 1. Remove default vertical scrollbar in IE 8/9/10/11. * 0. sassCore's style*/
textarea{overflow: auto;/* 1*/resize: vertical/* 0*/}
/** * Don't inherit the `font-weight` (applied by a rule above). * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.*/
optgroup{font-weight: bold;}
/* Tables ==========================================================================*//** * Remove most spacing between table cells.*/
table{border-collapse: collapse;border-spacing: 0;}
td,th{padding: 0;}
/** * Address CSS quotes not supported in IE 6/7.*/
q{quotes: none;}
html,button,input,select,textarea{/* font-family: "Microsoft Yahei", "Helvetica Neue", Helvetica, Tahoma, sans-serif;*/}
h1, h2, h3, h4, h5, h6, p, figure, form, blockquote{margin: 0;}
ul, ol, li, dl, dd{margin: 0;padding: 0;}
ul, ol{list-style: none outside none;}
h1, h2, h3{line-height: 2;font-weight: normal;}
h1{font-size: 18px;}
h2{font-size: 15.6px;}
h3{font-size: 14.04px;}
h4{font-size: 12px;}
h5, h6{font-size: 10.2px;text-transform: uppercase;}
input:-moz-placeholder,
textarea:-moz-placeholder{color: #ccc;}
input::-moz-placeholder,
textarea::-moz-placeholder{color: #ccc;}
input:-ms-input-placeholder,
textarea:-ms-input-placeholder{color: #ccc;}
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder{color: #ccc;}
.clear{clear: both;}
.clear:after{content:'';clear:both;display:block;}
.f-cb{zoom: 1;}
.f-cb:after{display: block;height: 0;clear: both;visibility: hidden;overflow: hidden;content: ".";}
.fl{float: left;}
.fr{float: right;}
.por{position: relative;}
.poa{position: absolute;}
.pof{position: fixed;}
.poa-f{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.ovh{overflow: hidden;}
.noselect{-moz-user-select: none;-webkit-user-select: none;-ms-user-select: none;}
.z1{z-index: 1;}
.z2{z-index: 2;}
.z3{z-index: 3;}
.dn{display: none;}
.dib{display: inline-block;}
.w-f{width: 100%;}
.h-f{height: 100%;}
.fwn{font-weight: normal;}
.tac{text-align: center;}
.t-f{-webkit-transition: all 0.5s;transition: all 0.5s;}
.t-c{-webkit-transition: color 0.5s;transition: color 0.5s;}
.t-bg{-webkit-transition: background 0.5s;transition: background 0.5s;}
.loader{width: 50px;height: 50px;position: absolute;top: 50%;left: 50%;margin: -25px 0 0 -25px;font-size: 10px;border-top: 1px solid rgba(0, 0, 0, 0.08);border-right: 1px solid rgba(0, 0, 0, 0.08);border-bottom: 1px solid rgba(0, 0, 0, 0.08);border-left: 1px solid rgba(0, 0, 0, 0.5);border-radius: 50%;-webkit-animation: spinner 700ms infinite linear;animation: spinner 700ms infinite linear;}
.loader.white{border-top: 1px solid rgba(255, 255, 255, 0.08);border-right: 1px solid rgba(255, 255, 255, 0.08);border-bottom: 1px solid rgba(255, 255, 255, 0.08);border-left: 1px solid rgba(255, 255, 255, 0.5);}
@-webkit-keyframes spinner{0%{-webkit-transform: rotate(0deg);transform: rotate(0deg);}
100%{-webkit-transform: rotate(360deg);transform: rotate(360deg);}}
@keyframes spinner{0%{-webkit-transform: rotate(0deg);transform: rotate(0deg);}
100%{-webkit-transform: rotate(360deg);transform: rotate(360deg);}}
/*# sourceMappingURL=reset.css.map*/.max1920{max-width: 1920px;margin: 0 auto;}
.max1800{width: 95%;max-width: 1800px;margin: 0 auto;}
.max1750{width: 92%;max-width: 1750px;margin: 0 auto;}
.max1680{width: 92%;max-width: 1680px;margin: 0 auto;}
.max1600{width: 92%;max-width: 1600px;margin: 0 auto;}
.max1560{width: 92%;max-width: 1560px;margin: 0 auto;}
.max1500{width: 92%;max-width: 1500px;margin: 0 auto;}
.max1400{width: 92%;max-width: 1400px;margin: 0 auto;}
.max1300{width: 92%;max-width: 1300px;margin: 0 auto;}
.max1280{width: 92%;max-width: 1280px;margin: 0 auto;}
.max1250{width: 92%;max-width: 1250px;margin: 0 auto;}
.max1200{width: 92%;max-width: 1200px;margin: 0 auto;}
.mgTop{margin-top: 105px;}
.hoverImg{overflow: hidden;}
.hoverImg .hover-img{transform: scale(1.005);-ms-transform: scale(1.005);-webkit-transform: scale(1.005);transition: .65s;-webkit-transition: .65s;overflow:hidden;}
.hoverImg:hover .hover-img{transform: scale(1.05);-ms-transform: scale(1.05);-webkit-transform: scale(1.05);transition: .65s;-webkit-transition: .65s;}
.imgBj{background: no-repeat center;background-size: cover;}
.imgBj.pos{width: 100%;height: 100%;position: absolute;top: 0;left: 0;}
.divpos{width: 100%;height: 100%;position: absolute;top: 0;left: 0;}
.H48{font-size: 48px;}
.H34:after{content: '';width: 35px;height: 2px;background: #00bebe;position: absolute;left: 0;bottom: -20px;}
.H34.cnt{text-align: center;}
.H34.cnt:after{left: 50%;margin-left: -17.5px;}
.P16{font-size: 16px;line-height: 35px;color: #333;}
.P18{font-size: 18px;line-height: 30px;color: #666;}
.col666{color: #666;}
.col333{color: #333;}
.col999{color: #999;}
.md-show{display: none;}
.gyscl::-webkit-scrollbar{/*滚动条整体部分，其中的属性有width,height,background,border等（就和一个块级元素一样）（位置1）*/width:4px;height:2px;padding: 0 2px;}
.gyscl::-webkit-scrollbar-button{/*滚动条两端的按钮，可以用display:none让其不显示，也可以添加背景图片，颜色改变显示效果（位置2）*/background:#00873b;display:none}
.gyscl::-webkit-scrollbar-track{/*外层轨道，可以用display:none让其不显示，也可以添加背景图片，颜色改变显示效果（位置3）*/background:#ccc;width: 3px !important;}
.gyscl::-webkit-scrollbar-track-piece{/*内层轨道，滚动条中间部分（位置4）*/background:#eee;width: 3px !important;}
.gyscl::-webkit-scrollbar-thumb{/*滚动条里面可以拖动的那部分（位置5）*/background:#00873b;width: 8px !important;border-radius:4px;}
.gyscl::-webkit-scrollbar-corner{/*边角（位置6）*/background:#00873b;}
.gyscl::-webkit-scrollbar-resizer{/*定义右下角拖动块的样式（位置7）*/background:#00873b;}
.gyscl{scrollbar-arrow-color: #ccc;/**//*三角箭头的颜色*/scrollbar-face-color: #00873b;/**//*立体滚动条的颜色*/scrollbar-3dlight-color: #666;/**//*立体滚动条亮边的颜色*/scrollbar-highlight-color: #666;/**//*滚动条空白部分的颜色*/scrollbar-shadow-color: #999;/**//*立体滚动条阴影的颜色*/scrollbar-darkshadow-color: #666;/**//*立体滚动条强阴影的颜色*/scrollbar-track-color: #666;/**//*立体滚动条背景颜色*/scrollbar-base-color:#f8f8f8;/**//*滚动条的基本颜色*/}
.gytk-bj{width: 100%;height: 100%;position: fixed;top: 0;left: 0;z-index: 69;background: rgba(0,0,0,.6);display: none;}
.gytk{width: 100%;max-width: 60%;max-height: 80%;position: absolute;top: 50%;left: 50%;z-index: 2;text-align: center;transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);}
.gytk>i{width: 80px;height: 80px;background: #fff;position: absolute;top: 0;right: -80px;}
.gytk>i:after{content: '';position: absolute;width: 100%;height: 0%;bottom: 0;left: 0;background: #e6e6e6;z-index: 2;transition: all .5s;-webkit-transition: all .5s;}
.gytk>i:before{content: '';position: absolute;width: 100%;height: 100%;top: 0;left: 0;background: url(../img/x03.png) no-repeat center;z-index: 3;transition: all .5s;-webkit-transition: all .5s;}
.gytk>i:hover:after{height: 100%;transition: all .5s;-webkit-transition: all .5s;}
.gytk>i:hover:before{transform: rotate(180deg);-webkit-transform: rotate(180deg);transition: all .5s;-webkit-transition: all .5s;}
.gytk>div{}
.gytk video,.gytk img{max-width: 100%;max-height: 80vh;}
.gytk iframe{width: 100%;max-width: 1150px;height: 600px;}
.gytk-bj>i{display: inline-block;width: 55px;height: 55px;background: url(../img/x02.png) no-repeat center;background-size: cover;position: absolute;top: 5%;right: 20%;display: none;}
input,textarea,select,option,button:focus{outline: none;}
@media(max-width:1600px){.mgTop{margin-top: 75px;}
.H48{font-size: 38px;}
.P18{font-size: 16px;line-height: 30px;}
.P16{font-size: 16px;line-height: 30px;}}
@media(max-width:1200px){.mgTop{}
.H34{font-size: 30px;}
.P16{font-size: 14px;line-height: 25px;}
/*.P18{font-size: 16px;line-height: 30px;}*/.H48{font-size: 32px;}
.gytk{max-width: 80%;}
.gytk-bj>i{right: 5%;}
.gytk>i{width: 50px;height: 50px;right: -50px;}
.gytk iframe{width: 800px;height: 450px;}
.max1800{width: 92%;}}
@media(max-width:1000px){.gytk iframe{width: 600px;height: 3350px;}}
@media(max-width:750px){.gytk>i{width: .6rem;height: .6rem;right: -.6rem;}
.gytk>i:before{background-size: .35rem;}
.gytk iframe{width: 6rem;height: 3.3rem;}
.mgTop{margin-top: 1rem;}
.H48{font-size: .48rem;}
.H34:after{width: .45rem;bottom: -.25rem;}
.H34.cnt:after{margin-left: -.25rem;}
.P16,.P18{font-size: .24rem;line-height: .45rem;}
.hoverImg .hover-img{transform: scale(1.);-ms-transform: scale(1.);-webkit-transform: scale(1);transition: .65s;-webkit-transition: .65s;}
.hoverImg:hover .hover-img{transform: scale(1);-ms-transform: scale(1);-webkit-transform: scale(1);transition: all .65s;}
.pc-show{display: none;}
.md-show{display: block;}}
.fnt100{font-size: 5.208333vw;line-height: 1.2;}
.fnt80{font-size: 4.16666vw;line-height: 1.2;}
.fnt72{font-size: 3.75vw;line-height: 1.2;}
.fnt60{font-size: 3.125vw;line-height: 1.3;}
.fnt52{font-size:2.70833vw;line-height: 1.3;}
.fnt50{font-size:2.6041666vw;line-height: 1.3;}
.fnt48{font-size:2.5vw;line-height: 1.3;}
.fnt45{font-size:2.34375vw;line-height: 1.3;}
.fnt40{font-size:2.08333vw;line-height: 1.4;}
.fnt36{font-size:1.875vw;}
.fnt30{font-size:1.5625vw;}
.fnt26{font-size: 1.354vw;}
.fnt24{font-size: 1.25vw;}
.fnt22{font-size: 1.145833vw;}
.fnt20{font-size: 1.04166vw;}
.fnt18{font-size: 0.9375vw;line-height: 1.8;}
.fnt16{font-size: 0.83333vw;line-height: 1.8;}
.fnt14{font-size: 0.72916vw;line-height: 1.8;}
.fnw-b{font-weight: bold;}
.wid1820{width: 94.8vw;margin: 0 auto;}
.wid1800{width: 93.75vw;margin: 0 auto;}
.wid1680{width:87.5vw;margin: 0 auto;}
.wid1600{width: 80.72916vw;margin: 0 auto;}
.wid1550{width: 80.72916vw;margin: 0 auto;}
.wid1400{width: 72.91666666vw;margin: 0 auto;}
.wid1200{width: 62.5vw;margin: 0 auto;}
@media(max-width:1200px){.fnt100{font-size: 60px;}
.fnt80{font-size: 55px;}
.fnt72{font-size: 50px;}
.fnt60{font-size: 40px;}
.fnt52{font-size:36px;}
.fnt50{font-size:36px;}
.fnt48{font-size:34px;}
.fnt45{font-size:33px;}
.fnt40{font-size:30px;}
.fnt36{font-size:24px;}
.fnt30{font-size:22px;}
.fnt26{font-size: 22px;}
.fnt24{font-size: 20px;}
.fnt20,.fnt22{font-size: 16px;}
.fnt18{font-size: 14px;}
.fnt16,.fnt14{font-size: 12px;}
.wid1820,.wid1800,.wid1680,.wid1550{width: 92%;}
.wid1600{width: 90%;}
.wid1400{width:88%;}
.wid1200{width:86%;}}
@media(max-width:1000px){.fnt100{font-size: 50px;}
.fnt80{font-size: 45px;}
.fnt72{font-size: 40px;}
.fnt60{font-size: 32px;}
.fnt52{font-size:28px;}
.fnt50{font-size:28px;}
.fnt48{font-size:26px;}
.fnt45{font-size:26px;}
.fnt40{font-size:24px;}
.fnt36{font-size:20px;font-weight: bold;}}
@media(max-width:750px){.fnt100{font-size: .7rem;}
.fnt80{font-size: .65rem;}
.fnt72{font-size: .6rem;}
.fnt60{font-size: .55rem;}
.fnt52{font-size:.5rem;}
.fnt50{font-size:.5rem;}
.fnt48{font-size:.5rem;}
.fnt45{font-size:.4rem;}
.fnt40{font-size:.4rem;}
.fnt36{font-size:.36rem;}
.fnt30{font-size:.38rem;}
.fnt26{font-size: .36rem;}
.fnt24{font-size: .34rem;}
.fnt22{font-size: .32rem;}
.fnt18,.fnt20{font-size: .28rem;line-height: 1.6;}
.fnt16{font-size: .26rem;line-height: 1.6;}
.fnt14{font-size: .24rem;line-height: 1.6;}}