/*! This file is created by webpack */
/*css reset*/
*{margin:0px; padding:0px; -webkit-appearance: none; -webkit-text-size-adjust: none;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0px; padding:0px;}
table{ border-collapse:collapse; border-spacing:0;}
img{ border:0;vertical-align: top;}
address,caption,cite,code,dfn,em,strong,th,var{ font-style:normal; font-weight:normal;}
ol,ul{ list-style:none;}
h1,h2,h3,h4,h5,h6{ font-size:100%; font-weight:normal;}
a{text-decoration: none;}
/*去除a链接在手机端点击边框*/
div,p,span,a,img,input{-webkit-tap-highlight-color:transparent;}
/*chrome表单自动填充去掉input黄色背景*/
input:-webkit-autofill{-webkit-box-shadow: 0 0 0px 1000px white inset;}
/*去掉所有元素的边框：*/
*:focus {outline: none;} 
input,input:focus,input:active{user-select: text;}

.clearfix:after{ content:"."; display:table; height:0; font-size: 0; line-height: 0; clear:both; visibility:hidden;}
.clearfix{ zoom:1;}
.fl{float:left;}
.fr{float:right;}
.tl{text-align:left;}
.tr{text-align:right;}
.hidden{display: none;}
.m02{margin:0 20px;}
.ml1{margin-left:10px;}
.ml2{margin-left:20px;}
.ml3{margin-left: 30px;}
.mt6{margin-top:60px;}
.mt7{margin-top:70px;}
.ml6{margin-left:60px;}
.ml7{margin-left:70px;}
.ml8{margin-left:80px;}
.ml9{margin-left:90px;}
.ml0{margin-left:0px;}
.ml1-7{margin-left:17px;}
.ml1-8{margin-left:18px;}
.mr2{margin-right:20px;}
.mr3{margin-right: 30px;}
.mt1{margin-top:10px;}
.mt2{margin-top:20px;}
.mt2-3{margin-top:23px;}
.mt3{margin-top:30px;}
.mt5{margin-top:50px;}
.mt12{margin-top:120px;}
.pt1{padding-top:10px;}
.pt9{padding-top:90px;}
.pt5{padding-top: 50px;}
.pb13{padding-bottom: 130px;}
.disVisibility{width:0;height:0;overflow: hidden;}
.record {color:inherit;}
.record:hover{text-decoration: underline;}
/**
 * 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)}}html,body{min-width:1200px;}
.top{width:1180px;margin:0 auto;line-height:50px;padding:0 10px; position: relative;}
.top .logo{ width: 270px; height: 84px;position: absolute; top: 50%; transform: translateY(-50%); }
.top .logo img{ width: 100%; height: 100%; }
.wrap{width:1180px;margin:0 auto;text-align:center;}
.topInfo{float:right;}
.topInfo a{font-size:18px;color:#000000;}
.topInfo a.click{color:#c30d22;}
.topInfo .Navigation{ margin-right: 20px;padding: 20px 0; }
.topInfo .Navigation:last-child{margin-right: 0;}
.topInfo .Navigation.active{ border-bottom: 2px solid #ffb400; }
.topInfo .Navigation.active a{ color: #3e83cb;  }
.topInfo .Navigation.active a:hover{color:#3e83cb;}
.banner{min-width:1180px;}
.banner img{display:block;width:100%;}

/* 首页 index 开始*/
.home .wrap_separation{color:#cdcdcd;padding-top:54px;text-align:center;font-size:34px;line-height: 34px;}
.home .swiper-pagination-bullets{bottom: 80px !important;}
.home .swiper-pagination-bullet{width:16px;height:16px;}
.home .showInfo{padding:26px 0px 60px;}
.home .courseInfo{max-width: 1180px;margin-top: -70px;position: relative;z-index: 999; border-bottom: 1px solid #d2d2d2;}
.home .courseInfoList{width: 391px;height: 270px;background-color: #fff; border-top: 1px solid #d2d2d2;border-left: 1px solid #d2d2d2;}
.home .courseInfoList:nth-child(3n) {border-right: 1px solid #d2d2d2;}
.home .courseInfoIcon{width: 70px;height: 70px;background: #5da6e0;border-radius: 50%;margin: 70px auto 10px;color: #fff;font-weight: 400;font-size: 36px;text-align: center;line-height: 70px;}
.home .courseInfoTitle{color: #333;margin: 5px 0;}
.home .basicInfoWrap{margin: 20px 0 50px;}
.home .briefIntroduction{width: 880px;}
.home .briefIntroductionTop{ height: 40px;line-height: 40px;border-bottom: 2px solid #dcdddd; margin-right: 20px;}
.home .briefIntroductionTitle {margin-right: 20px;color: #505050;}
.home .briefIntroductionTitle:hover{cursor: pointer;}
.home .briefIntroductionTitle.active{ color: #3e83cb;font-weight: 500;font-size: 18px;border-bottom: 2px solid #3e83cb; }
.home .briefIntroductionInfo{display: none;}
.home .briefIntroductionInfo.active{ display: block; }
.home .basicInfoList{ width: 274px;}
.home .briefIntroductionInfoBox{ height: 522px; line-height: 40px; padding: 20px; text-indent: 2rem;text-align: justify; }
.home .shituBrief{ background: url('//static.91shitutech.com/image/shituBriefIntroduction1-1.png') no-repeat; background-size: 100% 100%; }
.home .groupBrief{ background: url('//static.91shitutech.com/image/groupBriefIntroduction1-1.png') no-repeat; background-size: 100% 100%; }
.home .basicInfoBanner{height: 142px;margin-bottom: 12px;border-radius: 20px;}
.home .basicInfoBanner:last-child{margin-bottom: 0;}
.home .basicInfoBanner img{width: 100%;height: 100%;border-radius: 20px;}
.home .briefIntroductionTeachers{ height: 160px;margin-bottom: 10px;padding: 10px;}
.home .briefIntroductionTeachers:last-child{margin-bottom: 0;}
.home .briefIntroductionTeachersImg{ width: 160px; }
.home .briefIntroductionTeachersImg img{ width: 100%;height: 100%;border-radius: 50%; }
.home .briefIntroductionTeachersInfo{text-align: left;height: 152px; width: 670px; padding: 10px; font-size: 16px }
.home .briefIntroductionTeachersTitle{ color: #727171;font-weight: 600; }
.home .briefIntroductionTeachersDesc{ color: #727171;}
.home .seeMore{ line-height: 80px; ;margin-right: 20px;font-size: 14px; }
.home .morePosition { position: absolute; top: 0; right: 0 } /* 主要定位更多的位置*/
/* 首页 index 结束 */

/* 关于我们开始 aboutUs */
.aboutUs .aboutUsWrap{ background-color: #eeeeee;padding: 30px 0 60px; min-width: 1180px; }
.aboutUs .briefIntroductionWrap{ border-radius: 20px;background-color: #fff;padding: 80px 60px;text-align: left;box-sizing: border-box; }
.aboutUs .titleModule{ position: relative;margin-bottom: 40px;color: #727171; font-size: 20px;font-weight: 600;}
.aboutUs .teachersBriefIntroduction{margin-top: 60px;}
.aboutUs .titleModule::after{ content: '';position: absolute; width: 16px;height: 16px;background-color: #3e83cb;border-radius: 4px;top: 50%; transform: translateY(-50%);left: -30px;}
.aboutUs .companyDesc{ color: #727171; }
.aboutUs .briefIntroductionTeachers{ height: 160px;margin-bottom: 10px;padding: 10px;}
.aboutUs .briefIntroductionTeachers:last-child{margin-bottom: 0;}
.aboutUs .briefIntroductionTeachersImg{ width: 160px; }
.aboutUs .briefIntroductionTeachersImg img{ width: 100%;height: 100%;border-radius: 50%; }
.aboutUs .briefIntroductionTeachersInfo{text-align: left;height: 152px; width: 810px; padding: 10px; font-size: 16px }
.aboutUs .briefIntroductionTeachersTitle{ color: #727171;font-weight: 600; }
.aboutUs .briefIntroductionTeachersDesc{ color: #727171;}
/* 关于我们结束 aboutUs */

/* 石图课程详情开始 courseDetail */
.shituCourseDetail .shituCourseDetailWrap{ background-color: #eeeeee; }
.shituCourseDetail .shituCourseDetailWrap{ padding: 30px 0 50px; }
.shituCourseDetail .courseDetaiTop{ height: 330px;background-color: #fff; border-radius: 20px; padding: 18px; }
.shituCourseDetail .courseDetaiTopImg{ width: 620px; height: 100%; border-radius: 20px; }
.shituCourseDetail .courseDetaiTopImg img{ width: 100%;height: 100%; }
.shituCourseDetail .courseDetaiTopDetail{ width: 490px; text-align: left; color: #38383a; }
.shituCourseDetail .courseDetaiTopDetailTitle{ font-size: 24px; font-weight: 900; margin: 10px 0 20px; }
.shituCourseDetail .courseDetaiTopDetailBrief{ font-size: 22px;font-weight: 500; margin-bottom: 4px; }
.shituCourseDetail .courseDetaiTopDetailDesc{ font-size: 20px; height: 112px; }
.shituCourseDetail .courseDetaiTopDetailPrice{ color: #e56284; font-size: 28px;font-weight: 800; margin: 2px 0 12px; }
.shituCourseDetail .courseDetaiTopDetailEnroll{ width: 160px; height: 50px; border: 1px solid #dedede; border-radius: 25px; font-size: 24px;text-align: center; line-height: 50px;background-color: #f8763e; color: #fff; margin-right: 20px; }
.shituCourseDetail .courseDetaiTopDetailEnroll:hover{ cursor: pointer; }
.shituCourseDetail .courseDetaiTopDetailSeekAdvice{width: 160px; height: 50px; border: 1px solid #dedede; border-radius: 25px; font-size: 24px;text-align: center; line-height: 50px;background-color: #fff; color: #8b8b8b;}
.shituCourseDetail .courseDetaiTopDetailSeekAdvice:hover{ cursor: pointer; }
/* .shituCourseDetail .courseDetaiBottomSidebarTopPerson{ margin-top: 20px;color: #38383a; }
.shituCourseDetail .courseDetaiBottomSidebarTopPersonImg{ width: 106px; height: 106px; border-radius: 50%; }
.shituCourseDetail .courseDetaiBottomSidebarTopPersonImg img{ width: 100%;height: 100%; }
.shituCourseDetail .courseDetaiBottomSidebarTopPersontext{ font-weight: 500; font-size: 20px;line-height: 106px;margin-left: 30px; } */
.shituCourseDetail .courseDetaiBottom{ margin-top: 30px; text-align: left; }
.shituCourseDetail .briefIntroductionDetail{ width: 782px; }
.shituCourseDetail .briefIntroductionDetailTitle{ padding: 20px 30px; background-color: #fff;border-radius: 20px 20px 0 0;font-size: 20px;font-weight: 600; }
.shituCourseDetail .briefIntroductionDetailInfo{ background-color: #dedede; min-height: 800px;text-align: center;font-size: 26px;color: #bcb8b8;line-height: 100px; }
.shituCourseDetail .briefIntroductionDetailInfo img{ width: 100%; }
.shituCourseDetail .courseDetaiBottomSidebar{ width: 370px; }
/* .shituCourseDetail .courseDetaiBottomSidebarTop{ padding: 30px 20px; background-color: #fff;border-radius: 20px; }
.shituCourseDetail .courseDetaiBottomSidebarTopText{ font-size: 20px; font-weight: 600; } */
.shituCourseDetail .courseDetaiBottomSidebarBottom{ background-color: #fff;border-radius: 20px;padding: 20px 30px; }
.shituCourseDetail .courseDetaiBottomSidebarRecommend{ font-size: 20px; font-weight: 600; }
.shituCourseDetail .courseDetaiBottomSidebarRecommendBox{ padding-bottom: 20px; background-color: #f6f6f6; margin-top: 20px; padding: 16px; border-radius: 10px; }
.shituCourseDetail .courseDetaiBottomSidebarRecommendTitle{ font-size: 18px; font-weight: 600; color: #38383a;}
.shituCourseDetail .courseDetaiBottomSidebarRecommendDesc{ font-size: 16px;margin-top: 10px; color: #38383a; }
.shituCourseDetail .courseDetaiBottomSidebarRecommendImgList{ margin-top: 20px; color: #38383a; }
.shituCourseDetail .courseDetaiBottomSidebarRecommendImg{ width: 50px;height: 50px; border-radius: 50%; border: 2px solid #fff; }
.shituCourseDetail .courseDetaiBottomSidebarRecommendImg img{ width: 100%;height: 100%; }
.shituCourseDetail .courseDetaiBottomSidebarRecommendName{ line-height: 50px; margin-left: 20px; }
/* 石图课程详情结束 courseDetail */

/* 对外合作页面开始 ForeignCooperation */
.ForeignCooperation .cooperateInfo{ padding: 35px 0; background-color: #e8e8e8; }
.ForeignCooperation .cooperateText{ color: #656464;; text-align: left; margin-bottom: 50px;}
.ForeignCooperation .cooperateText .title{ font-size: 24px; margin-bottom: 10px;font-weight: 600;}
.ForeignCooperation .cooperateText .desc{ color: 16px;}
.ForeignCooperation .cooperateInfoFooterCard{ width: 378px; height: 340px;background-color: #fff;border-radius: 20px; text-align: left; margin:0 20px 20px 0;}
.ForeignCooperation .cooperateInfoFooterCard:nth-child(3n){ margin-right: 0; }
.ForeignCooperation .cooperateInfoFooterCard:last-child{ background: none;text-align: center;line-height: 340px; }
.ForeignCooperation .cooperateInfoFooterCardTop{ height: 180px; }
.ForeignCooperation .cooperateInfoFooterCardTop img{ width: 100%; height: 100%; }
.ForeignCooperation .cooperateInfoFooterCardBottom{ padding: 20px; color: #3e3a3a;font-size: 18px; text-align: justify; }
.ForeignCooperation .cooperateInfoFooterText{ padding: 10px 24px; background-color: #f8763e; border-radius: 30px; color: #fff; }
.ForeignCooperation .cooperateInfoFooterText:hover{ cursor: pointer; }
/* 对外合作页面结束 */

/* 二维码弹窗公共开始 */
.qrCodePopupMask{ display: none; position: fixed; height: 100vh; top: 0; bottom: 0; left: 0; right: 0; background-color: rgba(0, 0, 0, 0.5); }
.qrCodePopup{ width: 300px;background: #fff; border: 1px solid #ddd; position: absolute;left: 50%;top: 50%; transform: translate(-50%, -50%); border-radius: 10px; box-shadow: 6px 6px 12px rgb(0 0 0 / 30%); }
.qrCodePopup .close{ height: 20px; border-bottom: 1px solid #eee; padding: 6px 10px; }
.qrCodePopup .close img{ width: 20px;height: 20px; }
.qrCodePopup .close img:hover{ cursor: pointer; }
.qrCodePopupBox{ padding: 20px; }
.qrCodePopup .qrCodePopupImg{ height: 260px; }
.qrCodePopup .qrCodePopupImg img{ width: 100%; height: 100%; }
.qrCodePopupText{ padding: 0 6px; text-align: center; margin-top: 10px; }
/* 二维码弹窗公共结束 */

/* 石图课程公共区域开始 */
.coursePricePublic{background-color: #e6e6e6;padding:35px 10px;min-width:1180px;}
.coursePricePublic.coursePriceModule{ background-color: #fff; }
.coursePricePublic .footerTopTitleList{ height: 40px;line-height: 40px;border-bottom: 2px solid #b1b1b1;}
.coursePricePublic .footerTopTitle{ margin-right: 20px; color: #656464; }
.coursePricePublic .footerTopTitle:hover{cursor: pointer;}
.coursePricePublic .footerTopTitle.active{ color: #3e83cb;font-weight: 500;font-size: 18px;border-bottom: 2px solid #3e83cb; }
.coursePricePublic .footerBottomInfo{display: none;}
.coursePricePublic .footerBottomInfo.active{ display: block; }
.coursePricePublic .footerBottomInfoPosition{ position: relative }
.coursePricePublic .footerBottomTopTitleList{ height: 80px;}
.coursePricePublic .footerBottomTopTitle.active{ background-image: linear-gradient(#5199e3,#2972bf);color: #fff; }
.coursePricePublic .footerBottomTopTitle{ font-size: 14px; position: relative;top: 50%;transform: translateY(-50%); margin-right: 20px;background-color: #fff; border: 1px solid #d4d4d4; border-radius: 18px;padding: 6px 18px;color: #ddd; }
.coursePricePublic .footerBottomTopTitle:hover{cursor: pointer;}
.coursePricePublic .footerBottomBottomInfo{display: none;}
.coursePricePublic .footerBottomBottomInfo.active{display: block;}
.coursePricePublic .footerBottomBottomCard{ width: 378px; height: 340px;background-color: #fff;border-radius: 20px; text-align: left; margin:0 20px 20px 0;position: relative;border: 1px solid #d2d2d2;}
.coursePricePublic .footerBottomBottomCard:nth-child(3n){ margin-right: 0; }
/* .coursePricePublic .footerBottomBottomCard:last-child{margin-right: 0;} */
.coursePricePublic .footerCourseTitle{font-size: 16px;color: #3e3a3a; font-weight: 600;margin: 12px 0 8px;padding-left: 20px;}
.coursePricePublic .footerCourseDesc{ color: #333; margin: 1px 0;padding-left: 20px; }
.coursePricePublic .footerCourseTime{ color: #333; margin: 1px 0;padding-left: 20px; display: none; }
.coursePricePublic .footerCoursePersonImgList{ margin-top: -30px;padding-left: 20px;position: relative; height: 64px; }
.coursePricePublic .footerCourseImg { height: 170px;border-radius: 20px 20px 0 0;}
.coursePricePublic .footerCourseImg img{ width: 100%; height: 100%; }
.coursePricePublic .footerCoursePersonImg{ width: 60px;height: 60px;border-radius: 50%; border: 2px solid #fff;margin-right: 10px;}
.coursePricePublic .footerCoursePersonImg img{ width: 100%; height: 100%; }
.coursePricePublic .footerCoursePersonName{ color: #333; margin: 6px 0;}
.coursePricePublic .footerCoursePrice{position: absolute;bottom: 10px;left: 20px; right: 20px;border-top: 1px solid #ddd;padding-top: 10px;text-align: right;font-size: 24px;font-weight: 600; color: #e56284;}
.coursePricePublic .footerText{ color: rgb(101, 100, 100); text-align: left; margin-bottom: 50px;}
.coursePricePublic .footerText .title{ font-size: 24px; margin-bottom: 10px;font-weight: 600;}
.coursePricePublic .footerText .desc{ color: 16px; }
/* 石图课程公共区域结束 */

/* 石图之家、石图商城占位图开始 */
.placeholderGraphicImg{ max-width: 1180px;margin: 10px auto;}
/* 石图之家、石图商城占位图结束 */

/* 底部footer 开始*/
footer{background-color: rgb(56, 56, 58);color: rgb(188, 188, 188);padding: 40px 0;}
footer .footerInfo{ padding: 10px; border-bottom: 1px solid rgb(188, 188, 188); }
footer .name{ font-size: 18px;margin-top: 8px; }
footer .address{ font-size: 14px; margin-top: 8px; }
footer .contactType{ font-size: 14px; margin-top: 8px; }
footer .footerRecord{ margin-top: 10px; font-size: 14px; }
footer .footerInfo{ text-align: left; }
footer .footerQRCodeImg{ width: 120px;height: 120px; }
footer .footerQRCodeImg img {width: 100%; height: 100%;}
footer .footerQRCodeText{ font-size: 12px; text-align: center; margin-top: 4px; }
/* 底部footer 结束 */

/*# sourceMappingURL=index_styles_b6a2123f.css.map*/