@charset "utf-8"; /*! Project : 苑东生物 +-----------css--------------+ | | | Author | yeshiqiu | | Q__Q | 337676937 | | Addr | SC_Chengdu | | Date | 2019.09.28 | | | +--!-_-!--------------!-_-!--+ */ .cuna{cursor: not-allowed;} .pa100{position: absolute; left: 0; top: 0; width: 100%; height: 100%;} .pr100{position: relative; left: 0; top: 0; width: 100%; height: 100%;} .bgf{background-color: #fff;} .bgf1{background-color: #f1f1f1;} .bgf5{background-color: #f5f5f5;} .bge{background-color: #eee;} @-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 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;} .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;} ._pen{pointer-events: none !important;} .pa100.link{z-index: 8;} .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;} /* resetEnd */ .c1{color: #2778be;} .bgc1{background-color: #2778be;} .c2{color: #2296c8;} .bgc2{background-color: #2296c8;} .c3{color: #38bab1;} .bgc3{background-color: #38bab1;} .c4{color: #76aadc;} .bgc4{background-color: #76aadc;} .ca{color: #333333;} .cb{color: #666666;} .cs{color: #999999;} html{min-width: 320px;} body{color: #666666; font: 14px/1 'Source Han Sans CN Regular', Arial, sans-serif;} a{color: #333333;} a.on{color: #2778be;} @media screen and (min-width: 1025px){a:hover{color: #2778be;}} @media screen and (max-width: 1024px){a:active{color: #2778be;}} .vmbox{font-size: 14px; line-height: 1.4333; font-family: 'Source Han Sans CN Regular';} .info{font-size: 14px; line-height: 1.7143;} .imax{line-height: 1.67777;} @media screen and (max-width: 1024px){.imax{line-height: 1.5;}} ::-moz-selection{background: #1e5d94; color: #fff; text-shadow: none;} ::selection{background: #1e5d94; color: #fff; text-shadow: none;} .pc ::-webkit-scrollbar{position: absolute; width: 4px; height: 4px; background: rgba(0, 0, 0, 0.1);} .pc ::-webkit-scrollbar-thumb{width: 4px; height: 4px; border-radius: 3px; background-color: rgba(0, 0, 0, 0.25);} .pc ::-webkit-scrollbar-track{background: #ababa7;} .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);} .more, .btn, .link, .ctr{-webkit-tap-highlight-color: rgba(0, 0, 0, 0.04); cursor: pointer;} .fz60{font-size: 60px;} @media screen and (max-width: 1440px){.fz60{font-size: 52px;}} @media screen and (max-width: 1024px){.fz60{font-size: 48px;}} @media screen and (max-width: 768px){.fz60{font-size: 40px;}} .fz48, .sNews-list .item .time .d{font-size: 48px;} @media screen and (max-width: 1440px){.fz48, .sNews-list .item .time .d{font-size: 44px;}} @media screen and (max-width: 1024px){.fz48, .sNews-list .item .time .d{font-size: 42px;}} @media screen and (max-width: 768px){.fz48, .sNews-list .item .time .d{font-size: 30px;}} .fz40, .index-about .dt p, .index-video, .index-hr .dt .hr, .index-hr .dd .icoImg, .footer-t .dt .hr, .subpage-banner, .sAbout-section2 .btn .icoImg, .sCourse-list .item .dt, .sContact-section2{font-size: 40px;} @media screen and (max-width: 1440px){.fz40, .index-about .dt p, .index-video, .index-hr .dt .hr, .index-hr .dd .icoImg, .footer-t .dt .hr, .subpage-banner, .sAbout-section2 .btn .icoImg, .sCourse-list .item .dt, .sContact-section2{font-size: 36px;}} @media screen and (max-width: 1024px){.fz40, .index-about .dt p, .index-video, .index-hr .dt .hr, .index-hr .dd .icoImg, .footer-t .dt .hr, .subpage-banner, .sAbout-section2 .btn .icoImg, .sCourse-list .item .dt, .sContact-section2{font-size: 32px;}} @media screen and (max-width: 768px){.fz40, .index-about .dt p, .index-video, .index-hr .dt .hr, .index-hr .dd .icoImg, .footer-t .dt .hr, .subpage-banner, .sAbout-section2 .btn .icoImg, .sCourse-list .item .dt, .sContact-section2{font-size: 26px;}} .fz36{font-size: 36px;} @media screen and (max-width: 1440px){.fz36{font-size: 32px;}} @media screen and (max-width: 1024px){.fz36{font-size: 30px;}} @media screen and (max-width: 768px){.fz36{font-size: 24px;}} .fz32, .header, .index-head .dt, .index-hr .dt .index-about .dt h1, .footer-t .dt h1, .sCulture-item .dt, .sHonor-tab .head, .sBranch-list .item .pic:after, .sBranch-list .item h3, .sNews-relative .dt, .sStrategy .dd .col .sdt, .sRecruit-form .dt{font-size: 32px;} @media screen and (max-width: 1440px){.fz32, .header, .index-head .dt, .index-hr .dt h1, .footer-t .dt h1, .sCulture-item .dt, .sHonor-tab .head, .sBranch-list .item .pic:after, .sBranch-list .item h3, .sNews-relative .dt, .sStrategy .dd .col .sdt, .sRecruit-form .dt{font-size: 28px;}} @media screen and (max-width: 1024px){.fz32, .header, .index-head .dt, .index-hr .dt h1, .footer-t .dt h1, .sCulture-item .dt, .sHonor-tab .head, .sBranch-list .item .pic:after, .sBranch-list .item h3, .sNews-relative .dt, .sStrategy .dd .col .sdt, .sRecruit-form .dt{font-size: 26px;}} @media screen and (max-width: 768px){.fz32, .header, .index-head .dt, .index-hr .dt h1, .footer-t .dt h1, .sCulture-item .dt, .sHonor-tab .head, .sBranch-list .item .pic:after, .sBranch-list .item h3, .sNews-relative .dt, .sStrategy .dd .col .sdt, .sRecruit-form .dt{font-size: 22px;}} .fz28, .sContact-section1 .head{font-size: 28px;} @media screen and (max-width: 1440px){.fz28, .sContact-section1 .head{font-size: 26px;}} @media screen and (max-width: 1024px){.fz28, .sContact-section1 .head{font-size: 24px;}} @media screen and (max-width: 768px){.fz28, .sContact-section1 .head{font-size: 20px;}} .fz24, .index-video .btn s, .subpage-banner .subpage-w .l1, .sAbout-section1 h1, .sCulture-item .dd, .view-head h1, .sWelfare-item .dd .txt .sdt, .sRecruit-statment .dt, .sProduct-list .item{font-size: 24px;} @media screen and (max-width: 1440px){.fz24, .index-video .btn s, .subpage-banner .subpage-w .l1, .sAbout-section1 h1, .sCulture-item .dd, .view-head h1, .sWelfare-item .dd .txt .sdt, .sRecruit-statment .dt, .sProduct-list .item{font-size: 20px;}} @media screen and (max-width: 1024px){.fz24, .index-video .btn s, .subpage-banner .subpage-w .l1, .sAbout-section1 h1, .sCulture-item .dd, .view-head h1, .sWelfare-item .dd .txt .sdt, .sRecruit-statment .dt, .sProduct-list .item{font-size: 18px;}} .fz20, .index-news-switch .item h3, .index-news-list .item h3, .footer-t .dd .col dt, .subpage-nav .overview .link, .sHonor-tab .Tg .btn.on span, .sContact-list .dt, .sContact-list .dd .col .sdt, .sContact-form .item.yzm .enter, .sNews-stick .item .txt h3, .sNews-list .item, .sNews-relative .dd .item, .sStrategy .dt, .sWelfare-item .dt, .sDevelop .dt, .sRecruit-statment, .sRecruit-list .item, .sRecruit-list .item .show h3, .sRecruit-list .item .hide .btn, .sRecruit-form .formItem .enter, .sProduct-table{font-size: 20px;} @media screen and (max-width: 1440px){.fz20, .index-news-switch .item h3, .index-news-list .item h3, .footer-t .dd .col dt, .subpage-nav .overview .link, .sHonor-tab .Tg .btn.on span, .sContact-list .dt, .sContact-list .dd .col .sdt, .sContact-form .item.yzm .enter, .sNews-stick .item .txt h3, .sNews-list .item, .sNews-relative .dd .item, .sStrategy .dt, .sWelfare-item .dt, .sDevelop .dt, .sRecruit-statment, .sRecruit-list .item, .sRecruit-list .item .show h3, .sRecruit-list .item .hide .btn, .sRecruit-form .formItem .enter, .sProduct-table{font-size: 18px;}} @media screen and (max-width: 1024px){.fz20, .index-news-switch .item h3, .index-news-list .item h3, .footer-t .dd .col dt, .subpage-nav .overview .link, .sHonor-tab .Tg .btn.on span, .sContact-list .dt, .sContact-list .dd .col .sdt, .sContact-form .item.yzm .enter, .sNews-stick .item .txt h3, .sNews-list .item, .sNews-relative .dd .item, .sStrategy .dt, .sWelfare-item .dt, .sDevelop .dt, .sRecruit-statment, .sRecruit-list .item, .sRecruit-list .item .show h3, .sRecruit-list .item .hide .btn, .sRecruit-form .formItem .enter, .sProduct-table{font-size: 16px;}} .fz18, .index-head .dd, .index-product-tab .Tg .btn span, .sLeader .imax, .sProduct-warn{font-size: 18px;} @media screen and (max-width: 1440px){.fz18, .index-head .dd, .index-product-tab .Tg .btn span, .sLeader .imax, .sProduct-warn{font-size: 16px;}} @media screen and (max-width: 1024px){.fz18, .index-head .dd, .index-product-tab .Tg .btn span, .sLeader .imax, .sProduct-warn{font-size: 14px;}} .fz16, .imax, .index-about .dd p, .index-news-switch .item .time, .index-news-switch .item p, .index-news-list .item .time .y, .index-hr .dt p, .index-hr .dd .col, .sCourse-list .item .dd, .sHonor-tab .Tg .btn, .sHonor-tab .Tt .txt p, .sBranch-list .item p, .sBranch-list .item .df > span, .sContact-list .dd .col .sdd, .sContact-form .item, .sNews-stick .item, .sNews-stick .item .txt .time, .sNews-stick .item .txt p, .sNews-list .item .time .ym, .sNews-list .item p, .sNews-relative .dd .item p, .view-head p, .view-foot, .sStrategy .dd, .sWelfare-item .dd .txt .sdd, .sRecruit-statment .dd, .sRecruit-list .item .show p, .sRecruit-list .item .hide .btn span, .sRecruit-form .formItem, .sProduct-table th, .sProduct-table td, .sProduct-list .item li{font-size: 16px;} @media screen and (max-width: 1440px){.fz16, .imax, .index-about .dd p, .index-news-switch .item .time, .index-news-switch .item p, .index-news-list .item .time .y, .index-hr .dt p, .index-hr .dd .col, .sCourse-list .item .dd, .sHonor-tab .Tg .btn, .sHonor-tab .Tt .txt p, .sBranch-list .item p, .sBranch-list .item .df > span, .sContact-list .dd .col .sdd, .sContact-form .item, .sNews-stick .item, .sNews-stick .item .txt .time, .sNews-stick .item .txt p, .sNews-list .item .time .ym, .sNews-list .item p, .sNews-relative .dd .item p, .view-head p, .view-foot, .sStrategy .dd, .sWelfare-item .dd .txt .sdd, .sRecruit-statment .dd, .sRecruit-list .item .show p, .sRecruit-list .item .hide .btn span, .sRecruit-form .formItem, .sProduct-table th, .sProduct-table td, .sProduct-list .item li{font-size: 14px;}} .fz14, .footer-t .dd, .footer-b, .sRecruit-list .item .hide .imax, .sRecruit-list .item .hide .df{font-size: 14px;} @media screen and (max-width: 1440px){.fz14, .footer-t .dd, .footer-b, .sRecruit-list .item .hide .imax, .sRecruit-list .item .hide .df{font-size: 12px;}} /* ------------------- htmls ------------------- */ .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: #aaa;} .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: 'Source Han Sans CN Regular', Arial, sans-serif; cursor: pointer; -webkit-transition: all 600ms ease 0s; transition: all 600ms ease 0s;} .modal-videoPlayer .close s:hover{color: #ffffff;} .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-transition: all 300ms ease 0ms; transition: all 300ms ease 0ms; -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;} .ysqUEO .modal-videoPlayer .close s:hover:before, .ysqUEO .modal-videoPlayer .close s:hover:after{background-color: #ffffff;} .modal-videoPlayer .close s:hover{-webkit-transform: rotate(-360deg); transform: rotate(-360deg);} .modal-videoPlayer .contain{position: absolute; left: 56px; right: 56px; top: 56px; bottom: 56px;} .modal-videoPlayer .player{position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: #f1f1f1;} .modal-videoPlayer .player *{background-color: transparent !important;} /* 相册弹窗 */ #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 .close.btn{position: absolute; z-index: 3; right: 0; top: 0; width: 2.8rem; height: 2.8rem; text-align: center; line-height: 2.8rem; font-size: 1.5rem; color: #fff; font-family: Arial, sans-serif, 'Source Han Sans CN Regular'; background-color: #2778be;} #albumWindow .contain{position: absolute; z-index: 1; left: 2.8rem; right: 2.8rem; top: 2.8rem; bottom: 1.3rem; background-color: #f1f1f1;} #albumWindow .contain .list0{position: absolute; left: 0; top: 0; width: 300%; height: 100%; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-color: #fff;} #albumWindow .contain .item{float: left; position: relative; width: 33.33%; height: 100%; text-align: center;} #albumWindow .contain .item .img{width: 100%;} #albumWindow .contain .item h3{position: absolute; left: 0; bottom: 0; width: 100%; height: 30px; line-height: 30px; text-align: center; font-size: 16px; color: #666; -webkit-transition: all 250ms ease 0ms; transition: all 250ms ease 0ms; opacity: 0; visibility: hidden; /* *visibility: visible; */} #albumWindow .contain .item.on h3{-webkit-transition: all 250ms ease 400ms; transition: all 250ms ease 400ms; opacity: 1; visibility: visible;} #albumWindow .contain .tips{width: 100%; text-align: center; color: #aaa; font-size: 12px;} #albumWindow .ctr{position: absolute; top: 50%; margin-top: -3.5rem; width: 2.5rem; height: 7rem; background-color: #f4f4f4; -webkit-transition: all 400ms ease 0s, all 220ms ease 0s, all 220ms ease 0s; transition: all 400ms 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: 7rem; color: #2778be; text-align: center;} #albumWindow .ctr s{font-family: "SimSun", "宋体" !important; color: #2778be; font-size: 40px; font-weight: bold;} #albumWindow .ctr s{position: absolute; left: 0; top: 0; width: 100%; height: 100%; font-family: "SimSun", "宋体" !important; pointer-events: none;} .ysqUEO .ctr s {text-indent: -9999px !important;} #albumWindow .ctr:hover{color: #2778be;} .ysqUEO #albumWindow .ctr s{overflow: hidden; text-indent: 100%;} .ysqUEO #albumWindow .ctr s:before, .ysqUEO #albumWindow .ctr s:after{content: " "; position: absolute; top: 50%; left: 50%; width: 20px; height: 2px; background-color: #2778be; -webkit-transition: all 400ms ease 0s; transition: all 400ms ease 0s;} .ysqUEO #albumWindow .ctr:hover s:before, .ysqUEO #albumWindow .ctr:hover s:after{background-color: #2778be;} .ysqUEO #albumWindow .ctr.prev s:before, .ysqUEO #albumWindow .ctr.prev s:after{margin-left: -8px; -webkit-transform-origin: 0% 50%; transform-origin: 0% 50%;} .ysqUEO #albumWindow .ctr.prev s:before{-webkit-transform: rotate(-36deg) translateX(-1px); transform: rotate(-36deg) translateX(-1px);} .ysqUEO #albumWindow .ctr.prev s:after{-webkit-transform: rotate(36deg) translateX(-1px); transform: rotate(36deg) translateX(-1px);} .ysqUEO #albumWindow .ctr.prev:hover s:before{-webkit-transform: rotate(-42deg) translateX(-1px); transform: rotate(-42deg) translateX(-1px);} .ysqUEO #albumWindow .ctr.prev:hover s:after{-webkit-transform: rotate(42deg) translateX(-1px); transform: rotate(42deg) translateX(-1px);} .ysqUEO #albumWindow .ctr.next s:before, .ysqUEO #albumWindow .ctr.next s:after{margin-left: -12px; -webkit-transform-origin: 100% 50%; transform-origin: 100% 50%;} .ysqUEO #albumWindow .ctr.next s:before{-webkit-transform: rotate(-36deg) translateX(1px); transform: rotate(-36deg) translateX(1px);} .ysqUEO #albumWindow .ctr.next s:after{-webkit-transform: rotate(36deg) translateX(1px); transform: rotate(36deg) translateX(1px);} .ysqUEO #albumWindow .ctr.next:hover s:before{-webkit-transform: rotate(-42deg) translateX(1px); transform: rotate(-42deg) translateX(1px);} .ysqUEO #albumWindow .ctr.next:hover s:after{-webkit-transform: rotate(42deg) translateX(1px); transform: rotate(42deg) translateX(1px);} #albumWindow .ctr.prev{left: 0;} #albumWindow .ctr.next{right: 0;} #albumWindow .ctr.reject{display: none;} #albumWindow .ctr:active{opacity: 1;} #albumWindow .ctr:hover{background-color: #f5f5f5;} @media screen and (max-width: 1024px){#albumWindow .ctr{color: #2778be; -webkit-transition: all 220ms ease 0s, all 220ms ease 0s; transition: all 220ms ease 0s, all 220ms ease 0s; text-align: center;} #albumWindow .ctr s{font-size: 24px;} #albumWindow .ctr s{position: absolute; left: 0; top: 0; width: 100%; height: 100%; font-family: "SimSun", "宋体" !important; pointer-events: none;} #albumWindow .ctr:hover{color: #2778be;} .ysqUEO #albumWindow .ctr s{overflow: hidden; text-indent: 100%;} .ysqUEO #albumWindow .ctr s:before, .ysqUEO #albumWindow .ctr s:after{content: " "; position: absolute; top: 50%; left: 50%; width: 12px; height: 1px; background-color: #2778be; -webkit-transition: all 400ms ease 0s; transition: all 400ms ease 0s;} .ysqUEO #albumWindow .ctr:hover s:before, .ysqUEO #albumWindow .ctr:hover s:after{background-color: #2778be;} .ysqUEO #albumWindow .ctr.prev s:before, .ysqUEO #albumWindow .ctr.prev s:after{margin-left: -5px; -webkit-transform-origin: 0% 50%; transform-origin: 0% 50%;} .ysqUEO #albumWindow .ctr.prev s:before{-webkit-transform: rotate(-42deg) translateX(-0.5px); transform: rotate(-42deg) translateX(-0.5px);} .ysqUEO #albumWindow .ctr.prev s:after{-webkit-transform: rotate(42deg) translateX(-0.5px); transform: rotate(42deg) translateX(-0.5px);} .ysqUEO #albumWindow .ctr.prev:hover s:before{-webkit-transform: rotate(-42deg) translateX(-0.5px); transform: rotate(-42deg) translateX(-0.5px);} .ysqUEO #albumWindow .ctr.prev:hover s:after{-webkit-transform: rotate(42deg) translateX(-0.5px); transform: rotate(42deg) translateX(-0.5px);} .ysqUEO #albumWindow .ctr.next s:before, .ysqUEO #albumWindow .ctr.next s:after{margin-left: -7px; -webkit-transform-origin: 100% 50%; transform-origin: 100% 50%;} .ysqUEO #albumWindow .ctr.next s:before{-webkit-transform: rotate(-42deg) translateX(0.5px); transform: rotate(-42deg) translateX(0.5px);} .ysqUEO #albumWindow .ctr.next s:after{-webkit-transform: rotate(42deg) translateX(0.5px); transform: rotate(42deg) translateX(0.5px);} .ysqUEO #albumWindow .ctr.next:hover s:before{-webkit-transform: rotate(-42deg) translateX(0.5px); transform: rotate(-42deg) translateX(0.5px);} .ysqUEO #albumWindow .ctr.next:hover s:after{-webkit-transform: rotate(42deg) translateX(0.5px); transform: rotate(42deg) translateX(0.5px);}} .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; transition: all 400ms 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; top: 0; width: 100%; height: 100%; font-family: "SimSun", "宋体" !important; pointer-events: none;} .ctr1:hover{color: #ffffff;} .ysqUEO .ctr1 s{overflow: hidden; text-indent: 100%;} .ysqUEO .ctr1 s:before, .ysqUEO .ctr1 s:after{content: " "; position: absolute; top: 50%; left: 50%; width: 20px; height: 2px; background-color: #ffffff; -webkit-transition: all 400ms ease 0s; transition: all 400ms ease 0s;} .ysqUEO .ctr1:hover s:before, .ysqUEO .ctr1:hover 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.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 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);} .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);} .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{color: #ffffff; -webkit-transition: all 220ms ease 0s, all 220ms ease 0s; transition: all 220ms ease 0s, all 220ms ease 0s; text-align: center;} .ctr1 s{position: absolute; left: 0; top: 0; width: 100%; height: 100%; font-family: "SimSun", "宋体" !important; pointer-events: none;} .ctr1:hover{color: #ffffff;} .ysqUEO .ctr1 s{overflow: hidden; text-indent: 100%;} .ysqUEO .ctr1 s:before, .ysqUEO .ctr1 s:after{content: " "; position: absolute; top: 50%; left: 50%; width: 14px; height: 1px; background-color: #ffffff; -webkit-transition: all 400ms ease 0s; transition: all 400ms ease 0s;} .ysqUEO .ctr1:hover s:before, .ysqUEO .ctr1:hover s:after{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.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 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);} .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);}} .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; transition: all 400ms 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; top: 0; width: 100%; height: 100%; font-family: "SimSun", "宋体" !important; pointer-events: none;} .ctr2:hover{color: #bebebe;} .ysqUEO .ctr2 s{overflow: hidden; text-indent: 100%;} .ysqUEO .ctr2 s:before, .ysqUEO .ctr2 s:after{content: " "; position: absolute; top: 50%; left: 50%; width: 22px; height: 2px; background-color: #bebebe; -webkit-transition: all 400ms ease 0s; transition: all 400ms ease 0s;} .ysqUEO .ctr2:hover s:before, .ysqUEO .ctr2:hover 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.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 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);} .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);} .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; color: #ffffff; -webkit-transition: all 220ms ease 0s, all 220ms ease 0s; transition: all 220ms ease 0s, all 220ms ease 0s; text-align: center;} .ctr2 s{color: #fff;} .ctr2 s{position: absolute; left: 0; top: 0; width: 100%; height: 100%; font-family: "SimSun", "宋体" !important; pointer-events: none;} .ctr2:hover{color: #ffffff;} .ysqUEO .ctr2 s{overflow: hidden; text-indent: 100%;} .ysqUEO .ctr2 s:before, .ysqUEO .ctr2 s:after{content: " "; position: absolute; top: 50%; left: 50%; width: 16px; height: 1px; background-color: #ffffff; -webkit-transition: all 400ms ease 0s; transition: all 400ms ease 0s;} .ysqUEO .ctr2:hover s:before, .ysqUEO .ctr2:hover s:after{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.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 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);} .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);} .ctr2.prev{left: -30px;} .ctr2.next{right: -30px;}} @media screen and (max-width: 768px){.ctr2.prev{left: 0;} .ctr2.next{right: 0;}} .more.more1{display: block; margin-left: auto; margin-right: auto; margin-top: 2rem; width: 10rem; height: 2.5rem; line-height: 2.5rem; text-align: center; border-radius: 6px; background-color: #2778be; color: #fff; font-size: 16px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0.04); cursor: pointer;} @media screen and (min-width: 1025px){.more.more1{-webkit-transition: all 220ms ease 0s, all 220ms ease 0s; transition: all 220ms ease 0s, all 220ms ease 0s;} .more.more1:hover{text-indent: 8px;}} @media screen and (max-width: 768px){.more.more1{width: 160px; height: 40px; line-height: 40px;}} @media screen and (max-width: 480px){.more.more1{width: 120px; height: 36px; line-height: 38px; font-size: 14px;}} .sAxdvantage .more.more1{border-radius: 2.5rem; padding-left: 1rem; padding-right: 1rem;} @media screen and (max-width: 768px){.sAxdvantage .more.more1{border-radius: 40px;}} @media screen and (max-width: 480px){.sAxdvantage .more.more1{border-radius: 36px;}} .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 rotate360f{0%{-webkit-transform: none !important; transform: none !important;} 100%{-webkit-transform: rotate(-360deg); transform: rotate(-360deg);}} @keyframes rotate360f{0%{-webkit-transform: none !important; transform: none !important;} 100%{-webkit-transform: rotate(-360deg); transform: rotate(-360deg);}} .rotate360f{-webkit-animation-name: rotate360f; animation-name: rotate360f; -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 fadeInDowns{0%{opacity: 0.3; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0);} to{opacity: 1; -webkit-transform: none; transform: none;}} @keyframes fadeInDowns{0%{opacity: 0.3; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0);} to{opacity: 1; -webkit-transform: none; transform: none;}} .fadeInDowns{-webkit-animation-name: fadeInDowns; animation-name: fadeInDowns;} .ysqUEO .abtnSc{position: relative; overflow: hidden; z-index: 1;} .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-transition: all 250ms ease 0ms; transition: all 250ms ease 0ms; opacity: 0.1; visibility: hidden; /* *visibility: visible; */ -webkit-transform: scale(0); transform: scale(0); pointer-events: none;} .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;} .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; -webkit-transition: all 220ms ease 0s, all 220ms ease 0s; transition: all 220ms ease 0s, all 220ms ease 0s; pointer-events: none; border: 0 solid #aaaaaa; border-radius: inherit; opacity: 0;} .ysqUEO .abtnBd:hover:after{border-width: 30px; opacity: 0.2;} .ysqUEO .abtnMask{position: relative; overflow: hidden; background-color: #ffffff \9;} .ysqUEO .abtnMask:after{content: " "; position: absolute; left: 0; top: 0; width: 100%; height: 100%; visibility: visible; z-index: -1; 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;} .ysqUEO .abtnMask:after{z-index: 8 !important; -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: 540px){.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; -ms-flex-wrap: wrap; flex-wrap: wrap;} .ysqTr > .ceil, .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 > .ceil3{width: 33.333%;} .ysqTr > .ceil4{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 > .ceil4{width: 50%;}} @media screen and (max-width: 1024px) and (min-width: 321px){.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: 321px){.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: 480px){.ysqRow > .col3, .ysqRow > .col4, .ysqRow > .col5{width: 48.5%; margin-left: 3%;} .ysqRow > .col3:nth-child(2n+1), .ysqRow > .col4:nth-child(2n+1), .ysqRow > .col5:nth-child(2n+1){margin-left: 0;} .ysqRow > .col3:nth-child(1n+3), .ysqRow > .col4:nth-child(1n+3), .ysqRow > .col5:nth-child(1n+3){margin-top: 2.5%;}} @media screen and (max-width: 320px){.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 > .ceil4{width: 100%;}} /* 滚动加载 */ .scrollAjax #loadState{position: relative; width: 200px; height: 40px; margin: 2em auto 0; cursor: pointer; text-align: center; line-height: 40px; background-color: #38bab1; color: #fff; font-size: 16px; border-radius: 6px;} .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: #38bab1; 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: 'Source Han Sans CN Regular', Arial, sans-serif; cursor: pointer; -webkit-transition: all 600ms ease 0s; transition: all 600ms ease 0s;} .TAlert .contain .Tclose s:hover{color: #333333;} .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-transition: all 300ms ease 0ms; transition: all 300ms ease 0ms; -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;} .ysqUEO .TAlert .contain .Tclose s:hover:before, .ysqUEO .TAlert .contain .Tclose s:hover:after{background-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; 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: #2778be; 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 .pageList{position: relative; margin-top: 2rem; padding-bottom: 2px; height: 34px; 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 li{display: inline-block; *display: inline; *zoom: 1; vertical-align: top;} .pageListBox .pageList ul li{margin: 0 4px; font-size: 14px;} .pageListBox .pageList ul .ctr a{font-weight: bold; font-size: 14px; font-family: "SimSun", "宋体" !important;} .pageListBox .pageList a{display: block; border: #d8dce0 solid 1px; width: 32px; height: 32px; font-family: Arial, sans-serif, 'Source Han Sans CN Regular'; border-radius: 4px; 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:hover, .pageListBox .pageList a.selected{color: #fff; background-color: #2778be; border-color: #2778be;} .pageListBox .pageList a:active{border-color: #fff !important;} @media screen and (max-width: 1024px){.pageListBox .pageList{overflow-x: auto; overflow-y: hidden;}} @media screen and (max-width: 768px){.pageListBox .pageList{height: 28px; 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; -webkit-transition: all 220ms ease 0s, all 220ms ease 0s; transition: all 220ms ease 0s, all 220ms ease 0s; background-image: url(../images/bgt-banner.png); background-size: auto 100%; background-position: 50% 50%; background-repeat: repeat;} .header .contain{z-index: 6; position: relative; height: 100%; margin: 0 30px;} .header .bg{display: none; z-index: 5;} .header .logo{float: left; position: relative; top: 50%; margin-top: -34.5px; height: 69px; -webkit-transition: all 220ms ease 0s, all 220ms ease 0s; transition: all 220ms ease 0s, all 220ms ease 0s;} .header .logo img{display: block; height: 100%; -webkit-transition: all 220ms ease 0s, all 220ms ease 0s; transition: all 220ms ease 0s, all 220ms ease 0s;} .header .secNav{display: none;} .fixedNav .header{-webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.15); box-shadow: 0 3px 3px rgba(0, 0, 0, 0.15); background-color: rgba(39, 120, 190, 0.99); background-image: none;} .fixedNav .header .logo img{position: relative; top: 2%; height: 96%;} .fixedNav .header .bg{-webkit-transition: all 250ms ease 0ms; transition: all 250ms ease 0ms; opacity: 0; visibility: hidden; /* *visibility: visible; */} @media screen and (min-width: 1025px){.header{height: 100px;} .header .firNav{position: absolute; right: 0; top: 0; text-align: right; left: 200px; margin-left: 2.60416667%; white-space: nowrap;} .header .link{color: #fff;} .header .firItem{display: inline-block; vertical-align: top; position: relative; z-index: 2; line-height: 100px; height: 100px; margin-left: 3%;} .header .firItem .link1{display: block; font-size: 16px;} .header .firItem .link1:after{content: " "; position: absolute; left: 100%; top: 50%; margin-top: 14px; width: 0; height: 1px; background-color: #fff; -webkit-transition: all 220ms ease 0s, all 220ms ease 0s; transition: all 220ms ease 0s, all 220ms ease 0s;} .header .firItem.on, .header .firItem:hover{z-index: 9;} .header .firItem.on .link1:after, .header .firItem:hover .link1:after{width: 100%; left: 0; -webkit-transition: all 220ms ease 0s, all 220ms ease 0s, left 0s ease 0s; transition: all 220ms ease 0s, all 220ms ease 0s, left 0s ease 0s;} .header .outlinks{padding-right: 15px;} .header .outlinks:before{content: " "; display: inline-block; vertical-align: middle; width: 1px; height: 30px; background-color: #fff; margin-right: 1em;} .header .outlinks .link:nth-child(1n+2){margin-left: .5em;} .header .outlinks .icoImg {pointer-events: auto !important;} .header .outlinks s{display: none;} .header .secNav{position: absolute; top: 100%; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); padding: 12px 0; z-index: 8; background-color: #2778be; font-size: 0; line-height: 0; text-align: center;} .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: 30px;} .header .secItem{position: relative; display: block; padding: 4px 10px; min-width: 8em; -webkit-box-sizing: border-box; box-sizing: border-box; font-size: 14px; -webkit-transition: all 220ms ease 0s, all 220ms ease 0s; transition: all 220ms ease 0s, all 220ms ease 0s;} .header .secItem .icoImg{margin-right: 5px;} .header .secItem:nth-child(1n+2){margin-top: 5px;} .header .secItem.on, .header .secItem:hover{background-color: rgba(255, 255, 255, 0.2);} .header .navbtn{display: none;} .header:hover{-webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.15); box-shadow: 0 3px 3px rgba(0, 0, 0, 0.15); background-color: rgba(39, 120, 190, 0.99); background-image: none;} .header:hover .bg{-webkit-transition: all 250ms ease 0ms; transition: all 250ms ease 0ms; opacity: 0; visibility: hidden; /* *visibility: visible; */}} @media screen and (min-width: 1366px){.header .firItem{margin-left: 3%;}} @media screen and (max-width: 1024px){.header{height: 80px;} .header .bg{position: fixed !important; background-color: rgba(0, 0, 0, 0.2);} .header .contain{margin-left: 15px; margin-right: 15px;} .header .logo{margin-top: -28px; height: 56px;} .header .navbtn{z-index: 10; position: absolute; overflow: hidden; display: block; right: -6px; top: 14px; padding: 6px; width: 40px; height: 40px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0.04); cursor: pointer;} .header .navbtn s{position: absolute; left: 6px; display: block; width: 40px; height: 4px; border-radius: 4px; -webkit-box-sizing: border-box; box-sizing: border-box; background-color: #fff; -webkit-transition: opacity .3s ease, -webkit-transform .3s ease; transition: opacity .3s ease, -webkit-transform .3s ease; transition: transform .3s ease, opacity .3s ease; transition: transform .3s ease, opacity .3s ease, -webkit-transform .3s ease; -webkit-transform-origin: 0 50%; transform-origin: 0 50%;} .header .navbtn .i1{top: 12px;} .header .navbtn .i2{top: 50%; margin-top: -2px; -webkit-transform-origin: m 50%; transform-origin: m 50%;} .header .navbtn .i3{bottom: 12px;} .navShow .header .navbtn{position: fixed; z-index: 80; margin-right: 15px;} .navShow .header .navbtn s{background-color: #2778be;} .navShow .header .navbtn .i1{-webkit-transform: rotate(45deg) translate(7.866px, 0); transform: rotate(45deg) translate(7.866px, 0); top: 4px;} .navShow .header .navbtn .i2{-webkit-transform: scale(0); transform: scale(0); opacity: 0;} .navShow .header .navbtn .i3{-webkit-transform: rotate(-45deg) translate(7.866px, 0); transform: rotate(-45deg) translate(7.866px, 0); bottom: 4px;} .header .firNav{position: fixed; z-index: 29; right: -100%; top: 0; max-width: 55%; width: 480px; height: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; padding-left: 5%; padding-right: 5%; overflow-y: auto; background-color: #fff; opacity: 1; filter: alpha(opacity=100); padding-top: 80px;} .header .firItem{font-size: 26px; font-size: 1.3rem; line-height: 2.2; border-bottom: #d7e2e8 solid 1px;} .header .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 .firItem.on > .link{color: #2778be;} .header .firItem.on .secNav{display: block;} .header .outlinks .link:nth-child(1n+2){border-top: #d7e2e8 solid 1px;} .header .outlinks .icoImg{display: none;} .header .outlinks s{display: block;} .header .secNav{padding: 0 8px 8px !important; line-height: 1.5;} .header .secNav .col{display: inline;} .header .secNav .secItem{margin-right: 5px; display: inline-block; white-space: nowrap; color: #777; font-size: .9em;} .header .secNav .secItem:active{color: #111;} .header .secNav .secItem.on{color: #111; text-decoration: underline;} .navShow .header .bg{display: block;} .navShow .header .contain{z-index: 8;} .navShow .firNav{right: 0; -webkit-transition: all 220ms ease 0s, all 220ms ease 0s; transition: all 220ms ease 0s, all 220ms ease 0s;}} @media screen and (max-width: 540px){.header{height: 60px;} .header .logo{margin-top: -20px; height: 40px;} .header .navbtn{right: 0px; top: 15px; padding: 0px; width: 30px; height: 30px;} .header .navbtn s{left: 0px; width: 30px; height: 3px; border-radius: 3px;} .header .navbtn .i1{top: 5px;} .header .navbtn .i2{top: 50%; margin-top: -1.5px; -webkit-transform-origin: m 50%; transform-origin: m 50%;} .header .navbtn .i3{bottom: 5px;} .navShow .header .navbtn .i1{-webkit-transform: rotate(45deg) translate(5.8995px, 0); transform: rotate(45deg) translate(5.8995px, 0); top: -1.5px;} .navShow .header .navbtn .i3{-webkit-transform: rotate(-45deg) translate(5.8995px, 0); transform: rotate(-45deg) translate(5.8995px, 0); bottom: -1.5px;}} .index-banner{position: relative; width: 100%; height: 0; padding-bottom: 39.84375%; -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: absolute; z-index: 1; width: 100%; height: 100%; background-color: #8698ac;} .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 300ms ease 0s; transition: all 300ms ease 0s;} .index-banner .item .contain{padding-left: 7.5%; padding-right: 7.5%; text-align: left; top: 50%; -webkit-transform: translateY(-80%); transform: translateY(-80%); -webkit-transition: all 0 ease 0ms; transition: all 0 ease 0ms; opacity: 0; visibility: hidden; /* *visibility: visible; */} .index-banner .item .contain img{max-width: 100%;} .index-banner .item.leave .contain{-webkit-transition: all 300ms ease 50ms; transition: all 300ms ease 50ms; opacity: 0; visibility: hidden; /* *visibility: visible; */ -webkit-transform: translateY(50%); transform: translateY(50%);} .index-banner .item.on .bg{-webkit-transform: scale(1.025); transform: scale(1.025); -webkit-transition: all 4s ease 0s; transition: all 4s ease 0s;} .index-banner .item.on .contain{-webkit-transition: all 900ms ease 100ms; transition: all 900ms ease 100ms; opacity: 1; visibility: visible; -webkit-transform: translateY(-50%); transform: translateY(-50%);} .index-banner .ctr{z-index: 8; 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; transition: all 400ms ease 0s, all 220ms ease 0s, all 220ms ease 0s; background-color: rgba(0, 0, 0, 0.2); color: #ffffff; text-align: center;} .index-banner .ctr s{font-size: 32px; font-weight: bold;} .index-banner .ctr s{position: absolute; left: 0; top: 0; width: 100%; height: 100%; font-family: "SimSun", "宋体" !important; pointer-events: none;} .index-banner .ctr:hover{color: #ffffff;} .ysqUEO .index-banner .ctr s{overflow: hidden; text-indent: 100%;} .ysqUEO .index-banner .ctr s:before, .ysqUEO .index-banner .ctr s:after{content: " "; position: absolute; top: 50%; left: 50%; width: 16px; height: 1px; background-color: #ffffff; -webkit-transition: all 400ms ease 0s; transition: all 400ms ease 0s;} .ysqUEO .index-banner .ctr:hover s:before, .ysqUEO .index-banner .ctr:hover s:after{background-color: #ffffff;} .ysqUEO .index-banner .ctr.prev s:before, .ysqUEO .index-banner .ctr.prev s:after{margin-left: -7px; -webkit-transform-origin: 0% 50%; transform-origin: 0% 50%;} .ysqUEO .index-banner .ctr.prev s:before{-webkit-transform: rotate(-45deg) translateX(-0.5px); transform: rotate(-45deg) translateX(-0.5px);} .ysqUEO .index-banner .ctr.prev s:after{-webkit-transform: rotate(45deg) translateX(-0.5px); transform: rotate(45deg) translateX(-0.5px);} .ysqUEO .index-banner .ctr.prev:hover s:before{-webkit-transform: rotate(-45deg) translateX(-0.5px); transform: rotate(-45deg) translateX(-0.5px);} .ysqUEO .index-banner .ctr.prev:hover s:after{-webkit-transform: rotate(45deg) translateX(-0.5px); transform: rotate(45deg) translateX(-0.5px);} .ysqUEO .index-banner .ctr.next s:before, .ysqUEO .index-banner .ctr.next s:after{margin-left: -9px; -webkit-transform-origin: 100% 50%; transform-origin: 100% 50%;} .ysqUEO .index-banner .ctr.next s:before{-webkit-transform: rotate(-45deg) translateX(0.5px); transform: rotate(-45deg) translateX(0.5px);} .ysqUEO .index-banner .ctr.next s:after{-webkit-transform: rotate(45deg) translateX(0.5px); transform: rotate(45deg) translateX(0.5px);} .ysqUEO .index-banner .ctr.next:hover s:before{-webkit-transform: rotate(-45deg) translateX(0.5px); transform: rotate(-45deg) translateX(0.5px);} .ysqUEO .index-banner .ctr.next:hover s:after{-webkit-transform: rotate(45deg) translateX(0.5px); transform: rotate(45deg) translateX(0.5px);} .index-banner .ctr.prev{left: 0;} .index-banner .ctr.next{right: 0;} .index-banner .ctr:hover{background-color: rgba(0, 0, 0, 0.5);} .index-banner .pagination{height: 24px; line-height: 24px; position: absolute; bottom: 20px; left: 0; width: 100%; z-index: 3; text-align: right; white-space: nowrap;} .index-banner .pagination .btn{display: inline-block; vertical-align: bottom; position: relative; overflow: hidden; z-index: 1; width: 4px; height: 24px; -webkit-transition: all 1000ms ease 0s; transition: all 1000ms ease 0s; text-indent: 100%; *text-indent: 0; *font-size: 0; margin: 0 4px; background-color: #fff; height: 20px; /* border: @c1 2px solid; */ -webkit-box-sizing: border-box; box-sizing: border-box;} .index-banner .pagination .btn.on{background-color: #2778be; height: 30px;} .index-banner._nojs .ctr{display: none;} @media screen and (max-width: 1600px){.index-banner{padding-bottom: 50%;}} @media screen and (max-width: 1440px){.index-banner .contain img{-webkit-transform: scale(0.9); transform: scale(0.9);}} @media screen and (max-width: 1024px){.index-banner{padding-bottom: 70%;}} @media screen and (max-width: 480px){.index-banner .ctr{margin-top: -30px; width: 30px; height: 60px; font-size: 20px; line-height: 60px;}} .index-about{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: center; -ms-flex-align: center; align-items: center; -ms-flex-line-pack: center; align-content: center;} .index-about:after{display: none;} .index-about .dt, .index-about .dd{padding: 3.4375% 4.6875%; -webkit-box-sizing: border-box; box-sizing: border-box;} .index-about .dt{width: 40%; background-color: #fff; color: #2778be; text-align: center;} .index-about .dt h1{ } // .index-about .dt p{font-weight: bold; line-height: 1.2;} .index-about .dd{width: 60%; background-color: #2778be; color: #fff;} .index-about .dd p{line-height: 1.5em; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; max-height: 4.5em;} .index-about .dd .more{font-size: 36px; display: block; margin-top: .75em; width: 5em; height: 1.5em; border: #ffffff solid 1px; color: #fff; text-align: center; line-height: 1.5em;} .index-about .dd .more span{display: inline-block; vertical-align: top; font-size: 14px;} .index-about .dd .more s{font-weight: bold; font-size: 1em;} @media screen and (max-width: 1600px){.index-about .dd .more{font-size: 30px;}} @media screen and (max-width: 1024px){.index-about{display: block;} .index-about .dt, .index-about .dd{width: 100%;} .index-about .dt{text-align: left; padding-bottom: 0;} .index-about .dt h1{margin-bottom: 5px;} .index-about .dt br{display: none;} .index-about .dd{background-color: #fff; color: #2778be; padding-top: 2%;} .index-about .dd .more{color: #2778be; border-color: #2778be;} .index-about .dd .more{font-size: 24px;} .index-about .dd .more span{font-size: 12px;}} .index-video{position: relative; overflow: hidden; height: 8em;} .index-video .btn{position: absolute; left: 0; top: 0; width: 100%; height: 100%;} .index-video .btn s{position: absolute; z-index: 9; top: 50%; left: 0; width: 100%; margin-top: .5em; text-align: center; color: #fff;} .index-video .btn .icoImg{position: absolute; z-index: 9; left: 50%; top: 50%; margin-left: -0.6em; margin-top: -1.2em; width: 1.2em; height: 1.2em; -webkit-transition: all 220ms ease 0s, all 220ms ease 0s; transition: all 220ms ease 0s, all 220ms ease 0s;} .index-video .btn:hover .icoImg{-webkit-transform: scale(1.1) translateY(-5%); transform: scale(1.1) translateY(-5%);} .index-head{text-align: center; padding-top: 3.64583333%; padding-bottom: 3.125%;} .index-head .dt{font-weight: bold; color: #333333;} .index-head .dd{margin-top: 1em; color: #666666; letter-spacing: .05em; } @media screen and (max-width: 768px){.index-head{padding-top: 30px; padding-bottom: 24px;} .index-head .dd{margin-top: .5em;}} .index-news .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: stretch; -ms-flex-pack: stretch; justify-content: stretch; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; -ms-flex-line-pack: stretch; align-content: stretch; height: 580px; overflow: hidden; -webkit-transition: all 220ms ease 0s, all 220ms ease 0s; transition: all 220ms ease 0s, all 220ms ease 0s;} .index-news .contain:after{display: none;} @media screen and (max-width: 1600px){.index-news .contain{height: 500px;}} @media screen and (max-width: 1366px){.index-news .contain{height: 440px;}} @media screen and (max-width: 1024px){.index-news .contain{display: block; height: auto;}} .index-news-switch{height: 100%; width: 50%; background-color: #f0f0f0;} .index-news-switch .shade, .index-news-switch .box{position: relative !important; height: auto;} .index-news-switch .item{position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: #f0f0f0;} .index-news-switch .item .pic{height: 400px;} .index-news-switch .item .time{z-index: 9; position: absolute; left: 0; top: 0; padding: 12px; background-color: #2778be; color: #fff; text-align: center;} .index-news-switch .item .time .y{font-weight: bold; margin-top: 4px; letter-spacing: .5px;} .index-news-switch .item .txt{padding: 50px 6.25%; -webkit-box-sizing: border-box; box-sizing: border-box;} .index-news-switch .item h3{line-height: 1.2em; position: relative; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; margin-bottom: .75em; color: #333333; -webkit-transition: all 220ms ease 0s, all 220ms ease 0s; transition: all 220ms ease 0s, all 220ms ease 0s;} .index-news-switch .item p{line-height: 1.5em; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; max-height: 3em; height: 3em; color: #666666;} .index-news-switch .item.on{position: relative;} .index-news-switch .item:hover h3{color: #2778be;} .index-news-switch .ctr{z-index: 8; position: absolute; top: 400px; margin-top: -72px; width: 40px; height: 72px; line-height: 72px; -webkit-transition: all 400ms ease 0s, all 220ms ease 0s, all 220ms ease 0s; transition: all 400ms ease 0s, all 220ms ease 0s, all 220ms ease 0s; background-color: #2778be; color: #ffffff; text-align: center;} .index-news-switch .ctr s{font-size: 32px; font-weight: bold;} .index-news-switch .ctr s{position: absolute; left: 0; top: 0; width: 100%; height: 100%; font-family: "SimSun", "宋体" !important; pointer-events: none;} .index-news-switch .ctr:hover{color: #ffffff;} .ysqUEO .index-news-switch .ctr s{overflow: hidden; text-indent: 100%;} .ysqUEO .index-news-switch .ctr s:before, .ysqUEO .index-news-switch .ctr s:after{content: " "; position: absolute; top: 50%; left: 50%; width: 16px; height: 2px; background-color: #ffffff; -webkit-transition: all 400ms ease 0s; transition: all 400ms ease 0s;} .ysqUEO .index-news-switch .ctr:hover s:before, .ysqUEO .index-news-switch .ctr:hover s:after{background-color: #ffffff;} .ysqUEO .index-news-switch .ctr.prev s:before, .ysqUEO .index-news-switch .ctr.prev s:after{margin-left: -6px; -webkit-transform-origin: 0% 50%; transform-origin: 0% 50%;} .ysqUEO .index-news-switch .ctr.prev s:before{-webkit-transform: rotate(-45deg) translateX(-1px); transform: rotate(-45deg) translateX(-1px);} .ysqUEO .index-news-switch .ctr.prev s:after{-webkit-transform: rotate(45deg) translateX(-1px); transform: rotate(45deg) translateX(-1px);} .ysqUEO .index-news-switch .ctr.prev:hover s:before{-webkit-transform: rotate(-45deg) translateX(-1px); transform: rotate(-45deg) translateX(-1px);} .ysqUEO .index-news-switch .ctr.prev:hover s:after{-webkit-transform: rotate(45deg) translateX(-1px); transform: rotate(45deg) translateX(-1px);} .ysqUEO .index-news-switch .ctr.next s:before, .ysqUEO .index-news-switch .ctr.next s:after{margin-left: -10px; -webkit-transform-origin: 100% 50%; transform-origin: 100% 50%;} .ysqUEO .index-news-switch .ctr.next s:before{-webkit-transform: rotate(-45deg) translateX(1px); transform: rotate(-45deg) translateX(1px);} .ysqUEO .index-news-switch .ctr.next s:after{-webkit-transform: rotate(45deg) translateX(1px); transform: rotate(45deg) translateX(1px);} .ysqUEO .index-news-switch .ctr.next:hover s:before{-webkit-transform: rotate(-45deg) translateX(1px); transform: rotate(-45deg) translateX(1px);} .ysqUEO .index-news-switch .ctr.next:hover s:after{-webkit-transform: rotate(45deg) translateX(1px); transform: rotate(45deg) translateX(1px);} .index-news-switch .ctr.prev{right: 40px;} .index-news-switch .ctr.next{right: 0;} .index-news-switch .ctr:hover{background-color: #2571b4;} @media screen and (max-width: 1600px){.index-news-switch .item .pic{height: 360px;} .index-news-switch .item .txt{padding: 30px 6.25%;} .index-news-switch .ctr{top: 360px;}} @media screen and (max-width: 1366px){.index-news-switch .item .pic{height: 320px;} .index-news-switch .item .txt{padding: 20px 6.25%;} .index-news-switch .ctr{top: 320px;}} @media screen and (max-width: 1024px){.index-news-switch{width: 100%;} .index-news-switch .item .pic{height: 0 !important; height: 0; padding-bottom: 41.66666667%;} .index-news-switch .item .txt{padding: 4.16666667% 5.20833333%;} .index-news-switch .item h3{margin-bottom: .5em;} .index-news-switch .ctr{margin-top: 41.66666667%; top: -72px;}} .index-news-list{height: 100%; width: 50%;} .index-news-list .item{position: relative; width: 100%; padding-left: 140px; padding-right: 6.25%; height: 25%; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all 220ms ease 0s, all 220ms ease 0s; transition: all 220ms ease 0s, all 220ms ease 0s;} .index-news-list .item:nth-child(2n+2){background-color: #f7f7f7;} .index-news-list .item h3{padding-top: 2em; line-height: 1.2em; position: relative; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color: #333333; margin-bottom: .5em;} .index-news-list .item .time{position: absolute; left: 0; top: 0; width: 140px; height: 100%; text-align: center;} .index-news-list .item .time .vmbox{position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); white-space: nowrap; text-align: left ;} .index-news-list .item .time .md{font-size: 26px;} .index-news-list .item p{line-height: 1.5em; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; max-height: 3em; height: 3em; color: #666666;} .index-news-list .item:hover h3{color: #2778be;} @media screen and (max-width: 1600px){.index-news-list .item h3{padding-top: 1.5em;}} @media screen and (max-width: 1366px){.index-news-list .item h3{padding-top: 1.25em;}} @media screen and (max-width: 1024px){.index-news-list{width: 100%; height: auto;} .index-news-list .item{height: auto; padding-top: 30px; padding-bottom: 30px;} .index-news-list .item h3{padding-top: 0;}} @media screen and (max-width: 768px){.index-news-list .item{padding-left: 120px; padding-top: 20px; padding-bottom: 20px;} .index-news-list .item .time{width: 120px;}} .index-product-tab{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: stretch; -ms-flex-pack: stretch; justify-content: stretch; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; -ms-flex-line-pack: stretch; align-content: stretch;} .index-product-tab:after{display: none;} .index-product-tab .Tt{position: relative; width: 40%; height: 0; padding-bottom: 27.53246753%;} .index-product-tab .Tt .box{position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: #f1f1f1; display: block !important; -webkit-transition: all 250ms ease 0ms; transition: all 250ms ease 0ms; opacity: 0; visibility: hidden; /* *visibility: visible; */} .index-product-tab .Tt .box img{-o-object-fit: cover; object-fit: cover;} .index-product-tab .Tt .box.on{-webkit-transition: all 250ms ease 0ms; transition: all 250ms ease 0ms; opacity: 1; visibility: visible;} .index-product-tab .Tg{position: relative; overflow: hidden; width: 60%; background-image: url(../images/bgi-product.jpg); background-size: cover; background-position: 50% 50%; background-repeat: no-repeat;} .index-product-tab .Tg .btn{z-index: 1; position: relative; float: left; width: calc(100%/3); height: 50%; -webkit-box-sizing: border-box; box-sizing: border-box; border-left: rgba(212, 212, 212, 0.5) solid 1px;} .index-product-tab .Tg .btn:after{z-index: -1; content: " "; position: absolute; left: 0; top: 0; width: 100%; height: 100%; -webkit-transform: scale(0.5); transform: scale(0.5); -webkit-transition: all 250ms ease 0ms; transition: all 250ms ease 0ms; opacity: 0; visibility: hidden; /* *visibility: visible; */ background-color: #38bab1;} .index-product-tab .Tg .btn:nth-child(3n+1){border-left: none;} .index-product-tab .Tg .btn:nth-child(1n+4){border-top: rgba(212, 212, 212, 0.5) solid 1px;} .index-product-tab .Tg .btn span{position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 100%; padding-top: 1em; padding-bottom: 1em; text-align: center; color: #fff;} .index-product-tab .Tg .btn span:before, .index-product-tab .Tg .btn span:after{content: " "; height: 1px; position: absolute; left: 50%; width: 4em; margin-left: -2em; top: 50%; background-color: #fff;} .index-product-tab .Tg .btn span:before{margin-top: -1.25em;} .index-product-tab .Tg .btn span:after{margin-top: 1.25em;} .index-product-tab .Tg .btn.on:after{-webkit-transform: none !important; transform: none !important; -webkit-transition: all 300ms ease 0ms; transition: all 300ms ease 0ms; opacity: 1; visibility: visible;} @media screen and (max-width: 1024px){.index-product-tab{display: block;} .index-product-tab .Tt{width: 100%; height: 0; padding-bottom: 68.83116883%; display: none;} .index-product-tab .Tg{width: 100%;} .index-product-tab .Tg .btn{height: 0; padding-bottom: 20.64935065%;} .index-product-tab .Tg .btn span{font-size: 14px;} .index-product-tab .Tg .btn.on:after{display: none;}} @media screen and (max-width: 540px){.index-product-tab .Tg .btn{width: 50%; height: 0; padding-bottom: 36.30136986%;} .index-product-tab .Tg .btn:nth-child(2n+1){border-left: none;} .index-product-tab .Tg .btn:nth-child(2n+2){border-left: rgba(212, 212, 212, 0.5) solid 1px;} .index-product-tab .Tg .btn:nth-child(1n+3){border-top: rgba(212, 212, 212, 0.5) solid 1px;}} .index-hr{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: center; align-content: center;} .index-hr:after{display: none;} .index-hr .dt, .index-hr .dd{-webkit-box-sizing: border-box; box-sizing: border-box;} .index-hr .dt{width: 40%; padding: 4.6875%;} .index-hr .dt h1{margin-bottom: .75em; font-weight: bold; color: #333333;} .index-hr .dt .hr{width: 1em; height: 1px; background-color: #333;} .index-hr .dt p{margin-top: 1em;line-height: 1.25;} .index-hr .dd{width: 60%; color: #fff; 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: stretch; -ms-flex-pack: stretch; justify-content: stretch; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; -ms-flex-line-pack: center; align-content: center; text-align: center; padding: 1.82291667% 0;} .index-hr .dd:after{display: none;} .index-hr .dd .col{z-index: 1; position: relative; width: 25%; padding: 3% 0; border: #b0b0b0 solid 1px; color: #333333; box-sizing: border-box;} .index-hr .dd .col:before, .index-hr .dd .col:after{content: " "; position: absolute; z-index: -1; border: #ffffff solid 1px; pointer-events: none;} .index-hr .dd .col:before{top: .5em; bottom: .5em; left: -1px; right: -1px;} .index-hr .dd .col:after{top: -1px; bottom: -1px; left: .5em; right: .5em;} .index-hr .dd .col:nth-child(1n+2){margin-left: -1px; padding-left: 1px;} .index-hr .dd .icoImg{margin-bottom: .5em; width: 2em; height: 2em; -webkit-transition: all 220ms ease 0s, all 220ms ease 0s; transition: all 220ms ease 0s, all 220ms ease 0s;} @media screen and (min-width: 1025px){.index-hr .dd .col:hover .icoImg{-webkit-transform: scale(1.1); transform: scale(1.1);}} @media screen and (max-width: 1024px){.index-hr{display: block; padding-bottom: 4.6875%;} .index-hr .dt, .index-hr .dd{width: 100%;} .index-hr .dt{padding-bottom: 3.125%;} .index-hr .dd{-webkit-box-sizing: border-box; box-sizing: border-box; padding: 0 4.6875%;}} @media screen and (max-width: 540px){.index-hr .dd .icoImg{width: 1.75em; height: 1.75em;} .index-hr .dd .col{width: 50%;margin-left: 0 !important;padding-left: 0 !important;} .index-hr .dd .col:nth-child(1n+3){margin-top: -1px !important;} .index-hr .dd .col:nth-child(2n+2){padding-left: 1px !important;margin-left: -1px !important;} } .footer, .footer a{color: #ffffff;} .footer-t{padding: 3.64583333% 4.6875%; background-color: #2296c8;} .footer-t .dt h1{margin-bottom: .75em; font-weight: bold;} .footer-t .dt .hr{width: 1em; height: 1px; background-color: #fff;} .footer-t .dd{position: relative; 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; margin-top: 1em; padding-right: 260px;} .footer-t .dd:after{display: none;} .footer-t .dd .col{width: 31%; padding-right: 2.33%; padding-top: 1%;} .footer-t .dd .col dt{margin-bottom: .75em;} .footer-t .dd .col dd p{line-height: 1.5em; padding: .25em 0px;} .footer-t .dd .qrcode{position: absolute; right: 0; top: 0; width: 260px; text-align: center; 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;} .footer-t .dd .qrcode:after{display: none;} .footer-t .dd .qrcode img{width: 116px; height: 116px; margin-bottom: 12px;} @media screen and (max-width: 1440px){.footer-t .dd{padding-right: 220px;} .footer-t .dd .qrcode{width: 220px;} .footer-t .dd .qrcode img{width: 102px; height: 102px;}} @media screen and (max-width: 1024px){.footer-t .dt{padding-top: 10px;} .footer-t .dd{padding-right: 0; display: block; overflow-x: auto; padding-bottom: 10px; white-space: nowrap;} .footer-t .dd .qrcode{display: none;} .footer-t .dd .col{display: inline-block; vertical-align: top; width: auto; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0;} .footer-t .dd .col:nth-child(1n+2){margin-left: 4%;}} .footer-b{background-color: #2778be; padding: 25px 4.6875%; text-align: center; line-height: 1.4;} .footer-b > div:nth-child(1n+2){margin-top: 10px;} /* subpage */ .subpage-w{position: relative; padding-left: 10%; padding-right: 10%;} @media screen and (max-width: 1440px){.subpage-w{padding-left: 6%; padding-right: 6%;}} @media screen and (max-width: 1024px){.subpage-w{padding-left: 4.6875%; padding-right: 4.6875%;}} .subpage-banner{position: relative; height: 12em;} .subpage-banner .subpage-w{position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); left: 0; width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; color: #fff;} .subpage-banner .subpage-w .l1{display: none;} .subpage-banner .subpage-w .l2{margin-top: 1.5%;} @media screen and (max-width: 1024px){.subpage-banner .subpage-w .contain .l2{margin-top: .5em;}} @media screen and (max-width: 768px){.subpage-banner{height: 1em; padding-bottom: 60%;} .subpage-banner .subpage-w .l2{margin-top: 15px;}} .subpage-nav{background-color: #2778be; text-align: center; font-size: 0;} .subpage-nav .overview{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: stretch; -ms-flex-pack: stretch; justify-content: stretch; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; -ms-flex-line-pack: start; align-content: flex-start; vertical-align: top;} .subpage-nav .overview:after{display: none;} .subpage-nav .overview .link{display: inline-block; vertical-align: top; color: #fff; height: 3.2em; line-height: 3.2em; width: 50%; -webkit-transition: background 220ms ease 0s, color 220ms ease 0s; transition: background 220ms ease 0s, color 220ms ease 0s;} .subpage-nav .overview .link.on{background-color: #fff; color: #3f3f3f;} @media screen and (min-width: 1025px){.subpage-nav .overview .link:hover{background-color: #fff; color: #3f3f3f;}} @media screen and (max-width: 1024px){.subpage-nav .overview .link:active{background-color: #fff; color: #3f3f3f;}} @media screen and (max-width: 1024px){.subpage-nav .overview .link{ padding-left: 20px; padding-right: 20px;}} .subpage-wrap{padding-top: 4.6875%; padding-bottom: 4.6875%;} @media screen and (max-width: 768px){.subpage-wrap{padding-top: 30px; padding-bottom: 30px;}} /* sAbout */ .sAbout{padding: 0;} .sAbout-section{padding-top: 4.6875%; padding-bottom: 4.6875%;} @media screen and (max-width: 768px){.sAbout-section{padding-top: 30px; padding-bottom: 30px;}} .sAbout-section1{background-color: #fff;} .sAbout-section1 h1{margin-bottom: 1.5em; color: #333333; text-align: center;} .sAbout-section1 h1 span{margin: 0 1.25em;} .sAbout-section1 h1:before, .sAbout-section1 h1:after{content: " "; display: inline-block; vertical-align: middle; width: 5em; height: 1px; background-color: #c7c7c7;} @media screen and (max-width: 768px){.sAbout-section1 h1{margin-bottom: 1em;} .sAbout-section1 h1:before, .sAbout-section1 h1:after{width: 3em;}} .sAbout-section2{background-color: #f3f3f3;} .sAbout-section2 .player{height: 0; padding-bottom: 32.87760417%;} .sAbout-section2 .btn{position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 9;} .sAbout-section2 .btn .icoImg{position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 1.8em; height: 1.8em; -webkit-transition: all 220ms ease 0s, all 220ms ease 0s; transition: all 220ms ease 0s, all 220ms ease 0s;} @media screen and (max-width: 768px){.sAbout-section2 .player{height: 0; padding-bottom: 56.25%;}} /* sLeader */ .sLeader .imax{line-height: 2.66666667;} /* sCourse */ .sCourse-list{position: relative; z-index: 1;} .sCourse-list .vr{position: absolute; left: 30%; top: 0; bottom: 0; z-index: 1; background-color: #e1e1e1;} .sCourse-list .block{position: absolute; left: 0; top: 0; width: 100%; z-index: 0; background-color: #f2f2f2;} .sCourse-list .item{position: relative; z-index: 2; padding-left: 30%; padding-right: 20%; padding-top: 20px; padding-bottom: 20px;} .sCourse-list .item .dt{position: absolute; left: 20%; top: 20px; width: 10%; height: 1em; text-align: right; -webkit-box-sizing: border-box; box-sizing: border-box; white-space: nowrap; padding-right: 20px; color: #38bab1;} .sCourse-list .item .dt:after{content: " "; position: absolute; right: -2px; width: 3px; height: 100%; background-color: #38bab1;} .sCourse-list .item .dd{padding-left: 2.5em;} .sCourse-list .item .dd p{position: relative; line-height: 1.5em; padding: 0.25em 0px;} .sCourse-list .item .dd p:before{content: " "; position: relative; float: left; top: -3px; margin-top: .75em; margin-left: -1.5em; width: 6px; height: 6px; background-color: #38bab1; border-radius: 50%;} @media screen and (min-width: 1025px){.sCourse-list{padding-left: 0; padding-right: 0;}} @media screen and (max-width: 1600px){.sCourse-list .vr{left: 20%;} .sCourse-list .item{padding-left: 20%; padding-right: 10%;} .sCourse-list .item .dt{left: 10%;}} @media screen and (max-width: 1024px){.sCourse-list .vr{left: 88px; margin-left: 4.6875%;} .sCourse-list .item{padding-left: 88px; padding-right: 0; padding-top: 12px; padding-bottom: 12px;} .sCourse-list .item .dt{left: 0; width: 88px; padding-right: 15px; top: 12px;} .sCourse-list .item .dd{padding-left: 2em;} .sCourse-list .item .dd p:before{margin-left: -1em;}} @media screen and (max-width: 768px){.sCourse-list .item .dt{margin-top: 5px;}} @media screen and (max-width: 540px){.sCourse-list .vr{left: 60px;} .sCourse-list .item{padding-left: 60px;} .sCourse-list .item .dt{width: 60px; padding-right: 10px; font-size: 20px;}} /* sCulture */ .sCulture{padding: 0;} .sCulture-item{padding: 3.64583333% 4.6875%; text-align: center; line-height: 1.25;} .sCulture-item:nth-child(2n+2){background-color: #38bab1;} .sCulture-item:nth-child(2n+2) .dt, .sCulture-item:nth-child(2n+2) .dd{color: #fff;} .sCulture-item .dt{margin-bottom: .5em; font-weight: bold; color: #38bab1;} .sCulture-item .dd{color: #333333;} @media screen and (max-width: 768px){.sCulture-item{padding-top: 30px; padding-bottom: 30px;}} /* sHonor */ .sHonor-tab{position: relative;} .sHonor-tab .head{margin-bottom: 2.60416667%; color: #76aadc; text-align: center;} .sHonor-tab .Tg{position: relative; padding-left: 2%; padding-right: 2%; text-align: center; white-space: nowrap;} .sHonor-tab .Tg:after{content: " "; z-index: -1; position: absolute; left: 0; right: 0; bottom: 8px; background-color: #d7d7d7; height: 1px;} .sHonor-tab .Tg .viewport{overflow: hidden; padding-bottom: 8px;} .sHonor-tab .Tg .overview{position: relative;} .sHonor-tab .Tg .btn{position: relative; display: inline-block; vertical-align: top; width: 8em; height: 1.25em; padding-top: 12px; padding-bottom: 2em; cursor: pointer; -webkit-tap-highlight-color: transparent;} .sHonor-tab .Tg .btn:after{content: " "; position: absolute; left: 50%; bottom: 0; -webkit-transform: translate(-50%, 50%); transform: translate(-50%, 50%); width: 6px; height: 6px; border: #cfcfcf solid 1px; border-radius: 50%; background-color: #fff; -webkit-transition: all 220ms ease 0s, all 220ms ease 0s; transition: all 220ms ease 0s, all 220ms ease 0s;} .sHonor-tab .Tg .btn span{position: absolute; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); top: 12px; -webkit-transition: all 220ms ease 0s, all 220ms ease 0s; transition: all 220ms ease 0s, all 220ms ease 0s;} .sHonor-tab .Tg .btn.on span{margin-top: -0.25em; font-weight: bold; color: #76aadc;} .sHonor-tab .Tg .btn.on:after{width: 14px; height: 14px; background-color: #dbdbdb;} .sHonor-tab .ctr{z-index: 8; position: absolute; top: 100%; margin-top: -38px; width: 40px; height: 60px; line-height: 60px; -webkit-transition: all 400ms ease 0s, all 220ms ease 0s, all 220ms ease 0s; transition: all 400ms ease 0s, all 220ms ease 0s, all 220ms ease 0s; color: #cfcfcf; text-align: center;} .sHonor-tab .ctr s{font-size: 40px; font-weight: bold;} .sHonor-tab .ctr s{position: absolute; left: 0; top: 0; width: 100%; height: 100%; font-family: "SimSun", "宋体" !important; pointer-events: none;} .sHonor-tab .ctr:hover{color: #cfcfcf;} .ysqUEO .sHonor-tab .ctr s{overflow: hidden; text-indent: 100%;} .ysqUEO .sHonor-tab .ctr s:before, .ysqUEO .sHonor-tab .ctr s:after{content: " "; position: absolute; top: 50%; left: 50%; width: 20px; height: 2px; background-color: #cfcfcf; -webkit-transition: all 400ms ease 0s; transition: all 400ms ease 0s;} .ysqUEO .sHonor-tab .ctr:hover s:before, .ysqUEO .sHonor-tab .ctr:hover s:after{background-color: #cfcfcf;} .ysqUEO .sHonor-tab .ctr.prev s:before, .ysqUEO .sHonor-tab .ctr.prev s:after{margin-left: -8px; -webkit-transform-origin: 0% 50%; transform-origin: 0% 50%;} .ysqUEO .sHonor-tab .ctr.prev s:before{-webkit-transform: rotate(-45deg) translateX(-1px); transform: rotate(-45deg) translateX(-1px);} .ysqUEO .sHonor-tab .ctr.prev s:after{-webkit-transform: rotate(45deg) translateX(-1px); transform: rotate(45deg) translateX(-1px);} .ysqUEO .sHonor-tab .ctr.prev:hover s:before{-webkit-transform: rotate(-45deg) translateX(-1px); transform: rotate(-45deg) translateX(-1px);} .ysqUEO .sHonor-tab .ctr.prev:hover s:after{-webkit-transform: rotate(45deg) translateX(-1px); transform: rotate(45deg) translateX(-1px);} .ysqUEO .sHonor-tab .ctr.next s:before, .ysqUEO .sHonor-tab .ctr.next s:after{margin-left: -12px; -webkit-transform-origin: 100% 50%; transform-origin: 100% 50%;} .ysqUEO .sHonor-tab .ctr.next s:before{-webkit-transform: rotate(-45deg) translateX(1px); transform: rotate(-45deg) translateX(1px);} .ysqUEO .sHonor-tab .ctr.next s:after{-webkit-transform: rotate(45deg) translateX(1px); transform: rotate(45deg) translateX(1px);} .ysqUEO .sHonor-tab .ctr.next:hover s:before{-webkit-transform: rotate(-45deg) translateX(1px); transform: rotate(-45deg) translateX(1px);} .ysqUEO .sHonor-tab .ctr.next:hover s:after{-webkit-transform: rotate(45deg) translateX(1px); transform: rotate(45deg) translateX(1px);} .sHonor-tab .ctr.prev{left: -50px;} .sHonor-tab .ctr.next{right: -50px;} .sHonor-tab .ctr:hover{background-color: rgba(0, 0, 0, 0.1);} .sHonor-tab .Tt{margin-top: 2.60416667%; margin-left: 2%; margin-right: 2%;} .sHonor-tab .Tt .box{position: relative; overflow: hidden; background-color: #2296c8;} .sHonor-tab .Tt .pic{width: 45%; height: 0; padding-bottom: 29.7%; background-color: #f1f1f1;} .sHonor-tab .Tt .pic img{-o-object-fit: fill; object-fit: fill;} .sHonor-tab .Tt .txt{position: absolute; right: 0; top: 0; width: 55%; height: 100%; padding: 4% 3%; -webkit-box-sizing: border-box; box-sizing: border-box; color: #fff;} .sHonor-tab .Tt .txt .viewport{overflow-y: auto; height: 100%;} .sHonor-tab .Tt .txt p{position: relative; line-height: 1.5; padding: .5em 0px .5em 2.5em;} .sHonor-tab .Tt .txt p:before{content: " "; float: left; margin-top: .75em; -webkit-transition: all 220ms ease 0s, all 220ms ease 0s; transition: all 220ms ease 0s, all 220ms ease 0s; height: 1px; width: 1em; margin-left: -2em; background-color: #fff;} @media screen and (min-width: 1025px){.sHonor-tab .Tt .txt p:hover:before{width: 1.5em; margin-left: -2.5em;}} @media screen and (max-width: 1440px){.sHonor-tab .Tg .btn{padding-bottom: 1.5em;}} @media screen and (max-width: 1024px){.sHonor-tab .Tg .viewport{overflow: auto;} .sHonor-tab .Tg .btn{width: 6em; padding-bottom: 1em;} .sHonor-tab .Tg .btn.on:after{width: 10px; height: 10px;} .sHonor-tab .ctr{display: none !important;} .sHonor-tab .Tt .pic{width: 100%; height: 0; padding-bottom: 66%;} .sHonor-tab .Tt .txt{position: relative; width: 100%; height: auto;} .sHonor-tab .Tt .txt p{padding-top: .25em; padding-bottom: .25em;}} /* sBranch */ .sBranch{padding: 0;} .sBranch-list .item{position: relative; padding-top: 5%; padding-bottom: 5%; 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;} .sBranch-list .item:after{display: none;} .sBranch-list .item:nth-child(2n+1){background-color: #fff;} .sBranch-list .item:nth-child(2n+1) .pic:after{background-color: #f7f7f7;} .sBranch-list .item:nth-child(2n+2){background-color: #f7f7f7;} .sBranch-list .item:nth-child(2n+2) .pic:after{background-color: #fff;} .sBranch-list .item .pic{overflow: visible; width: 25%; height: 0; padding-bottom: 15.01305483%; background-color: #f1f1f1;} .sBranch-list .item .pic:after{content: " "; position: absolute; left: -1em; top: -1em; right: -1em; bottom: -1em;} .sBranch-list .item .txt{position: relative; width: 62.5%; padding-bottom: 30px; color: #333333;} .sBranch-list .item h3{color: #38bab1; margin-bottom: 1em;} .sBranch-list .item p{line-height: 1.6777;} .sBranch-list .item .df{position: absolute; left: 0; bottom: 0; width: 100%; 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: 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;} .sBranch-list .item .df:after{display: none;} .sBranch-list .item .df > span{display: inline-block; vertical-align: top; padding-right: 2%; white-space: nowrap;} .sBranch-list .item .df .add{min-width: 48%;} @media screen and (max-width: 1440px){.sBranch-list .item .txt{width: 68.75%;}} @media screen and (max-width: 1024px){.sBranch-list .item{display: block; text-align: center;} .sBranch-list .item .pic{margin-left: auto; margin-right: auto; width: 383px; height: 230px; padding: 0;} .sBranch-list .item .pic:after{display: none;} .sBranch-list .item .txt{margin-top: 15px; width: 100%; padding-bottom: 0;} .sBranch-list .item .txt h3{margin-bottom: .5em;} .sBranch-list .item .txt .df{display: block; margin-top: 5px; position: relative; line-height: 1.5;} .sBranch-list .item .txt .df > span{display: block; white-space: normal;}} @media screen and (max-width: 540px){.sBranch-list .item .pic{width: 100%; height: 0; padding-bottom: 60.05221932%;}} /* sContact */ .sContact{padding-bottom: 0;} .sContact-section1{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;} .sContact-section1:after{display: none;} .sContact-section1 .section{padding: 1.5%; width: 49%; -webkit-box-sizing: border-box; box-sizing: border-box;} .sContact-section1 .head{margin-bottom: 1.5em; color: #76aadc; font-weight: bold;} @media screen and (max-width: 1024px){.sContact-section1{display: block;} .sContact-section1 .section{width: 100%; padding: 0;} .sContact-section1 .section:nth-child(1n+2){margin-top: 3%;} .sContact-section1 .head{margin-bottom: 1em;}} .sContact-list{padding-left: 0 !important;} .sContact-list .item{line-height: 1.25;display: block;width: 100%;} .sContact-list .item:nth-child(1n+2){margin-top: 2.25em;} .sContact-list .dt{margin-bottom: .75em; color: #333333; font-weight: bold;} .sContact-list .dd{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;} .sContact-list .dd:after{display: none;} .sContact-list .dd .col{ color: #333333; padding-right: 3%; line-height: 1.5;} .sContact-list .dd .col:last-child{padding-right: 0;} .sContact-list .dd .col .sdt:after{content: " "; display: block; margin-top: .25em; width: .8em; height: 2px; background-color: #c7c7c7;} .sContact-list .body{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;} .sContact-list .body:after{display: none;} .sContact-list .item{padding-right: 0; margin-bottom: 10px;} .sContact-list .item:nth-child(1n+2){margin-top: 0;} .sContact-list .dd{display: block;} .sContact-list .dd .col {margin-bottom: .5em;} .sContact-list .dd .col .sdt { display: block; vertical-align: middle; margin-bottom: .25em; } .sContact-list .dd .col .sdd{ display: block; vertical-align: middle; color: #888;} .sContact-form{padding-right: 0 !important;} .sContact-form .body{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;} .sContact-form .body:after{display: none;} .sContact-form .item{position: relative; display: inline-block; vertical-align: top; margin-bottom: 1.25em; line-height: 2.5em; -webkit-box-sizing: border-box; box-sizing: border-box; color: #333333;} .sContact-form .item .focus{display: block;} .sContact-form .item .buts{display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; -ms-flex-line-pack: start; align-content: flex-start;width: 100%;} .sContact-form .item .buts:after{display: none;} .sContact-form .item .buts .radio{display: inline-block; vertical-align: top; padding-right: 1.25em;} .sContact-form .item.w1{width: 100%;} .sContact-form .item.w2{width: 32%;} .sContact-form .item input.skin, .sContact-form .item textarea.skin{display: block; width: 100%; border: #d0d0d0 solid 1px; border-radius: 2px; height: 2.75em; line-height: 1.75em; padding: .5em 1em; -webkit-box-sizing: border-box; box-sizing: border-box;} .sContact-form .item textarea.skin{height: 6em;} .sContact-form .item.yzm .skin{display: inline-block; vertical-align: top; width: 6.75em;} .sContact-form .item.yzm .bindClick{vertical-align: top; height: 2.75em; border: #d0d0d0 solid 1px; border-radius: 2px; -webkit-box-sizing: border-box; box-sizing: border-box; width: 6em;} .sContact-form .item.yzm .refreshVC{display: inline-block; vertical-align: top; height: 2.5em; width: 2.5em; background-image: url(../images/icos-refresh.png); background-size: 27px 27px; background-position: 50% 50%; background-repeat: no-repeat;} .sContact-form .item.yzm .enter{position: absolute; right: 0; bottom: 0; width: 7em; text-transform: uppercase; border-radius: 2px; text-align: center; background-color: #2dc3ee; color: #fff;} @media screen and (max-width: 1440px){.sContact-form .item .buts{-webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start;}} @media screen and (max-width: 1024px){.sContact-form .item.w2{width: 100%;} .sContact-form .item.yzm{padding-bottom: 3.5em;} .sContact-form .item.yzm .enter{width: 100%;}} @media screen and (max-width: 540px){.sContact-form .item.yzm .refreshVC{display: none;}} .sContact-section2{position: relative; margin-top: 1em; padding: 1.5em; background-color: #f7f7f7; height: 11em;} .sContact-section2 .tap{position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 999;} .sContact-section2 #dituContent{width: 100%; height: 100%; line-height: 1.1; background-color: #f5f3f0;} .sContact-section2 #dituContent .BMap_bubble_title{font-size: 16px; margin-bottom: 5px; padding-right: 16px; color: #2778be;} .sContact-section2 #dituContent .BMap_bubble_content{width: auto; font-size: 14px; line-height: 18px;} .sContact-section2 #dituContent img{max-width: none;} ._pen .sContact-section2{pointer-events: none;} /* sNews */ .sNews{background-color: #f7f7f7;} .sNews-stick{*zoom: 1;} .sNews-stick:after{content: ""; clear: both; display: table;} .sNews-stick .item{position: relative; width: 46.875%; background-color: #fff; padding-bottom: 32px; -webkit-transition: all 220ms ease 0s, all 220ms ease 0s; transition: all 220ms ease 0s, all 220ms ease 0s;} .sNews-stick .item:nth-child(2n+1){float: left;} .sNews-stick .item:nth-child(2n+2){float: right;} .sNews-stick .item:nth-child(1n+3){margin-top: 2em;} .sNews-stick .item .pic{height: 0; padding-bottom: 47.22222222%; background-color: #f1f1f1;} .sNews-stick .item .txt{padding: 6% 4%;} .sNews-stick .item .txt .time{color: #666666;} .sNews-stick .item .txt h3{position: relative; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; line-height: 1.25em; margin-top: 1em; color: #333333;} .sNews-stick .item .txt p{margin-top: .5em; line-height: 1.5em; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; max-height: 3em; height: 3em;} .sNews-stick .item .btn{position: absolute; right: 4%; bottom: 25px; margin-top: 1em; width: 65px; height: 6px; background-image: url(../images/btns-news.png); background-size: 100% 100%; background-position: 50% 50%; background-repeat: no-repeat;} @media screen and (max-width: 1024px){.sNews-stick .item{padding-bottom: 0;} .sNews-stick .item .txt h3{margin-top: .75em;} .sNews-stick .item .btn{display: none;}} @media screen and (max-width: 540px){.sNews-stick .item{width: 100%;} .sNews-stick .item:nth-child(1n+2){margin-top: 2em;}} .sNews-stick .item:hover{-webkit-box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.15); box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.15);} .sNews-stick .item:hover h3{color: #2778be;} .sNews-list .item{position: relative; width: 100%; padding-left: 7.5em; padding-right: 7em; height: 25%; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all 220ms ease 0s, all 220ms ease 0s; transition: all 220ms ease 0s, all 220ms ease 0s; padding-top: 2em; padding-bottom: 2em; background-color: #fff; margin-top: 1em;} .sNews-list .item h3{line-height: 1.2em; position: relative; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color: #333333; margin-bottom: .5em;} .sNews-list .item .time{position: absolute; left: 0; top: 1em; bottom: 1em; width: 6em; text-align: center; border-right: #d5d5d5 solid 1px;} .sNews-list .item .time .vmbox{position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); white-space: nowrap; line-height: 1;} .sNews-list .item .time .ym{margin-top: 5px;} .sNews-list .item p{position: relative; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; line-height: 1.5em; color: #666666;} .sNews-list .item .more{position: absolute; z-index: 9; right: 1em; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 5em; padding: .5em 0; text-align: center; background-color: #f7f7f7; border-radius: 6px; border: #d2d2d2 solid 1px; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all 220ms ease 0s, all 220ms ease 0s; transition: all 220ms ease 0s, all 220ms ease 0s;} .sNews-list .item .more span{font-size: 14px; display: block;} .sNews-list .item .more:hover{border-color: #2778be;} .sNews-list .item:hover{-webkit-box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.15); box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.15);} .sNews-list .item:hover h3{color: #2778be;} @media screen and (max-width: 1024px){.sNews-list .item{padding-right: 1em;} .sNews-list .item .more{display: none;}} .sNews-lr{position: relative; 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;} .sNews-lr:after{display: none;} @media screen and (max-width: 1280px){.sNews-lr{display: block;} .sNews-lr .sNews-view{width: 100%;} .sNews-lr .sNews-relative{display: none;}} .sNews-view{width: 62.5%;} .sNews-relative{width: 31.25%;} .sNews-relative .dt{margin-bottom: 1em; color: #333333; line-height: 1.5;} .sNews-relative .dd .item{position: relative; padding: 1.5em 1em; background-color: #fff; -webkit-transition: all 220ms ease 0s, all 220ms ease 0s; transition: all 220ms ease 0s, all 220ms ease 0s;} .sNews-relative .dd .item h3{position: relative; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; margin-bottom: .75em; color: #333333;} .sNews-relative .dd .item p{line-height: 1.5em; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; max-height: 4.5em; color: #666666;} .sNews-relative .dd .item:nth-child(1n+2){margin-top: 1em;} .sNews-relative .dd .item:hover{-webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15); box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15);} .sNews-relative .dd .item:hover h3{color: #2778be;} .view-head{padding-bottom: 1.5em; border-bottom: #acacac dotted 1px;} .view-head h1{color: #333333; line-height: 1.25;} .view-head p{margin-top: 1em;} .view-body{padding: 2em 0;} .view-foot{position: relative; padding-top: 1.5em; border-top: #dddddd solid 1px;} .view-foot .ctr{padding: 1em 1.5em; border: #d7d7d7 solid 1px; display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;} .view-foot .ctr:first-child{margin-bottom: 1em;} /* sStrategy */ .sStrategy .dt{text-align: center; line-height: 1.5; padding: .25em; margin-bottom: 2em;} .sStrategy .dd{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: stretch; align-content: stretch;} .sStrategy .dd:after{display: none;} .sStrategy .dd .col{position: relative; width: 25%; padding: 1% 2%; -webkit-box-sizing: border-box; box-sizing: border-box;} .sStrategy .dd .col .sdt{display: block; margin-bottom: 1em; margin-left: auto; margin-right: auto; width: 4em; height: 4em; border-radius: 50%; border: .4em solid #c1eae7; background-color: #38bab1; text-align: center; line-height: 4em; color: #fff;} .sStrategy .dd .col .sdd{line-height: 1.5; color: #666666;} .sStrategy .dd .col:nth-child(1n+2) .sdt:before{content: " "; position: absolute; top: 2.4em; margin-top: 4%; left: -18%; width: 36%; height: 1px; border-bottom: #b7b7b7 dashed 1px;} @media screen and (max-width: 1024px){.sStrategy .dd .col{width: 50%; padding: 2%;} .sStrategy .dd .col:nth-child(1n+3){margin-top: 2%;} .sStrategy .dd .col .sdt:before{display: none;}} @media screen and (max-width: 360px){.sStrategy .dd .col{width: 100%;} .sStrategy .dd .col:nth-child(1n+2){margin-top: 2%;}} /* sWelfare */ .sWelfare{padding: 0;} .sWelfare-item{padding: 3% 20%;} .sWelfare-item .dt{position: relative; padding: 3.5em 0; color: #333333; line-height: 1.5; text-align: center;} .sWelfare-item .dt:before, .sWelfare-item .dt:after{content: " "; width: 1.9em; height: 1.4em; background-image: url(../images/dcts-quote.png); background-size: 100% 100%; background-position: 50% 50%; background-repeat: no-repeat; position: absolute; pointer-events: none;} .sWelfare-item .dt:before{top: 0; left: 0;} .sWelfare-item .dt:after{right: 0; bottom: 0;} .sWelfare-item .dd{position: relative; min-height: 224px;} .sWelfare-item .dd .pic{position: absolute; top: 0; width: 386px; height: 224px; max-width: 386px;} .sWelfare-item .dd .txt{width: 100%; padding: 0 5%; -webkit-box-sizing: border-box; box-sizing: border-box;} .sWelfare-item .dd .txt .sdt{padding-top: 1em; color: #2296c8; margin-bottom: 1em;} .sWelfare-item .dd .txt .sdd{line-height: 1.5;} .sWelfare-item:nth-child(2n+1){background-color: #f3f3f3;} .sWelfare-item:nth-child(2n+1) .dd{padding-right: 400px;} .sWelfare-item:nth-child(2n+1) .dd .pic{right: 0;} .sWelfare-item:nth-child(2n+2){background-color: #fff;} .sWelfare-item:nth-child(2n+2) .dd{padding-left: 400px;} .sWelfare-item:nth-child(2n+2) .dd .pic{left: 0;} @media screen and (max-width: 1600px){.sWelfare-item{padding-left: 10%; padding-right: 10%;}} @media screen and (max-width: 1024px){.sWelfare-item{padding: 5% 4.6875%;}} @media screen and (max-width: 768px){.sWelfare-item{text-align: center;} .sWelfare-item .dd{padding: 0 !important;} .sWelfare-item .dd .pic{position: relative; display: block; margin-left: auto; margin-right: auto;} .sWelfare-item .dd .txt{padding: 0;} .sWelfare-item .dd .txt .sdt{margin-bottom: .5em;}} @media screen and (max-width: 540px){.sWelfare-item .dd .pic{width: 100%; height: 0; padding-bottom: 58.03108808%;}} /* sDevelop */ .sDevelop{padding: 0;} .sDevelop .dt{padding-top: 1.5em; padding-bottom: 1.5em;} .sDevelop .dt .dib{position: relative; padding: 3.5em 0; color: #333333; line-height: 1.5; text-align: center;} .sDevelop .dt .dib:before, .sDevelop .dt .dib:after{content: " "; width: 1.9em; height: 1.4em; background-image: url(../images/dcts-quote.png); background-size: 100% 100%; background-position: 50% 50%; background-repeat: no-repeat; position: absolute; pointer-events: none;} .sDevelop .dt .dib:before{top: 0; left: 0;} .sDevelop .dt .dib:after{right: 0; bottom: 0;} @media screen and (min-width: 1601px){.sDevelop .dt{padding-left: 20%; padding-right: 20%;}} .sDevelop .dd{padding-top: 6%; padding-bottom: 6%; background-color: #f5f5f5;} /* sRecruit */ .sRecruit-statment{position: relative; z-index: 1; 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: center; align-content: center; padding: 2em 0 2em 8em; -webkit-box-sizing: border-box; box-sizing: border-box; border: #dcdcdc solid 1px;} .sRecruit-statment:after{display: none;} .sRecruit-statment:before{content: " "; position: absolute; left: 8em; top: 0; width: 1px; height: 100%; background-color: #dcdcdc; z-index: -1;} .sRecruit-statment .dt{position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 7em; text-align: center; font-weight: bold; color: #333333;} .sRecruit-statment .dt:before{content: " "; position: absolute; left: 0; top: 50%; margin-top: -1em; width: 4px; height: 2em; -webkit-transition: all 220ms ease 0s, all 220ms ease 0s; transition: all 220ms ease 0s, all 220ms ease 0s; background-color: #38bab1;} .sRecruit-statment .dd{line-height: 1.5; padding-left: 2em; padding-right: 2em;} @media screen and (max-width: 1024px){.sRecruit-statment{padding: 1em; display: block;} .sRecruit-statment:before{display: none;} .sRecruit-statment .dt{margin-bottom: .5em; position: relative; top: 0; -webkit-transform: none !important; transform: none !important; width: 100%; text-align: left;} .sRecruit-statment .dt:before{display: none;} .sRecruit-statment .dd{padding: 0;}} .sRecruit-list{padding-top: 35px; padding-bottom: 35px;} .sRecruit-list .item{border: #dedede solid 1px; margin-top: 1em; padding-top: 1em; padding-bottom: 1em;} .sRecruit-list .item:first-child{margin-top: 0;} .sRecruit-list .item .show{position: relative; padding: .25em 2em;} .sRecruit-list .item .show:before{content: " "; position: absolute; left: 0; top: 50%; margin-top: -1em; width: 4px; height: 2em; -webkit-transition: all 220ms ease 0s, all 220ms ease 0s; transition: all 220ms ease 0s, all 220ms ease 0s; background-color: #38bab1;} .sRecruit-list .item .show h3, .sRecruit-list .item .show p{position: relative; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; margin-right: 30px; line-height: 1.5;} .sRecruit-list .item .show h3{color: #333333;} .sRecruit-list .item .show p{margin-top: .25em; color: #666666;} .sRecruit-list .item .show .btn{position: absolute; top: 50%; margin-top: -0.75em; right: 1em; height: 1.5em; width: 1.5em; background-image: url(../images/arrows-recruit.png); background-size: 100% 100%; background-position: 50% 50%; background-repeat: no-repeat; -webkit-transition: all 220ms ease 0s, all 220ms ease 0s; transition: all 220ms ease 0s, all 220ms ease 0s;} .sRecruit-list .item .hide{display: none; margin-top: 1em; padding-left: 2em; padding-right: 2em;} .sRecruit-list .item .hide .imax{color: #666666; padding-bottom: 1.5em;} .sRecruit-list .item .hide .df{padding-bottom: 1em;} .sRecruit-list .item .hide .btn{display: block; width: 5em; padding: .75em 1em; text-align: center; color: #fff; background-color: #76aadc; border-radius: .25em;} .sRecruit-list .item .hide .btn span{display: block;} .sRecruit-list .item.unfold .show .btn{-webkit-transform: rotate(90deg); transform: rotate(90deg);} @media screen and (max-width: 1024px){.sRecruit-list .item{padding-top: .75em; padding-bottom: .75em;}} .sRecruit-form{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;} .sRecruit-form:after{display: none;} .sRecruit-form .dt{color: #2296c8; text-align: center; width: 100%; margin-bottom: 1.5em;} .sRecruit-form .formItem{position: relative; padding-left: 9em; display: inline-block; vertical-align: top; margin-bottom: 1.25em; line-height: 2.5em; -webkit-box-sizing: border-box; box-sizing: border-box; color: #333333;} .sRecruit-form .formItem .focus{float: left; margin-left: -9em; width: 8em; line-height: 1.5em;padding: .5em 0; text-align: right;} .sRecruit-form .formItem .focus s{color: #f00;} .sRecruit-form .formItem .buts{display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; -ms-flex-line-pack: start; align-content: flex-start; width: 100%;} .sRecruit-form .formItem .buts:after{display: none;} .sRecruit-form .formItem .buts .radio{display: inline-block; vertical-align: top; padding-right: 10px;} .sRecruit-form .formItem.w1{width: 100%;} .sRecruit-form .formItem.w2{width: 49%;} .sRecruit-form .formItem.w3{width: 32%;} .sRecruit-form .formItem input.skin, .sRecruit-form .formItem textarea.skin, .sRecruit-form .formItem select.skin{display: inline-block; vertical-align: top; width: 100%; border: #d0d0d0 solid 1px; border-radius: 2px; height: 2.75em; line-height: 1.75em; padding: .5em 1em; -webkit-box-sizing: border-box; box-sizing: border-box;} .sRecruit-form .formItem textarea.skin{height: 8em;} .sRecruit-form .formItem .unit{position: absolute; right: 10px; bottom: 0; z-index: 9; font-size: 80%; color: #999999;} .sRecruit-form .formItem .enter{display: block; width: 10em; border-radius: 2px; text-align: center; background-color: #2dc3ee; color: #fff;} @media screen and (max-width: 1024px){ .sRecruit-form .formItem{padding-left: 0;width: 100% !important;} .sRecruit-form .formItem .focus {display: block;float: none;margin-left: 0; font-weight: bold;font-size: 125%;width: 100%;text-align: left;} .sRecruit-form .formItem .focus br {display: none;} } /* sProduct */ .sProduct{background-color: #f3f3f3; overflow-x: auto;} .sProduct-table{table-layout: automatic;} .sProduct-table tr{height: 3.5em; border-right: #76aadc solid 1px;} .sProduct-table tr:nth-child(2n+2) td{background-color: #f3f3f3;} .sProduct-table th, .sProduct-table td{width: 12.5%; padding: 5px; -webkit-box-sizing: border-box; box-sizing: border-box; text-align: center; table-layout: automatic; line-height: 1.25;} .sProduct-table th{background-color: #2296c8; color: #fff;} .sProduct-table td{background-color: #ffffff; color: #333333; border-bottom: #76aadc solid 1px; border-top: #76aadc solid 1px;} .sProduct-table td:first-child{background-color: #76aadc !important; color: #fff;} @media screen and (max-width: 1440px){.sProduct-table th:nth-child(1), .sProduct-table td:nth-child(1), .sProduct-table th:nth-child(2), .sProduct-table td:nth-child(2){width: 20%; min-width: 120px;} .sProduct-table th:nth-child(1n+3), .sProduct-table td:nth-child(1n+3){width: 10%; min-width: 5em;} .sProduct-table th:nth-child(1n+4), .sProduct-table td:nth-child(1n+4){min-width: 60px;}} .sProduct-list .item{position: relative; height: 290px; background-color: #fff;} .sProduct-list .item:nth-child(1n+2){margin-top: 1em;} .sProduct-list .item .picBox{position: relative; overflow: hidden; width: 580px; height: 100%;} .sProduct-list .item .pic{position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); height: 0; padding-bottom: 68.83116883%; width: 100%;} .sProduct-list .item .txt{position: absolute; left: 580px; top: 0; right: 0; height: 100%;} .sProduct-list .item .dt{height: 3em; line-height: 3em; color: #fff; background-color: #38bab1; padding-left: 5%; padding-right: 5%;} .sProduct-list .item .dd{position: absolute; top: 3.75em; bottom: 1em; left: 3%; right: 3%; overflow-y: auto;} .sProduct-list .item li{line-height: 1.5em; margin: .3em 0; } .sProduct-list .item li .cnsp { width: .25em;} @media screen and (max-width: 1440px){.sProduct-list .item .picBox{width: 440px;} .sProduct-list .item .txt{left: 440px;}} @media screen and (max-width: 1024px){.sProduct-list .item{height: auto;} .sProduct-list .item .picBox{height: 0; width: 50%; padding-bottom: 33%;} .sProduct-list .item .txt{left: 50%;} .sProduct-list .item .dd{left: 5%; right: 5%;}} @media screen and (max-width: 768px){.sProduct-list .item .picBox{width: 100%; height: 0; padding-bottom: 49.15254237%;} .sProduct-list .item .txt{position: relative; left: 0; height: auto;} .sProduct-list .item .dd{position: relative; left: 0; top: 0; right: 0; bottom: 0; padding: 1em;}} @media screen and (max-width: 540px){.sProduct-list .item .picBox{height: 0; padding-bottom: 68.83116883%;}} .sProduct-warn{margin-top: 1em; color: #2778be; font-weight: bold; line-height: 1.5;}