@charset "utf-8"; /*! Project : 四川铁投售电有限责任公司 +---------style.css----------+ | | | Author | yeshiqiu | | Q__Q | 337676937 | | Addr | SC_Chengdu | | Date | 2020.01.03 | | | +--!-_-!--------------!-_-!--+ */ .pa100{position: absolute; left: 0; top: 0; width: 100%; height: 100%;} .pr100{position: relative; left: 0; top: 0; width: 100%; height: 100%;} .fzsX{font-size: 100px;} @media screen and (max-width: 675px){.fzsX{font-size: 90px;}} @media screen and (max-width: 600px){.fzsX{font-size: 80px;}} @media screen and (max-width: 525px){.fzsX{font-size: 70px;}} @media screen and (max-width: 450px){.fzsX{font-size: 60px;}} @media screen and (max-width: 400px){.fzsX{font-size: 50px;}} .bgf{background-color: #fff;} .bgf1{background-color: #f1f1f1;} .bgf5{background-color: #f5f5f5;} .bge{background-color: #eee;} @-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);}} @-webkit-keyframes fadeInRightm{0%{opacity: 0.3; -webkit-transform: translate3d(50%, 0, 0); transform: translate3d(50%, 0, 0);} to{opacity: 1; -webkit-transform: none; transform: none;}} @keyframes fadeInRightm{0%{opacity: 0.3; -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.3; -webkit-transform: translate3d(-50%, 0, 0); transform: translate3d(-50%, 0, 0);} to{opacity: 1; -webkit-transform: none; transform: none;}} @keyframes fadeInLeftm{0%{opacity: 0.3; -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.3; -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0);} to{opacity: 1; -webkit-transform: none; transform: none;}} @keyframes fadeInUpm{0%{opacity: 0.3; -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.3; -webkit-transform: translate3d(0, 50%, 0); transform: translate3d(0, 50%, 0);} to{opacity: 1; -webkit-transform: none; transform: none;}} @keyframes fadeInDownm{0%{opacity: 0.3; -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;} @-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;} @-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;} @-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;} @-webkit-keyframes fadeIns{0%{opacity: 0.3;} to{opacity: 1;}} @keyframes fadeIns{0%{opacity: 0.3;} 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; animation-timing-function: ease; -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 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;} /* 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{-webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;} .insel{-webkit-user-select: normal ; -moz-user-select: normal ; -ms-user-select: normal ; user-select: normal ;} .op0{-webkit-transition: all 250ms ease 0ms; transition: all 250ms ease 0ms; opacity: 0; visibility: hidden; /* *visibility: visible; */} .op1{-webkit-transition: all 250ms ease 0ms; transition: all 250ms ease 0ms; opacity: 1; visibility: visible;} .taps a, .tapList a, .tap{-webkit-tap-highlight-color: rgba(0, 0, 0, 0.04); cursor: pointer;} .tapList .link{display: block;} .lhd5{height: .5em;} .reject{cursor: not-allowed;} .poss{position: static !important;} .ts{-webkit-transition: all 220ms ease 0s; transition: all 220ms ease 0s;} .tsn{-webkit-transition: none !important; transition: none !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;} .hScroll{white-space: nowrap; font-size: 0; overflow-x: auto; overflow-y: hidden;} .hScroll .scrollBox, .hScroll .overview{display: inline-block; vertical-align: top;} .vScroll{font-size: 0; 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;} .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; -webkit-tap-highlight-color: rgba(0, 0, 0, 0.04); cursor: pointer;} .kong{pointer-events: none;} /* resetEnd */ .c1{color: #0061ae;} .bgc1{background-color: #0061ae;} .c2{color: #f18101;} .bgc2{background-color: #f18101;} .c3{color: #fec02d;} .bgc3{background-color: #fec02d;} .ca{color: #333333;} .cb{color: #666666;} .cs{color: #999999;} html{min-width: 440px;} body{color: #666666; font: 14px/1 'Microsoft YaHei', '微软雅黑', Arial, sans-serif;} a{color: #333333;} a.on{color: #0061ae;} @media screen and (min-width: 1025px){a:hover{color: #0061ae;}} @media screen and (max-width: 1024px){a:active{color: #0061ae;}} .vmbox{font-size: 14px; line-height: 1.4333; font-family: 'Microsoft JhengHei', '微软正黑体';} .info{font-size: 14px; line-height: 1.7143;} .imax{line-height: 2;} @media screen and (max-width: 1024px){.imax{line-height: 1.5;}} ::-moz-selection{background: #00457b; color: #fff; text-shadow: none;} ::selection{background: #00457b; color: #fff; text-shadow: none;} .pc ::-webkit-scrollbar{position: absolute; width: 4px; height: 4px;} .pc ::-webkit-scrollbar-thumb{width: 4px; height: 4px; border-radius: 3px; background-color: rgba(0, 0, 0, 0.25);} .pc ::-webkit-scrollbar-track{background: rgba(0, 0, 0, 0.1);} .pc ::-webkit-scrollbar-corner{background: transparent; height: 0; width: 0;} .loading{background-image: url(../images/loading.gif);} .loading-m{background-image: url(../images/loading-m.gif);} .load-error{background-image: url(../images/error.gif);} .ctr, .btn, .more, .link{-webkit-tap-highlight-color: rgba(0, 0, 0, 0.04); cursor: pointer;} .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: 3.125%; padding-right: 3.125%;}} .dif1, .footer-t, .footer-m{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: start; -ms-flex-align: start; align-items: flex-start; -ms-flex-line-pack: start; align-content: flex-start;} .dif1:after, .footer-t:after, .footer-m:after{display: none;} @media screen and (max-width: 1024px){.dif1, .footer-t, .footer-m{display: block;}} .dif2, .sBusiness-intro .detail, .sContact-section, .sMessageBoard-section{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;} .dif2:after, .sBusiness-intro .detail:after, .sContact-section:after, .sMessageBoard-section:after{display: none;} @media screen and (max-width: 1024px){.dif2, .sBusiness-intro .detail, .sContact-section, .sMessageBoard-section{display: block;}} 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: 1280px){html{font-size: 35px;}} @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 (min-width: 1025px){.fzRes, .sAbout-environment-rotateMove, .sCulture-activity-rotateMove, .sHonor-rotateMove{font-size: 100px;}} @media screen and (max-width: 1024px){.fzRes, .sAbout-environment-rotateMove, .sCulture-activity-rotateMove, .sHonor-rotateMove{font-size: 95px;}} @media screen and (max-width: 950px){.fzRes, .sAbout-environment-rotateMove, .sCulture-activity-rotateMove, .sHonor-rotateMove{font-size: 90px;}} @media screen and (max-width: 900px){.fzRes, .sAbout-environment-rotateMove, .sCulture-activity-rotateMove, .sHonor-rotateMove{font-size: 85px;}} @media screen and (max-width: 850px){.fzRes, .sAbout-environment-rotateMove, .sCulture-activity-rotateMove, .sHonor-rotateMove{font-size: 80px;}} @media screen and (max-width: 800px){.fzRes, .sAbout-environment-rotateMove, .sCulture-activity-rotateMove, .sHonor-rotateMove{font-size: 75px;}} @media screen and (max-width: 750px){.fzRes, .sAbout-environment-rotateMove, .sCulture-activity-rotateMove, .sHonor-rotateMove{font-size: 70px;}} @media screen and (max-width: 700px){.fzRes, .sAbout-environment-rotateMove, .sCulture-activity-rotateMove, .sHonor-rotateMove{font-size: 65px;}} @media screen and (max-width: 650px){.fzRes, .sAbout-environment-rotateMove, .sCulture-activity-rotateMove, .sHonor-rotateMove{font-size: 60px;}} @media screen and (max-width: 600px){.fzRes, .sAbout-environment-rotateMove, .sCulture-activity-rotateMove, .sHonor-rotateMove{font-size: 55px;}} @media screen and (max-width: 550px){.fzRes, .sAbout-environment-rotateMove, .sCulture-activity-rotateMove, .sHonor-rotateMove{font-size: 50px;}} @media screen and (max-width: 500px){.fzRes, .sAbout-environment-rotateMove, .sCulture-activity-rotateMove, .sHonor-rotateMove{font-size: 45px;}} .fz60{font-size: 60px;} @media screen and (max-width: 1440px){.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 .en{font-size: 48px;} @media screen and (max-width: 1440px){.fz48, .index-head .en{font-size: 44px;}} @media screen and (max-width: 1024px){.fz48, .index-head .en{font-size: 40px;}} @media screen and (max-width: 768px){.fz48, .index-head .en{font-size: 34px;}} .fz40{font-size: 40px;} @media screen and (max-width: 1440px){.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, .subpage-banner .txt .cn{font-size: 36px;} @media screen and (max-width: 1440px){.fz36, .subpage-banner .txt .cn{font-size: 32px;}} @media screen and (max-width: 1024px){.fz36, .subpage-banner .txt .cn{font-size: 30px;}} @media screen and (max-width: 768px){.fz36, .subpage-banner .txt .cn{font-size: 24px;}} .fz32{font-size: 32px;} @media screen and (max-width: 1440px){.fz32{font-size: 28px;}} @media screen and (max-width: 1024px){.fz32{font-size: 26px;}} @media screen and (max-width: 768px){.fz32{font-size: 22px;}} .fz28, .index-head .cn, .sView-head h1, .sBusiness-list .col .txt.m .dt, .sContact-info .cn{font-size: 28px;} @media screen and (max-width: 1440px){.fz28, .index-head .cn, .sView-head h1, .sBusiness-list .col .txt.m .dt, .sContact-info .cn{font-size: 24px;}} @media screen and (max-width: 1024px){.fz28, .index-head .cn, .sView-head h1, .sBusiness-list .col .txt.m .dt, .sContact-info .cn{font-size: 22px;}} @media screen and (max-width: 768px){.fz28, .index-head .cn, .sView-head h1, .sBusiness-list .col .txt.m .dt, .sContact-info .cn{font-size: 20px;}} .fz24, .footer-tel .btn, .subpage-head{font-size: 24px;} @media screen and (max-width: 1440px){.fz24, .footer-tel .btn, .subpage-head{font-size: 20px;}} @media screen and (max-width: 1024px){.fz24, .footer-tel .btn, .subpage-head{font-size: 18px;}} .fz20, .index-about-contain .videoBox .pic .tip, .index-business-tab .Tg .btn, .footer-contact .icoImg, .subpage-box, .sAbout-intro .hope, .sShareholder-list .item .dt, .sBusiness-list .col .txt.b, .sIdea-list4 .icoImg, .sContact-info .list .icoImg{font-size: 20px;} @media screen and (max-width: 1440px){.fz20, .index-about-contain .videoBox .pic .tip, .index-business-tab .Tg .btn, .footer-contact .icoImg, .subpage-box, .sAbout-intro .hope, .sShareholder-list .item .dt, .sBusiness-list .col .txt.b, .sIdea-list4 .icoImg, .sContact-info .list .icoImg{font-size: 18px;}} @media screen and (max-width: 1024px){.fz20, .index-about-contain .videoBox .pic .tip, .index-business-tab .Tg .btn, .footer-contact .icoImg, .subpage-box, .sAbout-intro .hope, .sShareholder-list .item .dt, .sBusiness-list .col .txt.b, .sIdea-list4 .icoImg, .sContact-info .list .icoImg{font-size: 16px;}} .fz18, .index-news-list .item .pic .zoom, .index-news-list .item h3, .subpage-banner .txt .en, .sCulture-activity-rotateMove .wrapIn .item h3, .sHonor-rotateMove .wrapIn .item h3, .sNews-list .item h3, .sPartybding-list .item .pic .zoom, .sIdea-section .dt, .sIdea-list4 p{font-size: 18px;} @media screen and (max-width: 1440px){.fz18, .index-news-list .item .pic .zoom, .index-news-list .item h3, .subpage-banner .txt .en, .sCulture-activity-rotateMove .wrapIn .item h3, .sHonor-rotateMove .wrapIn .item h3, .sNews-list .item h3, .sPartybding-list .item .pic .zoom, .sIdea-section .dt, .sIdea-list4 p{font-size: 16px;}} .fz16, .imax, .index-about-contain .intro .df .link, .sBusiness-list .col .txt.m .ds, .sHr-list .td, .sContact-info .en, .sContact-info .qrcode p{font-size: 16px;} @media screen and (max-width: 1440px){.fz16, .imax, .index-about-contain .intro .df .link, .sBusiness-list .col .txt.m .ds, .sHr-list .td, .sContact-info .en, .sContact-info .qrcode p{font-size: 14px;}} .fz14{font-size: 14px;} @media screen and (max-width: 1440px){.fz14{font-size: 12px;}} /* ------------------- htmls ------------------- */ .time{padding-left: 24px; height: 18px; line-height: 18px; color: #999999; background-image: url(../images/icos-time.png); background-size: auto; background-position: 0 50%; background-repeat: no-repeat; font-size: 14px;} @media screen and (max-width: 768px){.time{padding-left: 20px; height: 16px; line-height: 16px; background-size: auto 14px;}} .modal-videoPlayer{display: none; position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 90; background-color: #fff;} .modal-videoPlayer .close{position: absolute; top: 0; right: 0; width: 56px; height: 56px; cursor: pointer; z-index: 80; background-color: rgba(0, 97, 174, 0.5);} .modal-videoPlayer .close s{position: absolute; left: 0; top: 0; width: 100%; height: 100%; text-align: center; line-height: 50.4px; font-size: 36px; color: #ffffff; font-family: 'Microsoft YaHei', '微软雅黑', Arial, sans-serif; cursor: pointer; white-space: nowrap; -webkit-transition: all 600ms ease 0s; transition: all 600ms ease 0s;} .ysqUEO .modal-videoPlayer .close s{overflow: hidden; text-indent: 120%;} .ysqUEO .modal-videoPlayer .close s:before, .ysqUEO .modal-videoPlayer .close s:after{pointer-events: none !important; content: " "; position: absolute; left: 10px; width: 36px; height: 2px; border-radius: 2px; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transform-origin: 0 50%; transform-origin: 0 50%; background-color: #ffffff;} .ysqUEO .modal-videoPlayer .close s:before{top: 14px; -webkit-transform: rotate(45deg) translate(7.24873734px, 0); transform: rotate(45deg) translate(7.24873734px, 0); top: 9px;} .ysqUEO .modal-videoPlayer .close s:after{bottom: 14px; -webkit-transform: rotate(-45deg) translate(7.24873734px, 0); transform: rotate(-45deg) translate(7.24873734px, 0); bottom: 9px;} @media screen and (min-width: 1025px){.ysqUEO .modal-videoPlayer .close s:before, .ysqUEO .modal-videoPlayer .close s:after{-webkit-transition: all 300ms ease 0ms; transition: all 300ms ease 0ms;} .ysqUEO .modal-videoPlayer .close s:hover:before, .ysqUEO .modal-videoPlayer .close s:hover:after{background-color: #ffffff;} .modal-videoPlayer .close s:hover{color: #ffffff;}} @media screen and (max-width: 1024px){.modal-videoPlayer .close s:active{color: #ffffff;}} .modal-videoPlayer .close s:hover{-webkit-transform: rotate(-360deg); transform: rotate(-360deg);} .modal-videoPlayer .contain{position: absolute;} .modal-videoPlayer .player{position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: #f1f1f1;} .modal-videoPlayer .player *{background-color: transparent !important;} @media screen and (min-width: 1025px){.modal-videoPlayer .contain{left: 0; top: 0; right: 0; bottom: 0;}} @media screen and (max-width: 1024px){.modal-videoPlayer .contain{left: 0px; right: 0px; top: 56px; bottom: 56px;}} /* albumWindow */ #albumWindow{position: fixed; left: 0; top: 50%; right: 0; bottom: 50%; z-index: 99; background-color: #fff; -webkit-transition: all 500ms ease 0ms; transition: all 500ms ease 0ms; opacity: 0; visibility: hidden; /* *visibility: visible; */} .no-supports #albumWindow{-webkit-transform: none !important; transform: none !important;} #albumWindow.visible{-webkit-transform: none !important; transform: none !important; -webkit-transition: all 500ms ease 0ms; transition: all 500ms ease 0ms; opacity: 1; visibility: visible; top: 0; bottom: 0;} #albumWindow .contain{position: absolute; z-index: 1; left: 48px; right: 48px; top: 48px; bottom: 30px;} #albumWindow .contain .list0{width: 400%; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;} #albumWindow .contain .item{float: left; position: relative; width: 25%; height: 100%; text-align: center; margin-right: 20px;} #albumWindow .contain .item .img, #albumWindow .contain .item .vmbox{width: 100%; min-height: 60px;} #albumWindow .contain .item .fBar{position: absolute; left: 0; bottom: -30px; width: 100%; -webkit-transition: all 250ms ease 0ms; transition: all 250ms ease 0ms; opacity: 0; visibility: hidden; /* *visibility: visible; */} #albumWindow .contain .item .fBar .download{display: inline-block; vertical-align: top; padding-left: 6px; padding-right: 6px; color: #0061ae; border-bottom: solid 1px; font-size: 14px; line-height: 18px;} #albumWindow .contain .item.on .fBar{-webkit-transition: all 250ms ease 200ms; transition: all 250ms ease 200ms; opacity: 1; visibility: visible;} #albumWindow .picName{position: absolute; left: 0; top: -48px; height: 48px; line-height: 48px; font-size: 16px; color: #333333;} #albumWindow .close.btn{position: absolute; overflow: hidden; z-index: 3; right: 0; top: 0; width: 48px; height: 48px; background-color: #0061ae;} #albumWindow .close.btn s{position: absolute; left: 0; top: 0; width: 100%; height: 100%; text-align: center; line-height: 43.2px; font-size: 28px; color: #ffffff; font-family: 'Microsoft YaHei', '微软雅黑', Arial, sans-serif; cursor: pointer; white-space: nowrap; -webkit-transition: all 400ms ease 0s; transition: all 400ms ease 0s;} .ysqUEO #albumWindow .close.btn s{overflow: hidden; text-indent: 120%;} .ysqUEO #albumWindow .close.btn s:before, .ysqUEO #albumWindow .close.btn s:after{pointer-events: none !important; content: " "; position: absolute; left: 10px; width: 28px; height: 4px; border-radius: 2px; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transform-origin: 0 50%; transform-origin: 0 50%; background-color: #ffffff;} .ysqUEO #albumWindow .close.btn s:before{top: 14px; -webkit-transform: rotate(45deg) translate(5.38477631px, 0); transform: rotate(45deg) translate(5.38477631px, 0); top: 8px;} .ysqUEO #albumWindow .close.btn s:after{bottom: 14px; -webkit-transform: rotate(-45deg) translate(5.38477631px, 0); transform: rotate(-45deg) translate(5.38477631px, 0); bottom: 8px;} @media screen and (min-width: 1025px){.ysqUEO #albumWindow .close.btn s:before, .ysqUEO #albumWindow .close.btn s:after{-webkit-transition: all 300ms ease 0ms; transition: all 300ms ease 0ms;} .ysqUEO #albumWindow .close.btn s:hover:before, .ysqUEO #albumWindow .close.btn s:hover:after{background-color: #ffffff;} #albumWindow .close.btn s:hover{color: #ffffff;}} @media screen and (max-width: 1024px){#albumWindow .close.btn s:active{color: #ffffff;}} #albumWindow .close.btn s:hover{-webkit-transform: rotate(360deg); transform: rotate(360deg);} #albumWindow .ctr{position: absolute; top: 50%; margin-top: -60px; width: 44px; height: 120px; -webkit-transition: all 400ms ease 0s, all 220ms ease 0s, all 220ms ease 0s, all 220ms ease 0s, all 220ms ease 0s; transition: all 400ms ease 0s, all 220ms ease 0s, all 220ms ease 0s, all 220ms ease 0s, all 220ms ease 0s; -webkit-tap-highlight-color: rgba(0, 0, 0, 0.04); cursor: pointer; opacity: .8; line-height: 120px; color: #111111; text-align: center;} #albumWindow .ctr s{color: #0061ae; font-size: 42px; font-weight: bold;} #albumWindow .ctr s{position: absolute; left: 0; right: 0; top: 0; bottom: 0; font-family: 'SimSun', '宋体' !important; pointer-events: none;} #albumWindow .ctr:hover{color: #111111;} .ysqUEO #albumWindow .ctr s{overflow: hidden; text-indent: -9999px; white-space: nowrap; padding: inherit;} .ysqUEO #albumWindow .ctr s:before, .ysqUEO #albumWindow .ctr s:after{content: " "; position: absolute; top: 50%; left: 50%; width: 20px; height: 3px; background-color: #111111;} @media screen and (min-width: 1025px){#albumWindow .ctr .ysqUEO s:before, #albumWindow .ctr .ysqUEO s:after{-webkit-transition: all 400ms ease 0s; transition: all 400ms ease 0s;} #albumWindow .ctr .ysqUEO:hover s:before, #albumWindow .ctr .ysqUEO:hover s:after{background-color: #111111;}} @media screen and (max-width: 1024px){#albumWindow .ctr:active s:before, #albumWindow .ctr:active s:after{background-color: #111111;}} .ysqUEO #albumWindow .ctr.prev s:before, .ysqUEO #albumWindow .ctr.prev s:after{margin-left: -7px; -webkit-transform-origin: 0% 50%; transform-origin: 0% 50%;} .ysqUEO #albumWindow .ctr.prev s:before{-webkit-transform: rotate(-40deg) translateX(-1.5px); transform: rotate(-40deg) translateX(-1.5px);} .ysqUEO #albumWindow .ctr.prev s:after{-webkit-transform: rotate(40deg) translateX(-1.5px); transform: rotate(40deg) translateX(-1.5px);} .ysqUEO #albumWindow .ctr.next s:before, .ysqUEO #albumWindow .ctr.next s:after{margin-left: -13px; -webkit-transform-origin: 100% 50%; transform-origin: 100% 50%;} .ysqUEO #albumWindow .ctr.next s:before{-webkit-transform: rotate(-40deg) translateX(1.5px); transform: rotate(-40deg) translateX(1.5px);} .ysqUEO #albumWindow .ctr.next s:after{-webkit-transform: rotate(40deg) translateX(1.5px); transform: rotate(40deg) translateX(1.5px);} #albumWindow .ctr s{position: absolute; left: 0; right: 0; top: 0; bottom: 0; font-family: 'SimSun', '宋体' !important; pointer-events: none;} #albumWindow .ctr:hover{color: #111111;} .ysqUEO #albumWindow .ctr s{overflow: hidden; text-indent: -9999px; white-space: nowrap; padding: inherit;} .ysqUEO #albumWindow .ctr s:before, .ysqUEO #albumWindow .ctr s:after{content: " "; position: absolute; top: 50%; left: 50%; width: 20px; height: 3px; background-color: #111111;} @media screen and (min-width: 1025px){#albumWindow .ctr .ysqUEO s:before, #albumWindow .ctr .ysqUEO s:after{-webkit-transition: all 400ms ease 0s; transition: all 400ms ease 0s;} #albumWindow .ctr .ysqUEO:hover s:before, #albumWindow .ctr .ysqUEO:hover s:after{background-color: #111111;}} @media screen and (max-width: 1024px){#albumWindow .ctr:active s:before, #albumWindow .ctr:active s:after{background-color: #111111;}} @media screen and (min-width: 1025px){.ysqUEO #albumWindow .ctr.prev:hover s:before{-webkit-transform: rotate(-48deg) translateX(-1.5px); transform: rotate(-48deg) translateX(-1.5px);} .ysqUEO #albumWindow .ctr.prev:hover s:after{-webkit-transform: rotate(48deg) translateX(-1.5px); transform: rotate(48deg) translateX(-1.5px);} .ysqUEO #albumWindow .ctr.next:hover s:before{-webkit-transform: rotate(-48deg) translateX(1.5px); transform: rotate(-48deg) translateX(1.5px);} .ysqUEO #albumWindow .ctr.next:hover s:after{-webkit-transform: rotate(48deg) translateX(1.5px); transform: rotate(48deg) translateX(1.5px);}} @media screen and (max-width: 1024px){#albumWindow .ctr.prev:active s:before{-webkit-transform: rotate(-48deg) translateX(-1.5px); transform: rotate(-48deg) translateX(-1.5px);} #albumWindow .ctr.prev:active s:after{-webkit-transform: rotate(48deg) translateX(-1.5px); transform: rotate(48deg) translateX(-1.5px);} #albumWindow .ctr.next:active s:before{-webkit-transform: rotate(-48deg) translateX(1.5px); transform: rotate(-48deg) translateX(1.5px);} #albumWindow .ctr.next:active s:after{-webkit-transform: rotate(48deg) translateX(1.5px); transform: rotate(48deg) translateX(1.5px);}} #albumWindow .ctr.prev{left: 0;} #albumWindow .ctr.next{right: 0;} #albumWindow .ctr.reject{display: none;} #albumWindow .ctr:active{opacity: 1;} #albumWindow .pagination{height: 4px; line-height: 4px; position: absolute; bottom: -17px; left: 0; width: 100%; z-index: 3; text-align: center; white-space: nowrap;} #albumWindow .pagination .container{width: 100%; margin: 0 !important;} #albumWindow .pagination .btn{display: inline-block; vertical-align: top; position: relative; z-index: 1; margin: 0 3px; border-color: #222; width: 0; height: 0; border-width: 4px 4px 0 0; border-style: solid; -webkit-transition: all 220ms ease 0s, all 220ms ease 0s; transition: all 220ms ease 0s, all 220ms ease 0s;} #albumWindow .pagination .btn > em{display: none;} #albumWindow .pagination .btn.on{border-color: #0061ae;} #albumWindow .originalBtn{position: absolute; z-index: 6; left: 0; line-height: 30px; color: #999999; cursor: pointer;} #albumWindow .originalBtn:hover{color: #0061ae;} #albumWindow .serialNum{position: absolute; z-index: 6; right: 0; line-height: 30px; color: #999999;} .ctr1{z-index: 31; position: absolute; top: 50%; margin-top: -2rem; width: 3rem; height: 4rem; line-height: 4rem; background-color: rgba(0, 0, 0, 0.2); -webkit-transition: all 400ms ease 0s, all 220ms ease 0s, all 220ms ease 0s, all 220ms ease 0s, all 220ms ease 0s; transition: all 400ms ease 0s, all 220ms ease 0s, all 220ms ease 0s, all 220ms ease 0s, all 220ms ease 0s; color: #ffffff; text-align: center;} .ctr1 s{font-family: 'SimSun', '宋体' !important; color: #fff; font-size: 30px; font-weight: bold;} .ctr1 s{position: absolute; left: 0; right: 0; top: 0; bottom: 0; font-family: 'SimSun', '宋体' !important; pointer-events: none;} .ctr1:hover{color: #ffffff;} .ysqUEO .ctr1 s{overflow: hidden; text-indent: -9999px; white-space: nowrap; padding: inherit;} .ysqUEO .ctr1 s:before, .ysqUEO .ctr1 s:after{content: " "; position: absolute; top: 50%; left: 50%; width: 20px; height: 2px; background-color: #ffffff;} @media screen and (min-width: 1025px){.ctr1 .ysqUEO s:before, .ctr1 .ysqUEO s:after{-webkit-transition: all 400ms ease 0s; transition: all 400ms ease 0s;} .ctr1 .ysqUEO:hover s:before, .ctr1 .ysqUEO:hover s:after{background-color: #ffffff;}} @media screen and (max-width: 1024px){.ctr1:active s:before, .ctr1:active s:after{background-color: #ffffff;}} .ysqUEO .ctr1.prev s:before, .ysqUEO .ctr1.prev s:after{margin-left: -8px; -webkit-transform-origin: 0% 50%; transform-origin: 0% 50%;} .ysqUEO .ctr1.prev s:before{-webkit-transform: rotate(-36deg) translateX(-1px); transform: rotate(-36deg) translateX(-1px);} .ysqUEO .ctr1.prev s:after{-webkit-transform: rotate(36deg) translateX(-1px); transform: rotate(36deg) translateX(-1px);} .ysqUEO .ctr1.next s:before, .ysqUEO .ctr1.next s:after{margin-left: -12px; -webkit-transform-origin: 100% 50%; transform-origin: 100% 50%;} .ysqUEO .ctr1.next s:before{-webkit-transform: rotate(-36deg) translateX(1px); transform: rotate(-36deg) translateX(1px);} .ysqUEO .ctr1.next s:after{-webkit-transform: rotate(36deg) translateX(1px); transform: rotate(36deg) translateX(1px);} .ctr1 s{position: absolute; left: 0; right: 0; top: 0; bottom: 0; font-family: 'SimSun', '宋体' !important; pointer-events: none;} .ctr1:hover{color: #ffffff;} .ysqUEO .ctr1 s{overflow: hidden; text-indent: -9999px; white-space: nowrap; padding: inherit;} .ysqUEO .ctr1 s:before, .ysqUEO .ctr1 s:after{content: " "; position: absolute; top: 50%; left: 50%; width: 20px; height: 2px; background-color: #ffffff;} @media screen and (min-width: 1025px){.ctr1 .ysqUEO s:before, .ctr1 .ysqUEO s:after{-webkit-transition: all 400ms ease 0s; transition: all 400ms ease 0s;} .ctr1 .ysqUEO:hover s:before, .ctr1 .ysqUEO:hover s:after{background-color: #ffffff;}} @media screen and (max-width: 1024px){.ctr1:active s:before, .ctr1:active s:after{background-color: #ffffff;}} @media screen and (min-width: 1025px){.ysqUEO .ctr1.prev:hover s:before{-webkit-transform: rotate(-42deg) translateX(-1px); transform: rotate(-42deg) translateX(-1px);} .ysqUEO .ctr1.prev:hover s:after{-webkit-transform: rotate(42deg) translateX(-1px); transform: rotate(42deg) translateX(-1px);} .ysqUEO .ctr1.next:hover s:before{-webkit-transform: rotate(-42deg) translateX(1px); transform: rotate(-42deg) translateX(1px);} .ysqUEO .ctr1.next:hover s:after{-webkit-transform: rotate(42deg) translateX(1px); transform: rotate(42deg) translateX(1px);}} @media screen and (max-width: 1024px){.ctr1.prev:active s:before{-webkit-transform: rotate(-42deg) translateX(-1px); transform: rotate(-42deg) translateX(-1px);} .ctr1.prev:active s:after{-webkit-transform: rotate(42deg) translateX(-1px); transform: rotate(42deg) translateX(-1px);} .ctr1.next:active s:before{-webkit-transform: rotate(-42deg) translateX(1px); transform: rotate(-42deg) translateX(1px);} .ctr1.next:active s:after{-webkit-transform: rotate(42deg) translateX(1px); transform: rotate(42deg) translateX(1px);}} .ctr1.prev{left: 0;} .ctr1.next{right: 0;} .ctr1:hover{background-color: rgba(0, 0, 0, 0.5);} @media screen and (max-width: 1024px){.ctr1{-webkit-transition: all 220ms ease 0s, all 220ms ease 0s, all 220ms ease 0s, all 220ms ease 0s; transition: all 220ms ease 0s, all 220ms ease 0s, all 220ms ease 0s, all 220ms ease 0s; color: #ffffff; text-align: center;} .ctr1 s{position: absolute; left: 0; right: 0; top: 0; bottom: 0; font-family: 'SimSun', '宋体' !important; pointer-events: none;} .ctr1:hover{color: #ffffff;} .ysqUEO .ctr1 s{overflow: hidden; text-indent: -9999px; white-space: nowrap; padding: inherit;} .ysqUEO .ctr1 s:before, .ysqUEO .ctr1 s:after{content: " "; position: absolute; top: 50%; left: 50%; width: 14px; height: 1px; background-color: #ffffff;} .ysqUEO .ctr1.prev s:before, .ysqUEO .ctr1.prev s:after{margin-left: -6px; -webkit-transform-origin: 0% 50%; transform-origin: 0% 50%;} .ysqUEO .ctr1.prev s:before{-webkit-transform: rotate(-36deg) translateX(-0.5px); transform: rotate(-36deg) translateX(-0.5px);} .ysqUEO .ctr1.prev s:after{-webkit-transform: rotate(36deg) translateX(-0.5px); transform: rotate(36deg) translateX(-0.5px);} .ysqUEO .ctr1.next s:before, .ysqUEO .ctr1.next s:after{margin-left: -8px; -webkit-transform-origin: 100% 50%; transform-origin: 100% 50%;} .ysqUEO .ctr1.next s:before{-webkit-transform: rotate(-36deg) translateX(0.5px); transform: rotate(-36deg) translateX(0.5px);} .ysqUEO .ctr1.next s:after{-webkit-transform: rotate(36deg) translateX(0.5px); transform: rotate(36deg) translateX(0.5px);} .ctr1 s{position: absolute; left: 0; right: 0; top: 0; bottom: 0; font-family: 'SimSun', '宋体' !important; pointer-events: none;} .ctr1:hover{color: #ffffff;} .ysqUEO .ctr1 s{overflow: hidden; text-indent: -9999px; white-space: nowrap; padding: inherit;} .ysqUEO .ctr1 s:before, .ysqUEO .ctr1 s:after{content: " "; position: absolute; top: 50%; left: 50%; width: 14px; height: 1px; background-color: #ffffff;}} @media screen and (max-width: 1024px) and screen and (min-width: 1025px){.ctr1 .ysqUEO s:before, .ctr1 .ysqUEO s:after{-webkit-transition: all 400ms ease 0s; transition: all 400ms ease 0s;} .ctr1 .ysqUEO:hover s:before, .ctr1 .ysqUEO:hover s:after{background-color: #ffffff;}} @media screen and (max-width: 1024px) and screen and (max-width: 1024px){.ctr1:active s:before, .ctr1:active s:after{background-color: #ffffff;}} @media screen and (max-width: 1024px) and screen and (min-width: 1025px){.ctr1 .ysqUEO s:before, .ctr1 .ysqUEO s:after{-webkit-transition: all 400ms ease 0s; transition: all 400ms ease 0s;} .ctr1 .ysqUEO:hover s:before, .ctr1 .ysqUEO:hover s:after{background-color: #ffffff;}} @media screen and (max-width: 1024px) and screen and (max-width: 1024px){.ctr1:active s:before, .ctr1:active s:after{background-color: #ffffff;}} @media screen and (max-width: 1024px) and screen and (min-width: 1025px){.ysqUEO .ctr1.prev:hover s:before{-webkit-transform: rotate(-42deg) translateX(-0.5px); transform: rotate(-42deg) translateX(-0.5px);} .ysqUEO .ctr1.prev:hover s:after{-webkit-transform: rotate(42deg) translateX(-0.5px); transform: rotate(42deg) translateX(-0.5px);} .ysqUEO .ctr1.next:hover s:before{-webkit-transform: rotate(-42deg) translateX(0.5px); transform: rotate(-42deg) translateX(0.5px);} .ysqUEO .ctr1.next:hover s:after{-webkit-transform: rotate(42deg) translateX(0.5px); transform: rotate(42deg) translateX(0.5px);}} @media screen and (max-width: 1024px) and screen and (max-width: 1024px){.ctr1.prev:active s:before{-webkit-transform: rotate(-42deg) translateX(-0.5px); transform: rotate(-42deg) translateX(-0.5px);} .ctr1.prev:active s:after{-webkit-transform: rotate(42deg) translateX(-0.5px); transform: rotate(42deg) translateX(-0.5px);} .ctr1.next:active s:before{-webkit-transform: rotate(-42deg) translateX(0.5px); transform: rotate(-42deg) translateX(0.5px);} .ctr1.next:active s:after{-webkit-transform: rotate(42deg) translateX(0.5px); transform: rotate(42deg) translateX(0.5px);}} .ctr2{z-index: 21; position: absolute; top: 50%; margin-top: -40px; width: 40px; height: 80px; line-height: 80px; -webkit-transition: all 400ms ease 0s, all 220ms ease 0s, all 220ms ease 0s, all 220ms ease 0s, all 220ms ease 0s; transition: all 400ms ease 0s, all 220ms ease 0s, all 220ms ease 0s, all 220ms ease 0s, all 220ms ease 0s; color: #bebebe; text-align: center;} .ctr2 s{font-family: 'SimSun', '宋体' !important; color: #bebebe; font-size: 30px; font-weight: bold;} .ctr2 s{position: absolute; left: 0; right: 0; top: 0; bottom: 0; font-family: 'SimSun', '宋体' !important; pointer-events: none;} .ctr2:hover{color: #bebebe;} .ysqUEO .ctr2 s{overflow: hidden; text-indent: -9999px; white-space: nowrap; padding: inherit;} .ysqUEO .ctr2 s:before, .ysqUEO .ctr2 s:after{content: " "; position: absolute; top: 50%; left: 50%; width: 22px; height: 2px; background-color: #bebebe;} @media screen and (min-width: 1025px){.ctr2 .ysqUEO s:before, .ctr2 .ysqUEO s:after{-webkit-transition: all 400ms ease 0s; transition: all 400ms ease 0s;} .ctr2 .ysqUEO:hover s:before, .ctr2 .ysqUEO:hover s:after{background-color: #bebebe;}} @media screen and (max-width: 1024px){.ctr2:active s:before, .ctr2:active s:after{background-color: #bebebe;}} .ysqUEO .ctr2.prev s:before, .ysqUEO .ctr2.prev s:after{margin-left: -9px; -webkit-transform-origin: 0% 50%; transform-origin: 0% 50%;} .ysqUEO .ctr2.prev s:before{-webkit-transform: rotate(-36deg) translateX(-1px); transform: rotate(-36deg) translateX(-1px);} .ysqUEO .ctr2.prev s:after{-webkit-transform: rotate(36deg) translateX(-1px); transform: rotate(36deg) translateX(-1px);} .ysqUEO .ctr2.next s:before, .ysqUEO .ctr2.next s:after{margin-left: -13px; -webkit-transform-origin: 100% 50%; transform-origin: 100% 50%;} .ysqUEO .ctr2.next s:before{-webkit-transform: rotate(-36deg) translateX(1px); transform: rotate(-36deg) translateX(1px);} .ysqUEO .ctr2.next s:after{-webkit-transform: rotate(36deg) translateX(1px); transform: rotate(36deg) translateX(1px);} .ctr2 s{position: absolute; left: 0; right: 0; top: 0; bottom: 0; font-family: 'SimSun', '宋体' !important; pointer-events: none;} .ctr2:hover{color: #bebebe;} .ysqUEO .ctr2 s{overflow: hidden; text-indent: -9999px; white-space: nowrap; padding: inherit;} .ysqUEO .ctr2 s:before, .ysqUEO .ctr2 s:after{content: " "; position: absolute; top: 50%; left: 50%; width: 22px; height: 2px; background-color: #bebebe;} @media screen and (min-width: 1025px){.ctr2 .ysqUEO s:before, .ctr2 .ysqUEO s:after{-webkit-transition: all 400ms ease 0s; transition: all 400ms ease 0s;} .ctr2 .ysqUEO:hover s:before, .ctr2 .ysqUEO:hover s:after{background-color: #bebebe;}} @media screen and (max-width: 1024px){.ctr2:active s:before, .ctr2:active s:after{background-color: #bebebe;}} @media screen and (min-width: 1025px){.ysqUEO .ctr2.prev:hover s:before{-webkit-transform: rotate(-42deg) translateX(-1px); transform: rotate(-42deg) translateX(-1px);} .ysqUEO .ctr2.prev:hover s:after{-webkit-transform: rotate(42deg) translateX(-1px); transform: rotate(42deg) translateX(-1px);} .ysqUEO .ctr2.next:hover s:before{-webkit-transform: rotate(-42deg) translateX(1px); transform: rotate(-42deg) translateX(1px);} .ysqUEO .ctr2.next:hover s:after{-webkit-transform: rotate(42deg) translateX(1px); transform: rotate(42deg) translateX(1px);}} @media screen and (max-width: 1024px){.ctr2.prev:active s:before{-webkit-transform: rotate(-42deg) translateX(-1px); transform: rotate(-42deg) translateX(-1px);} .ctr2.prev:active s:after{-webkit-transform: rotate(42deg) translateX(-1px); transform: rotate(42deg) translateX(-1px);} .ctr2.next:active s:before{-webkit-transform: rotate(-42deg) translateX(1px); transform: rotate(-42deg) translateX(1px);} .ctr2.next:active s:after{-webkit-transform: rotate(42deg) translateX(1px); transform: rotate(42deg) translateX(1px);}} .ctr2.prev{left: -40px;} .ctr2.next{right: -40px;} @media screen and (min-width: 1367px){.ctr2.prev{left: -3.6rem;} .ctr2.next{right: -3.6rem;}} @media screen and (min-width: 1025px){.ctr2:hover{background-color: rgba(0, 0, 0, 0.05);}} @media screen and (max-width: 1024px){.ctr2{background-color: rgba(0, 0, 0, 0.25); -webkit-tap-highlight-color: rgba(0, 0, 0, 0.04); cursor: pointer; width: 30px; height: 60px; margin-top: -30px; line-height: 60px; -webkit-transition: all 220ms ease 0s, all 220ms ease 0s, all 220ms ease 0s, all 220ms ease 0s; transition: all 220ms ease 0s, all 220ms ease 0s, all 220ms ease 0s, all 220ms ease 0s; color: #ffffff; text-align: center;} .ctr2 s{color: #fff;} .ctr2 s{position: absolute; left: 0; right: 0; top: 0; bottom: 0; font-family: 'SimSun', '宋体' !important; pointer-events: none;} .ctr2:hover{color: #ffffff;} .ysqUEO .ctr2 s{overflow: hidden; text-indent: -9999px; white-space: nowrap; padding: inherit;} .ysqUEO .ctr2 s:before, .ysqUEO .ctr2 s:after{content: " "; position: absolute; top: 50%; left: 50%; width: 16px; height: 1px; background-color: #ffffff;} .ysqUEO .ctr2.prev s:before, .ysqUEO .ctr2.prev s:after{margin-left: -7px; -webkit-transform-origin: 0% 50%; transform-origin: 0% 50%;} .ysqUEO .ctr2.prev s:before{-webkit-transform: rotate(-36deg) translateX(-0.5px); transform: rotate(-36deg) translateX(-0.5px);} .ysqUEO .ctr2.prev s:after{-webkit-transform: rotate(36deg) translateX(-0.5px); transform: rotate(36deg) translateX(-0.5px);} .ysqUEO .ctr2.next s:before, .ysqUEO .ctr2.next s:after{margin-left: -9px; -webkit-transform-origin: 100% 50%; transform-origin: 100% 50%;} .ysqUEO .ctr2.next s:before{-webkit-transform: rotate(-36deg) translateX(0.5px); transform: rotate(-36deg) translateX(0.5px);} .ysqUEO .ctr2.next s:after{-webkit-transform: rotate(36deg) translateX(0.5px); transform: rotate(36deg) translateX(0.5px);} .ctr2 s{position: absolute; left: 0; right: 0; top: 0; bottom: 0; font-family: 'SimSun', '宋体' !important; pointer-events: none;} .ctr2:hover{color: #ffffff;} .ysqUEO .ctr2 s{overflow: hidden; text-indent: -9999px; white-space: nowrap; padding: inherit;} .ysqUEO .ctr2 s:before, .ysqUEO .ctr2 s:after{content: " "; position: absolute; top: 50%; left: 50%; width: 16px; height: 1px; background-color: #ffffff;} .ctr2.prev{left: -30px;} .ctr2.next{right: -30px;}} @media screen and (max-width: 1024px) and screen and (min-width: 1025px){.ctr2 .ysqUEO s:before, .ctr2 .ysqUEO s:after{-webkit-transition: all 400ms ease 0s; transition: all 400ms ease 0s;} .ctr2 .ysqUEO:hover s:before, .ctr2 .ysqUEO:hover s:after{background-color: #ffffff;}} @media screen and (max-width: 1024px) and screen and (max-width: 1024px){.ctr2:active s:before, .ctr2:active s:after{background-color: #ffffff;}} @media screen and (max-width: 1024px) and screen and (min-width: 1025px){.ctr2 .ysqUEO s:before, .ctr2 .ysqUEO s:after{-webkit-transition: all 400ms ease 0s; transition: all 400ms ease 0s;} .ctr2 .ysqUEO:hover s:before, .ctr2 .ysqUEO:hover s:after{background-color: #ffffff;}} @media screen and (max-width: 1024px) and screen and (max-width: 1024px){.ctr2:active s:before, .ctr2:active s:after{background-color: #ffffff;}} @media screen and (max-width: 1024px) and screen and (min-width: 1025px){.ysqUEO .ctr2.prev:hover s:before{-webkit-transform: rotate(-42deg) translateX(-0.5px); transform: rotate(-42deg) translateX(-0.5px);} .ysqUEO .ctr2.prev:hover s:after{-webkit-transform: rotate(42deg) translateX(-0.5px); transform: rotate(42deg) translateX(-0.5px);} .ysqUEO .ctr2.next:hover s:before{-webkit-transform: rotate(-42deg) translateX(0.5px); transform: rotate(-42deg) translateX(0.5px);} .ysqUEO .ctr2.next:hover s:after{-webkit-transform: rotate(42deg) translateX(0.5px); transform: rotate(42deg) translateX(0.5px);}} @media screen and (max-width: 1024px) and screen and (max-width: 1024px){.ctr2.prev:active s:before{-webkit-transform: rotate(-42deg) translateX(-0.5px); transform: rotate(-42deg) translateX(-0.5px);} .ctr2.prev:active s:after{-webkit-transform: rotate(42deg) translateX(-0.5px); transform: rotate(42deg) translateX(-0.5px);} .ctr2.next:active s:before{-webkit-transform: rotate(-42deg) translateX(0.5px); transform: rotate(-42deg) translateX(0.5px);} .ctr2.next:active s:after{-webkit-transform: rotate(42deg) translateX(0.5px); transform: rotate(42deg) translateX(0.5px);}} @media screen and (max-width: 768px){.ctr2.prev{left: 0;} .ctr2.next{right: 0;}} .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;} .vd-box{position: relative; overflow: hidden;} .vd-box .pic, .vd-box .play{position: absolute; left: 0; top: 0; width: 100%; height: 100%;} .vd-box .play{z-index: 2; background-color: rgba(0, 0, 0, 0.75); background-image: url(../images/ico-play.png); background-size: 3.5rem 3.5rem; background-position: 50% 50%; background-repeat: no-repeat;} .vd-box .video{display: none; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 3; background-color: #000;} .m-link{display: none;} @media screen and (max-width: 1024px){.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);}} /* 组件 */ .ysqUEO .scs.hbgOn img, .ysqUEO .scst.hbgOn img, .ysqUEO .scs:hover img, .ysqUEO .scst:hover img{-webkit-transform: scale(1.025); transform: scale(1.025);} .ysqUEO .scs img{-webkit-transition-duration: 800ms; transition-duration: 800ms;} .ysqUEO .scst img{-webkit-transition-duration: 300ms; transition-duration: 300ms; -webkit-transform-origin: 50% 100%; transform-origin: 50% 100%;} .ysqUEO .tfy3, .ysqUEO .tfx3, .ysqUEO .tfy-3, .ysqUEO .tfx-3{-webkit-transition: all 220ms ease 0s, all 220ms ease 0s; transition: all 220ms ease 0s, all 220ms ease 0s;} .ysqUEO .tfy3:hover{-webkit-transform: translateY(3px); transform: translateY(3px);} .ysqUEO .tfx3:hover{-webkit-transform: translateX(3px); transform: translateX(3px);} .ysqUEO .tfy-3:hover{-webkit-transform: translateY(-3px); transform: translateY(-3px);} .ysqUEO .tfx-3:hover{-webkit-transform: translateX(-3px); transform: translateX(-3px);} .ysqUEO .stereoUp{-webkit-box-shadow: 0 0 0 0px rgba(0, 0, 0, 0); box-shadow: 0 0 0 0px rgba(0, 0, 0, 0); -webkit-transition: all 400ms ease 0s; transition: all 400ms ease 0s;} .ysqUEO .stereoUp:hover{-webkit-transform: translateY(-2px); transform: translateY(-2px); -webkit-box-shadow: 1px 2px 4px 0px rgba(0, 0, 0, 0.25); box-shadow: 1px 2px 4px 0px rgba(0, 0, 0, 0.25);} .hbg .op0{visibility: hidden; /* *visibility: visible; */ -webkit-transition: all 250ms cubic-bezier(0.46, 0.03, 0.52, 1) 0s; transition: all 250ms cubic-bezier(0.46, 0.03, 0.52, 1) 0s;} .hbg:hover .op0, .hbg.hbgOn .op0{-webkit-transition: all 250ms cubic-bezier(0.46, 0.03, 0.52, 1) 0ms; transition: all 250ms cubic-bezier(0.46, 0.03, 0.52, 1) 0ms; opacity: 1; visibility: visible;} .hbg:hover .op0.htfn, .hbg.hbgOn .op0.htfn{-webkit-transform: none !important; transform: none !important;} .hbg .front{z-index: 3;} .hbg .behind{z-index: 4;} .hbg .front, .hbg:hover .behind, .hbg.hbgOn .behind{-webkit-transition: all 250ms ease 0ms; transition: all 250ms ease 0ms; opacity: 1; visibility: visible;} .hbg .behind, .hbg:hover .front, .hbg.hbgOn .front{-webkit-transition: all 250ms ease 0ms; transition: all 250ms ease 0ms; opacity: 0; /* *visibility: visible; */ visibility: hidden; /* *visibility: visible; */} /* keyframes use */ @-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 fadeInDowns{0%{opacity: 0.3; -webkit-transform: translate3d(0, 50px, 0); transform: translate3d(0, 50px, 0);} to{opacity: 1; -webkit-transform: none; transform: none;}} @keyframes fadeInDowns{0%{opacity: 0.3; -webkit-transform: translate3d(0, 50px, 0); transform: translate3d(0, 50px, 0);} to{opacity: 1; -webkit-transform: none; transform: none;}} .fadeInDowns{-webkit-animation-name: fadeInDowns; animation-name: fadeInDowns;} @-webkit-keyframes fadeInRights{0%{opacity: 0.3; -webkit-transform: translate3d(50px, 0, 0); transform: translate3d(50px, 0, 0);} to{opacity: 1; -webkit-transform: none; transform: none;}} @keyframes fadeInRights{0%{opacity: 0.3; -webkit-transform: translate3d(50px, 0, 0); transform: translate3d(50px, 0, 0);} to{opacity: 1; -webkit-transform: none; transform: none;}} .fadeInRights{-webkit-animation-name: fadeInRights; animation-name: fadeInRights;} @-webkit-keyframes fadeInLefts{0%{opacity: 0.3; -webkit-transform: translate3d(-50px, 0, 0); transform: translate3d(-50px, 0, 0);} to{opacity: 1; -webkit-transform: none; transform: none;}} @keyframes fadeInLefts{0%{opacity: 0.3; -webkit-transform: translate3d(-50px, 0, 0); transform: translate3d(-50px, 0, 0);} to{opacity: 1; -webkit-transform: none; transform: none;}} .fadeInLefts{-webkit-animation-name: fadeInLefts; animation-name: fadeInLefts;} @-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);}} .ysqUEO .abtnSc{position: relative; overflow: hidden; z-index: 1; -webkit-tap-highlight-color: rgba(0, 0, 0, 0.04); cursor: pointer;} .ysqUEO .abtnSc:after{z-index: -1; content: " "; position: absolute; border-radius: 50%; left: 50%; top: 50%; margin-left: -120px; margin-top: -120px; background-color: #fff; width: 240px; height: 240px; -webkit-transform: scale(0); transform: scale(0); pointer-events: none;} @media screen and (min-width: 1025px){.ysqUEO .abtnSc:after{-webkit-transition: all 250ms ease 0ms; transition: all 250ms ease 0ms; opacity: 0.1; visibility: hidden; /* *visibility: visible; */} .ysqUEO .abtnSc:hover:after{-webkit-transition: all 350ms ease-in 0ms; transition: all 350ms ease-in 0ms; opacity: 0.15; visibility: visible; -webkit-transform: none !important; transform: none !important;}} .ysqUEO .abtnBd{overflow: hidden; z-index: 0; -webkit-tap-highlight-color: rgba(0, 0, 0, 0.04); cursor: pointer;} .ysqUEO .abtnBd:after{content: " "; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: -1; -webkit-box-sizing: border-box; box-sizing: border-box; pointer-events: none; border: 0 solid #aaaaaa; border-radius: inherit; opacity: 0;} @media screen and (min-width: 1025px){.ysqUEO .abtnBd:after{-webkit-transition: all 220ms ease 0s, all 220ms ease 0s; transition: all 220ms ease 0s, all 220ms ease 0s;} .ysqUEO .abtnBd:hover:after{border-width: 30px; opacity: 0.2;}} .ysqUEO .abtnMask{position: relative; overflow: hidden; -webkit-tap-highlight-color: rgba(0, 0, 0, 0.04); cursor: pointer; background-color: #ffffff \9;} .ysqUEO .abtnMask:after{content: " "; position: absolute; left: 0; top: 0; width: 100%; height: 100%; visibility: visible; z-index: 8; background-color: #ffffff; opacity: 0; filter: alpha(opacity=0); filter: "alpha(opacity=0)"; *zoom: 1; pointer-events: none; -webkit-transition: all 200ms ease 0ms; transition: all 200ms ease 0ms;} @media screen and (min-width: 1025px){.ysqUEO .abtnMask:after{-webkit-transition: all 220ms ease 0s, all 220ms ease 0s; transition: all 220ms ease 0s, all 220ms ease 0s;} .ysqUEO .abtnMask:hover:after{opacity: .07;}} .container, .w{-webkit-box-sizing: border-box; box-sizing: border-box;} @media (min-width: 1025px){.container, .w{width: 980px;}} @media (min-width: 1281px){.container, .w{width: 1200px;}} @media (max-width: 1024px){.container, .w{width: 90%;}} @media (max-width: 768px){.container, .w{width: auto; margin-left: 25px !important; margin-right: 25px !important;}} @media (max-width: 640px){.container, .w{margin-left: 15px !important; margin-right: 15px !important;}} @media screen and (min-width: 1025px){.pc-hide{display: none !important;}} @media screen and (max-width: 1024px){.m-hide{display: none !important;}} /* 自定义响应结构 */ /* ysq _ ROW | TR */ .ysqTr, .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: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; -ms-flex-line-pack: start; align-content: flex-start;} .ysqTr:after, .ysqRow:after{display: none;} .ysqTr > .cell, .ysqRow > .col{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;} @media screen and (min-width: 1025px){.ysqTr > .cell3{width: 33.333%;} .ysqTr > .cell4{width: 25%;} .ysqRow > .col3{width: 32%; margin-left: 2%;} .ysqRow > .col3:nth-child(3n+1){margin-left: 0;} .ysqRow > .col3:nth-child(1n+4){margin-top: 2.5%;} .ysqRow > .col4{width: 23.5%; margin-left: 2%;} .ysqRow > .col4:nth-child(4n+1){margin-left: 0;} .ysqRow > .col4:nth-child(1n+5){margin-top: 2.5%;}} @media screen and (min-width: 1441px){.ysqRow > .col5{width: 18.4%; margin-left: 2%;} .ysqRow > .col5:nth-child(5n+1){margin-left: 0;} .ysqRow > .col5:nth-child(1n+6){margin-top: 2%;}} @media screen and (max-width: 1440px){.ysqRow > .col5{width: 23.5%; margin-left: 2%;} .ysqRow > .col5:nth-child(4n+1){margin-left: 0;} .ysqRow > .col5:nth-child(1n+5){margin-top: 2%;}} @media screen and (max-width: 1024px){.ysqTr > .cell4{width: 50%;}} @media screen and (max-width: 1024px) and (min-width: 401px){.ysqRow > .col3{width: 49%; margin-left: 2%;} .ysqRow > .col3:nth-child(2n+1){margin-left: 0;} .ysqRow > .col3:nth-child(1n+3){margin-top: 2%;}} @media screen and (max-width: 1024px) and (min-width: 769px){.ysqRow > .col4, .ysqRow > .col5{width: 32%; margin-left: 2%;} .ysqRow > .col4:nth-child(3n+1), .ysqRow > .col5:nth-child(3n+1){margin-left: 0;} .ysqRow > .col4:nth-child(1n+4), .ysqRow > .col5:nth-child(1n+4){margin-top: 2%;}} @media screen and (max-width: 768px) and (min-width: 401px){.ysqRow > .col4, .ysqRow > .col5{width: 49%; margin-left: 2%;} .ysqRow > .col4:nth-child(2n+1), .ysqRow > .col5:nth-child(2n+1){margin-left: 0;} .ysqRow > .col4:nth-child(1n+3), .ysqRow > .col5:nth-child(1n+3){margin-top: 2%;} .loading{background-size: 80px 16px;}} @media screen and (max-width: 400px){.ysqRow > .col3, .ysqRow > .col4, .ysqRow > .col5{float: none; width: 100%; margin-left: auto !important; margin-right: auto !important; display: block;} .ysqRow > .col3:nth-child(1n+2), .ysqRow > .col4:nth-child(1n+2), .ysqRow > .col5:nth-child(1n+2){margin-top: 10px;} .ysqTr > .cell4{width: 100%;}} /* 滚动加载 */ .scrollAjax #loadState{position: relative; width: 200px; height: 40px; margin: 40px auto 0; cursor: pointer; text-align: center; line-height: 40px; background-color: #0061ae; 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: #0061ae; 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 220ms ease 0s; transition: none 220ms ease 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 0s; transition: all 600ms ease 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; -webkit-transition: all 600ms ease 0s; transition: all 600ms ease 0s;} .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%; background-color: #333333;} .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 0ms; transition: all 300ms ease 0ms;} .ysqUEO .TAlert .contain .Tclose s:hover:before, .ysqUEO .TAlert .contain .Tclose s:hover:after{background-color: #333333;} .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);} .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 0ms; transition: all 250ms ease 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: #0061ae; 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 0s; transition: all 330ms ease 0s; -webkit-transform: translateY(-100%) scale(0.2); transform: translateY(-100%) scale(0.2);} .ysqUEO .TAlert.on .contain{opacity: 1; -webkit-transform: none !important; transform: none !important;} .pageListBox{padding-top: 0.8rem; margin-bottom: -0.4rem;} .pageListBox .pageList{position: relative; line-height: 32px; 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 span{display: inline-block; *display: inline; *zoom: 1; vertical-align: top;} .pageListBox .pageList ul span{margin: 0 4px; font-size: 14px;} .pageListBox .pageList ul .ctr a{font-weight: bold; font-size: 14px; font-family: 'SimSun', '宋体' !important;} .pageListBox .pageList a,.pageListBox .pageList span{display: inline-block; border: #d8dce0 solid 1px; width: 58px; height: 32px; font-family: Arial, sans-serif, 'Microsoft YaHei', '微软雅黑'; color: #999; background-color: #fff; -webkit-transition: background 200ms, color 200ms; transition: background 200ms, color 200ms; font-size: 14px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0.04); cursor: pointer;} .pageListBox .pageList a.selected{color: #fff; background-color: #0061ae; border-color: #0061ae;} .pageListBox .pageList a:active{border-color: #fff !important;} @media screen and (min-width: 1025px){.pageListBox .pageList a:hover{color: #fff; background-color: #0061ae; border-color: #0061ae;}} @media screen and (max-width: 1024px){.pageListBox .pageList{overflow-x: auto; overflow-y: hidden;} .pageListBox .pageList a:active{color: #fff; background-color: #0061ae; border-color: #0061ae;}} @media screen and (max-width: 768px){.pageListBox .pageList{line-height: 28px;} .pageListBox .pageList ul li{margin-left: 4px; margin-right: 4px;} .pageListBox .pageList a{width: 28px; height: 28px; line-height: 28px;}} /* header */ .header{position: fixed; left: 0; top: 0; width: 100%; z-index: 20; background-color: #fff;} .header .contain{position: relative; height: 100%;} .header .bg{display: none; z-index: 5;} .header .logo{float: left; position: relative; height: 100%; font-size: 0; white-space: nowrap;} .header .logo img{display: inline-block; height: 100%;} .header .logo .words{margin-left: 0.32rem;} .header .secNav{display: none;} .fixedNav .header{-webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.15); box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.15);} @media screen and (min-width: 1025px){.subpage{padding-top: 80px;} .hidePoint{top: -80px;} .header{height: 80px;} .header .firNav{position: absolute; top: 0; 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: 80px; height: 80px; white-space: nowrap; padding-left: 0.12rem; padding-right: 0.12rem;} .header .firNav .firItem:nth-child(1n+2){margin-left: 0.2rem;} .header .firNav .firItem:before, .header .firNav .firItem:after{position: absolute; top: 0; -webkit-transition: all 250ms ease 0ms; transition: all 250ms ease 0ms; opacity: 0; visibility: hidden; /* *visibility: visible; */ color: #0061ae;} .header .firNav .firItem:before{content: "["; left: 0;} .header .firNav .firItem:after{content: "]"; right: 0;} .header .firNav .firItem .link1{display: block; font-size: 15px; color: #333333;} .header .firNav .firItem.on{padding-left: 0.24rem; padding-right: 0.24rem;} .header .firNav .firItem.on .link1{color: #0061ae;} .header .firNav .firItem.on:before, .header .firNav .firItem.on:after{-webkit-transition: all 250ms ease 0ms; transition: all 250ms ease 0ms; opacity: 1; visibility: visible;} .header .firNav .firItem:hover .link1{color: #0061ae;} .header .firNav .ctr{display: none;} .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(0, 97, 174, 0.9); -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.1);} .header .secNav .col{display: inline-block; vertical-align: top; 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);} .header .navbtn{display: none;}} @media screen and (min-width: 1367px){.subpage{padding-top: 0px;} .hidePoint{top: -90px;} .header{height: 90px;} .header .firNav .firItem{padding-left: 0.2rem; padding-right: 0.2rem; line-height: 90px; height: 90px;} .header .firNav .firItem .link1{font-size: 16px;} .header .firNav .firItem:nth-child(1n+2){margin-left: 0.2rem;} .header .firNav .firItem.on{padding-left: 0.32rem; padding-right: 0.32rem;}} @media screen and (max-width: 1024px){.index, .subpage{padding-top: 72px;} .hidePoint{top: -72px;} .header{height: 72px;} .header .bg{position: fixed !important; background-color: rgba(0, 0, 0, 0.2);} .header .navbtn{z-index: 45; position: absolute; overflow: hidden; display: block; right: -5px; top: 13px; padding: 5px; width: 36px; height: 36px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0.04); cursor: pointer;} .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: #0061ae; -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: m 50%; transform-origin: m 50%;} .header .navbtn .i3{bottom: 9px;} .navShow .header .navbtn{position: fixed; z-index: 80; margin-right: 3.125%;} .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%);} .header .firNav .firItem{position: relative; overflow: hidden; font-size: 18px; line-height: 40px; border-bottom: #d7e2e8 solid 1px;} .header .firNav .firItem > .link{display: block; -webkit-transition: all 220ms ease 0s, all 220ms ease 0s; transition: all 220ms ease 0s, all 220ms ease 0s; -webkit-tap-highlight-color: rgba(0, 0, 0, 0.04); cursor: pointer; text-indent: 8px;} .header .firNav .firItem.on > .link{color: #0061ae;} .header .firNav .firItem.on .secNav{display: block;} .header .firNav .firItem.on .ctr{-webkit-transform: rotate(90deg); transform: rotate(90deg);} .header .firNav .ctr{position: absolute; right: 0; top: 0; width: 40px; height: 40px; -webkit-transition: all 220ms ease 0s, all 220ms ease 0s, all 220ms ease 0s, all 220ms ease 0s; transition: all 220ms ease 0s, all 220ms ease 0s, all 220ms ease 0s, all 220ms ease 0s; pointer-events: none; color: #0061ae; text-align: center;} .header .firNav .ctr s{position: absolute; left: 0; right: 0; top: 0; bottom: 0; font-family: 'SimSun', '宋体' !important; pointer-events: none;} .header .firNav .ctr:hover{color: #0061ae;} .ysqUEO .header .firNav .ctr s{overflow: hidden; text-indent: -9999px; white-space: nowrap; padding: inherit;} .ysqUEO .header .firNav .ctr s:before, .ysqUEO .header .firNav .ctr s:after{content: " "; position: absolute; top: 50%; left: 50%; width: 8px; height: 1px; background-color: #0061ae;} .ysqUEO .header .firNav .ctr s:before, .ysqUEO .header .firNav .ctr s:after{margin-left: -5px; -webkit-transform-origin: 100% 50%; transform-origin: 100% 50%;} .ysqUEO .header .firNav .ctr s:before{-webkit-transform: rotate(-40deg) translateX(0.5px); transform: rotate(-40deg) translateX(0.5px);} .ysqUEO .header .firNav .ctr s:after{-webkit-transform: rotate(40deg) translateX(0.5px); transform: rotate(40deg) translateX(0.5px);} .header .secNav{line-height: 1.5; font-size: 16px; padding-bottom: 8px;} .header .secNav .col{display: inline;} .header .secNav .secItem{white-space: nowrap; color: #777;} .header .secNav .secItem .link{display: block; padding: 2px 12px;} .header .secNav .secItem:active{color: #111;} .header .secNav .secItem.on{color: #111; text-decoration: underline;} .header .secNav + .ctr{display: block;} .navShow .header .bg{display: block;} .navShow .header .contain{z-index: 8;} .navShow .firNav{-webkit-transition: all 400ms ease 0s; transition: all 400ms ease 0s; -webkit-transform: none !important; transform: none !important;}} @media screen and (max-width: 1024px) and screen and (min-width: 1025px){.header .firNav .ctr .ysqUEO s:before, .header .firNav .ctr .ysqUEO s:after{-webkit-transition: all 400ms ease 0s; transition: all 400ms ease 0s;} .header .firNav .ctr .ysqUEO:hover s:before, .header .firNav .ctr .ysqUEO:hover s:after{background-color: #0061ae;}} @media screen and (max-width: 1024px) and screen and (max-width: 1024px){.header .firNav .ctr:active s:before, .header .firNav .ctr:active s:after{background-color: #0061ae;}} @media screen and (max-width: 1024px) and screen and (min-width: 1025px){.ysqUEO .header .firNav .ctr:hover s:before{-webkit-transform: rotate(-40deg) translateX(0.5px); transform: rotate(-40deg) translateX(0.5px);} .ysqUEO .header .firNav .ctr:hover s:after{-webkit-transform: rotate(40deg) translateX(0.5px); transform: rotate(40deg) translateX(0.5px);}} @media screen and (max-width: 1024px) and screen and (max-width: 1024px){.ysqUEO .header .firNav .ctr:active s:before{-webkit-transform: rotate(-40deg) translateX(0.5px); transform: rotate(-40deg) translateX(0.5px);} .ysqUEO .header .firNav .ctr:active s:after{-webkit-transform: rotate(40deg) translateX(0.5px); transform: rotate(40deg) translateX(0.5px);}} @media screen and (max-width: 768px){.header .firNav .firItem{font-size: 16px; line-height: 32px;} .header .firNav .ctr{width: 32px; height: 32px;} .header .secNav{font-size: 14px;}} /* index */ .index-banner{z-index: 6; position: relative; width: 100%; height: 0; padding-bottom: 100vh; -webkit-transition: all 220ms ease 0s, all 220ms ease 0s; transition: all 220ms ease 0s, all 220ms ease 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 0s; transition: all 600ms ease 0s;} .index-banner .item.moveItem{position: absolute;} .index-banner .item.on:before, .index-banner .item.on:after{-webkit-transition: all 1200ms ease 0s; transition: all 1200ms ease 0s;} .index-banner .ctr{z-index: 8; position: absolute; top: 50%; margin-top: 0; width: 40px; height: 80px; line-height: 80px; -webkit-transition: all 220ms ease 0s, all 220ms ease 0s, all 220ms ease 0s, all 220ms ease 0s; transition: all 220ms ease 0s, all 220ms ease 0s, all 220ms ease 0s, all 220ms ease 0s; color: #ffffff; text-align: center;} .index-banner .ctr s{font-size: 44px; font-weight: bold; background-color: rgba(0, 0, 0, 0.2); -webkit-transition: all 400ms ease 0s; transition: all 400ms ease 0s;} .index-banner .ctr s{position: absolute; left: 0; right: 0; top: 0; bottom: 0; font-family: 'SimSun', '宋体' !important; pointer-events: none;} .index-banner .ctr:hover{color: #ffffff;} .ysqUEO .index-banner .ctr s{overflow: hidden; text-indent: -9999px; white-space: nowrap; padding: inherit;} .ysqUEO .index-banner .ctr s:before, .ysqUEO .index-banner .ctr s:after{content: " "; position: absolute; top: 50%; left: 50%; width: 22px; height: 2px; background-color: #ffffff;} @media screen and (min-width: 1025px){.index-banner .ctr .ysqUEO s:before, .index-banner .ctr .ysqUEO s:after{-webkit-transition: all 400ms ease 0s; transition: all 400ms ease 0s;} .index-banner .ctr .ysqUEO:hover s:before, .index-banner .ctr .ysqUEO:hover s:after{background-color: #ffffff;}} @media screen and (max-width: 1024px){.index-banner .ctr:active s:before, .index-banner .ctr:active s:after{background-color: #ffffff;}} .ysqUEO .index-banner .ctr.prev s:before, .ysqUEO .index-banner .ctr.prev s:after{margin-left: -9px; -webkit-transform-origin: 0% 50%; transform-origin: 0% 50%;} .ysqUEO .index-banner .ctr.prev s:before{-webkit-transform: rotate(-45deg) translateX(-1px); transform: rotate(-45deg) translateX(-1px);} .ysqUEO .index-banner .ctr.prev s:after{-webkit-transform: rotate(45deg) translateX(-1px); transform: rotate(45deg) translateX(-1px);} .ysqUEO .index-banner .ctr.next s:before, .ysqUEO .index-banner .ctr.next s:after{margin-left: -13px; -webkit-transform-origin: 100% 50%; transform-origin: 100% 50%;} .ysqUEO .index-banner .ctr.next s:before{-webkit-transform: rotate(-45deg) translateX(1px); transform: rotate(-45deg) translateX(1px);} .ysqUEO .index-banner .ctr.next s:after{-webkit-transform: rotate(45deg) translateX(1px); transform: rotate(45deg) translateX(1px);} .index-banner .ctr s{position: absolute; left: 0; right: 0; top: 0; bottom: 0; font-family: 'SimSun', '宋体' !important; pointer-events: none;} .index-banner .ctr:hover{color: #ffffff;} .ysqUEO .index-banner .ctr s{overflow: hidden; text-indent: -9999px; white-space: nowrap; padding: inherit;} .ysqUEO .index-banner .ctr s:before, .ysqUEO .index-banner .ctr s:after{content: " "; position: absolute; top: 50%; left: 50%; width: 22px; height: 2px; background-color: #ffffff;} @media screen and (min-width: 1025px){.index-banner .ctr .ysqUEO s:before, .index-banner .ctr .ysqUEO s:after{-webkit-transition: all 400ms ease 0s; transition: all 400ms ease 0s;} .index-banner .ctr .ysqUEO:hover s:before, .index-banner .ctr .ysqUEO:hover s:after{background-color: #ffffff;}} @media screen and (max-width: 1024px){.index-banner .ctr:active s:before, .index-banner .ctr:active s:after{background-color: #ffffff;}} @media screen and (min-width: 1025px){.ysqUEO .index-banner .ctr.prev:hover s:before{-webkit-transform: rotate(-45deg) translateX(-1px); transform: rotate(-45deg) translateX(-1px);} .ysqUEO .index-banner .ctr.prev:hover s:after{-webkit-transform: rotate(45deg) translateX(-1px); transform: rotate(45deg) translateX(-1px);} .ysqUEO .index-banner .ctr.next:hover s:before{-webkit-transform: rotate(-45deg) translateX(1px); transform: rotate(-45deg) translateX(1px);} .ysqUEO .index-banner .ctr.next:hover s:after{-webkit-transform: rotate(45deg) translateX(1px); transform: rotate(45deg) translateX(1px);}} @media screen and (max-width: 1024px){.index-banner .ctr.prev:active s:before{-webkit-transform: rotate(-45deg) translateX(-1px); transform: rotate(-45deg) translateX(-1px);} .index-banner .ctr.prev:active s:after{-webkit-transform: rotate(45deg) translateX(-1px); transform: rotate(45deg) translateX(-1px);} .index-banner .ctr.next:active s:before{-webkit-transform: rotate(-45deg) translateX(1px); transform: rotate(-45deg) translateX(1px);} .index-banner .ctr.next:active s:after{-webkit-transform: rotate(45deg) translateX(1px); transform: rotate(45deg) translateX(1px);}} .index-banner .ctr.prev{left: 0;} .index-banner .ctr.prev s{-webkit-transform-origin: 0 50%; transform-origin: 0 50%;} .index-banner .ctr.next{right: 0;} .index-banner .ctr.next s{-webkit-transform-origin: 100% 50%; transform-origin: 100% 50%;} .index-banner .pagination{height: 10px; line-height: 10px; position: absolute; bottom: 20px; left: 0; width: 100%; z-index: 3; white-space: nowrap; text-align: center;} .index-banner .pagination .btn{display: inline-block; vertical-align: bottom; position: relative; overflow: hidden; z-index: 1; height: 10px; -webkit-transition: all 220ms ease 0s, all 220ms ease 0s; transition: all 220ms ease 0s, all 220ms ease 0s; text-indent: -9999px; *text-indent: 0; *font-size: 0; margin: 0 5px; background-color: #fff; width: 10px; opacity: .4; border-radius: 10px; -webkit-box-sizing: border-box; box-sizing: border-box;} .index-banner .pagination .btn.on{width: 26px; opacity: 1;} @media screen and (max-width: 1024px){.index-banner{padding-bottom: 55%;} .index-banner .ctr{margin-top: -40px;} .index-banner .ctr s{-webkit-transform: scale(0.8); transform: scale(0.8);} .index-banner .pagination{bottom: 15px;} .index-banner .pagination .btn{width: 8px; height: 8px;} .index-banner .pagination .btn.on{width: 20px;}} .index-head{color: #0061ae;} .index-head .en{font-family: Times New Roman, sans-serif;} .index-head .hr{margin-top: 10px; position: relative; height: 4px;} .index-head .hr:before, .index-head .hr:after{content: " "; position: absolute; left: 0;} .index-head .hr:before{bottom: 0; background-color: #f18101; height: 4px; width: 20px; z-index: 3;} .index-head .hr:after{bottom: 1px; border-top: #d1d1d1 dotted 1px; width: 4rem;} .index-head .cn{margin-top: 15px;} @media screen and (max-width: 1024px){.index-head{text-align: center;} .index-head .hr:before, .index-head .hr:after{left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%);}} .index-about{padding-top: 2rem; padding-bottom: 1.8rem; background-image: url(../images/bgi-about.png); background-size: 0.16rem 0.16rem; background-position: 50% 50%; background-repeat: repeat;} .index-about-contain{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: start; align-content: flex-start;} .index-about-contain:after{display: none;} .index-about-contain .intro{width: 620px; max-width: 44%;} .index-about-contain .intro .imax{margin-top: 1rem; color: #666666; line-height: 32px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical; max-height: 160px;} @media screen and (max-width: 1440px){.index-about-contain .intro .imax{line-height: 28px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical; max-height: 140px;}} .index-about-contain .intro .df{margin-top: 0.8rem; 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: start; align-content: flex-start;} .index-about-contain .intro .df:after{display: none;} .index-about-contain .intro .df .link{display: inline-block; vertical-align: top; width: 25%; max-width: 140px; -webkit-box-sizing: border-box; box-sizing: border-box; border: #cdcdcd solid 1px; border-radius: 0.2rem; text-align: center; padding: 1em 0; color: #666666; white-space: nowrap;} .index-about-contain .intro .df .link:nth-child(1n+2){margin-left: 2%;} .index-about-contain .intro .df .link .ico{display: block; margin-bottom: 0.3rem; margin-left: auto; margin-right: auto; width: 40px; height: 40px; background-repeat: no-repeat; background-position: 0 0; background-size: 100% auto;} @media screen and (min-width: 1025px){.index-about-contain .intro .df .link{-webkit-transition: all 220ms ease 0s, all 220ms ease 0s; transition: all 220ms ease 0s, all 220ms ease 0s;} .index-about-contain .intro .df .link .ico{-webkit-transition: all 400ms ease 0s; transition: all 400ms ease 0s;} .index-about-contain .intro .df .link:hover{background-color: #f18101; color: #fff;} .index-about-contain .intro .df .link:hover .ico{background-position: 0 bottom;}} @media screen and (max-width: 1024px){.index-about-contain .intro .df .link:active{background-color: #f18101; color: #fff;} .index-about-contain .intro .df .link:active .ico{background-position: 0 bottom;}} .index-about-contain .videoBox{max-width: 48%; width: 770px; padding-right: 0.8rem; padding-bottom: 0.6rem; background-image: url(../images/bgi-about-video.png); background-size: auto 100%; background-position: right bottom; background-repeat: no-repeat;} .index-about-contain .videoBox .pic{display: block; width: 100%; height: 0; padding-bottom: 62.33766234%; background-color: #000;} .index-about-contain .videoBox .pic .tip{position: absolute; z-index: 10; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); text-align: center; color: #fff;} .index-about-contain .videoBox .pic .tip:before{content: " "; display: block; margin-bottom: 0.36rem; margin-left: auto; margin-right: auto; width: 1.32rem; height: 1.32rem; background-image: url(../images/btni-video.png); background-size: 100% 100%; background-position: 50% top; background-repeat: no-repeat; min-width: 48px; min-height: 48px;} .index-about-contain .videoBox .pic > img{opacity: .7; -webkit-transition: all 400ms ease 0s; transition: all 400ms ease 0s;} @media screen and (min-width: 1025px){.index-about-contain .videoBox .pic:hover > img{opacity: 0.8;}} @media screen and (max-width: 1024px){.index-about-contain{display: block;} .index-about-contain .intro{margin-left: auto; margin-right: auto; max-width: 100%; width: 710px; text-align: center;} .index-about-contain .intro .df{width: 600px; max-width: 95%; margin-left: auto; margin-right: auto;} .index-about-contain .intro .df .link .ico{width: 32px; height: 32px; margin-bottom: 10px;} .index-about-contain .videoBox{max-width: 100%; margin-left: auto; margin-right: auto; margin-top: 0.6rem; background-image: none; padding: 0;}} .index-business{position: relative; padding-top: 3.4rem; padding-bottom: 3.2rem;} .index-business-tab{position: relative; color: #fff;} .index-business-tab .index-head{color: #fff; white-space: nowrap;} .index-business-tab .intro{position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 370px; max-width: 25%;} .index-business-tab .intro .imax{margin-top: 1rem;} .index-business-tab .intro .more{margin-top: 1.44rem; font-size: 14px; color: #fff; display: block;} .index-business-tab .intro .more:before{content: " "; display: inline-block; vertical-align: middle; margin-right: 15px; width: 1.32rem; height: 1.32rem; background-image: url(../images/btni-more1.png); background-size: 100% 100%; background-position: 50% 50%; background-repeat: no-repeat; -webkit-animation-name: rotate360; animation-name: rotate360; -webkit-animation-duration: 6s; animation-duration: 6s; -webkit-animation-delay: 0s; animation-delay: 0s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-direction: normal; animation-direction: normal; -webkit-animation-play-state: paused; animation-play-state: paused; -webkit-animation-fill-mode: both; animation-fill-mode: both;} .index-business-tab .intro .more:hover:before{-webkit-animation-play-state: running; animation-play-state: running;} .index-business-tab .Tt{position: relative; z-index: 2; width: 560px; max-width: 40%; margin-left: auto; margin-right: auto; padding: 0.4rem; -webkit-box-sizing: border-box; box-sizing: border-box;} .index-business-tab .Tt:before{content: " "; position: absolute; left: 0; top: 0; right: 0; bottom: 0; background-image: url(../images/bgi-business-circle.png); background-size: 100% 100%; background-position: 50% 50%; background-repeat: no-repeat; -webkit-animation-name: rotate360; animation-name: rotate360; -webkit-animation-duration: 12s; animation-duration: 12s; -webkit-animation-delay: 0s; animation-delay: 0s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -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; pointer-events: none;} .index-business-tab .Tt .box{height: 0; padding-bottom: 100%; border-radius: 50%; background-color: #fff;} .index-business-tab .Tg{position: absolute; right: 0.4rem; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 370px; max-width: 25%; text-align: right;} .index-business-tab .Tg:after{content: " "; position: absolute; right: 9px; top: -1rem; bottom: -1rem; width: 0; border-left: rgba(255, 255, 255, 0.6) dotted 1px;} .index-business-tab .Tg .btn{position: relative; margin-right: 24px; padding-right: 2rem; display: block; color: #fff; -webkit-transition: all 220ms ease 0s, all 220ms ease 0s; transition: all 220ms ease 0s, all 220ms ease 0s;} .index-business-tab .Tg .btn .dot{position: absolute; right: -24px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 19px; height: 19px; -webkit-box-sizing: border-box; box-sizing: border-box; border: #fff solid 2px; -webkit-transition: all 220ms ease 0s, all 220ms ease 0s; transition: all 220ms ease 0s, all 220ms ease 0s; border-radius: 50%;} .index-business-tab .Tg .btn .ico{position: absolute; right: 0.24rem; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 1.4rem; height: 1.4rem; background-repeat: no-repeat; background-size: auto 100%; background-position: left 0;} .index-business-tab .Tg .btn:nth-child(1n+2){margin-top: 1.2rem;} .index-business-tab .Tg .btn .cn{font-size: 1em;} .index-business-tab .Tg .btn .en{margin-top: 6px; font-size: 12px; line-height: 14px; text-transform: uppercase;} .index-business-tab .Tg .btn.on{color: #fec02d;} .index-business-tab .Tg .btn.on .dot{border-color: #fec02d;} .index-business-tab .Tg .btn.on .ico{background-position: right 0;} @media screen and (max-width: 1024px){.index-business-tab{display: block;} .index-business-tab .intro, .index-business-tab .Tg{position: relative; left: auto; right: auto; top: auto; bottom: auto; -webkit-transform: none !important; transform: none !important;} .index-business-tab .intro, .index-business-tab .Tg, .index-business-tab .Tt{max-width: 100%; margin-left: auto; margin-right: auto;} .index-business-tab .intro{width: 710px; text-align: center;} .index-business-tab .intro .more{margin-top: 20px; text-align: center;} .index-business-tab .Tt{display: none; margin-top: 0.6rem; padding: 0;} .index-business-tab .Tt:before{display: none; -webkit-animation-play-state: paused; animation-play-state: paused;} .index-business-tab .Tt .box{border-radius: 0;} .index-business-tab .Tg{width: 100%; margin-top: 0.8rem; text-align: center; white-space: nowrap; font-size: 0; overflow-x: auto;} .index-business-tab .Tg:after{display: none;} .index-business-tab .Tg .btn{display: inline-block; vertical-align: top; margin-right: 0 !important; padding-right: 0; width: 5.25em; padding: .5em .5em .75em; background-color: rgba(0, 0, 0, 0.2);} .index-business-tab .Tg .btn:nth-child(1n+2){margin-top: 0; margin-left: 10px;} .index-business-tab .Tg .btn .ico{display: block; margin-left: auto; margin-right: auto; position: relative; -webkit-transform: none !important; transform: none !important; right: 0; width: 36px; height: 36px;} .index-business-tab .Tg .btn .dot{display: none;} .index-business-tab .Tg .btn .cn{margin-top: 2px;} .index-business-tab .Tg .btn .en{display: none;}} .index-news{padding-top: 2rem; padding-bottom: 2rem;} .index-news-tab{position: relative;} .index-news-tab .Tg{position: absolute; right: 0; margin-top: -30px; line-height: 30px; white-space: nowrap; overflow-x: auto;} .index-news-tab .Tg s, .index-news-tab .Tg .btn{font-size: 16px;} .index-news-tab .Tg s{color: #bbb; margin-left: 0.4rem; margin-right: 0.4rem;} .index-news-tab .Tg .btn{color: #666666;} .index-news-tab .Tg .btn.on{color: #0061ae;} .index-news-tab .Tt{margin-top: 0.8rem;} @media screen and (max-width: 1024px){.index-news-tab .Tg{position: relative; margin-top: 0.6rem; text-align: center; line-height: 20px;}} .index-news-list .item{width: 23.5%; margin-right: 2%;} .index-news-list .item:nth-child(4n+4){margin-right: 0;} .index-news-list .item .pic{height: 0; padding-bottom: 56.31578947%; background-color: #f1f1f1;} .index-news-list .item .pic:before, .index-news-list .item .pic:after{content: " "; z-index: 3; -webkit-transition: all 250ms ease 0ms; transition: all 250ms ease 0ms; opacity: 0; visibility: hidden; /* *visibility: visible; */ -webkit-transform: scale(0); transform: scale(0);} .index-news-list .item .pic:before{position: absolute; left: 0; top: 0; right: 0; bottom: 0; background-color: rgba(241, 129, 1, 0.8);} .index-news-list .item .pic:after{position: absolute; left: 0.2rem; top: 0.2rem; right: 0.2rem; bottom: 0.2rem; border: rgba(255, 255, 255, 0.7) solid 1px;} .index-news-list .item .pic .zoom{position: absolute; z-index: 4; left: 50%; top: 50%; color: #fff; padding-top: 1.12rem; background-image: url(../images/btni-zoom.png); background-size: auto 0.8rem; background-position: 50% 0; background-repeat: no-repeat; -webkit-transition: all 250ms ease 0ms; transition: all 250ms ease 0ms; opacity: 0; visibility: hidden; /* *visibility: visible; */ -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%);} .index-news-list .item h3{line-height: 1.25; position: relative; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; margin-top: 0.4rem; color: #333333;} .index-news-list .item p{margin-top: 0.3rem; font-size: 14px; line-height: 24px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; max-height: 48px; height: 48px;} .index-news-list .item .time{display: block; margin-top: 0.2rem; font-size: 14px; color: #999999;} .index-news-list .emptyList{height: 2rem;} @media screen and (min-width: 1025px){.index-news-list .item:hover .pic:before, .index-news-list .item:hover .pic:after{-webkit-transform: none !important; transform: none !important; -webkit-transition: all 250ms ease 0ms; transition: all 250ms ease 0ms; opacity: 1; visibility: visible;} .index-news-list .item:hover .zoom{-webkit-transition: all 250ms ease 150ms; transition: all 250ms ease 150ms; opacity: 1; visibility: visible; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%);}} @media screen and (max-width: 1024px){.index-news-list{margin-left: auto; margin-right: auto; width: 770px; max-width: 100%;} .index-news-list .item{width: 48%; margin-right: 4% !important;} .index-news-list .item:nth-child(2n+2){margin-right: 0 !important;} .index-news-list .item:nth-child(1n+3){margin-top: 4%;} .index-news-list .item p{line-height: 20px; height: 40px; max-height: 40px;}} .footer{background-color: #333333;} .footer, .footer a{color: #999999;} .footer-t{padding-top: 20px; padding-bottom: 15px; border-bottom: #3e3e3e solid 1px; line-height: 36px;} @media screen and (max-width: 1024px){.footer-t{text-align: center; line-height: 26px;}} .footer-nav{font-size: 0; padding-left: 56px; background-image: url(../images/icof-link.png); background-size: auto 100%; background-position: 0 50%; background-repeat: no-repeat;} .footer-nav s, .footer-nav .link1{display: inline-block; vertical-align: top; font-size: 14px;} .footer-nav s{margin-left: 0.4rem; margin-right: 0.4rem;} @media screen and (max-width: 1024px){.footer-nav{background-image: none; padding-left: 0;}} .footer-tel{font-size: 14px;} .footer-tel .btn{font-style: italic;} @media screen and (max-width: 1024px){.footer-tel{margin-top: 4px;}} .footer-m{padding-top: 30px; padding-bottom: 20px;} @media screen and (max-width: 1024px){.footer-m{padding-top: 24px; padding-bottom: 16px; text-align: center;}} .footer-contact{font-size: 14px;} .footer-contact p{line-height: 20px; padding-top: 0.12rem; padding-bottom: 0.12rem;} .footer-contact .icoImg{margin-right: 2px; vertical-align: top; width: 1em; height: 1em;} .footer-qrcode{position: relative;} .footer-qrcode img{width: 110px; height: 110px; background-color: #fff;} .footer-qrcode p{position: absolute; right: 100%; margin-right: 0.3rem; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); white-space: nowrap; text-align: right; line-height: 24px;} @media screen and (max-width: 1024px){.footer-qrcode{margin-top: 15px;} .footer-qrcode p{position: relative; right: auto; -webkit-transform: none !important; transform: none !important; margin: 5px 0 0; text-align: center; line-height: 18px;}} .footer-b{background-color: #2a2a2a; padding-top: 20px; padding-bottom: 20px; line-height: 20px; text-align: center;} /* subpage */ .subpage-banner{position: relative; overflow: hidden; z-index: 1; height: 100px; padding-top: 3rem; padding-bottom: 3rem;} .subpage-banner .container{position: relative; height: 100%;} .subpage-banner .txt{position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); left: 0; color: #fff;} .subpage-banner .txt .en{margin-top: 0.28rem; text-transform: uppercase;} .subpage-banner .txt .hr{margin-top: 0.4rem; width: 50px; height: 2px; background-color: #fff;} .subpage-neck{height: 70px; line-height: 70px; background-color: #fff; -webkit-box-shadow: 0px 4px 3.84px 0.16px rgba(0, 0, 0, 0.05); box-shadow: 0px 4px 3.84px 0.16px rgba(0, 0, 0, 0.05);} @media screen and (max-width: 1440px){.subpage-neck{height: 60px; line-height: 60px;}} @media screen and (max-width: 1024px){.subpage-neck{height: 54px; line-height: 54px;}} @media screen and (max-width: 768px){.subpage-neck{height: 48px; line-height: 48px;}} .subpage-nav{margin-right: 260px;} .subpage-nav .link2{position: relative; overflow: hidden; display: inline-block; vertical-align: top; height: 100%; padding-left: 20px; padding-right: 20px; font-size: 16px; color: #333333; min-width: 3em; text-align: center;} .subpage-nav .link2:after{content: " "; position: absolute; bottom: 0; left: 0; width: 100%; background-color: #f18101; height: 3px; display: none;} #on{background-color: #0061ae; color: #fff;} .subpage-nav .link2.on:after{display: block;} @media screen and (max-width: 1024px){.subpage-nav{margin-right: 0; width: 100%; text-align: center;} .subpage-nav .link{padding-left: 16px; padding-right: 16px;}} .subpage-nav.skinRed .link2.on{background-color: #b8180b;} .subpage-crumbs{position: absolute; right: 0; top: 0; max-width: 260px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; padding-left: 22px; background-image: url(../images/icos-home.png); background-size: auto; background-position: 0 50%; background-repeat: no-repeat;} @media screen and (max-width: 1024px){.subpage-crumbs{display: none;}} .subpage-wrap{position: relative; z-index: 2; padding-bottom: 1.6rem; padding-top: 1rem;} .subpage-wrap > img.bg{-o-object-position: 50% 100%; object-position: 50% 100%;} .subpage-box{background-color: #fff; padding: 40px 40px 80px;} @media screen and (max-width: 1024px){.subpage-box{padding: 30px 30px 60px;}} @media screen and (max-width: 640px){.subpage-box{padding: 20px 20px 40px; font-size: 14px;}} .subpage-head{position: relative; margin-bottom: 0.8rem; color: #333333; height: 1em; padding-bottom: 0.4rem; border-bottom: #cccccc dashed 1px; font-weight: bold;} .subpage-head .ico{display: inline-block; vertical-align: top; width: 1em; height: 1em; margin-right: 2px; background-repeat: no-repeat; background-size: 100% 100%;} .subpage-head .more{position: absolute; right: 0; bottom: 0.4rem; font-size: 14px; color: #666666; font-weight: normal;} .subpage-head .more:after{content: ">>"; font-family: 'SimSun', '宋体' !important; margin-left: 5px;} @media screen and (min-width: 1025px){.subpage-head .more:hover{color: #0061ae;}} @media screen and (max-width: 1024px){.subpage-head .more:active{color: #0061ae;}} /* sAbout */ .sAbout-intro .imax{margin-top: -0.3rem;} .sAbout-intro .honors{margin-top: 10px; 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: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; -ms-flex-line-pack: start; align-content: flex-start;} .sAbout-intro .honors:after{display: none;} .sAbout-intro .honors .item{display: inline-block; vertical-align: top; margin: .5%; width: 19%; font-size: 12px;} .sAbout-intro .honors .pic{height: 0; padding-bottom: 62.85714286%;} .sAbout-intro .honors .kong{display: inline-block; vertical-align: top; height: 0; margin-top: 0 !important; margin-bottom: 0 !important;} @media screen and (max-width: 1024px){.sAbout-intro .honors .item{width: 23%; margin: 1%;}} @media screen and (max-width: 768px){.sAbout-intro .honors .item{width: 31.33%;}} @media screen and (max-width: 480px){.sAbout-intro .honors .item{width: 48%;}} .sAbout-intro .hope{margin-top: 10px; padding: 0.4rem 8.92857143%; height: 40px; line-height: 40px; background-image: url(../images/qs-about1.jpg); background-size: auto 100%; background-position: right 50%; background-repeat: no-repeat; background-color: #f0f0f0; color: #ce973a; font-weight: bold;} @media screen and (max-width: 768px){.sAbout-intro .hope{background-position: 75% center;}} .sAbout-environment{margin-top: 1rem;} .sAbout-environment-rotateMove .wrapIn{position: relative; left: 50%; width: 19.2em; margin-left: -9.6em; height: 6.7em; font-size: 0.5em;} .sAbout-environment-rotateMove .wrapIn .item.moveItem.base{padding: 0; width: 0; height: 0; top: 3.35em; left: 9.6em; opacity: 0;} .sAbout-environment-rotateMove .wrapIn .item.moveItem.L1.pOn{padding: 0; width: 7.8em; height: 4.4em; top: 1.15em; left: 0; opacity: 1;} .sAbout-environment-rotateMove .wrapIn .item.moveItem.L0{padding: 0; width: 12em; height: 6.7em; top: 0; left: 3.6em; opacity: 1;} .sAbout-environment-rotateMove .wrapIn .item.moveItem.L1.nOn{padding: 0; width: 7.8em; height: 4.4em; top: 1.15em; left: 11.4em; opacity: 1;} .sAbout-environment-rotateMove .wrapIn:before{content: " "; position: absolute; left: 0; top: 0; right: 0; bottom: 0; background-image: url(../images/loading.gif); background-size: auto; background-position: 50% 50%; background-repeat: no-repeat;} .sAbout-environment-rotateMove .wrapIn .shade{-webkit-transition: opacity 220ms ease 450ms; transition: opacity 220ms ease 450ms; opacity: 0;} .sAbout-environment-rotateMove .wrapIn._loaded:before{-webkit-transition: all 250ms ease 400ms; transition: all 250ms ease 400ms; opacity: 0; visibility: hidden; /* *visibility: visible; */} .sAbout-environment-rotateMove .wrapIn._loaded .shade{opacity: 1;} .sAbout-environment-rotateMove .wrapIn .ysqMoveBox{position: relative; z-index: 1; height: 100%; white-space: nowrap;} .sAbout-environment-rotateMove .wrapIn .shade{overflow: visible;} .sAbout-environment-rotateMove .wrapIn .item{display: inline-block; vertical-align: top; position: relative; width: 33%; height: 6.7em; 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 0s, z-index 0ms ease 0s; transition: all 400ms ease 0s, z-index 0ms ease 0s;} .sAbout-environment-rotateMove .wrapIn .item.moveItem{position: absolute; left: 0; top: 0;} .sAbout-environment-rotateMove .wrapIn .item .pic{position: absolute; left: 0; top: 0; right: 0; bottom: 0; border: #ffffff solid 6px; background-color: #f1f1f1;} .sAbout-environment-rotateMove .wrapIn .ctr{z-index: 8; position: absolute; top: 50%; margin-top: -0.8em; width: 0.8em; height: 1.6em; line-height: 1.6em; -webkit-transition: all 400ms ease 0s, all 220ms ease 0s, all 220ms ease 0s, all 220ms ease 0s, all 220ms ease 0s; transition: all 400ms ease 0s, all 220ms ease 0s, all 220ms ease 0s, all 220ms ease 0s, all 220ms ease 0s; background-color: #000000 \9; color: #999999; text-align: center;} .sAbout-environment-rotateMove .wrapIn .ctr:after{content: " "; position: absolute; left: 0; top: 0; width: 100%; height: 100%; visibility: visible; z-index: -1; background-color: #000000; opacity: 0; filter: alpha(opacity=0); filter: "alpha(opacity=0)"; *zoom: 1; pointer-events: none; -webkit-transition: all 200ms ease 0ms; transition: all 200ms ease 0ms;} .sAbout-environment-rotateMove .wrapIn .ctr s{font-size: 40px; font-weight: bold;} .sAbout-environment-rotateMove .wrapIn .ctr s{position: absolute; left: 0; right: 0; top: 0; bottom: 0; font-family: 'SimSun', '宋体' !important; pointer-events: none;} .sAbout-environment-rotateMove .wrapIn .ctr:hover{color: #999999;} .ysqUEO .sAbout-environment-rotateMove .wrapIn .ctr s{overflow: hidden; text-indent: -9999px; white-space: nowrap; padding: inherit;} .ysqUEO .sAbout-environment-rotateMove .wrapIn .ctr s:before, .ysqUEO .sAbout-environment-rotateMove .wrapIn .ctr s:after{content: " "; position: absolute; top: 50%; left: 50%; width: 20px; height: 2px; background-color: #999999;} @media screen and (min-width: 1025px){.sAbout-environment-rotateMove .wrapIn .ctr .ysqUEO s:before, .sAbout-environment-rotateMove .wrapIn .ctr .ysqUEO s:after{-webkit-transition: all 400ms ease 0s; transition: all 400ms ease 0s;} .sAbout-environment-rotateMove .wrapIn .ctr .ysqUEO:hover s:before, .sAbout-environment-rotateMove .wrapIn .ctr .ysqUEO:hover s:after{background-color: #999999;}} @media screen and (max-width: 1024px){.sAbout-environment-rotateMove .wrapIn .ctr:active s:before, .sAbout-environment-rotateMove .wrapIn .ctr:active s:after{background-color: #999999;}} .ysqUEO .sAbout-environment-rotateMove .wrapIn .ctr.prev s:before, .ysqUEO .sAbout-environment-rotateMove .wrapIn .ctr.prev s:after{margin-left: -8px; -webkit-transform-origin: 0% 50%; transform-origin: 0% 50%;} .ysqUEO .sAbout-environment-rotateMove .wrapIn .ctr.prev s:before{-webkit-transform: rotate(-42deg) translateX(-1px); transform: rotate(-42deg) translateX(-1px);} .ysqUEO .sAbout-environment-rotateMove .wrapIn .ctr.prev s:after{-webkit-transform: rotate(42deg) translateX(-1px); transform: rotate(42deg) translateX(-1px);} .ysqUEO .sAbout-environment-rotateMove .wrapIn .ctr.next s:before, .ysqUEO .sAbout-environment-rotateMove .wrapIn .ctr.next s:after{margin-left: -12px; -webkit-transform-origin: 100% 50%; transform-origin: 100% 50%;} .ysqUEO .sAbout-environment-rotateMove .wrapIn .ctr.next s:before{-webkit-transform: rotate(-42deg) translateX(1px); transform: rotate(-42deg) translateX(1px);} .ysqUEO .sAbout-environment-rotateMove .wrapIn .ctr.next s:after{-webkit-transform: rotate(42deg) translateX(1px); transform: rotate(42deg) translateX(1px);} .sAbout-environment-rotateMove .wrapIn .ctr s{position: absolute; left: 0; right: 0; top: 0; bottom: 0; font-family: 'SimSun', '宋体' !important; pointer-events: none;} .sAbout-environment-rotateMove .wrapIn .ctr:hover{color: #999999;} .ysqUEO .sAbout-environment-rotateMove .wrapIn .ctr s{overflow: hidden; text-indent: -9999px; white-space: nowrap; padding: inherit;} .ysqUEO .sAbout-environment-rotateMove .wrapIn .ctr s:before, .ysqUEO .sAbout-environment-rotateMove .wrapIn .ctr s:after{content: " "; position: absolute; top: 50%; left: 50%; width: 20px; height: 2px; background-color: #999999;} @media screen and (min-width: 1025px){.sAbout-environment-rotateMove .wrapIn .ctr .ysqUEO s:before, .sAbout-environment-rotateMove .wrapIn .ctr .ysqUEO s:after{-webkit-transition: all 400ms ease 0s; transition: all 400ms ease 0s;} .sAbout-environment-rotateMove .wrapIn .ctr .ysqUEO:hover s:before, .sAbout-environment-rotateMove .wrapIn .ctr .ysqUEO:hover s:after{background-color: #999999;}} @media screen and (max-width: 1024px){.sAbout-environment-rotateMove .wrapIn .ctr:active s:before, .sAbout-environment-rotateMove .wrapIn .ctr:active s:after{background-color: #999999;}} @media screen and (min-width: 1025px){.ysqUEO .sAbout-environment-rotateMove .wrapIn .ctr.prev:hover s:before{-webkit-transform: rotate(-45deg) translateX(-1px); transform: rotate(-45deg) translateX(-1px);} .ysqUEO .sAbout-environment-rotateMove .wrapIn .ctr.prev:hover s:after{-webkit-transform: rotate(45deg) translateX(-1px); transform: rotate(45deg) translateX(-1px);} .ysqUEO .sAbout-environment-rotateMove .wrapIn .ctr.next:hover s:before{-webkit-transform: rotate(-45deg) translateX(1px); transform: rotate(-45deg) translateX(1px);} .ysqUEO .sAbout-environment-rotateMove .wrapIn .ctr.next:hover s:after{-webkit-transform: rotate(45deg) translateX(1px); transform: rotate(45deg) translateX(1px);}} @media screen and (max-width: 1024px){.sAbout-environment-rotateMove .wrapIn .ctr.prev:active s:before{-webkit-transform: rotate(-45deg) translateX(-1px); transform: rotate(-45deg) translateX(-1px);} .sAbout-environment-rotateMove .wrapIn .ctr.prev:active s:after{-webkit-transform: rotate(45deg) translateX(-1px); transform: rotate(45deg) translateX(-1px);} .sAbout-environment-rotateMove .wrapIn .ctr.next:active s:before{-webkit-transform: rotate(-45deg) translateX(1px); transform: rotate(-45deg) translateX(1px);} .sAbout-environment-rotateMove .wrapIn .ctr.next:active s:after{-webkit-transform: rotate(45deg) translateX(1px); transform: rotate(45deg) translateX(1px);}} .sAbout-environment-rotateMove .wrapIn .ctr.prev{left: -1.2em;} .sAbout-environment-rotateMove .wrapIn .ctr.next{right: -1.2em;} .sAbout-environment-rotateMove .wrapIn .ctr:hover:after{opacity: .05;} @media screen and (max-width: 1280px){.sAbout-environment-rotateMove .wrapIn{font-size: 0.4em;}} @media screen and (max-width: 1024px){.sAbout-environment-rotateMove .wrapIn{font-size: 0.44em; width: 19.2em; margin-left: -9.6em; height: 8.375em;} .sAbout-environment-rotateMove .wrapIn .item.moveItem.base{padding: 0; width: 0; height: 0; top: 4.1875em; left: 9.6em; opacity: 0;} .sAbout-environment-rotateMove .wrapIn .item.moveItem.L1.pOn{padding: 0; width: 9.75em; height: 5.5em; top: 1.4375em; left: 0; opacity: 1;} .sAbout-environment-rotateMove .wrapIn .item.moveItem.L0{padding: 0; width: 15em; height: 8.375em; top: 0; left: 2.1em; opacity: 1;} .sAbout-environment-rotateMove .wrapIn .item.moveItem.L1.nOn{padding: 0; width: 9.75em; height: 5.5em; top: 1.4375em; left: 9.45em; opacity: 1;} .sAbout-environment-rotateMove .wrapIn .ctr{display: none !important;}} /* sShareholder */ .sShareholder-list .hr{height: 4px; margin-top: 0.9rem; margin-bottom: 0.9rem; 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: start; align-content: flex-start;} .sShareholder-list .hr:after{display: none;} .sShareholder-list .hr s{width: 33%; height: 4px; pointer-events: none;} .sShareholder-list .hr s:nth-child(1){background-color: #0061ae;} .sShareholder-list .hr s:nth-child(2){background-color: #f18101;} .sShareholder-list .hr s:nth-child(3){background-color: #51a1e0;} .sShareholder-list .item{position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; -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: start; align-content: flex-start;} .sShareholder-list .item:after{display: none;} .sShareholder-list .item .dy{width: 66.96428571%;} .sShareholder-list .item .dx{position: relative; width: 28.57142857%; text-align: center; padding-top: 0.6rem;} .sShareholder-list .item .dx > img{display: block; margin-left: auto; margin-right: auto; max-width: 100%;} .sShareholder-list .item .dx .logo{margin-bottom: 0.6rem; max-width: 60%;} .sShareholder-list .item .dt{line-height: 30px;} .sShareholder-list .item .dt:before{content: ">>"; margin-right: 4px; font-family: 'SimSun', '宋体' !important; color: #f18101;} .sShareholder-list .item .dt h1{display: inline; margin-right: 4px; color: #333333;} .sShareholder-list .item .dt .outerLink{display: inline-block; vertical-align: top; height: 30px; border-radius: 3px; width: 100px; border: #f8bd7a solid 1px; font-size: 14px; color: #666666; -webkit-transition: all 220ms ease 0s, all 220ms ease 0s; transition: all 220ms ease 0s, all 220ms ease 0s; text-align: center;} .sShareholder-list .item .dt .outerLink:before{content: " "; display: inline-block; vertical-align: middle; margin-right: 4px; width: 15px; height: 15px; background-image: url(../images/btns-outerlink.png); background-size: 100% 100%; background-position: 50% 50%; background-repeat: no-repeat;} .sShareholder-list .item .dt .outerLink:hover{background-color: rgba(248, 189, 122, 0.1);} .sShareholder-list .item .dd{margin-top: 0.5rem; line-height: 1.75;} @media screen and (max-width: 1024px){.sShareholder-list .item{display: block; text-align: center;} .sShareholder-list .item .dx{width: auto;} .sShareholder-list .item .dx .logo{max-width: 100%; margin-bottom: 5px; width: 120px; height: 120px; border: #0061ae solid 1px;} .sShareholder-list .item .dx .aside{display: none;} .sShareholder-list .item .dy{width: 100%;} .sShareholder-list .item .dt:before{display: none;} .sShareholder-list .item .dt .outerLink{display: block; margin-top: 8px; margin-left: auto; margin-right: auto;}} /* sCulture */ .sCulture-activity{margin-top: 1rem;} .sCulture-activity-rotateMove .wrapIn{position: relative; left: 50%; width: 22.4em; margin-left: -11.2em; height: 9em; font-size: 0.5em;} .sCulture-activity-rotateMove .wrapIn .item.moveItem.base{padding: 0; width: 0; height: 0; top: 4.5em; left: 11.2em; opacity: 0;} .sCulture-activity-rotateMove .wrapIn .item.moveItem.L1.pOn{padding: 0; width: 13em; height: 7.28em; top: 0.86em; left: 0; opacity: 1; -webkit-transform: rotateY(5deg); transform: rotateY(5deg); -webkit-transform-origin: 0% 50%; transform-origin: 0% 50%;} .sCulture-activity-rotateMove .wrapIn .item.moveItem.L0{padding: 0; width: 16em; height: 9em; top: 0; left: 3.2em; opacity: 1;} .sCulture-activity-rotateMove .wrapIn .item.moveItem.L1.nOn{padding: 0; width: 13em; height: 7.28em; top: 0.86em; left: 9.4em; opacity: 1; -webkit-transform: rotateY(-5deg); transform: rotateY(-5deg); -webkit-transform-origin: 100% 50%; transform-origin: 100% 50%;} .sCulture-activity-rotateMove .wrapIn:before{content: " "; position: absolute; left: 0; top: 0; right: 0; bottom: 0; background-image: url(../images/loading.gif); background-size: auto; background-position: 50% 50%; background-repeat: no-repeat;} .sCulture-activity-rotateMove .wrapIn .shade{-webkit-transition: opacity 220ms ease 450ms; transition: opacity 220ms ease 450ms; opacity: 0;} .sCulture-activity-rotateMove .wrapIn._loaded:before{-webkit-transition: all 250ms ease 400ms; transition: all 250ms ease 400ms; opacity: 0; visibility: hidden; /* *visibility: visible; */} .sCulture-activity-rotateMove .wrapIn._loaded .shade{opacity: 1;} .sCulture-activity-rotateMove .wrapIn .ysqMoveBox{position: relative; z-index: 1; height: 100%; white-space: nowrap;} .sCulture-activity-rotateMove .wrapIn .shade{overflow: visible; -webkit-perspective: 200px; perspective: 200px;} .sCulture-activity-rotateMove .wrapIn .item{display: inline-block; vertical-align: top; position: relative; overflow: hidden; width: 33%; height: 9em; 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 0s, z-index 0ms ease 0s; transition: all 400ms ease 0s, z-index 0ms ease 0s;} .sCulture-activity-rotateMove .wrapIn .item.moveItem{position: absolute; left: 0; top: 0;} .sCulture-activity-rotateMove .wrapIn .item .pic{position: absolute; left: 0; top: 0; right: 0; bottom: 0; border: #ffffff solid 6px; background-color: #f1f1f1;} .sCulture-activity-rotateMove .wrapIn .item h3{z-index: 8; position: absolute; left: 6px; bottom: 6px; right: 6px; color: #fff; padding: 0.3rem; -webkit-transition: all 220ms ease 0s, all 220ms ease 0s, all 250ms ease 0ms; transition: all 220ms ease 0s, all 220ms ease 0s, all 250ms ease 0ms; text-align: center; opacity: 0; visibility: hidden; /* *visibility: visible; */ line-height: 1.5; -webkit-transform: translateY(100%); transform: translateY(100%); white-space: normal; background-color: #000000 \9;} .sCulture-activity-rotateMove .wrapIn .item h3:after{content: " "; position: absolute; left: 0; top: 0; width: 100%; height: 100%; visibility: visible; z-index: -1; background-color: #000000; opacity: 0.6; filter: alpha(opacity=0); filter: "alpha(opacity=0)"; *zoom: 1; pointer-events: none; -webkit-transition: all 200ms ease 0ms; transition: all 200ms ease 0ms;} @media screen and (max-width: 768px){.sCulture-activity-rotateMove .wrapIn .item h3{font-size: 14px; line-height: 18px;}} .sCulture-activity-rotateMove .wrapIn .item.on h3{-webkit-transition: all 250ms ease 300ms; transition: all 250ms ease 300ms; opacity: 1; visibility: visible; -webkit-transform: none !important; transform: none !important;} .sCulture-activity-rotateMove .wrapIn .ctr{z-index: 8; position: absolute; top: 50%; margin-top: -0.8em; width: 0.8em; height: 1.6em; line-height: 1.6em; -webkit-transition: all 400ms ease 0s, all 220ms ease 0s, all 220ms ease 0s, all 220ms ease 0s, all 220ms ease 0s; transition: all 400ms ease 0s, all 220ms ease 0s, all 220ms ease 0s, all 220ms ease 0s, all 220ms ease 0s; background-color: #000000 \9; color: #ffffff; text-align: center;} .sCulture-activity-rotateMove .wrapIn .ctr:after{content: " "; position: absolute; left: 0; top: 0; width: 100%; height: 100%; visibility: visible; z-index: -1; background-color: #000000; opacity: 0.5; filter: alpha(opacity=0); filter: "alpha(opacity=0)"; *zoom: 1; pointer-events: none; -webkit-transition: all 200ms ease 0ms; transition: all 200ms ease 0ms;} .sCulture-activity-rotateMove .wrapIn .ctr s{font-size: 40px; font-weight: bold;} .sCulture-activity-rotateMove .wrapIn .ctr s{position: absolute; left: 0; right: 0; top: 0; bottom: 0; font-family: 'SimSun', '宋体' !important; pointer-events: none;} .sCulture-activity-rotateMove .wrapIn .ctr:hover{color: #ffffff;} .ysqUEO .sCulture-activity-rotateMove .wrapIn .ctr s{overflow: hidden; text-indent: -9999px; white-space: nowrap; padding: inherit;} .ysqUEO .sCulture-activity-rotateMove .wrapIn .ctr s:before, .ysqUEO .sCulture-activity-rotateMove .wrapIn .ctr s:after{content: " "; position: absolute; top: 50%; left: 50%; width: 20px; height: 2px; background-color: #ffffff;} @media screen and (min-width: 1025px){.sCulture-activity-rotateMove .wrapIn .ctr .ysqUEO s:before, .sCulture-activity-rotateMove .wrapIn .ctr .ysqUEO s:after{-webkit-transition: all 400ms ease 0s; transition: all 400ms ease 0s;} .sCulture-activity-rotateMove .wrapIn .ctr .ysqUEO:hover s:before, .sCulture-activity-rotateMove .wrapIn .ctr .ysqUEO:hover s:after{background-color: #ffffff;}} @media screen and (max-width: 1024px){.sCulture-activity-rotateMove .wrapIn .ctr:active s:before, .sCulture-activity-rotateMove .wrapIn .ctr:active s:after{background-color: #ffffff;}} .ysqUEO .sCulture-activity-rotateMove .wrapIn .ctr.prev s:before, .ysqUEO .sCulture-activity-rotateMove .wrapIn .ctr.prev s:after{margin-left: -8px; -webkit-transform-origin: 0% 50%; transform-origin: 0% 50%;} .ysqUEO .sCulture-activity-rotateMove .wrapIn .ctr.prev s:before{-webkit-transform: rotate(-42deg) translateX(-1px); transform: rotate(-42deg) translateX(-1px);} .ysqUEO .sCulture-activity-rotateMove .wrapIn .ctr.prev s:after{-webkit-transform: rotate(42deg) translateX(-1px); transform: rotate(42deg) translateX(-1px);} .ysqUEO .sCulture-activity-rotateMove .wrapIn .ctr.next s:before, .ysqUEO .sCulture-activity-rotateMove .wrapIn .ctr.next s:after{margin-left: -12px; -webkit-transform-origin: 100% 50%; transform-origin: 100% 50%;} .ysqUEO .sCulture-activity-rotateMove .wrapIn .ctr.next s:before{-webkit-transform: rotate(-42deg) translateX(1px); transform: rotate(-42deg) translateX(1px);} .ysqUEO .sCulture-activity-rotateMove .wrapIn .ctr.next s:after{-webkit-transform: rotate(42deg) translateX(1px); transform: rotate(42deg) translateX(1px);} .sCulture-activity-rotateMove .wrapIn .ctr s{position: absolute; left: 0; right: 0; top: 0; bottom: 0; font-family: 'SimSun', '宋体' !important; pointer-events: none;} .sCulture-activity-rotateMove .wrapIn .ctr:hover{color: #ffffff;} .ysqUEO .sCulture-activity-rotateMove .wrapIn .ctr s{overflow: hidden; text-indent: -9999px; white-space: nowrap; padding: inherit;} .ysqUEO .sCulture-activity-rotateMove .wrapIn .ctr s:before, .ysqUEO .sCulture-activity-rotateMove .wrapIn .ctr s:after{content: " "; position: absolute; top: 50%; left: 50%; width: 20px; height: 2px; background-color: #ffffff;} @media screen and (min-width: 1025px){.sCulture-activity-rotateMove .wrapIn .ctr .ysqUEO s:before, .sCulture-activity-rotateMove .wrapIn .ctr .ysqUEO s:after{-webkit-transition: all 400ms ease 0s; transition: all 400ms ease 0s;} .sCulture-activity-rotateMove .wrapIn .ctr .ysqUEO:hover s:before, .sCulture-activity-rotateMove .wrapIn .ctr .ysqUEO:hover s:after{background-color: #ffffff;}} @media screen and (max-width: 1024px){.sCulture-activity-rotateMove .wrapIn .ctr:active s:before, .sCulture-activity-rotateMove .wrapIn .ctr:active s:after{background-color: #ffffff;}} @media screen and (min-width: 1025px){.ysqUEO .sCulture-activity-rotateMove .wrapIn .ctr.prev:hover s:before{-webkit-transform: rotate(-45deg) translateX(-1px); transform: rotate(-45deg) translateX(-1px);} .ysqUEO .sCulture-activity-rotateMove .wrapIn .ctr.prev:hover s:after{-webkit-transform: rotate(45deg) translateX(-1px); transform: rotate(45deg) translateX(-1px);} .ysqUEO .sCulture-activity-rotateMove .wrapIn .ctr.next:hover s:before{-webkit-transform: rotate(-45deg) translateX(1px); transform: rotate(-45deg) translateX(1px);} .ysqUEO .sCulture-activity-rotateMove .wrapIn .ctr.next:hover s:after{-webkit-transform: rotate(45deg) translateX(1px); transform: rotate(45deg) translateX(1px);}} @media screen and (max-width: 1024px){.sCulture-activity-rotateMove .wrapIn .ctr.prev:active s:before{-webkit-transform: rotate(-45deg) translateX(-1px); transform: rotate(-45deg) translateX(-1px);} .sCulture-activity-rotateMove .wrapIn .ctr.prev:active s:after{-webkit-transform: rotate(45deg) translateX(-1px); transform: rotate(45deg) translateX(-1px);} .sCulture-activity-rotateMove .wrapIn .ctr.next:active s:before{-webkit-transform: rotate(-45deg) translateX(1px); transform: rotate(-45deg) translateX(1px);} .sCulture-activity-rotateMove .wrapIn .ctr.next:active s:after{-webkit-transform: rotate(45deg) translateX(1px); transform: rotate(45deg) translateX(1px);}} .sCulture-activity-rotateMove .wrapIn .ctr.prev{left: 0;} .sCulture-activity-rotateMove .wrapIn .ctr.next{right: 0;} .sCulture-activity-rotateMove .wrapIn .ctr:hover:after{opacity: .7;} @media screen and (max-width: 1280px){.sCulture-activity-rotateMove .wrapIn{font-size: 0.4em;}} @media screen and (max-width: 1024px){.sCulture-activity-rotateMove .wrapIn{font-size: 0.38em; width: 22.4em; margin-left: -11.2em; height: 10.35em;} .sCulture-activity-rotateMove .wrapIn .item.moveItem.base{padding: 0; width: 0; height: 0; top: 5.175em; left: 11.2em; opacity: 0;} .sCulture-activity-rotateMove .wrapIn .item.moveItem.L1.pOn{padding: 0; width: 14.95em; height: 8.372em; top: 0.989em; left: 0; opacity: 1;} .sCulture-activity-rotateMove .wrapIn .item.moveItem.L0{padding: 0; width: 18.4em; height: 10.35em; top: 0; left: 2em; opacity: 1;} .sCulture-activity-rotateMove .wrapIn .item.moveItem.L1.nOn{padding: 0; width: 14.95em; height: 8.372em; top: 0.989em; left: 7.45em; opacity: 1;} .sCulture-activity-rotateMove .wrapIn .ctr{display: none !important;}} /* sHonor */ .sHonor-rotateMove .wrapIn{position: relative; left: 50%; width: 19.6em; margin-left: -9.8em; height: 7.8em; font-size: 0.5em;} .sHonor-rotateMove .wrapIn .item.moveItem.base{padding: 0; width: 0; height: 0; top: 3.9em; left: 9.8em; opacity: 0;} .sHonor-rotateMove .wrapIn .item.moveItem.L1.pOn{padding: 0; width: 6.08em; height: 4.4em; top: 1.7em; left: 0; opacity: 1;} .sHonor-rotateMove .wrapIn .item.moveItem.L0{padding: 0; width: 10.8em; height: 7.8em; top: 0; left: 4.4em; opacity: 1;} .sHonor-rotateMove .wrapIn .item.moveItem.L1.nOn{padding: 0; width: 6.08em; height: 4.4em; top: 1.7em; left: 13.52em; opacity: 1;} .sHonor-rotateMove .wrapIn:before{content: " "; position: absolute; left: 0; top: 0; right: 0; bottom: 0; background-image: url(../images/loading.gif); background-size: auto; background-position: 50% 50%; background-repeat: no-repeat;} .sHonor-rotateMove .wrapIn .shade{-webkit-transition: opacity 220ms ease 450ms; transition: opacity 220ms ease 450ms; opacity: 0;} .sHonor-rotateMove .wrapIn._loaded:before{-webkit-transition: all 250ms ease 400ms; transition: all 250ms ease 400ms; opacity: 0; visibility: hidden; /* *visibility: visible; */} .sHonor-rotateMove .wrapIn._loaded .shade{opacity: 1;} .sHonor-rotateMove .wrapIn .ysqMoveBox{position: relative; z-index: 1; height: 100%; white-space: nowrap;} .sHonor-rotateMove .wrapIn .shade{overflow: visible; -webkit-perspective: 200px; perspective: 200px;} .sHonor-rotateMove .wrapIn .item{display: inline-block; vertical-align: top; position: relative; overflow: hidden; width: 33%; height: 7.8em; 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 0s, z-index 0ms ease 0s; transition: all 400ms ease 0s, z-index 0ms ease 0s; border: #dddddd solid 1px;} .sHonor-rotateMove .wrapIn .item.moveItem{position: absolute; left: 0; top: 0;} .sHonor-rotateMove .wrapIn .item .pic{position: absolute; left: 0; top: 0; right: 0; bottom: 0; border: #ffffff solid 0.28rem; background-color: #f1f1f1;} .sHonor-rotateMove .wrapIn .item h3{z-index: 8; position: absolute; left: 0.38rem; bottom: 0.38rem; right: 0.38rem; color: #fff; padding: 0.3rem; -webkit-transition: all 220ms ease 0s, all 220ms ease 0s, all 250ms ease 0ms; transition: all 220ms ease 0s, all 220ms ease 0s, all 250ms ease 0ms; text-align: center; opacity: 0; visibility: hidden; /* *visibility: visible; */ line-height: 1.5; -webkit-transform: translateY(100%); transform: translateY(100%); white-space: normal; background-color: #000000 \9;} .sHonor-rotateMove .wrapIn .item h3:after{content: " "; position: absolute; left: 0; top: 0; width: 100%; height: 100%; visibility: visible; z-index: -1; background-color: #000000; opacity: 0.6; filter: alpha(opacity=0); filter: "alpha(opacity=0)"; *zoom: 1; pointer-events: none; -webkit-transition: all 200ms ease 0ms; transition: all 200ms ease 0ms;} @media screen and (max-width: 768px){.sHonor-rotateMove .wrapIn .item h3{font-size: 14px; line-height: 18px;}} .sHonor-rotateMove .wrapIn .item.on .pic{border-width: 0.38rem;} .sHonor-rotateMove .wrapIn .item.on h3{-webkit-transition: all 250ms ease 300ms; transition: all 250ms ease 300ms; opacity: 1; visibility: visible; -webkit-transform: none !important; transform: none !important;} .sHonor-rotateMove .wrapIn .ctr{z-index: 8; position: absolute; top: 50%; margin-top: -0.8em; width: 0.8em; height: 1.6em; line-height: 1.6em; -webkit-transition: all 400ms ease 0s, all 220ms ease 0s, all 220ms ease 0s, all 220ms ease 0s, all 220ms ease 0s; transition: all 400ms ease 0s, all 220ms ease 0s, all 220ms ease 0s, all 220ms ease 0s, all 220ms ease 0s; color: #a1a1a1; text-align: center;} .sHonor-rotateMove .wrapIn .ctr s{font-size: 40px; font-weight: bold;} .sHonor-rotateMove .wrapIn .ctr s{position: absolute; left: 0; right: 0; top: 0; bottom: 0; font-family: 'SimSun', '宋体' !important; pointer-events: none;} .sHonor-rotateMove .wrapIn .ctr:hover{color: #0061ae;} .ysqUEO .sHonor-rotateMove .wrapIn .ctr s{overflow: hidden; text-indent: -9999px; white-space: nowrap; padding: inherit;} .ysqUEO .sHonor-rotateMove .wrapIn .ctr s:before, .ysqUEO .sHonor-rotateMove .wrapIn .ctr s:after{content: " "; position: absolute; top: 50%; left: 50%; width: 20px; height: 2px; background-color: #a1a1a1;} @media screen and (min-width: 1025px){.sHonor-rotateMove .wrapIn .ctr .ysqUEO s:before, .sHonor-rotateMove .wrapIn .ctr .ysqUEO s:after{-webkit-transition: all 400ms ease 0s; transition: all 400ms ease 0s;} .sHonor-rotateMove .wrapIn .ctr .ysqUEO:hover s:before, .sHonor-rotateMove .wrapIn .ctr .ysqUEO:hover s:after{background-color: #0061ae;}} @media screen and (max-width: 1024px){.sHonor-rotateMove .wrapIn .ctr:active s:before, .sHonor-rotateMove .wrapIn .ctr:active s:after{background-color: #0061ae;}} .ysqUEO .sHonor-rotateMove .wrapIn .ctr.prev s:before, .ysqUEO .sHonor-rotateMove .wrapIn .ctr.prev s:after{margin-left: -8px; -webkit-transform-origin: 0% 50%; transform-origin: 0% 50%;} .ysqUEO .sHonor-rotateMove .wrapIn .ctr.prev s:before{-webkit-transform: rotate(-42deg) translateX(-1px); transform: rotate(-42deg) translateX(-1px);} .ysqUEO .sHonor-rotateMove .wrapIn .ctr.prev s:after{-webkit-transform: rotate(42deg) translateX(-1px); transform: rotate(42deg) translateX(-1px);} .ysqUEO .sHonor-rotateMove .wrapIn .ctr.next s:before, .ysqUEO .sHonor-rotateMove .wrapIn .ctr.next s:after{margin-left: -12px; -webkit-transform-origin: 100% 50%; transform-origin: 100% 50%;} .ysqUEO .sHonor-rotateMove .wrapIn .ctr.next s:before{-webkit-transform: rotate(-42deg) translateX(1px); transform: rotate(-42deg) translateX(1px);} .ysqUEO .sHonor-rotateMove .wrapIn .ctr.next s:after{-webkit-transform: rotate(42deg) translateX(1px); transform: rotate(42deg) translateX(1px);} .sHonor-rotateMove .wrapIn .ctr s{position: absolute; left: 0; right: 0; top: 0; bottom: 0; font-family: 'SimSun', '宋体' !important; pointer-events: none;} .sHonor-rotateMove .wrapIn .ctr:hover{color: #0061ae;} .ysqUEO .sHonor-rotateMove .wrapIn .ctr s{overflow: hidden; text-indent: -9999px; white-space: nowrap; padding: inherit;} .ysqUEO .sHonor-rotateMove .wrapIn .ctr s:before, .ysqUEO .sHonor-rotateMove .wrapIn .ctr s:after{content: " "; position: absolute; top: 50%; left: 50%; width: 20px; height: 2px; background-color: #a1a1a1;} @media screen and (min-width: 1025px){.sHonor-rotateMove .wrapIn .ctr .ysqUEO s:before, .sHonor-rotateMove .wrapIn .ctr .ysqUEO s:after{-webkit-transition: all 400ms ease 0s; transition: all 400ms ease 0s;} .sHonor-rotateMove .wrapIn .ctr .ysqUEO:hover s:before, .sHonor-rotateMove .wrapIn .ctr .ysqUEO:hover s:after{background-color: #0061ae;}} @media screen and (max-width: 1024px){.sHonor-rotateMove .wrapIn .ctr:active s:before, .sHonor-rotateMove .wrapIn .ctr:active s:after{background-color: #0061ae;}} @media screen and (min-width: 1025px){.ysqUEO .sHonor-rotateMove .wrapIn .ctr.prev:hover s:before{-webkit-transform: rotate(-45deg) translateX(-1px); transform: rotate(-45deg) translateX(-1px);} .ysqUEO .sHonor-rotateMove .wrapIn .ctr.prev:hover s:after{-webkit-transform: rotate(45deg) translateX(-1px); transform: rotate(45deg) translateX(-1px);} .ysqUEO .sHonor-rotateMove .wrapIn .ctr.next:hover s:before{-webkit-transform: rotate(-45deg) translateX(1px); transform: rotate(-45deg) translateX(1px);} .ysqUEO .sHonor-rotateMove .wrapIn .ctr.next:hover s:after{-webkit-transform: rotate(45deg) translateX(1px); transform: rotate(45deg) translateX(1px);}} @media screen and (max-width: 1024px){.sHonor-rotateMove .wrapIn .ctr.prev:active s:before{-webkit-transform: rotate(-45deg) translateX(-1px); transform: rotate(-45deg) translateX(-1px);} .sHonor-rotateMove .wrapIn .ctr.prev:active s:after{-webkit-transform: rotate(45deg) translateX(-1px); transform: rotate(45deg) translateX(-1px);} .sHonor-rotateMove .wrapIn .ctr.next:active s:before{-webkit-transform: rotate(-45deg) translateX(1px); transform: rotate(-45deg) translateX(1px);} .sHonor-rotateMove .wrapIn .ctr.next:active s:after{-webkit-transform: rotate(45deg) translateX(1px); transform: rotate(45deg) translateX(1px);}} .sHonor-rotateMove .wrapIn .ctr.prev{left: -1.2em;} .sHonor-rotateMove .wrapIn .ctr.next{right: -1.2em;} @media screen and (max-width: 1280px){.sHonor-rotateMove .wrapIn{font-size: 0.4em;}} @media screen and (max-width: 1024px){.sHonor-rotateMove .wrapIn{font-size: 0.38em; width: 22.54em; margin-left: -11.27em; height: 11.7em;} .sHonor-rotateMove .wrapIn .item.moveItem.base{padding: 0; width: 0; height: 0; top: 5.85em; left: 11.27em; opacity: 0;} .sHonor-rotateMove .wrapIn .item.moveItem.L1.pOn{padding: 0; width: 10.64em; height: 7.7em; top: 2em; left: 0; opacity: 1;} .sHonor-rotateMove .wrapIn .item.moveItem.L0{padding: 0; width: 16.2em; height: 11.7em; top: 0; left: 3.17em; opacity: 1;} .sHonor-rotateMove .wrapIn .item.moveItem.L1.nOn{padding: 0; width: 10.64em; height: 7.7em; top: 2em; left: 11.9em; opacity: 1;} .sHonor-rotateMove .wrapIn .ctr{display: none !important;}} /* sNews */ .sNews-list{margin-top: -0.8rem;} .sNews-list .item{position: relative; padding: 0.8rem 0 0.8rem 0px; height: 190px; border-bottom: #dddddd dashed 1px;} .sNews-list .item .pic{float: left; margin-left: 0px; margin-right: 0.8rem; width: 340px; height: 190px; background-color: #f1f1f1; border: #dddddd solid 1px; -webkit-box-sizing: border-box; box-sizing: border-box;} .sNews-list .item h3{padding-top: 10px; font-weight: bold; color: #333333; line-height: 2; position: relative; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;} .sNews-list .item h3:hover{color: #0061ae;} .sNews-list .item p{margin-top: 15px; font-size: 14px; line-height: 24px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; max-height: 72px; height: 72px;} .sNews-list .item .time{display: inline-block; vertical-align: top; margin-top: 30px;} .sNews-list .item .more{z-index: 2; position: absolute; right: 0; bottom: 0.8rem; width: 100px; height: 32px; line-height: 32px; border-radius: 32px; color: #333333; border: #ededed solid 1px; -webkit-box-sizing: border-box; box-sizing: border-box; text-align: center; font-size: 14px;} .sNews-list .item .more:after{content: " "; position: absolute; left: 0; top: 0; right: 0; bottom: 0; -webkit-transform: scale(0); transform: scale(0); -webkit-transition: all 250ms ease 0ms; transition: all 250ms ease 0ms; opacity: 0; visibility: hidden; /* *visibility: visible; */ background-color: #0061ae; z-index: -1; border-radius: 32px;} @media screen and (min-width: 1025px){.sNews-list .item .more{-webkit-transition: all 220ms ease 0s, all 220ms ease 0s; transition: all 220ms ease 0s, all 220ms ease 0s;} .sNews-list .item .more:hover{color: #fff;} .sNews-list .item .more:hover:after{-webkit-transition: all 250ms cubic-bezier(0, 0.52, 0.35, 1.42) 0ms; transition: all 250ms cubic-bezier(0, 0.52, 0.35, 1.42) 0ms; opacity: 1; visibility: visible; -webkit-transform: none !important; transform: none !important;}} @media screen and (min-width: 1025px){.sNews-list .item .pic img{-webkit-transition: all 220ms ease 0s, all 220ms ease 0s; transition: all 220ms ease 0s, all 220ms ease 0s;} .sNews-list .item .pic:hover img{-webkit-transform: scale(1.025); transform: scale(1.025);}} @media screen and (max-width: 768px){.sNews-list{margin-top: 0;} .sNews-list .item{padding: 0 0 0.4rem; height: auto; width: 48.5%;} .sNews-list .item:nth-child(2n+1){float: left;} .sNews-list .item:nth-child(2n+2){float: right;} .sNews-list .item:nth-child(1n+3){margin-top: 3%;} .sNews-list .item .pic{float: none; margin: 0; width: 100%; height: 0; padding-bottom: 55.88235294%;} .sNews-list .item h3{padding-top: 5px; line-height: 1.5;} .sNews-list .item p{margin-top: 5px; line-height: 18px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; max-height: 36px; height: 36px;} .sNews-list .item .time{margin-top: 0.3rem;} .sNews-list .item .more{display: none;}} /* sView */ .sView{padding: 0.4rem 1.6rem; font-size: 14px;} @media screen and (max-width: 1024px){.sView{padding: 0; margin-bottom: -0.4rem;}} .sView-head{padding-bottom: 0.4rem; border-bottom: #c8c8c8 dashed 1px; text-align: center;} .sView-head h1{line-height: 1.25; color: #333333;} .sView-head .aside{margin-top: 0.3rem; line-height: 18px;} .sView-body{margin-top: 0.6rem;} .sView-foot{margin-top: 0.8rem; position: relative; padding-top: 0.64rem; border-top: #dddddd solid 1px;} .sView-foot .ctr{display: block; position: relative; height: 34px; line-height: 34px; margin-right: 160px;} .sView-foot .ctr s{float: left; margin-right: 15px; width: 100px; height: 100%; text-align: center; border: #cccccc solid 1px; -webkit-box-sizing: border-box; box-sizing: border-box;} .sView-foot .ctr .limit{display: block; max-width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;} .sView-foot .ctr.next{margin-top: 10px;} .sView-foot .backToList{position: absolute; right: 0; bottom: 0; text-align: center; width: 120px; height: 34px; line-height: 34px; background-color: #0061ae; color: #fff;} @media screen and (max-width: 1024px){.sView-foot .ctr, .sView-foot .backToList{height: 30px; line-height: 30px;} .sView-foot .ctr{margin-right: 104px;} .sView-foot .ctr s{width: 80px;} .sView-foot .backToList{width: 88px;}} /* sBusiness */ .sBusiness-list .col{width: 31.25%; background-color: #fff;} .sBusiness-list .col:nth-child(1n+4){margin-top: 3%;} .sBusiness-list .col .pic{height: 0; padding-bottom: 100%;} .sBusiness-list .col .txt{position: absolute; z-index: 4; color: #fff;} .sBusiness-list .col .txt.b{left: 0; bottom: 0; right: 0; background-color: rgba(0, 0, 0, 0.6); padding: 0.4rem;} .sBusiness-list .col .txt.b h3{position: relative; line-height: 1.5; height: 1.5em;} .sBusiness-list .col .txt.b h3:after{content: " "; position: absolute; right: 0; top: 0; width: 1.5em; height: 1.5em; background-image: url(../images/btns-shizi.png); background-size: auto; background-position: 50% 50%; background-repeat: no-repeat; -webkit-transition: all 500ms ease 0s; transition: all 500ms ease 0s;} .sBusiness-list .col .txt.b p{font-size: 14px; line-height: 20px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; max-height: 40px; margin-top: 1em; margin-top: 0; height: 0; -webkit-transition: all 220ms ease 0s, all 220ms ease 0s; transition: all 220ms ease 0s, all 220ms ease 0s;} .sBusiness-list .col .txt.m{top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); white-space: nowrap; text-align: center;} .sBusiness-list .col .txt.m .icoImg{display: block; margin-left: auto; margin-right: auto; width: 40px; height: 40px;} .sBusiness-list .col .txt.m .dt{margin-top: 0.4rem;} .sBusiness-list .col .txt.m .ds{margin-top: 0.4rem;} .sBusiness-list .col .txt.m .ds:after{content: ">>"; font-family: 'SimSun', '宋体'; margin-left: .5em;} @media screen and (min-width: 1025px){.sBusiness-list .col .pic{-webkit-transition: all 400ms ease 0s; transition: all 400ms ease 0s;} .sBusiness-list .col:hover .pic{opacity: .95; -webkit-transform: scale(1.05); transform: scale(1.05);} .sBusiness-list .col:hover .txt.b{background-color: rgba(0, 97, 174, 0.9);} .sBusiness-list .col:hover .txt.b h3:after{-webkit-transform: rotate(360deg); transform: rotate(360deg);} .sBusiness-list .col:hover .txt.b p{margin-top: 1em; height: 40px;}} @media screen and (max-width: 1024px){.sBusiness-list .col{width: 48.5%;} .sBusiness-list .col:nth-child(1n+3){margin-top: 3%;}} .sBusiness-list .kong{display: inline-block; vertical-align: top; height: 0; margin-top: 0 !important; margin-bottom: 0 !important;} .sBusiness-intro .detail{background-color: #f5f5f5;} .sBusiness-intro .detail .pic{height: 0; padding-bottom: 24.34782609%; width: 40%; background-color: #f5f5f5;} .sBusiness-intro .detail .txt{width: 60%; padding: 0.5rem; -webkit-box-sizing: border-box; box-sizing: border-box; line-height: 1.6; border: #dddddd solid 1px;} @media screen and (max-width: 1024px){.sBusiness-intro .detail .pic, .sBusiness-intro .detail .txt{width: 100%;} .sBusiness-intro .detail .pic{height: 0; padding-bottom: 60.86956522%;}} .sBusiness-project{margin-top: 1.2rem;} .sBusiness-project-resMove{position: relative;} .sBusiness-project-resMove .shade{height: auto;} .sBusiness-project-resMove .box{position: relative !important; height: auto; white-space: nowrap; font-size: 0;} .sBusiness-project-resMove .item{display: inline-block; vertical-align: top; width: 33%; margin-top: 0 !important;} .sBusiness-project-resMove .ctr{z-index: 8; position: absolute; top: 0; width: 0.8rem; height: 100%; line-height: 100%; -webkit-transition: all 400ms ease 0s, all 220ms ease 0s, all 220ms ease 0s, all 220ms ease 0s, all 220ms ease 0s; transition: all 400ms ease 0s, all 220ms ease 0s, all 220ms ease 0s, all 220ms ease 0s, all 220ms ease 0s; color: #999999; text-align: center;} .sBusiness-project-resMove .ctr s{font-size: 28px; font-weight: bold;} .sBusiness-project-resMove .ctr s{position: absolute; left: 0; right: 0; top: 0; bottom: 0; font-family: 'SimSun', '宋体' !important; pointer-events: none;} .sBusiness-project-resMove .ctr:hover{color: #0061ae;} .ysqUEO .sBusiness-project-resMove .ctr s{overflow: hidden; text-indent: -9999px; white-space: nowrap; padding: inherit;} .ysqUEO .sBusiness-project-resMove .ctr s:before, .ysqUEO .sBusiness-project-resMove .ctr s:after{content: " "; position: absolute; top: 50%; left: 50%; width: 14px; height: 2px; background-color: #999999;} @media screen and (min-width: 1025px){.sBusiness-project-resMove .ctr .ysqUEO s:before, .sBusiness-project-resMove .ctr .ysqUEO s:after{-webkit-transition: all 400ms ease 0s; transition: all 400ms ease 0s;} .sBusiness-project-resMove .ctr .ysqUEO:hover s:before, .sBusiness-project-resMove .ctr .ysqUEO:hover s:after{background-color: #0061ae;}} @media screen and (max-width: 1024px){.sBusiness-project-resMove .ctr:active s:before, .sBusiness-project-resMove .ctr:active s:after{background-color: #0061ae;}} .ysqUEO .sBusiness-project-resMove .ctr.prev s:before, .ysqUEO .sBusiness-project-resMove .ctr.prev s:after{margin-left: -5px; -webkit-transform-origin: 0% 50%; transform-origin: 0% 50%;} .ysqUEO .sBusiness-project-resMove .ctr.prev s:before{-webkit-transform: rotate(-48deg) translateX(-1px); transform: rotate(-48deg) translateX(-1px);} .ysqUEO .sBusiness-project-resMove .ctr.prev s:after{-webkit-transform: rotate(48deg) translateX(-1px); transform: rotate(48deg) translateX(-1px);} .ysqUEO .sBusiness-project-resMove .ctr.next s:before, .ysqUEO .sBusiness-project-resMove .ctr.next s:after{margin-left: -9px; -webkit-transform-origin: 100% 50%; transform-origin: 100% 50%;} .ysqUEO .sBusiness-project-resMove .ctr.next s:before{-webkit-transform: rotate(-48deg) translateX(1px); transform: rotate(-48deg) translateX(1px);} .ysqUEO .sBusiness-project-resMove .ctr.next s:after{-webkit-transform: rotate(48deg) translateX(1px); transform: rotate(48deg) translateX(1px);} .sBusiness-project-resMove .ctr s{position: absolute; left: 0; right: 0; top: 0; bottom: 0; font-family: 'SimSun', '宋体' !important; pointer-events: none;} .sBusiness-project-resMove .ctr:hover{color: #0061ae;} .ysqUEO .sBusiness-project-resMove .ctr s{overflow: hidden; text-indent: -9999px; white-space: nowrap; padding: inherit;} .ysqUEO .sBusiness-project-resMove .ctr s:before, .ysqUEO .sBusiness-project-resMove .ctr s:after{content: " "; position: absolute; top: 50%; left: 50%; width: 14px; height: 2px; background-color: #999999;} @media screen and (min-width: 1025px){.sBusiness-project-resMove .ctr .ysqUEO s:before, .sBusiness-project-resMove .ctr .ysqUEO s:after{-webkit-transition: all 400ms ease 0s; transition: all 400ms ease 0s;} .sBusiness-project-resMove .ctr .ysqUEO:hover s:before, .sBusiness-project-resMove .ctr .ysqUEO:hover s:after{background-color: #0061ae;}} @media screen and (max-width: 1024px){.sBusiness-project-resMove .ctr:active s:before, .sBusiness-project-resMove .ctr:active s:after{background-color: #0061ae;}} @media screen and (min-width: 1025px){.ysqUEO .sBusiness-project-resMove .ctr.prev:hover s:before{-webkit-transform: rotate(-55deg) translateX(-1px); transform: rotate(-55deg) translateX(-1px);} .ysqUEO .sBusiness-project-resMove .ctr.prev:hover s:after{-webkit-transform: rotate(55deg) translateX(-1px); transform: rotate(55deg) translateX(-1px);} .ysqUEO .sBusiness-project-resMove .ctr.next:hover s:before{-webkit-transform: rotate(-55deg) translateX(1px); transform: rotate(-55deg) translateX(1px);} .ysqUEO .sBusiness-project-resMove .ctr.next:hover s:after{-webkit-transform: rotate(55deg) translateX(1px); transform: rotate(55deg) translateX(1px);}} @media screen and (max-width: 1024px){.sBusiness-project-resMove .ctr.prev:active s:before{-webkit-transform: rotate(-55deg) translateX(-1px); transform: rotate(-55deg) translateX(-1px);} .sBusiness-project-resMove .ctr.prev:active s:after{-webkit-transform: rotate(55deg) translateX(-1px); transform: rotate(55deg) translateX(-1px);} .sBusiness-project-resMove .ctr.next:active s:before{-webkit-transform: rotate(-55deg) translateX(1px); transform: rotate(-55deg) translateX(1px);} .sBusiness-project-resMove .ctr.next:active s:after{-webkit-transform: rotate(55deg) translateX(1px); transform: rotate(55deg) translateX(1px);}} .sBusiness-project-resMove .ctr.prev{left: -0.8rem;} .sBusiness-project-resMove .ctr.next{right: -0.8rem;} @media screen and (max-width: 1024px){.sBusiness-project-resMove .ctr{width: 30px;} .sBusiness-project-resMove .ctr.prev{left: -30px;} .sBusiness-project-resMove .ctr.next{right: -30px;}} @media screen and (max-width: 1024px){.sBusiness-project-resMove .ctr{width: 20px;} .sBusiness-project-resMove .ctr.prev{left: -20px;} .sBusiness-project-resMove .ctr.next{right: -20px;}} .sProject-list li{position: relative; overflow: hidden; -webkit-box-sizing: border-box; box-sizing: border-box; width: 31.25%; background-color: #fff;} .sProject-list li:nth-child(1n+4){margin-top: 3%;} .sProject-list li .pic{z-index: 1; height: 0; padding-bottom: 56%; background-color: #f1f1f1;} .sProject-list li .pic:after{content: " "; z-index: 8; position: absolute; left: 0; top: 0; right: 0; bottom: 0; background-color: rgba(0, 0, 0, 0.5); background-image: url(../images/btni-zoom.png); background-size: auto 0.8rem; background-position: 50% 50%; background-repeat: no-repeat; opacity: 0; -webkit-transform: scale(0); transform: scale(0);} .sProject-list li h3{z-index: 2; padding: 10px; font-size: 14px; color: #333333; text-align: center; position: relative; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; line-height: 18px;} .sProject-list li h3:after{z-index: -1; content: " "; position: absolute; left: 0; bottom: 0; right: 0; height: 2px; background-color: #0061ae;} .sProject-list .kong{display: inline-block; vertical-align: top; height: 0; margin-top: 0 !important; margin-bottom: 0 !important;} @media screen and (min-width: 1025px){.sProject-list li .pic:after{-webkit-transition: all 400ms cubic-bezier(0, 0.52, 0.35, 1.42) 0s; transition: all 400ms cubic-bezier(0, 0.52, 0.35, 1.42) 0s;} .sProject-list li h3, .sProject-list li h3:after{-webkit-transition: all 220ms ease 0s, all 220ms ease 0s; transition: all 220ms ease 0s, all 220ms ease 0s;} .sProject-list li:hover .pic:after{-webkit-transform: none !important; transform: none !important; opacity: 1;} .sProject-list li:hover h3{color: #fff;} .sProject-list li:hover h3:after{height: 125%;}} @media screen and (max-width: 1024px){.sProject-list li{width: 48.5%;} .sProject-list li:nth-child(1n+3){margin-top: 3%;} .sProject-list li:active .pic:after{-webkit-transform: none !important; transform: none !important; opacity: 1;} .sProject-list li:active h3{color: #fff;} .sProject-list li:active h3:after{height: 125%;}} /* sPartybding */ .sPartybding-list .item{width: 31.25%; background-color: #f5f5f5;} .sPartybding-list .item:after{content: " "; position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: -1; border: #dddddd solid 1px;} .sPartybding-list .item:nth-child(1n+4){margin-top: 3%;} .sPartybding-list .item .pic{height: 0; padding-bottom: 56.31578947%; background-color: #f1f1f1;} .sPartybding-list .item .pic:before, .sPartybding-list .item .pic:after{content: " "; z-index: 3; -webkit-transition: all 250ms ease 0ms; transition: all 250ms ease 0ms; opacity: 0; visibility: hidden; /* *visibility: visible; */ -webkit-transform: scale(0); transform: scale(0);} .sPartybding-list .item .pic:before{position: absolute; left: 0; top: 0; right: 0; bottom: 0; background-color: rgba(241, 129, 1, 0.8);} .sPartybding-list .item .pic:after{position: absolute; left: 0.2rem; top: 0.2rem; right: 0.2rem; bottom: 0.2rem; border: rgba(255, 255, 255, 0.7) solid 1px;} .sPartybding-list .item .pic .zoom{position: absolute; z-index: 4; left: 50%; top: 50%; color: #fff; padding-top: 1.12rem; background-image: url(../images/btni-zoom.png); background-size: auto 0.8rem; background-position: 50% 0; background-repeat: no-repeat; -webkit-transition: all 250ms ease 0ms; transition: all 250ms ease 0ms; opacity: 0; visibility: hidden; /* *visibility: visible; */ -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%);} .sPartybding-list .item .txt{padding: 0.4rem 0.4rem 0.5rem; border-top: none;} .sPartybding-list .item h3{font-size: 16px; font-weight: bold; line-height: 1.25; position: relative; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color: #333333;} .sPartybding-list .item p{margin-top: 0.2rem; font-size: 14px; line-height: 24px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; max-height: 72px; height: 72px;} .sPartybding-list .item .time{display: block; margin-top: 0.3rem;} .sPartybding-list .emptyList{height: 2rem;} @media screen and (min-width: 1025px){.sPartybding-list .item .pic img, .sPartybding-list .item:after{-webkit-transition: all 400ms ease 0s; transition: all 400ms ease 0s;} .sPartybding-list .item:hover .pic img{-webkit-transform: scale(1.025); transform: scale(1.025);} .sPartybding-list .item:hover:after{border-bottom: #b8180b solid 3px;}} @media screen and (max-width: 1024px){.sPartybding-list .col{width: 48.5%;} .sPartybding-list .col:nth-child(1n+3){margin-top: 3%;} .sPartybding-list .col p{line-height: 20px; height: 40px; max-height: 40px;}} .sPartybding .pageListBox .pageList a:hover, .sPartybding .pageListBox .pageList a.selected{background-color: #b8180b; border-color: #b8180b;} .sPartybding .sView-foot .backToList{background-color: #b8180b;} /* sIdea */ .sIdea-section:nth-child(1n+2){margin-top: 0.8rem;} .sIdea-section .dt{color: #0061ae; font-weight: bold; line-height: 1.5;} .sIdea-section .dd{margin-top: 0.3rem; line-height: 1.6;} .sIdea-list3{margin-top: 0.6rem; overflow-x: auto; -ms-flex-wrap: nowrap; flex-wrap: nowrap;} .sIdea-list3 .col{width: 31.25%; min-width: 280px;} .sIdea-list3 .col:nth-child(1n+2){margin-left: 3.125%;} .sIdea-list3 .pic{height: 0; padding-bottom: 56%;} .sIdea-list4{margin-top: 0.6rem; overflow-x: auto; -ms-flex-wrap: nowrap; flex-wrap: nowrap;} .sIdea-list4 .col{width: 25%; min-width: 80px; padding-left: 1.5%; padding-right: 1.5%; text-align: center; -webkit-box-sizing: border-box; box-sizing: border-box;} .sIdea-list4 .icoImg{display: block; margin-left: auto; margin-right: auto; width: 3.5em; height: 3.5em; margin-bottom: .5em;} .sIdea-list4 p{color: #0061ae;} @media screen and (max-width: 768px){.sIdea-list4 .icoImg{font-size: 14px;}} .sHr-list .tr{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: start; align-content: flex-start;} .sHr-list .tr:after{display: none;} .sHr-list .td{position: relative; display: inline-block; vertical-align: top; text-align: center; padding: 1.78571429%; line-height: 1.25; min-width: 4em;} .sHr-list .td.td1{width: 420px; text-align: left; padding-left: 3.57142857%; padding-right: 3.57142857%;} .sHr-list .td.td2{width: 200px;} .sHr-list .td.td3{width: 160px;} .sHr-list .td.td4{width: 160px;} .sHr-list .td.td5{width: 160px;} .sHr-list .dt{background-color: #0061ae; color: #fff;} .sHr-list .item{position: relative; overflow: hidden; border-bottom: #efefef solid 1px;} .sHr-list .item .spreadBtn{position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 20px; height: 20px; line-height: 20px; border-radius: 4px; -webkit-box-sizing: border-box; box-sizing: border-box; border: solid 1px #0061ae; color: #0061ae; -webkit-transition: all 220ms ease 0s, all 220ms ease 0s; transition: all 220ms ease 0s, all 220ms ease 0s; text-align: center;} .sHr-list .item .spreadBtn s{font-family: 'SimSun', '宋体' !important; font-size: 16px; -webkit-transform: rotate(90deg); transform: rotate(90deg); -webkit-transition: all 220ms ease 0s, all 220ms ease 0s; transition: all 220ms ease 0s, all 220ms ease 0s;} .sHr-list .item .spreadBtn s{position: absolute; left: 0; right: 0; top: 0; bottom: 0; font-family: 'SimSun', '宋体' !important; pointer-events: none;} .sHr-list .item .spreadBtn:hover{color: #0061ae;} .ysqUEO .sHr-list .item .spreadBtn s{overflow: hidden; text-indent: -9999px; white-space: nowrap; padding: inherit;} .ysqUEO .sHr-list .item .spreadBtn s:before, .ysqUEO .sHr-list .item .spreadBtn s:after{content: " "; position: absolute; top: 50%; left: 50%; width: 8px; height: 1px; background-color: #0061ae;} @media screen and (min-width: 1025px){.sHr-list .item .spreadBtn .ysqUEO s:before, .sHr-list .item .spreadBtn .ysqUEO s:after{-webkit-transition: all 400ms ease 0s; transition: all 400ms ease 0s;} .sHr-list .item .spreadBtn .ysqUEO:hover s:before, .sHr-list .item .spreadBtn .ysqUEO:hover s:after{background-color: #0061ae;}} @media screen and (max-width: 1024px){.sHr-list .item .spreadBtn:active s:before, .sHr-list .item .spreadBtn:active s:after{background-color: #0061ae;}} .ysqUEO .sHr-list .item .spreadBtn s:before, .ysqUEO .sHr-list .item .spreadBtn s:after{margin-left: -5px; -webkit-transform-origin: 100% 50%; transform-origin: 100% 50%;} .ysqUEO .sHr-list .item .spreadBtn s:before{-webkit-transform: rotate(-45deg) translateX(0.5px); transform: rotate(-45deg) translateX(0.5px);} .ysqUEO .sHr-list .item .spreadBtn s:after{-webkit-transform: rotate(45deg) translateX(0.5px); transform: rotate(45deg) translateX(0.5px);} @media screen and (min-width: 1025px){.ysqUEO .sHr-list .item .spreadBtn:hover s:before{-webkit-transform: rotate(-45deg) translateX(0.5px); transform: rotate(-45deg) translateX(0.5px);} .ysqUEO .sHr-list .item .spreadBtn:hover s:after{-webkit-transform: rotate(45deg) translateX(0.5px); transform: rotate(45deg) translateX(0.5px);}} @media screen and (max-width: 1024px){.ysqUEO .sHr-list .item .spreadBtn:active s:before{-webkit-transform: rotate(-45deg) translateX(0.5px); transform: rotate(-45deg) translateX(0.5px);} .ysqUEO .sHr-list .item .spreadBtn:active s:after{-webkit-transform: rotate(45deg) translateX(0.5px); transform: rotate(45deg) translateX(0.5px);}} .sHr-list .item .hide{display: none;} .sHr-list .item .hide .imax{padding: 3.57142857%; font-size: 14px; line-height: 1.75;} .sHr-list .item .hide .sdt{font-size: 16px; margin-bottom: 6px; font-weight: bold; padding-left: 10px; border-left: #0061ae solid 2px; height: 1em; line-height: 1em; color: #333333;} .sHr-list .item .hide .ci{color: #0061ae;} .sHr-list .item.unfold .spreadBtn{background-color: #0061ae;} .sHr-list .item.unfold .spreadBtn s{-webkit-transform: rotate(-90deg); transform: rotate(-90deg);} .sHr-list .item.unfold .spreadBtn s:before, .sHr-list .item.unfold .spreadBtn s:after{background-color: #fff !important;} .sHr-list .item.unfold .show{background-color: #f4f4fa;} @media screen and (max-width: 1024px){.sHr-list .dt .td{padding-top: 15px; padding-bottom: 15px;} .sHr-list .dt .td.td5{text-indent: -9999px;} .sHr-list .td.td5{min-width: 30px; width: 30px; padding-left: 0; padding-right: 0;}} @media screen and (max-width: 640px){.sHr-list .spreadBtn{-webkit-transform: scale(0.9) translate(-50%, -50%) !important; transform: scale(0.9) translate(-50%, -50%) !important;}} /* sContact */ .sContact-map{position: relative; width: 50%; min-height: 8.4rem;} .sContact-map #dituContent{position: absolute; left: 0; top: 0; width: 100%; height: 100%; line-height: 1.1; background-color: #f5f3f0;} .sContact-map #dituContent .BMap_bubble_title{font-size: 16px; margin-bottom: 2px; padding-right: 16px; color: #0061ae;} .sContact-map #dituContent .BMap_bubble_content{width: auto; font-size: 14px; line-height: 18px;} .sContact-map #dituContent img{max-width: none;} ._pen .sContact-map{pointer-events: none;} @media screen and (max-width: 1024px){.sContact-map{width: 100%; height: 12rem;}} .sContact-info{width: 44.64285714%; background-image: url(../images/bgs-contact.png); background-size: auto 3.12rem; background-position: right top; background-repeat: no-repeat;} .sContact-info .cn{color: #0061ae; font-weight: bold; padding-top: 3px; padding-bottom: 3px;} .sContact-info .en{margin-top: 5px; font-family: Arial, sans-serif, 'Microsoft YaHei', '微软雅黑'; color: #f18101; text-transform: uppercase;} .sContact-info .list{margin-top: 0.5rem; font-size: 14px;} .sContact-info .list li{line-height: 20px; padding-top: 0.12rem; padding-bottom: 0.12rem;} .sContact-info .list .icoImg{margin-right: 2px; vertical-align: top; width: 1em; height: 1em;} .sContact-info .qrcode{display: inline-block; vertical-align: top; margin-top: 0.6rem; padding: 10px; background-color: #e5eaef; text-align: center;} .sContact-info .qrcode img{width: 2.4rem; height: 2.4rem; min-width: 100px; min-height: 100px;} .sContact-info .qrcode p{margin-top: 8px; line-height: 1.25;} @media screen and (max-width: 1024px){.sContact-info{width: 100%; margin-top: 0.6rem;}} .sMessageBoard-form{width: 50%; 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: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; -ms-flex-line-pack: start; align-content: flex-start; font-size: 0; margin-bottom: -0.4rem;} .sMessageBoard-form:after{display: none;} .sMessageBoard-form .formItem{display: inline-block; vertical-align: top; color: #666666; margin-bottom: 0.4rem; width: 100%; font-size: 16px;} .sMessageBoard-form .formItem.w1{width: 49%;} .sMessageBoard-form .formItem .skin{padding: 9px 19px; line-height: 20px; height: 40px; width: 100%; font-size: 16px; border: #d7d7d7 solid 1px; -webkit-box-sizing: border-box; box-sizing: border-box;} .sMessageBoard-form .formItem input.skin{height: 40px;} .sMessageBoard-form .formItem textarea.skin{height: 120px;} .sMessageBoard-form .formItem.yzm{position: relative; height: 40px; font-size: 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: 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;} .sMessageBoard-form .formItem.yzm:after{display: none;} .sMessageBoard-form .formItem.yzm .skin{width: calc(100% - 330px);} .sMessageBoard-form .formItem.yzm .bindClick{display: inline-block; vertical-align: top; margin-left: 6px; width: 118px; height: 38px; border: #d7d7d7 solid 1px;} .sMessageBoard-form .formItem.yzm .refreshVC{display: inline-block; vertical-align: top; margin-left: 2px; margin-right: 2px; width: 40px; height: 40px; background-image: url(../images/icos-refreshVC.png); background-size: auto; background-position: 50% 50%; background-repeat: no-repeat;} .sMessageBoard-form .formItem .enter{display: inline-block; vertical-align: top; width: 160px; height: 40px; line-height: 40px; text-align: center; background-color: #0061ae; color: #fff; font-size: 16px;} @media screen and (max-width: 1024px){.sMessageBoard-form{width: 100%;}} @media screen and (max-width: 768px){.sMessageBoard-form .formItem.w1{width: 100%;} .sMessageBoard-form .formItem.yzm{padding-bottom: 50px;} .sMessageBoard-form .formItem.yzm .skin{width: calc(100% - 164px);} .sMessageBoard-form .formItem.yzm span{display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -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;} .sMessageBoard-form .formItem.yzm span:after{display: none;} .sMessageBoard-form .formItem.yzm .bindClick{margin-left: 0;} .sMessageBoard-form .formItem.yzm .enter{position: absolute; left: 0; bottom: 0; display: block; width: 100%; margin-top: 0.4rem;}} .sMessageBoard-pic{width: 46.42857143%;} .sMessageBoard-pic .pic{height: 0; padding-bottom: 56.15384615%;} @media screen and (max-width: 1024px){.sMessageBoard-pic{display: none;}} li.kong {border: none !important;background: none !important;height: 0 !important;visibility: hidden;margin-top: 0 !important;min-height: 0;} .sView-body.imax {font-size:18px !important;}