@charset "utf-8"; /*! Project : Shuang Liu Middle School +---------style.css----------+ | | | Author | yeshiqiu | | Q__Q | 337676937 | | Addr | SC_Chengdu | | Date | 2021.03.17 | | | +--!-_-!--------------!-_-!--+ */ .pf100{position: fixed; left: 0; top: 0; width: 100%; height: 100%;} .pa100{position: absolute; left: 0; top: 0; width: 100%; height: 100%;} .pr100{position: relative; left: 0; top: 0; width: 100%; height: 100%;} .bge{background-color: #eee;} .bgf{background-color: #fff;} .bgf1{background-color: #f1f1f1;} .bgf5{background-color: #f5f5f5;} @-webkit-keyframes openDoor{0%{-webkit-clip-path: inset(0 50% round 0); clip-path: inset(0 50% round 0);} 100%{-webkit-clip-path: inset(0% round 0); clip-path: inset(0% round 0);}} @keyframes openDoor{0%{-webkit-clip-path: inset(0 50% round 0); clip-path: inset(0 50% round 0);} 100%{-webkit-clip-path: inset(0% round 0); clip-path: inset(0% round 0);}} /* 固定调用animations-start */ @-webkit-keyframes fadeInRightm{0%{opacity: 0.6; -webkit-transform: translate3d(50%, 0, 0); transform: translate3d(50%, 0, 0);} to{opacity: 1; -webkit-transform: none; transform: none;}} @keyframes fadeInRightm{0%{opacity: 0.6; -webkit-transform: translate3d(50%, 0, 0); transform: translate3d(50%, 0, 0);} to{opacity: 1; -webkit-transform: none; transform: none;}} .fadeInRightm{-webkit-animation-name: fadeInRightm; animation-name: fadeInRightm;} @-webkit-keyframes fadeInLeftm{0%{opacity: 0.6; -webkit-transform: translate3d(-50%, 0, 0); transform: translate3d(-50%, 0, 0);} to{opacity: 1; -webkit-transform: none; transform: none;}} @keyframes fadeInLeftm{0%{opacity: 0.6; -webkit-transform: translate3d(-50%, 0, 0); transform: translate3d(-50%, 0, 0);} to{opacity: 1; -webkit-transform: none; transform: none;}} .fadeInLeftm{-webkit-animation-name: fadeInLeftm; animation-name: fadeInLeftm;} @-webkit-keyframes fadeInUpm{0%{opacity: 0.6; -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0);} to{opacity: 1; -webkit-transform: none; transform: none;}} @keyframes fadeInUpm{0%{opacity: 0.6; -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0);} to{opacity: 1; -webkit-transform: none; transform: none;}} .fadeInUpm{-webkit-animation-name: fadeInUpm; animation-name: fadeInUpm;} @-webkit-keyframes fadeInDownm{0%{opacity: 0.6; -webkit-transform: translate3d(0, 50%, 0); transform: translate3d(0, 50%, 0);} to{opacity: 1; -webkit-transform: none; transform: none;}} @keyframes fadeInDownm{0%{opacity: 0.6; -webkit-transform: translate3d(0, 50%, 0); transform: translate3d(0, 50%, 0);} to{opacity: 1; -webkit-transform: none; transform: none;}} .fadeInDownm{-webkit-animation-name: fadeInDownm; animation-name: fadeInDownm;} @-webkit-keyframes slideInRightm{0%{-webkit-transform: translate3d(50%, 0, 0); transform: translate3d(50%, 0, 0);} to{-webkit-transform: none; transform: none;}} @keyframes slideInRightm{0%{-webkit-transform: translate3d(50%, 0, 0); transform: translate3d(50%, 0, 0);} to{-webkit-transform: none; transform: none;}} .slideInRightm{-webkit-animation-name: slideInRightm; animation-name: slideInRightm; opacity: 1 !important;} @-webkit-keyframes slideInLeftm{0%{-webkit-transform: translate3d(-50%, 0, 0); transform: translate3d(-50%, 0, 0);} to{-webkit-transform: none; transform: none;}} @keyframes slideInLeftm{0%{-webkit-transform: translate3d(-50%, 0, 0); transform: translate3d(-50%, 0, 0);} to{-webkit-transform: none; transform: none;}} .slideInLeftm{-webkit-animation-name: slideInLeftm; animation-name: slideInLeftm; opacity: 1 !important;} @-webkit-keyframes slideInUpm{0%{-webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0);} to{-webkit-transform: none; transform: none;}} @keyframes slideInUpm{0%{-webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0);} to{-webkit-transform: none; transform: none;}} .slideInUpm{-webkit-animation-name: slideInUpm; animation-name: slideInUpm; opacity: 1 !important;} @-webkit-keyframes slideInDownm{0%{-webkit-transform: translate3d(0, 50%, 0); transform: translate3d(0, 50%, 0);} to{-webkit-transform: none; transform: none;}} @keyframes slideInDownm{0%{-webkit-transform: translate3d(0, 50%, 0); transform: translate3d(0, 50%, 0);} to{-webkit-transform: none; transform: none;}} .slideInDownm{-webkit-animation-name: slideInDownm; animation-name: slideInDownm; opacity: 1 !important;} @-webkit-keyframes fadeIns{0%{opacity: 0.5;} to{opacity: 1;}} @keyframes fadeIns{0%{opacity: 0.5;} to{opacity: 1;}} .fadeIns{-webkit-animation-name: fadeIns; animation-name: fadeIns;} @-webkit-keyframes dotShake{0%{-webkit-transform: none; transform: none;} 15%{-webkit-transform: translate3d(-8%, 0, 0) rotate(-4deg); transform: translate3d(-8%, 0, 0) rotate(-4deg);} 30%{-webkit-transform: translate3d(6.6%, 0, 0) rotate(2deg); transform: translate3d(6.6%, 0, 0) rotate(2deg);} 45%{-webkit-transform: translate3d(-5.5%, 0, 0) rotate(-2deg); transform: translate3d(-5.5%, 0, 0) rotate(-2deg);} 60%{-webkit-transform: translate3d(4.5%, 0, 0) rotate(1deg); transform: translate3d(4.5%, 0, 0) rotate(1deg);} 75%{-webkit-transform: translate3d(-2%, 0, 0) rotate(-1deg); transform: translate3d(-2%, 0, 0) rotate(-1deg);} to{-webkit-transform: none; transform: none;}} @keyframes dotShake{0%{-webkit-transform: none; transform: none;} 15%{-webkit-transform: translate3d(-8%, 0, 0) rotate(-4deg); transform: translate3d(-8%, 0, 0) rotate(-4deg);} 30%{-webkit-transform: translate3d(6.6%, 0, 0) rotate(2deg); transform: translate3d(6.6%, 0, 0) rotate(2deg);} 45%{-webkit-transform: translate3d(-5.5%, 0, 0) rotate(-2deg); transform: translate3d(-5.5%, 0, 0) rotate(-2deg);} 60%{-webkit-transform: translate3d(4.5%, 0, 0) rotate(1deg); transform: translate3d(4.5%, 0, 0) rotate(1deg);} 75%{-webkit-transform: translate3d(-2%, 0, 0) rotate(-1deg); transform: translate3d(-2%, 0, 0) rotate(-1deg);} to{-webkit-transform: none; transform: none;}} .dotShake{-webkit-animation-name: dotShake; animation-name: dotShake;} @-webkit-keyframes rotate360{0%{-webkit-transform: none !important; transform: none !important;} 100%{-webkit-transform: rotate(360deg); transform: rotate(360deg);}} @keyframes rotate360{0%{-webkit-transform: none !important; transform: none !important;} 100%{-webkit-transform: rotate(360deg); transform: rotate(360deg);}} .rotate360{-webkit-animation-name: rotate360; animation-name: rotate360; -webkit-animation-duration: 500ms; animation-duration: 500ms; -webkit-animation-delay: 0s; animation-delay: 0s; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-animation-direction: normal; animation-direction: normal; -webkit-animation-play-state: running; animation-play-state: running; -webkit-animation-fill-mode: both; animation-fill-mode: both;} @-webkit-keyframes rotateInYm{0%{-webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotateY(-180deg); transform: rotateY(-180deg); opacity: 0;} to{-webkit-transform-origin: center; transform-origin: center; -webkit-transform: none; transform: none; opacity: 1;}} @keyframes rotateInYm{0%{-webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotateY(-180deg); transform: rotateY(-180deg); opacity: 0;} to{-webkit-transform-origin: center; transform-origin: center; -webkit-transform: none; transform: none; opacity: 1;}} .rotateInYm{-webkit-animation-name: rotateInYm; animation-name: rotateInYm;} @-webkit-keyframes AniStriking{0%, 50%, to{-webkit-transform: scale(1); transform: scale(1);} 25%, 75%{-webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03);}} @keyframes AniStriking{0%, 50%, to{-webkit-transform: scale(1); transform: scale(1);} 25%, 75%{-webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03);}} .AniStriking{-webkit-animation-name: AniStriking; animation-name: AniStriking;} @-webkit-keyframes AniOpStriking{0%, 50%, to{opacity: 1; -webkit-transform: scale(1); transform: scale(1);} 25%, 75%{opacity: .7; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1);}} @keyframes AniOpStriking{0%, 50%, to{opacity: 1; -webkit-transform: scale(1); transform: scale(1);} 25%, 75%{opacity: .7; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1);}} .AniOpStriking{-webkit-animation-name: AniOpStriking; animation-name: AniOpStriking;} @-webkit-keyframes AniShiny{0%{opacity: 0;} to{opacity: 1;}} @keyframes AniShiny{0%{opacity: 0;} to{opacity: 1;}} .AniShiny{-webkit-animation-name: AniShiny; animation-name: AniShiny;} @-webkit-keyframes scaleInDown{0%{-webkit-transform: scale(1, 1.25) translateY(20%); transform: scale(1, 1.25) translateY(20%); -webkit-transform-origin: 50% 25%; transform-origin: 50% 25%;} 100%{-webkit-transform: none !important; transform: none !important;}} @keyframes scaleInDown{0%{-webkit-transform: scale(1, 1.25) translateY(20%); transform: scale(1, 1.25) translateY(20%); -webkit-transform-origin: 50% 25%; transform-origin: 50% 25%;} 100%{-webkit-transform: none !important; transform: none !important;}} .scaleInDown{-webkit-animation-name: scaleInDown; animation-name: scaleInDown;} @-webkit-keyframes scaleInRight{0%{-webkit-transform: scale(1.25, 1) translateX(20%); transform: scale(1.25, 1) translateX(20%); -webkit-transform-origin: 25% 50%; transform-origin: 25% 50%;} 100%{-webkit-transform: none !important; transform: none !important;}} @keyframes scaleInRight{0%{-webkit-transform: scale(1.25, 1) translateX(20%); transform: scale(1.25, 1) translateX(20%); -webkit-transform-origin: 25% 50%; transform-origin: 25% 50%;} 100%{-webkit-transform: none !important; transform: none !important;}} .scaleInRight{-webkit-animation-name: scaleInRight; animation-name: scaleInRight;} @-webkit-keyframes scaleInUp{0%{-webkit-transform: scale(1, 1.25) translateY(-20%); transform: scale(1, 1.25) translateY(-20%); -webkit-transform-origin: 50% 75%; transform-origin: 50% 75%;} 100%{-webkit-transform: none !important; transform: none !important;}} @keyframes scaleInUp{0%{-webkit-transform: scale(1, 1.25) translateY(-20%); transform: scale(1, 1.25) translateY(-20%); -webkit-transform-origin: 50% 75%; transform-origin: 50% 75%;} 100%{-webkit-transform: none !important; transform: none !important;}} .scaleInUp{-webkit-animation-name: scaleInUp; animation-name: scaleInUp;} @-webkit-keyframes scaleInLeft{0%{-webkit-transform: scale(1.25, 1) translateX(-20%); transform: scale(1.25, 1) translateX(-20%); -webkit-transform-origin: 75% 50%; transform-origin: 75% 50%;} 100%{-webkit-transform: none !important; transform: none !important;}} @keyframes scaleInLeft{0%{-webkit-transform: scale(1.25, 1) translateX(-20%); transform: scale(1.25, 1) translateX(-20%); -webkit-transform-origin: 75% 50%; transform-origin: 75% 50%;} 100%{-webkit-transform: none !important; transform: none !important;}} .scaleInLeft{-webkit-animation-name: scaleInLeft; animation-name: scaleInLeft;} @-webkit-keyframes animateStay{0, 100%{opacity: 1;}} @keyframes animateStay{0, 100%{opacity: 1;}} .animateStay{-webkit-animation-name: animateStay; animation-name: animateStay;} @-webkit-keyframes AniNone{0, 100%{-webkit-transform: none !important; transform: none !important; opacity: 1; visibility: visible;}} @keyframes AniNone{0, 100%{-webkit-transform: none !important; transform: none !important; opacity: 1; visibility: visible;}} .AniNone{-webkit-animation-name: AniNone; animation-name: AniNone; opacity: 1;} @-webkit-keyframes AniCalmdown{} @keyframes AniCalmdown{} .AniCalmdown{-webkit-animation-name: AniCalmdown; animation-name: AniCalmdown; -webkit-animation-duration: .5s !important; animation-duration: .5s !important; opacity: 0 !important; visibility: hidden !important; pointer-events: none;} .waitAniTitleBlock{display: inline-block; vertical-align: top;} .waitAniTitleBlock, .waitAniBlock{position: relative; overflow: hidden; -webkit-animation-duration: 2s !important; animation-duration: 2s !important;} .waitAniTitleBlock:before, .waitAniBlock:before{content: " "; position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 8; background-color: currentColor;} .waitAniTitleBlock:before, .waitAniBlock:before{-webkit-transform: translateX(-105%); transform: translateX(-105%);} .waitAniTitleBlock._dirv:before, .waitAniBlock._dirv:before{-webkit-transform: translateY(-105%); transform: translateY(-105%);} .waitAniTitleBlock.AniStart .hideWord, .waitAniBlock.AniStart .hideWord, .waitAniTitleBlock.AniStart .hidePic, .waitAniBlock.AniStart .hidePic, .waitAniTitleBlock.AniStart .hideBlock, .waitAniBlock.AniStart .hideBlock{-webkit-transition: all 0ms ease-out 0ms; transition: all 0ms ease-out 0ms; opacity: 0; visibility: hidden;} .waitAniTitleBlock.AniStart:before, .waitAniBlock.AniStart:before{-webkit-transform: translateX(0); transform: translateX(0); -webkit-transition: all 400ms cubic-bezier(0, 0, 0.3, 0.6) 0s; transition: all 400ms cubic-bezier(0, 0, 0.3, 0.6) 0s; -webkit-transform-origin: 0% 50%; transform-origin: 0% 50%;} .waitAniTitleBlock.AniStart._dirv:before, .waitAniBlock.AniStart._dirv:before{-webkit-transform: translateY(0); transform: translateY(0);} .waitAniTitleBlock.AniDid .hideWord, .waitAniBlock.AniDid .hideWord, .waitAniTitleBlock.AniDid .hidePic, .waitAniBlock.AniDid .hidePic, .waitAniTitleBlock.AniDid .hideBlock, .waitAniBlock.AniDid .hideBlock{-webkit-transition: all 0ms ease-out 10ms; transition: all 0ms ease-out 10ms; opacity: 1; visibility: visible;} .waitAniTitleBlock.AniDid:before, .waitAniBlock.AniDid:before{-webkit-transform: translateX(105%); transform: translateX(105%); -webkit-transition: all 400ms cubic-bezier(0, 0, 0, 0.8) 0s; transition: all 400ms cubic-bezier(0, 0, 0, 0.8) 0s; -webkit-transform-origin: 100% 50%; transform-origin: 100% 50%;} .waitAniTitleBlock.AniDid._dirv:before, .waitAniBlock.AniDid._dirv:before{-webkit-transform: translateY(105%); transform: translateY(105%);} /* 固定调用animations-end */ /* baseCss */ .en{word-break: keep-all;} .tdu{text-decoration: underline;} .oh{position: relative; overflow: hidden;} .ma{margin-left: auto; margin-right: auto;} .dib{display: inline-block; vertical-align: top;} .vab{vertical-align: bottom;} .vam{vertical-align: middle;} .vat{vertical-align: top;} .unsel, .dct{-webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;} .insel{-webkit-user-select: auto; -moz-user-select: auto; -ms-user-select: auto; user-select: auto;} .op0{-webkit-transition: all 250ms ease-out 0ms; transition: all 250ms ease-out 0ms; opacity: 0; visibility: hidden;} .op1{-webkit-transition: all 250ms ease-out 0ms; transition: all 250ms ease-out 0ms; opacity: 1; visibility: visible;} .tapList{display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; -ms-flex-line-pack: stretch; align-content: stretch;} .tapList:after{display: none;} .tapList .item{width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box;} .lhd5{height: .5em;} .reject{cursor: not-allowed;} .poss{position: static !important;} .emptyList{text-align: center; font-size: 120%; background-color: #f5f5f5; color: #222; font-weight: bold;} .hidePoint{position: absolute; height: 0; visibility: hidden; top: 0; left: 0;} .viewport{position: relative; font-size: 0;} .pc .viewport{overflow: hidden;} .wap .oScroll{overflow: auto;} /* 关键值 */ .hScroll{width: 100%; white-space: nowrap;} .hScroll .scrollBox, .hScroll .overview{display: inline-block; vertical-align: top;} .wap .hScroll{overflow-x: auto; overflow-y: hidden;} .vScroll{height: 100%;} .wap .vScroll{overflow-y: auto; overflow-x: hidden;} .invisible{visibility: hidden; position: absolute !important; z-index: -1;} .ensp{display: inline-block; vertical-align: middle; width: .5em; height: 1px;} .cnsp{display: inline-block; vertical-align: middle; width: 1em; height: 1px;} .pa100.link{position: absolute !important; right: 0; bottom: 0; width: auto; height: auto; z-index: 8; text-indent: -9999px; overflow: hidden; white-space: nowrap; -webkit-transition: all 250ms ease-out 0s; transition: all 250ms ease-out 0s; text-align: left !important;} .pa4{position: absolute; left: 0; top: 0; right: 0; bottom: 0;} .bgct{background-color: transparent !important;} .enter, .reset{position: relative; overflow: hidden;} .enter .iptBtn, .reset .iptBtn{position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: 0; cursor: pointer; -webkit-tap-highlight-color: rgba(0, 0, 0, 0.04);} .kong{pointer-events: none;} .aniSpan{position: static !important; min-height: 1px; display: block;} /* resetEnd */ .c1{color: #cf483e;} .bgc1{background-color: #cf483e;} .c2{color: #348a87;} .bgc2{background-color: #348a87;} .c3{color: #735a8f;} .bgc3{background-color: #735a8f;} .ca{color: #333333;} .cb{color: #666666;} .cs{color: #999999;} html{min-width: 440px;} @media screen and (min-width: 1025px){html{min-width: 1200px;}} body{color: #666666; font: 14px/1 Arial, sans-serif;} a{color: #333333;} a.on{color: #cf483e;} @media screen and (min-width: 1025px){a:hover{color: #cf483e;}} @media screen and (max-width: 1024px){a:active{color: #cf483e;}} .vmbox{font-size: 14px; line-height: 1; font-family: Microsoft YaHei, '微软雅黑';} .info{font-size: 14px; line-height: 1.7143;} .info *{background-color: transparent !important;} .imax{font-size: 16px; line-height: 2;} @media screen and (max-width: 1440px){.imax{font-size: 14px;}} @media screen and (max-width: 1024px){.imax{line-height: 1.75em;}} ::-moz-selection{background: #af342b; color: #fff; text-shadow: none;} ::selection{background: #af342b; color: #fff; text-shadow: none;} .pc ::-webkit-scrollbar{position: absolute; width: 8px; height: 8px;} .pc ::-webkit-scrollbar-thumb{width: 8px; height: 8px; border-radius: 4px; background-color: rgba(0, 0, 0, 0.25);} .pc ::-webkit-scrollbar-track{background: rgba(0, 0, 0, 0.05);} .pc ::-webkit-scrollbar-corner{background: transparent; height: 0; width: 0;} .loading{background-image: url(../images/based/loading.gif);} .loading-m{background-image: url(../images/based/loading-m.gif);} .load-error{background-image: url(../images/based/error.gif);} @media screen and (min-width: 1025px){.scs .pic img, .index-news-hot .pic img, .index-iu-list .item .pic img, .index-life-list .item .pic img, .sAbout-photo-list .item .pic img, .sNews-rotateMove .item .picArea .pic img, .sView-wrap .sidebar .dd .list .item .pic img, .sIU-rotateMove .item .picArea .pic img, .sLife-tab .Tt .picArea .pic img{-webkit-transition: all 400ms ease-out 0s; transition: all 400ms ease-out 0s;} .scs:hover .pic img, .index-news-hot:hover .pic img, .index-iu-list .item:hover .pic img, .index-life-list .item:hover .pic img, .sAbout-photo-list .item:hover .pic img, .sNews-rotateMove .item .picArea:hover .pic img, .sView-wrap .sidebar .dd .list .item:hover .pic img, .sIU-rotateMove .item .picArea:hover .pic img, .sLife-tab .Tt .picArea:hover .pic img{-webkit-transform: scale(1.025); transform: scale(1.025);}} .maxmw{width: auto; width: calc(100% - 30px); margin-left: auto !important; margin-right: auto !important; max-width: 720px;} .container, .w{-webkit-box-sizing: border-box; box-sizing: border-box; width: 90%;} @media screen and (min-width: 1025px){.container, .w{width: 1200px;}} @media screen and (min-width: 1601px){.container, .w{width: 1440px;}} @media screen and (max-width: 1024px){.container, .w{width: auto !important; width: calc(100% - 30px) !important; margin-left: auto !important; margin-right: auto !important; max-width: 720px !important;}} .w-p{padding-left: 7.8125%; padding-right: 7.8125%; -webkit-box-sizing: border-box; box-sizing: border-box;} @media screen and (max-width: 1600px){.w-p{padding-left: 4.16666667%; padding-right: 4.16666667%;}} @media screen and (max-width: 1024px){.w-p{padding-left: 15px; padding-right: 15px;}} /* ------------------- htmls ------------------- */ .formItem{position: relative;} .formItem .aftPD{position: absolute; left: 100%; top: 0; color: #f00; margin-left: 8px; white-space: nowrap; font-size: 14px; pointer-events: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;} .formItem .skin::-webkit-input-placeholder{color: #999999;} .formItem .skin:-moz-placeholder{color: #999999;} .formItem .skin::-moz-placeholder{color: #999999;} .formItem .skin:-ms-input-placeholder{color: #999999;} .formItem .skin._focus{border-color: #2e9fd9 !important; /* box-shadow: 0 0 1px 2px fade(@c1,15%); */} .formItem.red .skin{color: #f00 ; border-color: #f00 ;} .formItem.red .skin::-webkit-input-placeholder{color: #ff0000;} .formItem.red .skin:-moz-placeholder{color: #ff0000;} .formItem.red .skin::-moz-placeholder{color: #ff0000;} .formItem.red .skin:-ms-input-placeholder{color: #ff0000;} /* 组件 */ /* keyframes use */ @-webkit-keyframes fadeInRights{0%{opacity: 0.6; -webkit-transform: translate3d(35px, 0, 0); transform: translate3d(35px, 0, 0);} to{opacity: 1; -webkit-transform: none; transform: none;}} @keyframes fadeInRights{0%{opacity: 0.6; -webkit-transform: translate3d(35px, 0, 0); transform: translate3d(35px, 0, 0);} to{opacity: 1; -webkit-transform: none; transform: none;}} .fadeInRights{-webkit-animation-name: fadeInRights; animation-name: fadeInRights;} @-webkit-keyframes fadeInLefts{0%{opacity: 0.6; -webkit-transform: translate3d(-35px, 0, 0); transform: translate3d(-35px, 0, 0);} to{opacity: 1; -webkit-transform: none; transform: none;}} @keyframes fadeInLefts{0%{opacity: 0.6; -webkit-transform: translate3d(-35px, 0, 0); transform: translate3d(-35px, 0, 0);} to{opacity: 1; -webkit-transform: none; transform: none;}} .fadeInLefts{-webkit-animation-name: fadeInLefts; animation-name: fadeInLefts;} @-webkit-keyframes fadeInUps{0%{opacity: 0.6; -webkit-transform: translate3d(0, -35px, 0); transform: translate3d(0, -35px, 0);} to{opacity: 1; -webkit-transform: none; transform: none;}} @keyframes fadeInUps{0%{opacity: 0.6; -webkit-transform: translate3d(0, -35px, 0); transform: translate3d(0, -35px, 0);} to{opacity: 1; -webkit-transform: none; transform: none;}} .fadeInUps{-webkit-animation-name: fadeInUps; animation-name: fadeInUps;} @-webkit-keyframes fadeInDowns{0%{opacity: 0.6; -webkit-transform: translate3d(0, 35px, 0); transform: translate3d(0, 35px, 0);} to{opacity: 1; -webkit-transform: none; transform: none;}} @keyframes fadeInDowns{0%{opacity: 0.6; -webkit-transform: translate3d(0, 35px, 0); transform: translate3d(0, 35px, 0);} to{opacity: 1; -webkit-transform: none; transform: none;}} .fadeInDowns{-webkit-animation-name: fadeInDowns; animation-name: fadeInDowns;} @-webkit-keyframes fadeInDown{0%{opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0);} to{opacity: 1; -webkit-transform: none; transform: none;}} @keyframes fadeInDown{0%{opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0);} to{opacity: 1; -webkit-transform: none; transform: none;}} .fadeInDown{-webkit-animation-name: fadeInDown; animation-name: fadeInDown;} @-webkit-keyframes zoomIns{0%{opacity: 0; -webkit-transform: scale3d(0.77, 0.77, 0.77); transform: scale3d(0.77, 0.77, 0.77);} 50%, 100%{opacity: 1;}} @keyframes zoomIns{0%{opacity: 0; -webkit-transform: scale3d(0.77, 0.77, 0.77); transform: scale3d(0.77, 0.77, 0.77);} 50%, 100%{opacity: 1;}} .zoomIns{-webkit-animation-name: zoomIns; animation-name: zoomIns;} .AnflashOver{position: relative; overflow: hidden; -webkit-animation-duration: 333ms; animation-duration: 333ms;} .AnflashOver:before{-webkit-animation-name: AnflashOver; animation-name: AnflashOver; -webkit-animation-duration: 333ms; animation-duration: 333ms; -webkit-animation-delay: 0s; animation-delay: 0s; -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-animation-direction: normal; animation-direction: normal; -webkit-animation-play-state: running; animation-play-state: running; -webkit-animation-fill-mode: both; animation-fill-mode: both; content: ""; position: absolute; overflow: hidden; width: 80px; height: 150px; left: 0; top: 0; background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0) 100%); background: gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(50%, rgba(255, 255, 255, 0.2)), color-stop(100%, rgba(255, 255, 255, 0)));} @-webkit-keyframes AnflashOver{0%{-webkit-transform: skewX(-25deg) translateX(-149px); transform: skewX(-25deg) translateX(-149px);} to{left: 100%; -webkit-transform: skewX(-25deg) translateX(149px); transform: skewX(-25deg) translateX(149px);}} @keyframes AnflashOver{0%{-webkit-transform: skewX(-25deg) translateX(-149px); transform: skewX(-25deg) translateX(-149px);} to{left: 100%; -webkit-transform: skewX(-25deg) translateX(149px); transform: skewX(-25deg) translateX(149px);}} @-webkit-keyframes bgHmove{0%{background-position: 0 50%;} 100%{background-position: 20% 50%;}} @keyframes bgHmove{0%{background-position: 0 50%;} 100%{background-position: 20% 50%;}} .bgHmove{-webkit-animation-name: bgHmove; animation-name: bgHmove;} @-webkit-keyframes bannerRotateY{0%, 66%{-webkit-transform: rotateY(0); transform: rotateY(0);} 100%{-webkit-transform: rotateY(360deg); transform: rotateY(360deg);}} @keyframes bannerRotateY{0%, 66%{-webkit-transform: rotateY(0); transform: rotateY(0);} 100%{-webkit-transform: rotateY(360deg); transform: rotateY(360deg);}} @-webkit-keyframes mouseRoll{0%{-webkit-transform: translate(-50%, 50%); transform: translate(-50%, 50%);} 100%{-webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%);}} @keyframes mouseRoll{0%{-webkit-transform: translate(-50%, 50%); transform: translate(-50%, 50%);} 100%{-webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%);}} .mouseRoll{-webkit-animation-name: mouseRoll; animation-name: mouseRoll;} @-webkit-keyframes mouseRollDelay{0%{-webkit-transform: translate(-50%, 15%); transform: translate(-50%, 15%);} 75%, 100%{-webkit-transform: translate(-50%, 0); transform: translate(-50%, 0);}} @keyframes mouseRollDelay{0%{-webkit-transform: translate(-50%, 15%); transform: translate(-50%, 15%);} 75%, 100%{-webkit-transform: translate(-50%, 0); transform: translate(-50%, 0);}} .mouseRollDelay{-webkit-animation-name: mouseRollDelay; animation-name: mouseRollDelay;} .ysqUEO .aBtnMask{position: relative; overflow: hidden; z-index: 1; cursor: pointer; -webkit-tap-highlight-color: rgba(0, 0, 0, 0.04);} .ysqUEO .aBtnMask:after{background-color: rgba(255, 255, 255, 0.1); -webkit-transition: all 250ms ease-out 0ms; transition: all 250ms ease-out 0ms; opacity: 0; visibility: hidden; content: " "; position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: -1; pointer-events: none;} @media screen and (min-width: 1025px){.ysqUEO .aBtnMask:after{-webkit-transition: all 250ms ease-out 0s; transition: all 250ms ease-out 0s;} .ysqUEO .aBtnMask:hover:after{-webkit-transition: all 250ms ease-out 0ms; transition: all 250ms ease-out 0ms; opacity: 1; visibility: visible;}} .ysqUEO .aBtnSc{position: relative; overflow: hidden; z-index: 1; cursor: pointer; -webkit-tap-highlight-color: rgba(0, 0, 0, 0.04);} .ysqUEO .aBtnSc:after{background-color: rgba(255, 255, 255, 0.1); content: " "; position: absolute; border-radius: 50%; left: 50%; top: 50%; width: 120%; padding-bottom: 120%; -webkit-transform: translate(-50%, -50%) scale(0); transform: translate(-50%, -50%) scale(0); z-index: -1; pointer-events: none;} @media screen and (min-width: 1025px){.ysqUEO .aBtnSc:after{-webkit-transition: all 250ms ease-out 0ms; transition: all 250ms ease-out 0ms; opacity: 0; visibility: hidden;} .ysqUEO .aBtnSc:hover:after{-webkit-transition: all 350ms ease-in 0ms; transition: all 350ms ease-in 0ms; opacity: 1; visibility: visible; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%);}} .ysqUEO .aBtnlr{position: relative; overflow: hidden; z-index: 1; cursor: pointer; -webkit-tap-highlight-color: rgba(0, 0, 0, 0.04);} .ysqUEO .aBtnlr:after{background-color: #cf483e; -webkit-transition: all 400ms ease-out 0s; transition: all 400ms ease-out 0s; content: " "; position: absolute; left: 100%; top: 0; width: 0; height: 100%; z-index: -1; pointer-events: none;} @media screen and (min-width: 1025px){.ysqUEO .aBtnlr:hover:after{width: 100%; left: 0; -webkit-transition: left 0ms ease-out 0s, width 400ms ease-out 0s; transition: left 0ms ease-out 0s, width 400ms ease-out 0s;}} /* ysq _ ROW */ .ysqRow{display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; -ms-flex-line-pack: start; align-content: flex-start;} .ysqRow:after{display: none;} .ysqRow:after{display: none;} .ysqRow > .item{position: relative; overflow: hidden; z-index: 1; float: left; -webkit-transition: background 250ms,color 250ms,-webkit-transform 250ms; transition: background 250ms,color 250ms,-webkit-transform 250ms; transition: transform 250ms,background 250ms,color 250ms; transition: transform 250ms,background 250ms,color 250ms,-webkit-transform 250ms; -webkit-box-sizing: border-box; box-sizing: border-box;} li.kong{height: 0 !important; min-height: 0 !important; visibility: hidden; margin-top: 0 !important;} /* 滚动加载 */ .scrollAjax #loadState{position: relative; width: 200px; height: 40px; margin: 40px auto 0; cursor: pointer; text-align: center; line-height: 40px; background-color: #cf483e; color: #fff; font-size: 16px;} .scrollAjax #loadState.off{background-color: #ddd; color: #333; cursor: default; cursor: not-allowed;} .scrollAjax #loadState.ing:after{content: " "; -webkit-animation-name: dotMove; animation-name: dotMove; -webkit-animation-duration: 1.6s; animation-duration: 1.6s; -webkit-animation-delay: 0s; animation-delay: 0s; -webkit-animation-timing-function: steps(4); animation-timing-function: steps(4); -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-direction: normal; animation-direction: normal; -webkit-animation-play-state: running; animation-play-state: running; -webkit-animation-fill-mode: both; animation-fill-mode: both;} @-webkit-keyframes dotMove{0%, 100%{content: ".";} 33%{content: "..";} 66%{content: "...";}} @keyframes dotMove{0%, 100%{content: ".";} 33%{content: "..";} 66%{content: "...";}} .scrollAjax #loadState.retry{overflow: hidden; background-color: #cf483e; cursor: pointer;} .scrollAjax #loadState.retry:before{content: ""; position: absolute; overflow: hidden; width: 80px; height: 150px; left: 0; top: 0; background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0) 100%); -webkit-transform: skewX(-25deg) translateX(-149px); transform: skewX(-25deg) translateX(-149px); -webkit-transition: none 250ms ease-out 0s; transition: none 250ms ease-out 0s;} .scrollAjax #loadState.retry:hover:before{left: 100%; -webkit-transform: skewX(-25deg) translateX(149px); transform: skewX(-25deg) translateX(149px); top: 0; -webkit-transition: all 600ms ease-out 0s; transition: all 600ms ease-out 0s;} .scrollAjax .pageList{display: none;} /* 模态窗 */ .TAlert{display: none; position: fixed; left: 0; top: 0; z-index: 99; overflow: hidden; width: 100%; height: 100%; text-align: center; overflow-x: hidden; overflow-y: auto;} .TAlert .contain{display: inline-block; vertical-align: middle; position: relative; overflow: hidden; z-index: 9; max-width: 80%; width: 400px; -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.5); box-shadow: 0 3px 6px rgba(0, 0, 0, 0.5); text-align: left; line-height: 1.4333; font-size: 16px; border-radius: 5px ; max-width: 90%;} .TAlert .contain .Tclose{position: absolute; top: 2px; right: 2px; width: 40px; height: 40px;} .TAlert .contain .Tclose s{position: absolute; left: 0; top: 0; width: 100%; height: 100%; text-align: center; line-height: 36px; font-size: 20px; color: #333333; font-family: Microsoft YaHei, '微软雅黑', Arial, sans-serif; cursor: pointer; white-space: nowrap;} .ysqUEO .TAlert .contain .Tclose s{overflow: hidden; text-indent: 120%;} .ysqUEO .TAlert .contain .Tclose s:before, .ysqUEO .TAlert .contain .Tclose s:after{pointer-events: none !important; content: " "; position: absolute; left: 10px; width: 20px; height: 2px; border-radius: 2px; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transform-origin: 0 50%; transform-origin: 0 50%; color: inherit; background-color: currentColor;} .ysqUEO .TAlert .contain .Tclose s:before{top: 14px; -webkit-transform: rotate(45deg) translate(3.93502884px, 0); transform: rotate(45deg) translate(3.93502884px, 0); top: 9px;} .ysqUEO .TAlert .contain .Tclose s:after{bottom: 14px; -webkit-transform: rotate(-45deg) translate(3.93502884px, 0); transform: rotate(-45deg) translate(3.93502884px, 0); bottom: 9px;} @media screen and (min-width: 1025px){.ysqUEO .TAlert .contain .Tclose s:before, .ysqUEO .TAlert .contain .Tclose s:after{-webkit-transition: all 300ms ease-out 0ms; transition: all 300ms ease-out 0ms;} .TAlert .contain .Tclose s:hover{color: #333333;}} @media screen and (max-width: 1024px){.TAlert .contain .Tclose s:active{color: #333333;}} .TAlert .contain .Tclose s:hover{-webkit-transform: rotate(-360deg); transform: rotate(-360deg); -webkit-transition: all 500ms ease-out 0s; transition: all 500ms ease-out 0s;} .TAlert .contain .head{padding: 10px 15px; border-bottom: #cccccc solid 1px; color: #333; background-color: #fff;} .TAlert .contain .body{padding: 15px; font-size: 14px; background-color: #fff; color: #444;} .TAlert .contain .foot{position: relative; width: 100%; height: 40px; border-top: #cccccc solid 1px;} .TAlert .contain .foot .btn{overflow: hidden; z-index: 0; position: absolute; top: 0; height: 40px; line-height: 40px; width: 50%; text-align: center; font-size: 15px;} .TAlert .contain .foot .btn:before{content: " "; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: -1; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all 250ms ease-out 0ms; transition: all 250ms ease-out 0ms; pointer-events: none; border-radius: inherit; background-color: rgba(0, 0, 0, 0);} .TAlert .contain .foot .btn:hover:before{background-color: rgba(0, 0, 0, 0.1);} .TAlert .contain .foot .btn.enter{left: 0; background-color: #cf483e; color: #fff;} .TAlert .contain .foot .btn.close{right: 0; background-color: #f1f1f1; border-left: #cfcfcf solid 1px; color: #333;} .TAlert .contain .foot .btn.w100{border-left: none;} .ysqUEO .TAlert .contain{opacity: 0; -webkit-transition: all 330ms ease-out 0s; transition: all 330ms ease-out 0s; -webkit-transform: translateY(-50%) scale(0.2); transform: translateY(-50%) scale(0.2);} .ysqUEO .TAlert.showUp .contain{opacity: 1; -webkit-transform: none !important; transform: none !important;} .ysqUEO .TAlert.hideOut .contain{opacity: 0; -webkit-transform: translateY(44%) scale(0.2) !important; transform: translateY(44%) scale(0.2) !important;} .pageListBox{padding-top: 0.8rem;} .pageListBox .pageList{position: relative; line-height: 34px; font-size: 0; text-align: center; white-space: nowrap; overflow-x: hidden;} .pageListBox .pageList ul{position: relative; float: none !important;} .pageListBox .pageList ul, .pageListBox .pageList ul li{display: inline-block; *display: inline; *zoom: 1; vertical-align: top;} .pageListBox .pageList ul li{margin: 0 4px; font-size: 14px;} .pageListBox .pageList a{display: block; min-width: 14px; height: 34px; padding: 0 10px; font-family: Arial, sans-serif, Microsoft YaHei, '微软雅黑'; color: #333333; z-index: 2; position: relative; background-color: #f5f5f5; color: #333; -webkit-transition: all 250ms ease-out 0s; transition: all 250ms ease-out 0s; font-size: 14px; cursor: pointer; -webkit-tap-highlight-color: rgba(0, 0, 0, 0.04);} .pageListBox .pageList a:after{content: " "; position: absolute; left: 0; top: 0; right: 0; bottom: 0; border: #dddddd solid 1px; z-index: -1;} .pageListBox .pageList a.selected{background-color: #cf483e; color: #fff;} .pageListBox .pageList a.selected:after{-webkit-transition: all 250ms ease-out 0ms; transition: all 250ms ease-out 0ms; opacity: 0; visibility: hidden;} .pageListBox .pageList a:active:after{-webkit-transition: all 0ms ease-out 0ms !important; transition: all 0ms ease-out 0ms !important; opacity: 1 !important; visibility: visible !important; border-color: #fff;} @media screen and (min-width: 1025px){.pageListBox .pageList a:hover{background-color: #cf483e; color: #fff;} .pageListBox .pageList a:hover:after{-webkit-transition: all 250ms ease-out 0ms; transition: all 250ms ease-out 0ms; opacity: 0; visibility: hidden;}} @media screen and (max-width: 1024px){.pageListBox .pageList{overflow-x: auto; overflow-y: hidden;} .pageListBox .pageList a:active{background-color: #cf483e; color: #fff; -webkit-transition: none !important; transition: none !important;} .pageListBox .pageList a:active:after{-webkit-transition: all 250ms ease-out 0ms; transition: all 250ms ease-out 0ms; opacity: 0; visibility: hidden;}} @media screen and (max-width: 768px){.pageListBox .pageList ul li{margin-left: 4px; margin-right: 4px;}} /*模拟滚动条*/ .module-Scrollbox{position: relative; height: 100%;} .module-Scrollbox.y{padding-right: 12px;} .module-Scrollbox.y .scrollbar{right: 0; width: 7px; height: 100%; top: 0;} .module-Scrollbox.y .scrollbar .track{position: absolute; top: 0; right: 2px; width: 3px; background-color: #f1f1f1;} .module-Scrollbox.y .scrollbar .thumb{height: 0; right: -2px; background-color: #cf483e; width: 7px;} .module-Scrollbox.x .scrollbar{height: 7px; width: 100%; bottom: 0;} .module-Scrollbox.x .scrollbar .track{position: absolute; top: 0; right: 0; height: 7px; background-color: #f1f1f1;} .module-Scrollbox.x .scrollbar .thumb{width: 0; left: 0; height: 7px; background-color: #cf483e;} .module-Scrollbox.x .overview{display: inline-block;} .module-Scrollbox .scrollbar{/* display: none; */ position: absolute; z-index: 3; right: 0;} .module-Scrollbox .scrollbar .track{position: relative;} .module-Scrollbox .scrollbar .thumb{position: absolute; top: 0; cursor: pointer; border-radius: 3.5px; -webkit-transition: all 80ms ease-out 0s; transition: all 80ms ease-out 0s;} .module-Scrollbox .scrollbar .thumb .end{height: 7px; width: 7px;} .module-Scrollbox .viewport{position: relative; overflow: hidden; width: 100%; height: 100%;} .module-Scrollbox .overview{position: relative; -webkit-transition: all 150ms ease-in 0s; transition: all 150ms ease-in 0s;} .module-Scrollbox .disable{display: none;} @media screen and (max-width: 1024px){.module-Scrollbox{overflow: auto; padding-right: 0;} .module-Scrollbox .viewport{width: auto; height: auto;} .module-Scrollbox .scrollbar{display: none !important;}} html{font-size: 50px;} @media screen and (max-width: 1600px){html{font-size: 45px;}} @media screen and (max-width: 1440px){html{font-size: 40px;}} @media screen and (max-width: 1024px){html{font-size: 30px;}} @media screen and (max-width: 768px){html{font-size: 25px;}} @media screen and (max-width: 480px){html{font-size: 20px;}} @media screen and (max-width: 1024px){.fzRes, .w-p{font-size: 100px;}} @media screen and (max-width: 749px){.fzRes, .w-p{font-size: 90px;}} @media screen and (max-width: 699px){.fzRes, .w-p{font-size: 85px;}} @media screen and (max-width: 649px){.fzRes, .w-p{font-size: 80px;}} @media screen and (max-width: 599px){.fzRes, .w-p{font-size: 75px;}} @media screen and (max-width: 549px){.fzRes, .w-p{font-size: 70px;}} @media screen and (max-width: 499px){.fzRes, .w-p{font-size: 65px;}} @media screen and (max-width: 449px){.fzRes, .w-p{font-size: 60px;}} .fz60{font-size: 60px;} @media screen and (max-width: 1600px){.fz60{font-size: 54px;}} @media screen and (max-width: 1024px){.fz60{font-size: 46px;}} @media screen and (max-width: 768px){.fz60{font-size: 40px;}} .fz48, .index-head, .subpage-head{font-size: 48px;} @media screen and (max-width: 1600px){.fz48, .index-head, .subpage-head{font-size: 44px;}} @media screen and (max-width: 1024px){.fz48, .index-head, .subpage-head{font-size: 40px;}} @media screen and (max-width: 768px){.fz48, .index-head, .subpage-head{font-size: 34px;}} .fz40{font-size: 40px;} @media screen and (max-width: 1600px){.fz40{font-size: 36px;}} @media screen and (max-width: 1024px){.fz40{font-size: 32px;}} @media screen and (max-width: 768px){.fz40{font-size: 26px;}} .fz36, .sView-wrap .sidebar .dt, .sView-head h1{font-size: 36px;} @media screen and (max-width: 1600px){.fz36, .sView-wrap .sidebar .dt, .sView-head h1{font-size: 32px;}} @media screen and (max-width: 1024px){.fz36, .sView-wrap .sidebar .dt, .sView-head h1{font-size: 30px;}} @media screen and (max-width: 768px){.fz36, .sView-wrap .sidebar .dt, .sView-head h1{font-size: 24px;}} .fz32, .index-news-hot .item .txt h3{font-size: 32px;} @media screen and (max-width: 1600px){.fz32, .index-news-hot .item .txt h3{font-size: 28px;}} @media screen and (max-width: 1024px){.fz32, .index-news-hot .item .txt h3{font-size: 26px;}} @media screen and (max-width: 768px){.fz32, .index-news-hot .item .txt h3{font-size: 22px;}} .fz28, .header .logo span{font-size: 28px;} @media screen and (max-width: 1600px){.fz28, .header .logo span{font-size: 24px;}} @media screen and (max-width: 1024px){.fz28, .header .logo span{font-size: 22px;}} @media screen and (max-width: 768px){.fz28, .header .logo span{font-size: 20px;}} .fz24, .index-about .txt .imax, .index-about .txt .more, .index-iu-list .item h3, .index-life-list .item .txt h3, .sAbout-intro .imax, .sAbout-photo-list .item h3, .sAbout-video-rotateMove .item h3, .sNews-rotateMove .item .txt, .sView-wrap .sidebar .dd .list .item h3, .sIU-rotateMove .item .txt, .sLife-tab .Tt .txtArea .txt{font-size: 24px;} @media screen and (max-width: 1600px){.fz24, .index-about .txt .imax, .index-about .txt .more, .index-iu-list .item h3, .index-life-list .item .txt h3, .sAbout-intro .imax, .sAbout-photo-list .item h3, .sAbout-video-rotateMove .item h3, .sNews-rotateMove .item .txt, .sView-wrap .sidebar .dd .list .item h3, .sIU-rotateMove .item .txt, .sLife-tab .Tt .txtArea .txt{font-size: 20px;}} @media screen and (max-width: 1024px){.fz24, .index-about .txt .imax, .index-about .txt .more, .index-iu-list .item h3, .index-life-list .item .txt h3, .sAbout-intro .imax, .sAbout-photo-list .item h3, .sAbout-video-rotateMove .item h3, .sNews-rotateMove .item .txt, .sView-wrap .sidebar .dd .list .item h3, .sIU-rotateMove .item .txt, .sLife-tab .Tt .txtArea .txt{font-size: 18px;}} .fz20, .btn-idx1, .btn-idx2, .index-news-hot .item .txt .date, .index-news-list .item h3, .footer-t .firNav .link1, .subpage-nav .link2{font-size: 20px;} @media screen and (max-width: 1600px){.fz20, .btn-idx1, .btn-idx2, .index-news-hot .item .txt .date, .index-news-list .item h3, .footer-t .firNav .link1, .subpage-nav .link2{font-size: 18px;}} @media screen and (max-width: 1024px){.fz20, .btn-idx1, .btn-idx2, .index-news-hot .item .txt .date, .index-news-list .item h3, .footer-t .firNav .link1, .subpage-nav .link2{font-size: 16px;}} .fz18, .header .homesite, .index-life-list .item .txt p, .index-life-list .item .txt .more, .footer-t .firNav .link2, .footer-b{font-size: 18px;} @media screen and (max-width: 1600px){.fz18, .header .homesite, .index-life-list .item .txt p, .index-life-list .item .txt .more, .footer-t .firNav .link2, .footer-b{font-size: 16px;}} .fz16, .subpage-crumbs{font-size: 16px;} @media screen and (max-width: 1600px){.fz16, .subpage-crumbs{font-size: 14px;}} .fz14{font-size: 14px;} @media screen and (max-width: 1600px){.fz14{font-size: 12px;}} @media screen and (min-width: 1025px){.pc-hide, .m-link{display: none !important;}} @media screen and (max-width: 1024px){.m-hide{display: none !important;} .m-link{display: block; z-index: 11; position: absolute; left: 0; top: 0; width: 100%; height: 100%; cursor: pointer; -webkit-tap-highlight-color: rgba(0, 0, 0, 0.05);}} /* 自定义响应结构 */ .ctr-video{display: none; z-index: 20; position: absolute; top: 50%; margin-top: -25px; width: 50px; height: 50px; line-height: 50px; border: solid 1px #cf483e; border-radius: 50%; color: #cf483e; text-align: center;} .ctr-video s{position: absolute; left: 0; top: 0; right: 0; bottom: 0; font-family: SimSun, '宋体' !important; text-align: center; font-size: 28px; font-weight: bold; pointer-events: none;} .ctr-video:hover{color: #ffffff;} .ysqUEO .ctr-video s{overflow: hidden; text-indent: -9999px; white-space: nowrap; padding: inherit;} .ysqUEO .ctr-video s:before, .ysqUEO .ctr-video s:after{content: " "; position: absolute; top: 50%; left: 50%; width: 14px; height: 2px; margin-top: -1px; background-color: #cf483e; -webkit-transition: all 250ms ease-out 0s; transition: all 250ms ease-out 0s;} @media screen and (min-width: 1025px){.ysqUEO .ctr-video{-webkit-transition: all 250ms ease-out 0s; transition: all 250ms ease-out 0s;} .ysqUEO .ctr-video s:before, .ysqUEO .ctr-video s:after{-webkit-transition: all 400ms ease-out 0s; transition: all 400ms ease-out 0s;} .ysqUEO .ctr-video:hover s:before, .ysqUEO .ctr-video:hover s:after{background-color: #ffffff;}} @media screen and (max-width: 1024px){.ctr-video:active s:before, .ctr-video:active s:after{background-color: #ffffff;}} .ysqUEO .ctr-video.prev s:before, .ysqUEO .ctr-video.prev s:after{margin-left: -5px; -webkit-transform-origin: 0% 50%; transform-origin: 0% 50%;} .ysqUEO .ctr-video.prev s:before{-webkit-transform: rotate(-40deg) translateX(-1px); transform: rotate(-40deg) translateX(-1px);} .ysqUEO .ctr-video.prev s:after{-webkit-transform: rotate(40deg) translateX(-1px); transform: rotate(40deg) translateX(-1px);} .ysqUEO .ctr-video.next s:before, .ysqUEO .ctr-video.next s:after{margin-left: -9px; -webkit-transform-origin: 100% 50%; transform-origin: 100% 50%;} .ysqUEO .ctr-video.next s:before{-webkit-transform: rotate(-40deg) translateX(1px); transform: rotate(-40deg) translateX(1px);} .ysqUEO .ctr-video.next s:after{-webkit-transform: rotate(40deg) translateX(1px); transform: rotate(40deg) translateX(1px);} @media screen and (min-width: 1025px){.ysqUEO .ctr-video.prev:hover s:before{-webkit-transform: rotate(-50deg) translateX(-1px); transform: rotate(-50deg) translateX(-1px);} .ysqUEO .ctr-video.prev:hover s:after{-webkit-transform: rotate(50deg) translateX(-1px); transform: rotate(50deg) translateX(-1px);} .ysqUEO .ctr-video.next:hover s:before{-webkit-transform: rotate(-50deg) translateX(1px); transform: rotate(-50deg) translateX(1px);} .ysqUEO .ctr-video.next:hover s:after{-webkit-transform: rotate(50deg) translateX(1px); transform: rotate(50deg) translateX(1px);}} @media screen and (max-width: 1024px){.ctr-video.prev:active s:before, .ctr-video.prev:active s:after{-webkit-transition: 0ms; transition: 0ms;} .ctr-video.prev:active s:before{-webkit-transform: rotate(-50deg) translateX(-1px); transform: rotate(-50deg) translateX(-1px);} .ctr-video.prev:active s:after{-webkit-transform: rotate(50deg) translateX(-1px); transform: rotate(50deg) translateX(-1px);} .ctr-video.next:active s:before, .ctr-video.next:active s:after{-webkit-transition: 0ms; transition: 0ms;} .ctr-video.next:active s:before{-webkit-transform: rotate(-50deg) translateX(1px); transform: rotate(-50deg) translateX(1px);} .ctr-video.next:active s:after{-webkit-transform: rotate(50deg) translateX(1px); transform: rotate(50deg) translateX(1px);}} @media screen and (min-width: 1025px){.ctr-video{-webkit-transition: all 400ms ease-out 0s; transition: all 400ms ease-out 0s;} .ctr-video:hover{background-color: #cf483e; color: #fff;}} @media screen and (max-width: 1024px){.ctr-video:active{background-color: #cf483e; color: #fff;}} .aftDark:after{content: " "; z-index: 3; position: absolute; left: 0; bottom: 0; right: 0; height: 100%; background-image: -webkit-linear-gradient(-90deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.05) 55%, rgba(0, 0, 0, 0.3) 100%); pointer-events: none;} .pagination-banner{overflow: hidden; white-space: nowrap;} .pagination-banner .btn{display: inline-block; vertical-align: top; position: relative; z-index: 1; margin: 0 0.28rem; width: 12px; height: 12px; -webkit-transition: all 400ms ease-out 0s; transition: all 400ms ease-out 0s; border-radius: 12px; background-color: #fff;} .pagination-banner .btn > em{display: none;} .pagination-banner .btn.on{background-color: #cf483e;} .btn-idx1{display: block; width: 150px; height: 44px; line-height: 44px; text-align: center; color: #fff !important; border: #ffffff solid 1px; border-radius: 44px;} @media screen and (max-width: 1024px){.btn-idx1{width: 124px; height: 36px; line-height: 36px;}} .btn-idx2{display: block; width: 150px; height: 44px; line-height: 44px; text-align: center; color: #fff !important; background-color: #cf483e; border-radius: 44px;} @media screen and (max-width: 1024px){.btn-idx2{width: 124px; height: 36px; line-height: 36px;}} body.compensate-for-scrollbar{overflow: hidden;} .fancybox-active{height: auto;} .fancybox-is-hidden{left: -9999px; margin: 0; position: absolute!important; top: -9999px; visibility: hidden;} .fancybox-container{-webkit-backface-visibility: hidden; height: 100%; left: 0; outline: none; position: fixed; -webkit-tap-highlight-color: transparent; top: 0; -ms-touch-action: manipulation; touch-action: manipulation; -webkit-transform: translateZ(0); transform: translateZ(0); width: 100%; z-index: 99992;} .fancybox-container *{-webkit-box-sizing: border-box; box-sizing: border-box;} .fancybox-bg, .fancybox-inner, .fancybox-outer, .fancybox-stage{bottom: 0; left: 0; position: absolute; right: 0; top: 0;} .fancybox-outer{-webkit-overflow-scrolling: touch; overflow-y: auto;} .fancybox-bg{background: #1e1e1e; opacity: 0; -webkit-transition-duration: inherit; transition-duration: inherit; -webkit-transition-property: opacity; transition-property: opacity; -webkit-transition-timing-function: cubic-bezier(0.47, 0, 0.74, 0.71); transition-timing-function: cubic-bezier(0.47, 0, 0.74, 0.71);} .fancybox-is-open .fancybox-bg{opacity: .9; -webkit-transition-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1); transition-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1);} .fancybox-caption, .fancybox-infobar, .fancybox-navigation .fancybox-button, .fancybox-toolbar{direction: ltr; opacity: 0; position: absolute; -webkit-transition: opacity .25s ease,visibility 0s ease .25s; transition: opacity .25s ease,visibility 0s ease .25s; visibility: hidden; z-index: 99997;} .fancybox-show-caption .fancybox-caption, .fancybox-show-infobar .fancybox-infobar, .fancybox-show-nav .fancybox-navigation .fancybox-button, .fancybox-show-toolbar .fancybox-toolbar{opacity: 1; -webkit-transition: opacity .25s ease 0s,visibility 0s ease 0s; transition: opacity .25s ease 0s,visibility 0s ease 0s; visibility: visible;} .fancybox-infobar{color: #ccc; font-size: 13px; -webkit-font-smoothing: subpixel-antialiased; height: 44px; left: 0; line-height: 44px; min-width: 44px; mix-blend-mode: difference; padding: 0 10px; pointer-events: none; top: 0; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;} .fancybox-toolbar{right: 0; top: 0;} .fancybox-stage{direction: ltr; overflow: visible; -webkit-transform: translateZ(0); transform: translateZ(0); z-index: 99994;} .fancybox-is-open .fancybox-stage{overflow: hidden;} .fancybox-slide{-webkit-backface-visibility: hidden; display: none; height: 100%; left: 0; outline: none; overflow: auto; -webkit-overflow-scrolling: touch; padding: 44px; position: absolute; text-align: center; top: 0; -webkit-transition-property: opacity,-webkit-transform; transition-property: opacity,-webkit-transform; transition-property: transform,opacity; transition-property: transform,opacity,-webkit-transform; white-space: normal; width: 100%; z-index: 99994;} .fancybox-slide:before{content: ""; display: inline-block; font-size: 0; height: 100%; vertical-align: middle; width: 0;} .fancybox-is-sliding .fancybox-slide, .fancybox-slide--current, .fancybox-slide--next, .fancybox-slide--previous{display: block;} .fancybox-slide--image{overflow: hidden; padding: 44px 0;} .fancybox-slide--image:before{display: none;} .fancybox-slide--html{padding: 6px;} .fancybox-content{background: #fff; display: inline-block; margin: 0; max-width: 100%; overflow: auto; -webkit-overflow-scrolling: touch; padding: 44px; position: relative; text-align: left; vertical-align: middle;} .fancybox-slide--image .fancybox-content{-webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.14, 1); animation-timing-function: cubic-bezier(0.5, 0, 0.14, 1); -webkit-backface-visibility: hidden; background: transparent; background-repeat: no-repeat; background-size: 100% 100%; left: 0; max-width: none; overflow: visible; padding: 0; position: absolute; top: 0; -webkit-transform-origin: top left; transform-origin: top left; -webkit-transition-property: opacity,-webkit-transform; transition-property: opacity,-webkit-transform; transition-property: transform,opacity; transition-property: transform,opacity,-webkit-transform; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; z-index: 99995;} .fancybox-can-zoomOut .fancybox-content{cursor: -webkit-zoom-out; cursor: zoom-out;} .fancybox-can-zoomIn .fancybox-content{cursor: -webkit-zoom-in; cursor: zoom-in;} .fancybox-can-pan .fancybox-content, .fancybox-can-swipe .fancybox-content{cursor: -webkit-grab; cursor: grab;} .fancybox-is-grabbing .fancybox-content{cursor: -webkit-grabbing; cursor: grabbing;} .fancybox-container [data-selectable=true]{cursor: text;} .fancybox-image, .fancybox-spaceball{background: transparent; border: 0; height: 100%; left: 0; margin: 0; max-height: none; max-width: none; padding: 0; position: absolute; top: 0; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; width: 100%;} .fancybox-spaceball{z-index: 1;} .fancybox-slide--iframe .fancybox-content, .fancybox-slide--map .fancybox-content, .fancybox-slide--pdf .fancybox-content, .fancybox-slide--video .fancybox-content{height: 100%; overflow: visible; padding: 0; width: 100%;} .fancybox-slide--video .fancybox-content{background: #000;} .fancybox-slide--map .fancybox-content{background: #e5e3df;} .fancybox-slide--iframe .fancybox-content{background: #fff;} .fancybox-iframe, .fancybox-video{background: transparent; border: 0; display: block; height: 100%; margin: 0; overflow: hidden; padding: 0; width: 100%;} .fancybox-iframe{left: 0; position: absolute; top: 0;} .fancybox-error{background: #fff; cursor: default; max-width: 400px; padding: 40px; width: 100%;} .fancybox-error p{color: #444; font-size: 16px; line-height: 20px; margin: 0; padding: 0;} .fancybox-button{background: rgba(30, 30, 30, 0.6); border: 0; border-radius: 0; -webkit-box-shadow: none; box-shadow: none; cursor: pointer; display: inline-block; height: 44px; margin: 0; padding: 10px; position: relative; -webkit-transition: color .2s; transition: color .2s; vertical-align: top; visibility: inherit; width: 44px;} .fancybox-button, .fancybox-button:link, .fancybox-button:visited{color: #ccc;} .fancybox-button:hover{color: #fff;} .fancybox-button:focus{outline: none;} .fancybox-button.fancybox-focus{outline: 1px dotted;} .fancybox-button[disabled], .fancybox-button[disabled]:hover{color: #888; cursor: default; outline: none; cursor: not-allowed; opacity: .5 !important;} .fancybox-button div{height: 100%;} .fancybox-button svg{display: block; height: 100%; overflow: visible; position: relative; width: 100%;} .fancybox-button svg path{fill: currentColor; stroke-width: 0;} .fancybox-button--fsenter svg:nth-child(2), .fancybox-button--fsexit svg:first-child, .fancybox-button--pause svg:first-child, .fancybox-button--play svg:nth-child(2){display: none;} .fancybox-progress{background: #ff5268; height: 2px; left: 0; position: absolute; right: 0; top: 0; -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: 0; transform-origin: 0; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform; -webkit-transition-timing-function: linear; transition-timing-function: linear; z-index: 99998;} .fancybox-close-small{background: transparent; border: 0; border-radius: 0; color: #ccc; cursor: pointer; opacity: .8; padding: 8px; position: absolute; right: -12px; top: -44px; z-index: 401;} .fancybox-close-small:hover{color: #fff; opacity: 1;} .fancybox-slide--html .fancybox-close-small{color: currentColor; padding: 10px; right: 0; top: 0;} .fancybox-slide--image.fancybox-is-scaling .fancybox-content{overflow: hidden;} .fancybox-is-scaling .fancybox-close-small, .fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small{display: none;} .fancybox-navigation .fancybox-button{background-clip: content-box; height: 100px; opacity: 0; position: absolute; top: calc(50% - 50px); width: 70px;} .fancybox-navigation .fancybox-button div{padding: 7px;} .fancybox-navigation .fancybox-button--arrow_left{left: 0; left: env(safe-area-inset-left); padding: 31px 26px 31px 6px;} .fancybox-navigation .fancybox-button--arrow_right{padding: 31px 6px 31px 26px; right: 0; right: env(safe-area-inset-right);} .fancybox-caption{background: -webkit-gradient(linear, left bottom, left top, color-stop(0, rgba(0, 0, 0, 0.85)), color-stop(50%, rgba(0, 0, 0, 0.3)), color-stop(65%, rgba(0, 0, 0, 0.15)), color-stop(75.5%, rgba(0, 0, 0, 0.075)), color-stop(82.85%, rgba(0, 0, 0, 0.037)), color-stop(88%, rgba(0, 0, 0, 0.019)), to(transparent)); background: linear-gradient(0deg, rgba(0, 0, 0, 0.85) 0, rgba(0, 0, 0, 0.3) 50%, rgba(0, 0, 0, 0.15) 65%, rgba(0, 0, 0, 0.075) 75.5%, rgba(0, 0, 0, 0.037) 82.85%, rgba(0, 0, 0, 0.019) 88%, transparent); bottom: 0; color: #eee; font-size: 14px; font-weight: 400; left: 0; line-height: 1.5; padding: 75px 44px 25px; pointer-events: none; right: 0; text-align: center; z-index: 99996;} @supports (padding:max(0px)){.fancybox-caption{padding: 75px 44px 25px 44px;}} .fancybox-caption--separate{margin-top: -50px;} .fancybox-caption__body{max-height: 50vh; overflow: auto; pointer-events: all;} .fancybox-caption a, .fancybox-caption a:link, .fancybox-caption a:visited{color: #ccc; text-decoration: none;} .fancybox-caption a:hover{color: #fff; text-decoration: underline;} .fancybox-loading{-webkit-animation: a 1s linear infinite; animation: a 1s linear infinite; background: transparent; border: 4px solid #888; border-bottom-color: #fff; border-radius: 50%; height: 50px; left: 50%; margin: -25px 0 0 -25px; opacity: .7; padding: 0; position: absolute; top: 50%; width: 50px; z-index: 99999;} @-webkit-keyframes a{to{-webkit-transform: rotate(1turn); transform: rotate(1turn);}} @keyframes a{to{-webkit-transform: rotate(1turn); transform: rotate(1turn);}} .fancybox-animated{-webkit-transition-timing-function: cubic-bezier(0, 0, 0.25, 1); transition-timing-function: cubic-bezier(0, 0, 0.25, 1);} .fancybox-fx-slide.fancybox-slide--previous{opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0);} .fancybox-fx-slide.fancybox-slide--next{opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0);} .fancybox-fx-slide.fancybox-slide--current{opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0);} .fancybox-fx-fade.fancybox-slide--next, .fancybox-fx-fade.fancybox-slide--previous{opacity: 0; -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);} .fancybox-fx-fade.fancybox-slide--current{opacity: 1;} .fancybox-fx-zoom-in-out.fancybox-slide--previous{opacity: 0; -webkit-transform: scale3d(1.5, 1.5, 1.5); transform: scale3d(1.5, 1.5, 1.5);} .fancybox-fx-zoom-in-out.fancybox-slide--next{opacity: 0; -webkit-transform: scale3d(0.5, 0.5, 0.5); transform: scale3d(0.5, 0.5, 0.5);} .fancybox-fx-zoom-in-out.fancybox-slide--current{opacity: 1; -webkit-transform: scaleX(1); transform: scaleX(1);} .fancybox-fx-rotate.fancybox-slide--previous{opacity: 0; -webkit-transform: rotate(-1turn); transform: rotate(-1turn);} .fancybox-fx-rotate.fancybox-slide--next{opacity: 0; -webkit-transform: rotate(1turn); transform: rotate(1turn);} .fancybox-fx-rotate.fancybox-slide--current{opacity: 1; -webkit-transform: rotate(0deg); transform: rotate(0deg);} .fancybox-fx-circular.fancybox-slide--previous{opacity: 0; -webkit-transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0); transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0);} .fancybox-fx-circular.fancybox-slide--next{opacity: 0; -webkit-transform: scale3d(0, 0, 0) translate3d(100%, 0, 0); transform: scale3d(0, 0, 0) translate3d(100%, 0, 0);} .fancybox-fx-circular.fancybox-slide--current{opacity: 1; -webkit-transform: scaleX(1) translateZ(0); transform: scaleX(1) translateZ(0);} .fancybox-fx-tube.fancybox-slide--previous{-webkit-transform: translate3d(-100%, 0, 0) scale(0.1) skew(-10deg); transform: translate3d(-100%, 0, 0) scale(0.1) skew(-10deg);} .fancybox-fx-tube.fancybox-slide--next{-webkit-transform: translate3d(100%, 0, 0) scale(0.1) skew(10deg); transform: translate3d(100%, 0, 0) scale(0.1) skew(10deg);} .fancybox-fx-tube.fancybox-slide--current{-webkit-transform: translateZ(0) scale(1); transform: translateZ(0) scale(1);} @media (max-height: 576px){.fancybox-slide{padding-left: 6px; padding-right: 6px;} .fancybox-slide--image{padding: 6px 0;} .fancybox-close-small{right: -6px;} .fancybox-slide--image .fancybox-close-small{background: #4e4e4e; color: #f2f4f6; height: 36px; opacity: 1; padding: 6px; right: 0; top: 0; width: 36px;} .fancybox-caption{padding-left: 12px; padding-right: 12px;} @supports (padding:max(0px)){.fancybox-caption{padding-left: 12px; padding-right: 12px;} }} .fancybox-share{background: #f4f4f4; border-radius: 3px; max-width: 90%; padding: 30px; text-align: center;} .fancybox-share h1{color: #222; font-size: 35px; font-weight: 700; margin: 0 0 20px;} .fancybox-share p{margin: 0; padding: 0;} .fancybox-share__button{border: 0; border-radius: 3px; display: inline-block; font-size: 14px; font-weight: 700; line-height: 40px; margin: 0 5px 10px; min-width: 130px; padding: 0 15px; text-decoration: none; -webkit-transition: all .2s; transition: all .2s; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; white-space: nowrap;} .fancybox-share__button:link, .fancybox-share__button:visited{color: #fff;} .fancybox-share__button:hover{text-decoration: none;} .fancybox-share__button--fb{background: #3b5998;} .fancybox-share__button--fb:hover{background: #344e86;} .fancybox-share__button--pt{background: #bd081d;} .fancybox-share__button--pt:hover{background: #aa0719;} .fancybox-share__button--tw{background: #1da1f2;} .fancybox-share__button--tw:hover{background: #0d95e8;} .fancybox-share__button svg{height: 25px; margin-right: 7px; position: relative; top: -1px; vertical-align: middle; width: 25px;} .fancybox-share__button svg path{fill: #fff;} .fancybox-share__input{background: transparent; border: 0; border-bottom: 1px solid #d7d7d7; border-radius: 0; color: #5d5b5b; font-size: 14px; margin: 10px 0 0; outline: none; padding: 10px 15px; width: 100%;} .fancybox-thumbs{background: #ddd; bottom: 0; display: none; margin: 0; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; padding: 2px 2px 4px; position: absolute; right: 0; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); top: 0; width: 212px; z-index: 99995;} .fancybox-thumbs-x{overflow-x: auto; overflow-y: hidden;} .fancybox-show-thumbs .fancybox-thumbs{display: block;} .fancybox-show-thumbs .fancybox-inner{right: 212px;} .fancybox-thumbs__list{font-size: 0; height: 100%; list-style: none; margin: 0; overflow-x: hidden; overflow-y: auto; padding: 0; position: absolute; position: relative; white-space: nowrap; width: 100%;} .fancybox-thumbs-x .fancybox-thumbs__list{overflow: hidden;} .fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar{width: 7px;} .fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track{background: #fff; border-radius: 10px; -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);} .fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb{background: #2a2a2a; border-radius: 10px;} .fancybox-thumbs__list a{-webkit-backface-visibility: hidden; backface-visibility: hidden; background-color: rgba(0, 0, 0, 0.1); background-position: 50%; background-repeat: no-repeat; background-size: cover; cursor: pointer; float: left; height: 75px; margin: 2px; max-height: calc(100% - 8px); max-width: calc(50% - 4px); outline: none; overflow: hidden; padding: 0; position: relative; -webkit-tap-highlight-color: transparent; width: 100px;} .fancybox-thumbs__list a:before{border: 6px solid #ff5268; bottom: 0; content: ""; left: 0; opacity: 0; position: absolute; right: 0; top: 0; -webkit-transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94); z-index: 99991;} .fancybox-thumbs__list a:focus:before{opacity: .5;} .fancybox-thumbs__list a.fancybox-thumbs-active:before{opacity: 1;} @media (max-width: 576px){.fancybox-thumbs{width: 110px;} .fancybox-show-thumbs .fancybox-inner{right: 110px;} .fancybox-thumbs__list a{max-width: calc(100% - 10px);}} [data-fancybox-close]:hover svg{-webkit-transform: rotate(360deg); transform: rotate(360deg); -webkit-transition: all 400ms ease-out 0s; transition: all 400ms ease-out 0s;} /* header */ :root{--headerH: 108px;} @media screen and (max-width: 1600px){:root{--headerH: 96px;}} @media screen and (max-width: 1024px){:root{--headerH: 72px;}} :root .hidePoint{top: calc(-1*var(--headerH));} :root .header{height: var(--headerH);} .header{position: fixed; left: 0; top: 0; width: 100%; z-index: 20; -webkit-transition: all 250ms ease-out 0s; transition: all 250ms ease-out 0s; background-color: transparent;} .header .contain{position: relative; height: 100%;} .header .bg{display: none; z-index: 5;} .header .logo{position: absolute; left: 0; top: 50%; margin-top: -40px; height: 80px;} .header .logo img{display: block; height: 100%;} .header .logo span{position: absolute; left: 100%; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); margin-left: 0.3rem; font-family: Helvetica, Arial, sans-serif; white-space: nowrap; color: #fff;} .header .secNav{display: none;} .header .navbtn{display: none;} .fixedNav .header{-webkit-box-shadow: 0 0 8px 1px rgba(0, 0, 0, 0.15); box-shadow: 0 0 8px 1px rgba(0, 0, 0, 0.15); background-color: #a21024;} .fixedNav .header .homesite{background-color: #820d1d;} .header .homesite{position: absolute; overflow: hidden; right: 0; top: 0; line-height: 20px; padding: 10px 18px; background-color: #9b0000 ; color: #fff; z-index: 3; -webkit-transition: all 250ms ease-out 0s; transition: all 250ms ease-out 0s;} .header .homesite:after{background-color: rgba(0, 0, 0, 0.1);} @media screen and (min-width: 1025px){.header{height: var(--headerH); min-width: 1200px;} .header .firNav{position: absolute; top: 40px; right: 0; text-align: center; white-space: nowrap;} .header .firNav:before, .header .firNav:after{content: " "; display: block;} .header .firNav .firItem{display: inline-block; vertical-align: top; position: relative; line-height: 68px; height: 68px;} .header .firNav .firItem:nth-child(1n+2){margin-left: 20px;} .header .firNav .firItem .link1{position: relative; display: block; color: #fff; font-size: 18px;} .header .firNav .firItem .link1:after{content: " "; z-index: -1; pointer-events: none; position: absolute; -webkit-transition: all 250ms ease-out 0s; transition: all 250ms ease-out 0s; left: 100%; bottom: 50%; margin-bottom: -20px; width: 0; height: 1px; background-color: #fff;} .header .firNav .firItem:hover .link1:after, .header .firNav .firItem.on .link1:after{left: 0; width: 100%; -webkit-transition: left 0ms ease-out 0s, width 220ms ease-out 0s; transition: left 0ms ease-out 0s, width 220ms ease-out 0s;} .header .secNav{position: absolute; top: 100%; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); padding: 12px 0; z-index: 30; font-size: 0; line-height: 0; text-align: left; background-color: rgba(162, 16, 36, 0.9); min-width: 100%;} .header .secNav .col{display: inline-block; vertical-align: top; width: 100%; white-space: nowrap; font-size: 14px; line-height: 20px;} .header .secNav .col:nth-child(1n+2){margin-left: 10px;} .header .secNav .secItem{position: relative; display: block; padding: 5px 20px;} .header .secNav .secItem .link2{color: #fff;} .header .secNav .secItem.on, .header .secNav .secItem:hover{background-color: rgba(255, 255, 255, 0.05);}} @media screen and (min-width: 1025px) and (max-width: 1600px){.header .firNav .firItem{height: 56px; line-height: 56px;} .header .firNav .firItem .link1{font-size: 16px;}} @media screen and (max-width: 1024px){.hidePoint{top: -72px;} .header{height: 72px; min-width: 440px; -webkit-box-sizing: border-box; box-sizing: border-box;} .header .bg{position: fixed !important; background-color: rgba(0, 0, 0, 0.2);} .header .logo{position: absolute; left: 0; top: 50%; margin-top: -27px; height: 54px;} .header .logo span{font-size: 18px;} .header .navbtn{z-index: 45; position: absolute; overflow: hidden; display: block; right: -5px; top: 13px; padding: 5px; width: 36px; height: 36px; cursor: pointer; -webkit-tap-highlight-color: rgba(0, 0, 0, 0.04);} .header .navbtn s{position: absolute; left: 5px; display: block; width: 36px; height: 4px; border-radius: 4px; -webkit-box-sizing: border-box; box-sizing: border-box; background-color: #fff; -webkit-transition: opacity .3s ease, -webkit-transform .3s ease; transition: opacity .3s ease, -webkit-transform .3s ease; transition: transform .3s ease, opacity .3s ease; transition: transform .3s ease, opacity .3s ease, -webkit-transform .3s ease; -webkit-transform-origin: 0 50%; transform-origin: 0 50%;} .header .navbtn .i1{top: 9px;} .header .navbtn .i2{top: 50%; margin-top: -2px; -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%;} .header .navbtn .i3{bottom: 9px;} .navShow .header .navbtn{position: fixed; z-index: 80; margin-right: 15px; -webkit-transform: rotate(-180deg); transform: rotate(-180deg); -webkit-transition: -webkit-transform 400ms ease-out 0s; transition: -webkit-transform 400ms ease-out 0s; transition: transform 400ms ease-out 0s; transition: transform 400ms ease-out 0s, -webkit-transform 400ms ease-out 0s;} .navShow .header .navbtn .i1{-webkit-transform: rotate(45deg) translate(7.038px, 0); transform: rotate(45deg) translate(7.038px, 0); top: 3px;} .navShow .header .navbtn .i2{-webkit-transform: scale(0); transform: scale(0); opacity: 0;} .navShow .header .navbtn .i3{-webkit-transform: rotate(-45deg) translate(7.038px, 0); transform: rotate(-45deg) translate(7.038px, 0); bottom: 3px;} .header .firNav{position: fixed; z-index: 29; right: 0; top: 0; width: 100%; height: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; padding-left: 5%; padding-right: 5%; overflow-y: auto; background-color: #fff; padding-top: 72px; -webkit-transform: translateX(100%); transform: translateX(100%); text-align: center;} .header .firNav .link{display: block; -webkit-transition: all 250ms ease-out 0s; transition: all 250ms ease-out 0s; cursor: pointer; -webkit-tap-highlight-color: rgba(0, 0, 0, 0.04);} .header .firNav .firItem{position: relative; overflow: hidden; font-size: 18px; line-height: 40px; border-bottom: #d7e2e8 solid 1px; padding: 0 8px;} .header .firNav .firItem.on > .link{color: #cf483e;} .header .firNav .firItem.on .secNav{display: block;} .header .firNav .firItem.on .ctr{-webkit-transform: rotate(90deg); transform: rotate(90deg);} .header .secNav{padding: 8px 0 !important; line-height: 1.5; font-size: 16px; display: none; border-top: #eeeeee solid 1px; margin-left: 3%; margin-right: 3%;} .header .secNav .col{display: block;} .header .secNav .secItem{line-height: 32px; display: block; white-space: nowrap; color: #777;} .header .secNav .secItem:active{color: #111;} .header .secNav .secItem.on{color: #111; text-decoration: underline;} .header .secNav + .ctr{display: block;} .header .homesite{position: absolute; right: 52px; top: 50%; padding: 0; text-indent: -999px; text-align: center; width: 44px; height: 44px; line-height: 44px; margin-top: -22px;} .header .homesite:before{content: "CN"; position: absolute; left: 0; top: 0; width: 100%; height: 100%; font-size: 16px; color: #fff; text-transform: uppercase; text-indent: 0;} .navShow .header .bg{display: block;} .navShow .header .contain{z-index: 8;} .navShow .header .navbtn s{background-color: #a21024;} .navShow .firNav{-webkit-transition: all 400ms ease-out 0s; transition: all 400ms ease-out 0s; -webkit-transform: none !important; transform: none !important;}} @media screen and (max-width: 1024px) and (min-width: 769px){.header{padding-left: 5%; padding-right: 5%;} .header .contain{width: 100% !important; max-width: 100% !important;} .navShow .header .navbtn{margin-right: 5%;}} /* index */ .index{background-color: #fff;} .index-banner{z-index: 6; position: relative; width: 100%; height: 0; padding-bottom: 46.35416667%; -webkit-transition: all 250ms ease-out 0s; transition: all 250ms ease-out 0s;} .index-banner .shade{position: absolute; left: 0; top: 0;} .index-banner .item{position: relative; left: 0; top: 0; width: 100%; height: 100%; z-index: 1; background-color: #fff;} .index-banner .item .bg{position: absolute; left: 0; top: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: 50% 50%; object-position: 50% 50%; -webkit-transition: all 600ms ease-out 0s; transition: all 600ms ease-out 0s;} .index-banner .item.moveItem{position: absolute;} .index-banner .item.on .bg{-webkit-transform: scale(1.025); transform: scale(1.025); -webkit-transition: all 8000ms ease-out 0s; transition: all 8000ms ease-out 0s;} .index-banner .pagination-banner{position: absolute; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); z-index: 8; bottom: 0.6rem; padding: 0.4rem 0.68rem; background-color: rgba(0, 0, 0, 0.2); border-radius: 2rem;} @media screen and (max-width: 1024px){.index-banner{padding-bottom: 62.5%;}} .index-head{font-weight: bold; color: #333333; text-align: center; margin-bottom: 0.9rem; line-height: 1.25;} .index-about{z-index: 2; position: relative; padding: 2.4rem 0; height: 12.48rem;} .index-about:before{content: " "; z-index: -1; pointer-events: none; position: absolute; left: 0; top: 2.4rem; right: 0; bottom: 2.4rem; background-image: url(../images/bgi-about.png); background-size: cover; background-position: 50% 50%; background-repeat: no-repeat;} .index-about .contain{padding-right: 500px; height: 100%;} .index-about .left{margin-right: 2.4rem; position: relative; height: 100%;} .index-about .picwall{position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); left: 0; width: 100%; z-index: 3; padding-bottom: 87.07317073%;} .index-about .picwall:before, .index-about .picwall:after{content: " "; z-index: -1; pointer-events: none; position: absolute; width: 10.97560976%; height: 8.40336134%;} .index-about .picwall:before{background-color: #348a87; left: 6.09756098%; top: 38.51540616%;} .index-about .picwall:after{background-color: #cf483e; right: 13.41463415%; bottom: 21.00840336%;} .index-about .picwall .pic{position: absolute; z-index: 3; pointer-events: none;} .index-about .picwall .pic.i1{top: 0; left: 19.51219512%; width: 60.97560976%; height: 47.05882353%;} .index-about .picwall .pic.i2{top: 26.61064426%; right: 0; width: 51.70731707%; height: 40.05602241%;} .index-about .picwall .pic.i3{left: 0; bottom: 14.00560224%; width: 44.63414634%; height: 34.73389356%;} .index-about .picwall .pic.i4{bottom: 0; right: 26.82926829%; width: 38.04878049%; height: 29.69187675%;} .index-about .txt{position: absolute; right: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 500px;} .index-about .txt .index-head{text-align: left;} .index-about .txt .imax{line-height: 1.58333333;} .index-about .txt .more{display: inline-block; vertical-align: top; margin-top: 0.5rem;} @media screen and (max-width: 1600px){.index-about{padding: 1.6rem 0;} .index-about .left{margin-right: 1.6rem;}} @media screen and (max-width: 1024px){.index-about{height: auto;} .index-about:before{bottom: 0;} .index-about .contain{padding: 0; height: auto;} .index-about .left{margin-right: 0; height: auto;} .index-about .picwall{position: relative; -webkit-transform: none !important; transform: none !important; top: 0;} .index-about .txt{margin-top: 1rem; position: relative; -webkit-transform: none !important; transform: none !important; top: 0; width: 100%;}} .index-news{margin-top: -1.2rem; padding: 1.2rem 0 0.6rem; background-image: url(../images/bgi-news.png); background-size: 100% auto; background-position: 50% 100%; background-repeat: no-repeat;} .index-news-hot{display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; -ms-flex-line-pack: stretch; align-content: stretch;} .index-news-hot:after{display: none;} @media screen and (max-width: 1024px){.index-news-hot{display: block;}} .index-news-hot .item{position: relative; overflow: hidden; width: 48.8%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-line-pack: center; align-content: center; background-image: url(../images/dcti-tatoo.png); background-size: auto 100%; background-position: right bottom; background-repeat: no-repeat; color: #fff;} .index-news-hot .item:after{display: none;} .index-news-hot .item .pic{height: 0 !important; padding-bottom: 50%; width: 50%; background-color: #fff;} .index-news-hot .item .txt{padding: 5%; width: 50%; -webkit-box-sizing: border-box; box-sizing: border-box;} .index-news-hot .item .txt h3{margin-top: 0.6rem; line-height: 1.25em; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; max-height: 3.75em;} .index-news-hot .item .txt .btn-idx1{margin-top: 0.8rem; position: relative; z-index: 9;} .index-news-hot .item:nth-child(1){background-color: #cf483e;} .index-news-hot .item:nth-child(2){background-color: #735a8f;} @media screen and (min-width: 1025px){.index-news-hot .item:nth-child(2n+2){margin-left: 2.4%;}} @media screen and (max-width: 1024px){.index-news-hot .item{width: 100%;} .index-news-hot .item:nth-child(1n+2){margin-top: 0.5rem;}} .index-news-list{margin-top: 0.5rem; position: relative; z-index: 2; background-color: #348a87; background-image: url(../images/bgi-news-list-l.png); background-size: auto 2.92rem; background-position: 0 0; background-repeat: no-repeat; padding: 1.2rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; -ms-flex-line-pack: stretch; align-content: stretch;} .index-news-list:before{content: " "; z-index: -1; pointer-events: none; position: absolute; left: 0.4rem; top: 0.4rem; right: 0.4rem; bottom: 0.4rem; border: rgba(255, 255, 255, 0.22) solid 1px;} .index-news-list:after{display: block !important; content: " "; z-index: -1; pointer-events: none; position: absolute; left: 0; top: 0; right: 0; bottom: 0; background-image: url(../images/bgi-news-list-r.png); background-size: auto 7.48rem; background-position: 100% 100%; background-repeat: no-repeat;} .index-news-list:after{display: none;} .index-news-list .item{display: block; position: relative; overflow: hidden; width: 48%; padding: 0.12rem 0; color: #fff;} .index-news-list .item h3{line-height: 1.5em; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; position: relative;} .index-news-list .item h3:before{content: " "; position: relative; top: -1px; display: inline-block; vertical-align: middle; width: 6px; height: 6px; border-radius: 6px; margin-right: .5em; background-color: #fff;} .index-news-list .item h3 span{display: inline-block; vertical-align: top; position: relative; overflow: hidden;} .index-news-list .item h3 span:after{content: " "; z-index: -1; pointer-events: none; position: absolute; -webkit-transition: all 250ms ease-out 0s; transition: all 250ms ease-out 0s; left: 100%; bottom: 0; width: 0; height: 1px; background-color: #fff;} @media screen and (min-width: 1025px){.index-news-list .item:nth-child(2n+2){margin-left: 4%;} .index-news-list .item:hover span:after{left: 0; width: 100%; -webkit-transition: left 0ms ease-out 0s, width 330ms ease-out 0s; transition: left 0ms ease-out 0s, width 330ms ease-out 0s;}} @media screen and (max-width: 1024px){.index-news-list .item{width: 100%;}} .index-iu{background-color: #f7f7f5; padding-top: 1.6rem;} .index-iu-list{position: relative; z-index: 2;} .index-iu-list:before{content: " "; display: block; width: 50%; height: 0 !important; padding-bottom: 37.39130435%; z-index: -1; pointer-events: none;} .index-iu-list .item{position: absolute; -webkit-box-sizing: border-box; box-sizing: border-box;} .index-iu-list .item:before{content: " "; pointer-events: none; position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 9; border: #f7f7f5 solid 1px;} .index-iu-list .item:after{content: " "; z-index: 3; position: absolute; left: 0; top: 0; right: 0; bottom: 0; background-image: -webkit-linear-gradient(-90deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.05) 60%, rgba(0, 0, 0, 0.6) 100%); pointer-events: none; opacity: .8;} .index-iu-list .item .pic{position: absolute; left: 0; top: 0; right: 0; bottom: 0; background-color: #f1f1f1;} .index-iu-list .item h3{position: absolute; left: 0.7rem; right: 0.7rem; bottom: 0.5rem; color: #fff; z-index: 5; line-height: 1.5em; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; max-height: 3em; -webkit-box-sizing: border-box; box-sizing: border-box;} .index-iu-list .item.i1{left: 0; top: 0; width: 47.91666667%; height: 100%;} .index-iu-list .item.i1 h3{text-align: center;} .index-iu-list .item.i2{left: 47.91666667%; top: 0; width: 26.04166667%; height: 45.34883721%;} .index-iu-list .item.i3{right: 0 ; top: 0; width: 26.04166667%; height: 54.65116279%;} .index-iu-list .item.i4{left: 47.91666667%; bottom: 0; width: 26.04166667%; height: 54.65116279%;} .index-iu-list .item.i5{right: 0 ; bottom: 0; width: 26.04166667%; height: 45.34883721%;} @media screen and (min-width: 1025px){.index-iu-list .item:after{-webkit-transition: all 250ms ease-out 0s; transition: all 250ms ease-out 0s;} .index-iu-list .item:hover:after{opacity: 1;}} @media screen and (max-width: 1024px){.index-iu-list{max-width: 720px; padding: 0 15px; margin-left: auto; margin-right: auto;} .index-iu-list:before{display: none;} .index-iu-list .item{position: relative; width: 100% !important; left: auto !important; top: auto !important; right: auto !important; bottom: auto !important;} .index-iu-list .item:nth-child(1n+2){margin-top: 0.5rem;} .index-iu-list .item .pic{height: 0 !important; padding-bottom: 62.4%; position: relative; width: 100%;} .index-iu-list .item h3{text-align: left !important;} .index-iu-list .item:active:after{opacity: 1;}} .index-life{padding: 1.2rem 0; background-image: url(../images/bgi-life.png); background-size: 100% auto; background-position: 50% 100%; background-repeat: no-repeat;} .index-life-list{display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; -ms-flex-line-pack: stretch; align-content: stretch;} .index-life-list:after{display: none;} @media screen and (max-width: 1024px){.index-life-list{display: block;}} .index-life-list .item{position: relative; overflow: hidden; background-color: #f9f9f9; z-index: 2;} .index-life-list .item:nth-child(1n+1){width: 32.1%; margin-left: 1.85%; margin-top: 0;} .index-life-list .item:nth-child( 3n+1){margin-left: 0;} .index-life-list .item:nth-child( 1n+4){margin-top: 1.85%;} .index-life-list .item .pic{width: 100%; height: 0 !important; padding-bottom: 62.44541485%; background-color: #f1f1f1;} .index-life-list .item .txt{position: relative; overflow: hidden; z-index: 2; padding: 0.6rem;} .index-life-list .item .txt:after{content: " "; z-index: -1; pointer-events: none; position: absolute; -webkit-transition: all 250ms ease-out 0s; transition: all 250ms ease-out 0s; left: 0; bottom: 100%; width: 100%; height: 0; background-color: #cf483e;} .index-life-list .item .txt h3{line-height: 1.5em; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; position: relative; color: #cf483e;} .index-life-list .item .txt p{margin-top: 0.2rem; line-height: 1.5em; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; max-height: 6em; color: #666666; -webkit-transition: all 250ms ease-out 0s; transition: all 250ms ease-out 0s;} .index-life-list .item .txt .more{display: inline-block; vertical-align: top; margin-top: 0.3rem; color: #525ca3;} @media screen and (min-width: 1025px){.index-life-list .item, .index-life-list .item h3, .index-life-list .item p, .index-life-list .item .more{-webkit-transition: all 250ms ease-out 0s; transition: all 250ms ease-out 0s;} .index-life-list .item:hover{color: #fff;} .index-life-list .item:hover h3, .index-life-list .item:hover p, .index-life-list .item:hover .more{color: #fff !important;} .index-life-list .item:hover .txt:after{bottom: 0; height: 100%; -webkit-transition: bottom 0ms ease-out 0s, height 220ms ease-out 0s; transition: bottom 0ms ease-out 0s, height 220ms ease-out 0s;}} @media screen and (max-width: 1024px){.index-life-list .item:nth-child(1n+1){width: 100%; margin-left: NaN%; margin-top: 0;} .index-life-list .item:nth-child( 1n+1){margin-left: 0;} .index-life-list .item:nth-child( 1n+2){margin-top: NaN%;} .index-life-list .item:nth-child(1n+2){margin-top: 0.5rem;} .index-life-list .item .txt p{-webkit-line-clamp: 2; height: 3em; max-height: 3em;} .index-life-list .item:active{color: #fff;} .index-life-list .item:active h3, .index-life-list .item:active p, .index-life-list .item:active .more{color: #fff !important;} .index-life-list .item:active .txt:after{bottom: 0; height: 100%; -webkit-transition: bottom 0ms ease-out 0s, height 220ms ease-out 0s; transition: bottom 0ms ease-out 0s, height 220ms ease-out 0s;}} .index-reading{padding: 1.2rem 0; background-color: #f7f7f5; background-image: url(../images/bgi-reading.png); background-size: cover; background-position: 50% 100%; background-repeat: no-repeat;} .index-reading .btn-idx2{margin-left: auto; margin-right: auto; margin-top: 1rem;} .index-reading-list{display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; -ms-flex-line-pack: stretch; align-content: stretch;} .index-reading-list:after{display: none;} .index-reading-list .item{position: relative; overflow: hidden; z-index: 2;} .index-reading-list .item:nth-child(1n+1){width: 24%; margin-left: 1.33333333%; margin-top: 0;} .index-reading-list .item:nth-child( 4n+1){margin-left: 0;} .index-reading-list .item:nth-child( 1n+5){margin-top: 1.33333333%;} .index-reading-list .item:before{content: ""; position: absolute; overflow: hidden; width: 0; height: 0; left: 50%; top: 50%; padding-top: 0%; padding-left: 0%; border-radius: 50%; z-index: 11; pointer-events: none; background: radial-gradient(circle, rgba(255, 255, 255, 0) 45%, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0.01)); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-transition: none 250ms ease-out 0s; transition: none 250ms ease-out 0s;} .index-reading-list .item:hover:before{-webkit-transform: scale(4) translate(-12.5%, -12.5%); transform: scale(4) translate(-12.5%, -12.5%); padding-top: 80%; padding-left: 80%; -webkit-transition: all 600ms ease-out 0s; transition: all 600ms ease-out 0s;} .index-reading-list .item .pic{width: 100%; height: 0 !important; padding-bottom: 133.52941176%; background-color: #f1f1f1;} @media screen and (max-width: 1024px){.index-reading-list .item:nth-child(1n+1){width: 48.5%; margin-left: 3%; margin-top: 0;} .index-reading-list .item:nth-child( 2n+1){margin-left: 0;} .index-reading-list .item:nth-child( 1n+3){margin-top: 3%;}} /* footer */ .footer-t{padding: 2.8rem 0; min-height: 104px; background-image: url(../images/bgf-nav.jpg); background-size: cover; background-position: 50% 50%; background-repeat: no-repeat;} .footer-t .firNav{display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; -ms-flex-line-pack: stretch; align-content: stretch;} .footer-t .firNav:after{display: none;} .footer-t .firNav .link1{color: #fff; font-weight: bold; line-height: 1.5;} .footer-t .firNav .link2{color: #e65145; line-height: 1.66666667;} .footer-t .firNav .secNav{margin-top: 0.2rem;} @media screen and (max-width: 1024px){.footer-t{padding: 1.6rem 0; min-height: 0;} .footer-t .firNav{display: block; text-align: center;} .footer-t .firNav .firItem{display: inline-block; vertical-align: top;} .footer-t .firNav .firItem:nth-child(1n+2){margin-left: 2em;} .footer-t .firNav .secNav{display: none;}} .footer-b{background-color: #222329; text-align: center; padding: 0.6rem 0; line-height: 1.75;} .footer-b, .footer-b a{color: #ffffff;} /* subpage */ .subpage-nav{position: relative; z-index: 6; padding: 0 40px; background-color: rgba(0, 0, 0, 0.5); text-align: center; height: 1.4rem; line-height: 1.4rem; margin-top: -1.4rem;} .subpage-nav .ctr{z-index: 20; position: absolute; right: 0; top: 0; width: 32px; height: 100%; background-color: rgba(207, 72, 62, 0.6); color: #ffffff; text-align: center;} .subpage-nav .ctr.reject{display: none;} .subpage-nav .ctr s{position: absolute; left: 0; top: 0; right: 0; bottom: 0; font-family: SimSun, '宋体' !important; text-align: center; font-size: 24px; font-weight: bold; pointer-events: none;} .subpage-nav .ctr:hover{color: #ffffff;} .ysqUEO .subpage-nav .ctr s{overflow: hidden; text-indent: -9999px; white-space: nowrap; padding: inherit;} .ysqUEO .subpage-nav .ctr s:before, .ysqUEO .subpage-nav .ctr s:after{content: " "; position: absolute; top: 50%; left: 50%; width: 12px; height: 1px; margin-top: -0.5px; background-color: #ffffff; -webkit-transition: all 250ms ease-out 0s; transition: all 250ms ease-out 0s;} @media screen and (min-width: 1025px){.ysqUEO .subpage-nav .ctr{-webkit-transition: all 250ms ease-out 0s; transition: all 250ms ease-out 0s;} .ysqUEO .subpage-nav .ctr s:before, .ysqUEO .subpage-nav .ctr s:after{-webkit-transition: all 400ms ease-out 0s; transition: all 400ms ease-out 0s;} .ysqUEO .subpage-nav .ctr:hover s:before, .ysqUEO .subpage-nav .ctr:hover s:after{background-color: #ffffff;}} @media screen and (max-width: 1024px){.subpage-nav .ctr:active s:before, .subpage-nav .ctr:active s:after{background-color: #ffffff;}} .ysqUEO .subpage-nav .ctr.prev s:before, .ysqUEO .subpage-nav .ctr.prev s:after{margin-left: -5px; -webkit-transform-origin: 0% 50%; transform-origin: 0% 50%;} .ysqUEO .subpage-nav .ctr.prev s:before{-webkit-transform: rotate(-35deg) translateX(-0.5px); transform: rotate(-35deg) translateX(-0.5px);} .ysqUEO .subpage-nav .ctr.prev s:after{-webkit-transform: rotate(35deg) translateX(-0.5px); transform: rotate(35deg) translateX(-0.5px);} .ysqUEO .subpage-nav .ctr.next s:before, .ysqUEO .subpage-nav .ctr.next s:after{margin-left: -7px; -webkit-transform-origin: 100% 50%; transform-origin: 100% 50%;} .ysqUEO .subpage-nav .ctr.next s:before{-webkit-transform: rotate(-35deg) translateX(0.5px); transform: rotate(-35deg) translateX(0.5px);} .ysqUEO .subpage-nav .ctr.next s:after{-webkit-transform: rotate(35deg) translateX(0.5px); transform: rotate(35deg) translateX(0.5px);} @media screen and (min-width: 1025px){.ysqUEO .subpage-nav .ctr.prev:hover s:before{-webkit-transform: rotate(-42deg) translateX(-0.5px); transform: rotate(-42deg) translateX(-0.5px);} .ysqUEO .subpage-nav .ctr.prev:hover s:after{-webkit-transform: rotate(42deg) translateX(-0.5px); transform: rotate(42deg) translateX(-0.5px);} .ysqUEO .subpage-nav .ctr.next:hover s:before{-webkit-transform: rotate(-42deg) translateX(0.5px); transform: rotate(-42deg) translateX(0.5px);} .ysqUEO .subpage-nav .ctr.next:hover s:after{-webkit-transform: rotate(42deg) translateX(0.5px); transform: rotate(42deg) translateX(0.5px);}} @media screen and (max-width: 1024px){.subpage-nav .ctr.prev:active s:before, .subpage-nav .ctr.prev:active s:after{-webkit-transition: 0ms; transition: 0ms;} .subpage-nav .ctr.prev:active s:before{-webkit-transform: rotate(-42deg) translateX(-0.5px); transform: rotate(-42deg) translateX(-0.5px);} .subpage-nav .ctr.prev:active s:after{-webkit-transform: rotate(42deg) translateX(-0.5px); transform: rotate(42deg) translateX(-0.5px);} .subpage-nav .ctr.next:active s:before, .subpage-nav .ctr.next:active s:after{-webkit-transition: 0ms; transition: 0ms;} .subpage-nav .ctr.next:active s:before{-webkit-transform: rotate(-42deg) translateX(0.5px); transform: rotate(-42deg) translateX(0.5px);} .subpage-nav .ctr.next:active s:after{-webkit-transform: rotate(42deg) translateX(0.5px); transform: rotate(42deg) translateX(0.5px);}} .subpage-nav .ctr.prev{left: 0;} .subpage-nav .ctr.next{right: 0;} .subpage-nav .ctr:hover{background-color: #cf483e;} .subpage-nav .link2{position: relative; z-index: 3; display: inline-block; vertical-align: top; -webkit-transition: all 250ms ease-out 0s; transition: all 250ms ease-out 0s; text-align: center; color: #fff;} .subpage-nav .link2:nth-child(1n+2){margin-left: 2rem;} .subpage-nav .link2:after{content: " "; position: absolute; z-index: -1; bottom: 0; height: 4px; background-color: #cf483e; pointer-events: none; left: 100%; width: 0; -webkit-transition: all 250ms ease-out 0s; transition: all 250ms ease-out 0s;} .subpage-nav .link2.on, .subpage-nav .link2:hover{color: #fff;} .subpage-nav .link2.on:after, .subpage-nav .link2:hover:after{left: 0; width: 100%; -webkit-transition: left 0ms ease-out 0s, width 220ms ease-out 0s; transition: left 0ms ease-out 0s, width 220ms ease-out 0s;} @media screen and (max-width: 1024px){.subpage-nav{width: 100%; padding: 0; height: 48px; line-height: 48px; margin-top: -48px;} .subpage-nav .link2:after{height: 2px;} .subpage-nav .link2:nth-child(1n+2){margin-left: 1.2rem;}} .subpage-wrap{position: relative; z-index: 2; padding: 0.8rem 0;} .subpage-wrap .subpage-crumbs{margin-top: -0.8rem;} .subpage-crumbs{padding: 0.6rem 0; line-height: 30px; text-transform: capitalize; text-align: center;} .subpage-head{text-align: center; color: #cf483e; text-transform: capitalize; padding: 0.4rem 0 0.6rem; margin-top: -0.3rem;} @media screen and (max-width: 480px){.subpage-head{font-size: 30px;}} /* sAbout */ .sAbout-section{position: relative; z-index: 2;} .sAbout-intro{background-image: url(../images/bgsa-intro.jpg); background-size: cover; background-position: 50% 0; background-repeat: no-repeat;} .sAbout-intro .imax{margin-top: 0.2rem; line-height: 1.58333333; color: #333333;} .sAbout-intro .qImg{margin: 0.7rem 0; width: 100%; position: relative; overflow: hidden;} .sAbout-intro .qImg img{width: 100%;} .sAbout-photo{background-image: url(../images/bgsa-photo.png); background-size: 14.04rem auto; background-position: 50% 4.8rem; background-repeat: no-repeat;} .sAbout-photo-list{display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; -ms-flex-line-pack: stretch; align-content: stretch; margin-top: 1.6rem;} .sAbout-photo-list:after{display: none;} .sAbout-photo-list .item{position: relative;} .sAbout-photo-list .item:nth-child(1n+1){width: 30%; margin-left: 5%; margin-top: 0;} .sAbout-photo-list .item:nth-child( 3n+1){margin-left: 0;} .sAbout-photo-list .item:nth-child( 1n+4){margin-top: 2%;} .sAbout-photo-list .item:nth-child(3n+2){top: -1rem;} .sAbout-photo-list .item .pic{width: 100%; height: 0 !important; padding-bottom: 75%; background-color: #f5f5f5;} .sAbout-photo-list .item h3{position: relative; padding: 0.5rem 1.2rem; line-height: 30px;} .sAbout-photo-list .item h3:before{content: " "; position: absolute; left: 0.3rem; top: 0.5rem; margin-top: 14px; width: 0.64rem; height: 2px; background-color: #cf483e;} .sAbout-photo-list .item:hover h3{color: #cf483e;} @media screen and (max-width: 1024px){.sAbout-photo-list{margin-top: 1.2rem;} .sAbout-photo-list .item:nth-child(1n+1){width: 48%; margin-left: 4%; margin-top: 0;} .sAbout-photo-list .item:nth-child( 2n+1){margin-left: 0;} .sAbout-photo-list .item:nth-child( 1n+3){margin-top: 2%;} .sAbout-photo-list .item:nth-child(1n+1){top: 0;} .sAbout-photo-list .item h3{padding: 0.2rem 0.8rem;} .sAbout-photo-list .item h3:before{left: 0.2rem; width: 0.4rem; top: 0.2rem;}} .sAbout-photo-list.videoList .item .pic:after{content: " "; z-index: 4; position: absolute; left: 0; top: 0; right: 0; bottom: 0; background-image: url(../images/btns-play.png); background-size: 1.6rem auto; background-position: 50% 50%; background-repeat: no-repeat; background-color: rgba(0, 0, 0, 0.3); -webkit-transition: all 250ms ease-out 0s; transition: all 250ms ease-out 0s;} .sAbout-photo-list.videoList .item:hover .pic:after{background-color: rgba(0, 0, 0, 0.4);} .sAbout-video-rotateMove{position: relative; overflow: hidden; width: 100%; height: 11.04rem; padding-bottom: 2rem; margin-top: 0.8rem;} .sAbout-video-rotateMove .item.moveItem.base{padding: 0; width: 0; height: 0; top: 5.52rem; left: 9.8rem; opacity: 0;} .sAbout-video-rotateMove .item.moveItem.L2.pOn{padding: 0; width: 50px; height: 50px; top: -19.48rem; left: -36rem; opacity: 0;} .sAbout-video-rotateMove .item.moveItem.L1.pOn{padding: 0; width: 19.6rem; height: 11.04rem; top: 0rem; left: 21.6rem; opacity: 0.2;} .sAbout-video-rotateMove .item.moveItem.L0{padding: 0; width: 19.6rem; height: 11.04rem; top: 0rem; left: 0rem; opacity: 1;} .sAbout-video-rotateMove .item.moveItem.L1.nOn{padding: 0; width: 19.6rem; height: 11.04rem; top: 0rem; left: -21.6rem; opacity: 0.2;} .sAbout-video-rotateMove .item.moveItem.L2.nOn{padding: 0; width: 50px; height: 50px; top: -19.48rem; left: 5.6rem; opacity: 0;} .sAbout-video-rotateMove .shade{overflow: visible; width: 19.6rem; height: 11.04rem; margin-left: auto; margin-right: auto;} .sAbout-video-rotateMove .shade:before{content: " "; position: absolute; left: 0; top: 0; right: 0; bottom: 0; background-image: url(../images/based/loading.gif); background-size: auto; background-position: 50% 50%; background-repeat: no-repeat; mix-blend-mode: overlay;} .sAbout-video-rotateMove .box{opacity: 0; -webkit-transition: opacity 250ms ease-out 450ms; transition: opacity 250ms ease-out 450ms;} .sAbout-video-rotateMove._loaded .shade:before{-webkit-transition: all 250ms ease-out 400ms; transition: all 250ms ease-out 400ms; opacity: 0; visibility: hidden;} .sAbout-video-rotateMove._loaded .box{opacity: 1;} .sAbout-video-rotateMove .box{position: relative; z-index: 1; height: 100%; white-space: nowrap;} .sAbout-video-rotateMove .item{display: inline-block; vertical-align: top; position: relative; width: 33%; height: 11.04rem; background-color: #fff; cursor: pointer; -webkit-box-shadow: 0px 6px 14.1px 0.9px rgba(0, 0, 0, 0.2); box-shadow: 0px 6px 14.1px 0.9px rgba(0, 0, 0, 0.2); -webkit-transition: all 400ms ease-out 0s, z-index 0ms ease-out 0s; transition: all 400ms ease-out 0s, z-index 0ms ease-out 0s;} .sAbout-video-rotateMove .item.moveItem{position: absolute; left: 0; top: 0;} .sAbout-video-rotateMove .item .pic{position: absolute; left: 0; top: 0; right: 0; bottom: 0; background-color: #f1f1f1;} .sAbout-video-rotateMove .item .pic:after{content: " "; z-index: 4; position: absolute; left: 0; top: 0; right: 0; bottom: 0; background-image: url(../images/btns-play.png); background-size: 1.72rem auto; background-position: 50% 50%; background-repeat: no-repeat; background-color: rgba(0, 0, 0, 0.3); -webkit-transition: all 250ms ease-out 0ms; transition: all 250ms ease-out 0ms; opacity: 0; visibility: hidden;} .sAbout-video-rotateMove .item h3{z-index: 8; position: absolute; left: 10px; top: 100%; margin-top: 0.6rem; right: 10px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color: #333333; -webkit-transition: all 250ms ease-out 0s, all 250ms ease-out 0ms; transition: all 250ms ease-out 0s, all 250ms ease-out 0ms; text-align: center; opacity: 0; visibility: hidden; line-height: 1.25;} .sAbout-video-rotateMove .item .link{display: none;} .sAbout-video-rotateMove .item.on .link{display: block;} .sAbout-video-rotateMove .item.on .pic:after{-webkit-transition: all 250ms ease-out 100ms; transition: all 250ms ease-out 100ms; opacity: 1; visibility: visible;} .sAbout-video-rotateMove .item.on h3{-webkit-transition: all 250ms ease-out 300ms; transition: all 250ms ease-out 300ms; opacity: 1; visibility: visible; -webkit-transform: none !important; transform: none !important;} @media screen and (min-width: 1025px){.sAbout-video-rotateMove .ctr-video{top: 45%;} .sAbout-video-rotateMove .ctr-video.prev{right: 50%; margin-right: 10.8rem; -webkit-transform: translateX(50%); transform: translateX(50%);} .sAbout-video-rotateMove .ctr-video.next{left: 50%; margin-left: 10.8rem; -webkit-transform: translateX(-50%); transform: translateX(-50%);} .sAbout-video-rotateMove._disabled .ctr-video{-webkit-transition: all 50ms ease-out 0ms; transition: all 50ms ease-out 0ms; opacity: 0; visibility: hidden;} .sAbout-video-rotateMove .item:hover .pic:after{background-color: rgba(0, 0, 0, 0.4);}} @media screen and (max-width: 1024px){.sAbout-video-rotateMove{font-size: 100px;}} @media screen and (max-width: 749px){.sAbout-video-rotateMove{font-size: 90px;}} @media screen and (max-width: 699px){.sAbout-video-rotateMove{font-size: 85px;}} @media screen and (max-width: 649px){.sAbout-video-rotateMove{font-size: 80px;}} @media screen and (max-width: 599px){.sAbout-video-rotateMove{font-size: 75px;}} @media screen and (max-width: 549px){.sAbout-video-rotateMove{font-size: 70px;}} @media screen and (max-width: 499px){.sAbout-video-rotateMove{font-size: 65px;}} @media screen and (max-width: 449px){.sAbout-video-rotateMove{font-size: 60px;}} @media screen and (max-width: 1024px){.sAbout-video-rotateMove{width: 100%; height: 3.37959184em;} .sAbout-video-rotateMove .shade{width: 6.8em; height: 3.37959184em; left: 0; margin-left: 0; margin-left: auto; margin-right: auto; overflow: visible;} .sAbout-video-rotateMove .item.moveItem.base{padding: 0; width: 0; height: 0; top: 1.68979592em; left: 3.4em; opacity: 0;} .sAbout-video-rotateMove .item.moveItem.L2.pOn{padding: 0; width: 1.6em; height: 1.6em; top: 0.88979592em; left: -0.6em; opacity: 1;} .sAbout-video-rotateMove .item.moveItem.L1.pOn{padding: 0; width: 4.8em; height: 2.70367347em; top: 0.33795918em; left: -1.2em; opacity: 1;} .sAbout-video-rotateMove .item.moveItem.L0{padding: 0; width: 6em; height: 3.37959184em; top: 0; left: 0.4em; opacity: 1;} .sAbout-video-rotateMove .item.moveItem.L1.nOn{padding: 0; width: 4.8em; height: 2.70367347em; top: 0.33795918em; left: 3.2em; opacity: 1;} .sAbout-video-rotateMove .item.moveItem.L2.nOn{padding: 0; width: 1.6em; height: 1.6em; top: 0.88979592em; left: 5.8em; opacity: 1;} .sAbout-video-rotateMove .ctr-video{display: none !important;}} /* sNews */ .sNews-rotateMove{position: relative; overflow: hidden; z-index: 3; background-color: #f7f7f5; padding: 5.20833333% 0;} .sNews-rotateMove + .index-life-list{margin-top: 1.44rem;} .sNews-rotateMove .shade{width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box;} .sNews-rotateMove .shade:before{content: " "; display: block; height: 0; padding-bottom: 31.25%;} .sNews-rotateMove .item.moveItem.base{padding: 0; width: 0; height: 0; top: 50%; left: 50%; opacity: 0;} .sNews-rotateMove .item.moveItem.L2.pOn{padding: 0; width: 100%; height: 100%; top: 0; left: -108%; opacity: 1;} .sNews-rotateMove .item.moveItem.L1.pOn{padding: 0; width: 100%; height: 100%; top: 0; left: -92%; opacity: 1;} .sNews-rotateMove .item.moveItem.L0{padding: 0; width: 100%; height: 100%; top: 0; left: 0; opacity: 1;} .sNews-rotateMove .item.moveItem.L1.nOn{z-index: 26 !important; padding: 0; width: 100%; height: 100%; top: 0; left: 92%; opacity: 1;} .sNews-rotateMove .item.moveItem.L2.nOn{padding: 0; width: 100%; height: 100%; top: 0; left: 200%; opacity: 1;} .sNews-rotateMove .shade{overflow: visible;} .sNews-rotateMove .shade:before, .sNews-rotateMove .shade:after{pointer-events: none;} .sNews-rotateMove .box{opacity: 0; -webkit-transition: opacity 250ms ease-out 450ms; transition: opacity 250ms ease-out 450ms;} .sNews-rotateMove._loaded .shade:before{-webkit-transition: all 250ms ease-out 400ms; transition: all 250ms ease-out 400ms; opacity: 0; visibility: hidden;} .sNews-rotateMove._loaded .box{opacity: 1;} .sNews-rotateMove .box{position: relative; z-index: 1; height: 100%; white-space: nowrap;} .sNews-rotateMove .item{display: inline-block; vertical-align: top; position: relative; overflow: hidden; width: 33%; height: auto; background-color: #f7f7f5;} .sNews-rotateMove .item.moveItem{position: absolute; left: 0; top: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; -ms-flex-line-pack: stretch; align-content: stretch; -webkit-transition: all 0.6s ease-out 0s, z-index 0ms ease-out 0s; transition: all 0.6s ease-out 0s, z-index 0ms ease-out 0s;} .sNews-rotateMove .item.moveItem:after{display: none;} .sNews-rotateMove .item .picArea{width: 50%;} .sNews-rotateMove .item .picArea .pic{width: 100%; height: 0 !important; padding-bottom: 62.5%; background-color: #f1f1f1;} .sNews-rotateMove .item .txtArea{width: 50%; -webkit-box-sizing: border-box; box-sizing: border-box; padding-right: 8%; white-space: normal;} .sNews-rotateMove .item .txt{padding: 1rem 2rem 2rem;} .sNews-rotateMove .item .txt h3{font-size: 1.5em; color: #333333; line-height: 1.27777778em; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; max-height: 2.55555556em;} .sNews-rotateMove .item .txt p{margin-top: 0.8rem; line-height: 1.25em; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical; max-height: 6.25em; height: 6.25em; color: #333333;} .sNews-rotateMove .item .txt .more{display: inline-block; vertical-align: top; margin-top: 0.6rem;} .sNews-rotateMove .item .link{display: none;} .sNews-rotateMove .item.on .link{display: block;} .sNews-rotateMove .pagination-banner{position: absolute; z-index: 7;} .sNews-rotateMove .pagination-banner .btn{background-color: #efd4d0; margin: 0;} .sNews-rotateMove .pagination-banner .btn:nth-child(1n+2){margin-left: 10px;} .sNews-rotateMove .pagination-banner .btn.on{background-color: #cf483e;} @media (min-width: 1025px){.sNews-rotateMove .ctrs{position: absolute; z-index: 8; width: 120px; height: 50px; bottom: 10px; right: 8%; margin-right: 2rem; margin-bottom: 5.20833333%;} .sNews-rotateMove .ctrs .ctr-video.prev{left: 0;} .sNews-rotateMove .ctrs .ctr-video.next{right: 0;} .sNews-rotateMove._disabled .pagination-banner, .sNews-rotateMove._disabled .ctr-video{-webkit-transition: all 50ms ease-out 0ms; transition: all 50ms ease-out 0ms; opacity: 0; visibility: hidden;} .sNews-rotateMove .pagination-banner{left: 50%; margin-left: 2rem; text-align: left; bottom: 25px; margin-bottom: 5.20833333%;}} @media screen and (max-width: 1600px){.sNews-rotateMove .item .txt{padding: 1rem 1.2rem 2rem;} .sNews-rotateMove .item .txt p{line-height: 1.25em; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; max-height: 5em; height: 5em;} .sNews-rotateMove .pagination-banner{margin-left: 1.2rem;} .sNews-rotateMove .ctrs{margin-right: 1.2rem;}} @media screen and (max-width: 1024px){.sNews-rotateMove{padding-top: 0; padding-bottom: 0;} .sNews-rotateMove .ctrs{display: none !important;} .sNews-rotateMove .item.moveItem.base{padding: 0; width: 0; height: 0; top: 50%; left: 50%; opacity: 0;} .sNews-rotateMove .item.moveItem.L2.pOn{padding: 0; width: 100%; height: auto; top: 0; left: -105%; opacity: 1;} .sNews-rotateMove .item.moveItem.L1.pOn{padding: 0; width: 100%; height: auto; top: 0; left: -105%; opacity: 1;} .sNews-rotateMove .item.moveItem.L0{padding: 0; width: 100%; height: auto; top: 0; left: 0; opacity: 1;} .sNews-rotateMove .item.moveItem.L1.nOn{z-index: 26 !important; padding: 0; width: 100%; height: auto; top: 0; left: 105%; opacity: 1;} .sNews-rotateMove .item.moveItem.L2.nOn{padding: 0; width: 100%; height: auto; top: 0; left: 210%; opacity: 1;} .sNews-rotateMove .shade{height: auto;} .sNews-rotateMove .shade:before{padding-bottom: 62.5%;} .sNews-rotateMove .shade:after{content: " "; display: block; height: 80px; margin-top: 2.4rem;} .sNews-rotateMove .item.moveItem{-webkit-box-align: center; -ms-flex-align: center; align-items: center; display: block;} .sNews-rotateMove .item .picArea, .sNews-rotateMove .item .txtArea{width: 100%;} .sNews-rotateMove .item .picArea .pic:after{content: " "; z-index: 3; position: absolute; left: 0; bottom: 0; right: 0; height: 100%; background-image: -webkit-linear-gradient(-90deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.05) 55%, rgba(0, 0, 0, 0.3) 100%); pointer-events: none;} .sNews-rotateMove .item .txtArea{padding-right: 0;} .sNews-rotateMove .item .txtArea .txt{padding-bottom: 1rem;} .sNews-rotateMove .item .txtArea .txt h3{overflow: hidden; white-space: nowrap; text-overflow: ellipsis;} .sNews-rotateMove .item .txtArea .txt p{margin-top: 0.4rem; -webkit-line-clamp: 2; height: 2.5em; max-height: 2.5em;} .sNews-rotateMove .item .more{text-indent: -9999px; position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 8; cursor: pointer; -webkit-tap-highlight-color: rgba(0, 0, 0, 0.04); margin: 0 !important;} .sNews-rotateMove .pagination-banner{left: 0; width: 100%; top: -1rem; margin-top: 62.5%; text-align: center; margin-left: 0;}} /* sView */ .sView-wrap{padding: 1.6rem 0;} .sView-wrap .main{float: left; width: 900px;} .sView-wrap .sidebar{position: -webkit-sticky; position: sticky; top: var(--headerH); width: 460px; float: right; background-color: #ebebeb; padding: 0.8rem 0.6rem; -webkit-box-sizing: border-box; box-sizing: border-box;} .sView-wrap .sidebar .dt{color: #333333;} .sView-wrap .sidebar .dd{margin-top: 0.7rem;} .sView-wrap .sidebar .dd .list .item{position: relative; overflow: hidden;} .sView-wrap .sidebar .dd .list .item:nth-child(1n+2){margin-top: 0.2rem;} .sView-wrap .sidebar .dd .list .item .pic{height: 0; padding-bottom: 56.25%; background-color: #fff;} .sView-wrap .sidebar .dd .list .item h3{color: #333333; line-height: 1.25em; padding: 0.5em;} .sView-wrap .sidebar .dd .list .item p, .sView-wrap .sidebar .dd .list .item .more{display: none;} @media screen and (min-width: 1025px){.sView-wrap .sidebar .dd .list .item:hover h3{color: #cf483e;}} @media screen and (max-width: 1024px){.sView-wrap .sidebar .dd .list .item:active h3{color: #cf483e;}} @media screen and (max-width: 1600px){.sView-wrap .main{width: 800px;} .sView-wrap .sidebar{width: 360px;}} @media screen and (max-width: 1024px){.sView-wrap .main{float: none; width: 100%;} .sView-wrap .sidebar{display: none;}} .sView-head{padding-bottom: 0.5rem; border-bottom: #cf483e solid 1px; text-align: center;} .sView-head h1{line-height: 1.25; color: #cf483e;} .sView-head .aside{margin-top: 0.5rem; font-size: 14px;} .sView-head .aside span{margin-left: 5px; margin-right: 5px;} .sView-body{margin-top: 0.8rem;} .sView-foot{position: relative; overflow: hidden; font-size: 16px; padding-top: 0.8rem; border-top: #f2f2f2 solid 1px; margin-top: 0.8rem;} .sView-foot .ctr{z-index: 2; position: relative; cursor: pointer; -webkit-tap-highlight-color: rgba(0, 0, 0, 0.04); display: block; color: #333333; margin-right: 200px; font-size: 16px; line-height: 30px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;} .sView-foot .ctr > s{font-family: SimSun, '宋体'; font-weight: bold;} .sView-foot .ctr[href="#"], .sView-foot .ctr[href=""]{cursor: not-allowed; color: #999999 !important;} .sView-foot .ctr .limit{display: inline-block; vertical-align: top; max-width: 20em; position: relative; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; -webkit-transition: all 400ms ease-out 0s; transition: all 400ms ease-out 0s;} .sView-foot .ctr .limit:before{content: "：";} .sView-foot .backToList{position: absolute; right: 0; bottom: 0; min-width: 100px; height: 34px; line-height: 34px; text-align: center; color: #fff; background-color: #cf483e; font-size: 16px; padding: 5px 0.6rem;} @media screen and (min-width: 1025px){.sView-foot .ctr:hover{color: #cf483e;}} @media screen and (max-width: 1024px){.sView-foot .ctr{margin-right: 144px;} .sView-foot .ctr .limit{display: none !important;}} /* sIU */ .sIU-wrap .index-life-list .item h3{color: #333333;} .sIU-wrap .index-life-list .item p{-webkit-line-clamp: 2; height: 3; max-height: 3;} .sIU-wrap .index-life-list .item .more{color: #cf483e;} .sIU-rotateMove{position: relative; overflow: hidden; z-index: 3; padding: 2.08333333% 0;} .sIU-rotateMove + .index-life-list{margin-top: 1.44rem;} .sIU-rotateMove .shade{width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box;} .sIU-rotateMove .shade:before{content: " "; display: block; height: 0; padding-bottom: 31.25%;} .sIU-rotateMove .item.moveItem.base{padding: 0; width: 0; height: 0; top: 50%; left: 50%; opacity: 0;} .sIU-rotateMove .item.moveItem.L2.pOn{padding: 0; width: 100%; height: 100%; top: 0; left: -108%; opacity: 1; pointer-events: none;} .sIU-rotateMove .item.moveItem.L1.pOn{padding: 0; width: 100%; height: 100%; top: 0; left: -100%; opacity: 1;} .sIU-rotateMove .item.moveItem.L0{padding: 0; width: 100%; height: 100%; top: 0; left: 0; opacity: 1;} .sIU-rotateMove .item.moveItem.L1.nOn{z-index: 26 !important; padding: 0; width: 100%; height: 100%; top: 0; left: 100%; opacity: 1;} .sIU-rotateMove .item.moveItem.L2.nOn{padding: 0; width: 100%; height: 100%; top: 0; left: 208%; opacity: 1; pointer-events: none;} .sIU-rotateMove .shade{overflow: visible;} .sIU-rotateMove .shade:before, .sIU-rotateMove .shade:after{pointer-events: none;} .sIU-rotateMove .box{opacity: 0; -webkit-transition: opacity 250ms ease-out 450ms; transition: opacity 250ms ease-out 450ms;} .sIU-rotateMove._loaded .shade:before{-webkit-transition: all 250ms ease-out 400ms; transition: all 250ms ease-out 400ms; opacity: 0; visibility: hidden;} .sIU-rotateMove._loaded .box{opacity: 1;} .sIU-rotateMove .box{position: relative; z-index: 1; height: 100%; white-space: nowrap;} .sIU-rotateMove .item{display: inline-block; vertical-align: top; position: relative; width: 33%; height: auto; background-color: #fff;} .sIU-rotateMove .item.moveItem{position: absolute; left: 0; top: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; -ms-flex-line-pack: stretch; align-content: stretch; -webkit-transition: all 0.6s ease-out 0s, z-index 0ms ease-out 0s; transition: all 0.6s ease-out 0s, z-index 0ms ease-out 0s;} .sIU-rotateMove .item.moveItem:after{display: none;} .sIU-rotateMove .item .picArea{width: 50%;} .sIU-rotateMove .item .picArea .pic{width: 100%; height: 0 !important; padding-bottom: 62.5%; background-color: #f1f1f1;} .sIU-rotateMove .item .txtArea{position: relative; top: 0; width: 50%; -webkit-box-sizing: border-box; box-sizing: border-box; padding-right: 8%; white-space: normal; background-color: #a6093d; -webkit-transition: all 400ms ease-out 0s; transition: all 400ms ease-out 0s;} .sIU-rotateMove .item .txtArea, .sIU-rotateMove .item .txtArea a{color: #ffffff;} .sIU-rotateMove .item .txt{padding: 1.6rem 2rem;} .sIU-rotateMove .item .txt h3{font-size: 1.5em; line-height: 1.27777778em; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; max-height: 2.55555556em;} .sIU-rotateMove .item .txt p{margin-top: 0.8rem; line-height: 1.25em; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; max-height: 5em;} .sIU-rotateMove .item .txt .more{display: inline-block; vertical-align: top; margin-top: 0.6rem;} .sIU-rotateMove .item .link{display: none;} .sIU-rotateMove .item.on .txtArea{top: 10%; -webkit-transition-delay: 100ms; transition-delay: 100ms;} .sIU-rotateMove .item.on .link{display: block;} .sIU-rotateMove .pagination-banner{position: absolute; z-index: 7;} .sIU-rotateMove .pagination-banner .btn{background-color: #ffffff; margin: 0; opacity: .2;} .sIU-rotateMove .pagination-banner .btn:nth-child(1n+2){margin-left: 10px;} .sIU-rotateMove .pagination-banner .btn.on{background-color: #fff; opacity: 1;} .sIU-rotateMove .ctrs .ctr{border-color: #fff;} .sIU-rotateMove .ctrs .ctr s:before, .sIU-rotateMove .ctrs .ctr s:after{background-color: #fff !important;} @media (min-width: 1025px){.sIU-rotateMove .ctrs{position: absolute; z-index: 8; width: 120px; height: 50px; bottom: 10px; right: 8%; margin-right: 2rem; margin-bottom: 2.08333333%;} .sIU-rotateMove .ctrs .ctr-video.prev{left: 0;} .sIU-rotateMove .ctrs .ctr-video.next{right: 0;} .sIU-rotateMove .ctrs .ctr-video:hover{background-color: #fff;} .sIU-rotateMove .ctrs .ctr-video:hover s:before, .sIU-rotateMove .ctrs .ctr-video:hover s:after{background-color: #a6093d !important;} .sIU-rotateMove._disabled .pagination-banner, .sIU-rotateMove._disabled .ctr-video{-webkit-transition: all 50ms ease-out 0ms; transition: all 50ms ease-out 0ms; opacity: 0; visibility: hidden;} .sIU-rotateMove .pagination-banner{left: 50%; margin-left: 2rem; text-align: left; bottom: 25px; margin-bottom: 2.08333333%;}} @media screen and (max-width: 1600px){.sIU-rotateMove .item .txt{padding: 1rem 1.2rem;} .sIU-rotateMove .item .txt p{line-height: 1.25em; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; max-height: 5em; height: 5em;} .sIU-rotateMove .pagination-banner{margin-left: 1.2rem;} .sIU-rotateMove .ctrs{margin-right: 1.2rem;}} @media screen and (max-width: 1024px){.sIU-rotateMove{padding-top: 0; padding-bottom: 0;} .sIU-rotateMove .ctrs{display: none !important;} .sIU-rotateMove .item.moveItem.base{padding: 0; width: 0; height: 0; top: 50%; left: 50%; opacity: 0;} .sIU-rotateMove .item.moveItem.L2.pOn{padding: 0; width: 100%; height: auto; top: 0; left: -105%; opacity: 1; pointer-events: none;} .sIU-rotateMove .item.moveItem.L1.pOn{padding: 0; width: 100%; height: auto; top: 0; left: -105%; opacity: 1;} .sIU-rotateMove .item.moveItem.L0{padding: 0; width: 100%; height: auto; top: 0; left: 0; opacity: 1;} .sIU-rotateMove .item.moveItem.L1.nOn{z-index: 26 !important; padding: 0; width: 100%; height: auto; top: 0; left: 105%; opacity: 1;} .sIU-rotateMove .item.moveItem.L2.nOn{padding: 0; width: 100%; height: auto; top: 0; left: 210%; opacity: 1; pointer-events: none;} .sIU-rotateMove .shade{height: auto;} .sIU-rotateMove .shade:before{padding-bottom: 62.5%;} .sIU-rotateMove .shade:after{content: " "; display: block; height: 80px; margin-top: 2.4rem;} .sIU-rotateMove .item.moveItem{-webkit-box-align: center; -ms-flex-align: center; align-items: center; display: block;} .sIU-rotateMove .item .picArea, .sIU-rotateMove .item .txtArea{width: 100%;} .sIU-rotateMove .item .picArea .pic:after{content: " "; z-index: 3; position: absolute; left: 0; bottom: 0; right: 0; height: 100%; background-image: -webkit-linear-gradient(-90deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.05) 55%, rgba(0, 0, 0, 0.3) 100%); pointer-events: none;} .sIU-rotateMove .item .txtArea{padding-right: 0; top: 0 !important; padding-bottom: 1rem;} .sIU-rotateMove .item .txtArea .txt{padding-bottom: 1rem;} .sIU-rotateMove .item .txtArea .txt h3{overflow: hidden; white-space: nowrap; text-overflow: ellipsis;} .sIU-rotateMove .item .txtArea .txt p{margin-top: 0.4rem; -webkit-line-clamp: 2; height: 2.5em; max-height: 2.5em;} .sIU-rotateMove .item .more{text-indent: -9999px; position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 8; cursor: pointer; -webkit-tap-highlight-color: rgba(0, 0, 0, 0.04); margin: 0 !important;} .sIU-rotateMove .pagination-banner{left: 0; width: 100%; top: -1rem; margin-top: 62.5%; text-align: center; margin-left: 0;}} /* sLife */ .sLife-tab{position: relative; overflow: hidden; z-index: 2;} .sLife-tab + .index-life-list{margin-top: 0.8rem;} .sLife-tab .Tt{position: relative; overflow: hidden;} .sLife-tab .Tt:before{content: " "; display: block; height: 0; padding-bottom: 41.66666667%;} .sLife-tab .Tt .box{display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; -ms-flex-line-pack: stretch; align-content: stretch; position: absolute; left: 0; top: 0; right: 0; bottom: 0; -webkit-transition: all 250ms ease-out 0ms; transition: all 250ms ease-out 0ms; opacity: 0; visibility: hidden; background-color: #fff;} .sLife-tab .Tt .box:after{display: none;} .sLife-tab .Tt .box.on{-webkit-transition: all 500ms ease-out 0ms; transition: all 500ms ease-out 0ms; opacity: 1; visibility: visible;} .sLife-tab .Tt .picArea{width: 65.97222222%;} .sLife-tab .Tt .picArea .pic{width: 100%; height: 0 !important; padding-bottom: 62.5%; background-color: #f1f1f1;} .sLife-tab .Tt .txtArea{position: relative; width: 31.94444444%; -webkit-box-sizing: border-box; box-sizing: border-box; white-space: normal; background-color: #5e5c7e; -webkit-transition: all 400ms ease-out 0s; transition: all 400ms ease-out 0s;} .sLife-tab .Tt .txtArea, .sLife-tab .Tt .txtArea a{color: #ffffff;} .sLife-tab .Tt .txtArea .txt{padding: 1rem;} .sLife-tab .Tt .txtArea .txt h3{font-size: 1.5em; line-height: 1.27777778em; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; max-height: 2.55555556em;} .sLife-tab .Tt .txtArea .txt p{margin-top: 0.9rem; line-height: 1.41666667em; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical; max-height: 7.08333333em;} .sLife-tab .Tt .txtArea .txt .more{display: inline-block; vertical-align: top; font-size: .75em; margin-top: 0.6rem;} .sLife-tab .Tg{overflow: hidden; white-space: nowrap; position: absolute; z-index: 8;} .sLife-tab .Tg .btn{display: inline-block; vertical-align: top; position: relative; z-index: 1; width: 10px; height: 10px; -webkit-transition: all 400ms ease-out 0s; transition: all 400ms ease-out 0s; border-radius: 10px; background-color: #fff; opacity: .5;} .sLife-tab .Tg .btn:nth-child(1n+2){margin-left: 0.4rem;} .sLife-tab .Tg .btn > em{display: none;} .sLife-tab .Tg .btn.on{opacity: 1;} @media screen and (min-width: 1025px){.sLife-tab .Tg{left: 68.05555556%; margin-left: 1rem; bottom: 1rem; text-align: left;}} @media screen and (max-width: 1024px){.sLife-tab .Tt:before{padding-bottom: 62.5%;} .sLife-tab .Tt:after{content: " "; display: block; margin-top: 2.4rem; height: 128px;} .sLife-tab .Tt .box{display: block !important;} .sLife-tab .Tt .box .picArea, .sLife-tab .Tt .box .txtArea{width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box;} .sLife-tab .Tt .box .picArea .pic:after{content: " "; z-index: 3; position: absolute; left: 0; bottom: 0; right: 0; height: 100%; background-image: -webkit-linear-gradient(-90deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.05) 55%, rgba(0, 0, 0, 0.3) 100%); pointer-events: none;} .sLife-tab .Tt .box .txtArea .txt p{margin-top: 0.4rem; -webkit-line-clamp: 2; height: 2.83333333em; max-height: 2.83333333em;} .sLife-tab .Tg{left: 0; width: 100%; top: -1rem; margin-top: 62.5%; text-align: center;}}