@charset "utf-8"; /* CSS Document */ /* fixed */ html, body, input, select, textarea { font: 14px/1.8 arial, tahoma, "times new roman", "Microsoft JhengHei", "微软正黑体", "Microsoft Yahei", "微软雅黑", sans-serif; color: #666; } .pw { width: 1328px; margin: 0 auto; } .pw3 { width: 1200px; margin: 0 auto; } .pw4 { width: 1488px; margin: 0 auto; } @font-face { font-family: 'BrandonText-Regular'; src: url('../fonts/HVD Fonts - BrandonText-Regular.eot'); src: local('☺'), url('../fonts/HVD Fonts - BrandonText-Regular.woff') format('woff'), url('../fonts/HVD Fonts - BrandonText-Regular.ttf') format('truetype'), url('../fonts/HVD Fonts - BrandonText-Regular.svg') format('svg'); font-weight: normal; font-style: normal; } .ff-1 { font-family: 'BrandonText-Regular'; } /* fixed end */ .header { height: 94px; background: url(../images/bg.png); } .header .logo { width: 412px; position: absolute; top: 50%; margin-top: -31px; left: 4.27%; } .nav { float: right; margin-right: 55px; } .nav li { float: left; margin: 0 17px; position: relative; } .nav li>a { display: block; font-size: 16px; color: #333; font-weight: bold; line-height: 24px; padding: 35px 8px; position: relative; } .nav li>a:before { content: ""; width: 100%; height: 4px; background: #f9443e; bottom: 0; left: 0; position: absolute; transform: translateY(-5px); -webkit-transform: translateY(-5px); opacity: 0; visibility: hidden; transition: 300ms; -webkit-transition: 300ms; } .tnav { background: #fff; width: 155px; top: 94px; left: 50%; margin-left: -93px; position: absolute; padding: 15px 15px 10px 15px; transform: translateY(20px); -webkit-transform: translateY(20px); opacity: 0; visibility: hidden; transition: 400ms; -webkit-transition: 400ms; } .tnav a { display: block; font-size: 15px; line-height: 24px; color: #666; border-bottom: 1px solid #e1e1e1; padding: 9px 0; } .tnav a:hover { color: #f9443e; } .tnav a:last-child { border: none; } .nav li:hover .tnav { transform: translate(0); -webkit-transform: translate(0); opacity: 1; visibility: visible; } .nav li:hover>a:before, .nav li>a.act:before { transform: translate(0); -webkit-transform: translate(0); opacity: 1; visibility: visible; } .banner { position: relative; overflow: hidden; } .banner .pic2 { position: absolute; top: 0; left: 0; } .movecells { position: absolute; top: 0; left: 0; overflow: hidden; } .movecells li { position: absolute; top: 0; left: 0; } .banner:before { content: ""; width: 100%; height: 3px; background: #f9443e; position: absolute; left: 0; bottom: 0; z-index: 29; } .bannertxts { position: absolute; top: 47%; left: 8.5%; z-index: 99; color: #506468; } .bannertxts .ti { font-size: 54px; font-weight: bold; line-height: 1.2; } .ixmore { display: inline-block; color: #425052; position: relative; padding-right: 28px; } .ixmore i { display: block; width: 16px; height: 1px; position: absolute; top: 50%; right: 0; background: #425052; transition: 300ms; -webkit-transition: 300ms; } .bannertxts .more { margin-top: 60px; } .fixctas { position: fixed; bottom: 0; right: 0; z-index: 999; } .fixctas a { display: block; color: #fff; background: #f9443e; width: 77px; position: relative; } .fixctas .ico { height: 77px; } .fixctas .top .ico { background-image: url(../images/fix_aw1.png); } .fixctas .tel .ico { background-image: url(../images/tel.png); } .fixctas .qq .ico { background-image: url(../images/qq.png); } .fixctas .weixin .ico { background-image: url(../images/weixin.png); } .fixctas .mass .ico { background-image: url(../images/mass.png); } .fixctas .b { position: absolute; right: 77px; top: 0; bottom: 0; background: #d22722; overflow: hidden; transform: translateX(-10px); -webkit-transform: translateX(-10px); opacity: 0; visibility: hidden; transition: 400ms; -webkit-transition: 400ms; } .fixctas .telnum { font-size: 20px; font-family: Arial; white-space: nowrap; line-height: 77px; padding: 0 28px 0 22px; } .fixctas .weixin .pic { width: 110px; border: 5px solid #d22722; } .fixctas .weixin .b { bottom: auto; top: 50%; margin-top: -60px; } .fixctas a:hover { background-color: #d22722; } .fixctas a:hover .b { transform: translate(0); -webkit-transform: translate(0); opacity: 1; visibility: visible; } .ixvideo { width: 42.4%; float: right; position: relative; } .ixvideo .btn { position: absolute; left: 0; right: 0; top: 50%; margin-top: -46px; color: #fff; line-height: 20px; font-size: 16px; transition: 300ms; -webkit-transition: 300ms; } .ixvideo .ico { border: 2px solid #fff; width: 66px; height: 46px; border-radius: 8px; margin: 0 auto 22px auto; background-image: url(../images/video.png); transition: 300ms; -webkit-transition: 300ms; } .ix1 { background: #fff; } .ixnewsbox { width: 57.6%; float: left; } .ixnewsbox .pa { padding: 8.13% 16.5% 0 18%; } .ixnewsbox a { color: #666; } .ixti { border-bottom: 3px solid #e2e2e2; padding-bottom: 18px; } .ixti .nowti { font-size: 30px; font-weight: bold; color: #545454; max-width: 80%; } .ixmore2 { color: #666; } .ixti .ixmore2 { position: absolute; right: 0; bottom: 0; } .ixsnews { display: block; border-bottom: 1px solid #e2e2e2; padding: 26px 0 20px 0; margin-top: 10px; } .ixsnews .txts { min-height: 70px; padding-left: 110px; padding-top: 6px; } .ixsnews .txts .tx1 { font-size: 18px; color: #333; margin-bottom: 6px; } .ixsnews .txts .tx2 { color: #999; } .isnwdate { border: 1px solid #f9443e; width: 68px; height: 68px; border-radius: 8px; overflow: hidden; color: #545454; font-size: 12px; } .isnwdate>p { line-height: 1; font-family: 'BrandonText-Regular'; } .isnwdate .d { color: #e5232a; font-size: 30px; margin-top: 7px; } .isnwdate .y { margin-top: 2px; } .ixsnews .isnwdate { position: absolute; top: 0; left: 0; } .ixnews a { display: block; padding: 10px 0; } .ixnews .nowti { line-height: 24px; } .ixnews .tt { font-size: 18px; max-width: 80%; } .ixnews .date { position: absolute; right: 0; top: 0; font-family: 'BrandonText-Regular'; } .ixnews a:hover { color: #f9443e; } .ixnews { margin-top: 13px; } .ixserlist li { width: 30.33%; margin-left: 3%; margin-bottom: 3%; float: left; } .ixserlist { margin-left: -3%; } .ixserlist a { display: block; color: #fff; position: relative; overflow: hidden; } .ixserlist a:before, .ixserlist a:after { content: ""; position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 2; transition: 400ms; -webkit-transition: 400ms; } .ixserlist a:before { background: url(../images/bg1.png) no-repeat center center; background-size: cover; } .ixserlist a:after { background: #f9443e; background: rgba(249, 68, 62, .6); opacity: 0; visibility: hidden; } .ixserlist .txts { position: absolute; bottom: -100%; height: 100%; left: 0; right: 0; z-index: 4; padding-bottom: 135px; transition: 400ms; -webkit-transition: 400ms; } .ixserlist .txts .nowti { font-size: 20px; font-weight: bold; margin-bottom: 15px; } .ixserlist .txts .tx { line-height: 30px !important; max-height: 90px; opacity: 0; visibility: hidden; transition: 400ms; -webkit-transition: 400ms; } .ixserlist .txts .pa { padding: 60px 25px 0 25px; } .ixserlist .txts .more { position: absolute; left: 0; right: 0; background: #f9443e; bottom: 135px; padding: 25px 25px 40px 25px; opacity: 0; visibility: hidden; transition: 400ms; -webkit-transition: 400ms; } .ixserlist .txts .more .ixmore { color: #fff; } .ixserlist .txts .more .ixmore i { background: #fff; } .ix2 { padding: 108px 0 55px 0; } .ixexpimgs { width: 57.6%; float: left; position: relative; } .ixexpimgs .pic:after { content: ""; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background: url(../images/black.png); background: rgba(0, 0, 0, .2); } .ixexpimgs .slick-dots { margin-top: 0; text-align: right; position: absolute; left: 48px; right: 48px; z-index: 29; bottom: 40px; } .ixexpimgs .slick-dots li { border: 3px solid #fff; width: 7px; height: 7px; margin: 0; margin-left: 14px; } .ixexpimgs .slick-dots li.slick-active, .ixexpimgs .slick-dots li:hover { background: #fff !important; } .ix3 { background: #f3f5f7; } .ixexptx { width: 42.4%; float: left; } .ixexptx .ti { color: #f9443e; margin-bottom: 7px; } .ixexptx .nowti { font-size: 36px; font-weight: bold; color: #545454; margin-bottom: 30px; } .ixexptx .tx { font-size: 18px; line-height: 1.5 !important; margin-bottom: 65px; } .ixexptx .pa { padding: 13.3% 17.4% 0 15%; } .ixmore3 { display: inline-block; color: #fff; position: relative; padding-right: 13px; } .ixmore3 i { display: block; width: 0; height: 1px; background: #fff; position: absolute; top: 50%; right: 0; margin-top: 1px; transition: 300ms; -webkit-transition: 300ms; } .ixmore3 i:before { content: ""; width: 7px; height: 7px; right: 0; position: absolute; top: -3px; background: url(../images/arrow1.png) no-repeat; } .ixceedu { position: relative; } .ixceedu .ci { position: absolute; top: 0; left: 0; -webkit-transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8); transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8); } .ixceedu .ci1 { animation: beat 4s infinite; -webkit-animation: beat 4s infinite; transform-origin: 40% 84%; -webkit-transform-origin: 40% 84%; } .ixceedu .ci2 { animation: beat 5s infinite; -webkit-animation: beat 5s infinite; transform-origin: 26% 68%; -webkit-transform-origin: 26% 68%; } .ixceedu .ci3 { animation: beat 6s infinite; -webkit-animation: beat 6s infinite; transform-origin: right top; -webkit-transform-origin: right top; } .ixceedu .ci4 { animation: beat 8s infinite; -webkit-animation: beat 8s infinite; transform-origin: 65% top; -webkit-transform-origin: 65% top; } .ixceedu .txts { position: absolute; left: 0; right: 0; top: 0; color: #fff; } .ixceedu .txts .w { width: 50%; float: right; } .ixceedu .txts .w .pa { padding: 157px 95px 0 65px; } .ixceedu .txts .nowti { font-size: 36px; margin-bottom: 40px; } .ixceedu .txts .tx { font-size: 18px; line-height: 30px !important; max-height: 210px; margin-bottom: 30px; } .ixceedu .txts .ixmore { color: #fff; } .ixceedu .txts .ixmore i { background: #fff; } .edu-list li { float: left; margin-right: 65px; } .edu-list a { display: block; width: 60px; color: #fe7070; text-align: center; } .edu-list .ico { height: 50px; margin-bottom: 4px; transition: 300ms; -webkit-transition: 300ms; } .edu-list .e1 .ico { background-image: url(../images/edu-ico-1.png); } .edu-list .e2 .ico { background-image: url(../images/edu-ico-2.png); } .edu-list .e3 .ico { background-image: url(../images/edu-ico-3.png); } .edu-list li:last-child { margin-right: 0; } .edu-list { margin-top: 78px; } .ixexps .txts { width: 36.5%; float: left; padding-top: 43px; } .ixexps .txts .nowti { font-size: 36px; font-weight: bold; color: #545454; margin-bottom: 27px; } .ixexps .txts .tx { font-size: 16px; line-height: 30px !important; max-height: 90px; margin-bottom: 62px; } .exp-list { float: right; position: relative; } .exp-list .picbox { border: 1px solid #f9443e; width: 108px; height: 108px; border-radius: 100%; position: relative; cursor: pointer; } .exp-list .picbox .pic { margin: 12px; border-radius: 100%; z-index: 9; } .exp-list .item { margin-bottom: 28px; } .exp-list .picbox:before { content: ""; width: 0; height: 1px; background: #f9443e; position: absolute; top: 50%; right: 142px; transition: 300ms; -webkit-transition: 300ms; } .exp-list .txbox { width: 349px; position: absolute; right: 220px; top: -6px; background: #fff; border-top: 15px solid #f9443e; transform: translateY(60px); -webkit-transform: translateY(60px); opacity: 0; visibility: hidden; } .exp-list .txbox .tb { padding: 26px 50px 43px 40px; } .exp-list .txbox .name { font-size: 20px; font-weight: bold; color: #333; border-bottom: 1px solid #e1e1e1; padding-bottom: 11px; } .exp-list .txbox .name em { font-size: 14px; color: #999; margin-left: 10px; } .exp-list .txbox .freeTx { line-height: 24px; margin-top: 17px; height: 72px; } .exp-list .item.act .picbox:before { width: 30px; } .exp-list .item.act .txbox { transform: translate(0); -webkit-transform: translate(0); opacity: 1; visibility: visible; transition: 800ms; -webkit-transition: 800ms; } .ix6 { padding: 125px 0 112px 0; } .footer { background: #fff; border-top: 3px solid #f9443e; font-size: 13px; padding: 50px 0 40px 0; } .footer a { color: #666; } .f-nav { float: left; overflow: hidden; } .f-nav a { font-size: 16px; line-height: 42px; float: left; margin-right: 45px; } .toolsbox { overflow: hidden; } .toolsbox p { float: left; line-height: 42px; font-size: 16px; margin-right: 30px; } .tools { float: left; } .tools a { display: block; width: 42px; height: 42px; float: left; border-radius: 100%; background-color: #999; background-repeat: no-repeat; background-position: center center; margin-right: 10px; } .tools .weixin { background-image: url(../images/tools-1.png); } .tools .sina { background-image: url(../images/tools-2.png); } .tools .qq { background-image: url(../images/tools-3.png); margin: 0; } .footer .toolsbox { float: right; } .f-cop { text-align: right; } .f-cop span { margin-left: 10px; } .f-cop a { margin-left: 20px; } .footer .t { margin-bottom: 40px; } .menuBlack { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: url(../images/black.png); z-index: 1000; display: none; } .navMobile { margin-top: 60px; } .navMobile dd a { display: block; line-height: 1.4; color: #666; } .navMobile dd p a { border-bottom: 1px solid #d9d9d9; padding: 15px 25px; font-size: 18px; position: relative; } .navMobile dd p a:before { content: ""; width: 7px; position: absolute; top: 0; bottom: 0; right: 30px; background: url(../images/arrow2.png) no-repeat center center; transform: scale(0.8); -webkit-transform: scale(0.8); } .mtnav { padding: 12px 0; display: none; } .mtnav a { padding: 12px 35px; font-size: 16px; } .navMobile dd p a.act { background: #fe7070; color: #fff; } .navMobile dd p a.act:before { transform: scale(0.8) rotate(90deg); -webkit-transform: scale(0.8) rotate(90deg); background-image: url(../images/arrow3.png); } .navMobile dd:first-child p a { line-height: 24px; padding-top: 18px; padding-bottom: 18px; } .navMobile dd:first-child p a:before { display: none; } .ptop { height: 94px; } .pbanner { position: relative; overflow: hidden; } .pbanner .pic2 { position: absolute; top: 0; left: 0; } .pbtxts { position: absolute; top: 0; bottom: 0; left: 0; right: 0; text-align: right; color: #fff; z-index: 99; } .pbtxts .pw3 { display: table; height: 100%; } .pbtxts .tb { display: table-cell; vertical-align: middle; } .pbtxts .ch { font-weight: bold; font-size: 50px; line-height: 1; margin-bottom: 10px; } .pbtxts .en { font-size: 30px; font-family: Arial; line-height: 1; font-style: italic; text-transform: capitalize; } .pbanner .pbtxts .ch { font-size: 53px; margin-bottom: 23px; } .pbanner .pbtxts .en { font-size: 24px; } .pbanner:after, .abanner:after { content: ""; position: absolute; top: 0; bottom: 0; right: 0; left: 0; background: url(../images/black.png); background: rgba(0, 0, 0, .1); } .pbanner:before { content: ""; position: absolute; top: 0; bottom: 0; right: 0; left: 0; background: url(../images/bg3.png) no-repeat center bottom; background-size: cover; z-index: 9; } .ab-nav a { display: block; width: 143px; height: 143px; border-radius: 100%; background: #be1313; color: #fff; background: rgba(190, 19, 19, .6); position: relative; transition: 400ms; -webkit-transition: 400ms; } .ab-nav .nowti { padding: 59px 5px 0 5px; font-size: 16px; line-height: 25px; } .ab-nav .aw { height: 9px; background-image: url(../images/arrow4.png); margin-top: 12px; transform: translateX(-10px); -webkit-transform: translateX(-10px); opacity: 0; visibility: hidden; transition: 300ms; -webkit-transition: 300ms; } .ab-nav a:before { content: ""; width: 160px; height: 160px; position: absolute; top: 50%; left: 50%; margin-top: -80px; margin-left: -80px; background: url(../images/av1.png) no-repeat; background-size: cover; animation: r 5s linear infinite; -webkit-animation: r 5s linear infinite; opacity: 0; visibility: hidden; transition: 400ms; -webkit-transition: 400ms; } .ab-nav li { margin: 0 27px; } .ab-nav { margin-top: 150px; } .pbanner .pbtxts { top: auto; bottom: 20%; } .u-arrow-box { position: absolute; left: 50%; margin-left: -14px; width: 28px; bottom: 25px; z-index: 99; } .u-arrow { background: url(../images/u_arrow.png) no-repeat; width: 28px; height: 16px; display: block; } .u-arrow3 { margin-top: -4px; animation: arrow 900ms 0ms linear infinite running; -webkit-animation: arrow 900ms 0ms linear infinite running; } .u-arrow2 { margin-top: -4px; animation: arrow 900ms 300ms linear infinite running; -webkit-animation: arrow 900ms 300ms linear infinite running; } .u-arrow1 { animation: arrow 900ms 600ms linear infinite running; -webkit-animation: arrow 900ms 600ms linear infinite running; } .pbg { background: #f3f5f7; } .abpanel { padding-top: 198px; } .abctt { border-top: 2px solid #f9443e; background: #fff; padding: 68px 70px; position: relative; } .ab-ti .ch { font-size: 43px; font-weight: bold; color: #545454; } .ab-ti .en { font-size: 16px; color: #b4b4b4; margin-top: -2px; -ms-word-break: break-all; word-break: break-all; } .abtx2 { display: none; } .abmore { width: 136px; height: 32px; line-height: 32px; overflow: hidden; background: #e3001e; color: #fff; position: relative; margin: 0 auto 0 auto; cursor: pointer; transition: 300ms; -webkit-transition: 300ms; } .abmore p { padding-left: 30px; } .abmore:after { content: ""; width: 16px; position: absolute; top: 0; bottom: 0; right: 25px; background: url(../images/arrow5.png) no-repeat center center; } .abmore .x2 { display: none; } .abmore.act { background: #f9443e; } .abmore.act:after { transform: rotate(-180deg); -webkit-transform: rotate(-180deg); } .abmore.act .x1 { display: none; } .abmore.act .x2 { display: block; } .abtx1 { margin-top: 50px; } .abctt .pic { margin-top: 100px; } .abctt .abmore { margin-top: 48px; } .ab1 { position: relative; } .ab1:before { content: ""; background: #f3f5f7; height: 468px; left: 0; right: 0; top: 0; position: absolute; } .ab1 .fixbg { padding-bottom: 170px; } .abyear { position: absolute; left: -155px; top: -43px; } .av-list li { width: 25%; float: left; } .av-list a { display: block; color: #fff; position: relative; } .av-list a:before, .av-list a:after { content: ""; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background-size: cover; background-position: center bottom; background-repeat: no-repeat; z-index: 1; transition: 400ms; -webkit-transition: 400ms; } .av-list a:before { background-image: url(../images/bg4.png); } .av-list a:after { background-image: url(../images/bg5.png); opacity: 0; visibility: hidden; } .av-list .txts { position: absolute; left: 0; right: 0; bottom: 57px; z-index: 9; } .av-list .txts .ico { height: 90px; margin-bottom: 10px; } .av-list .txts .nowti { font-size: 18px; } .linebox { position: absolute; top: 15px; bottom: 15px; right: 15px; left: 15px; z-index: 5; } .linebox .line { background: #fff; position: absolute; transition: 600ms; -webkit-transition: 600ms; } .linebox .line1 { width: 0; height: 1px; top: 0; left: 0; } .linebox .line2 { width: 1px; height: 0; top: 0; left: 0; } .linebox .line3 { width: 0; height: 1px; bottom: 0; right: 0; } .linebox .line4 { width: 1px; height: 0; bottom: 0; right: 0; } .abanner { position: relative; overflow: hidden; } .nwpa { padding: 0 102px; } .snews { background: #fff; padding-top: 60px; padding-bottom: 70px; } .snews a { color: #666; display: block; position: relative; overflow: hidden; } .snews .txts { width: 34.73%; float: left; } .snews .pic { float: right; width: 55.5%; } .snews .txts .nowti { font-size: 26px; font-weight: bold; color: #333; margin-bottom: 7px; } .snews .txts .s { margin-bottom: 80px; } .snews .txts .s span, .nd-title .s span { display: none; color: #333; } .snews .txts .s span i, .nd-title .s span i { color: #6f6f6f; } .snews .txts .s .date, .nd-title .s .date { margin-right: 32px; } .snews .txts .see, .nd-title .s .see { padding-left: 30px; position: relative; } .snews .txts .see:before, .nd-title .s .see:before { content: ""; width: 23px; position: absolute; top: 0; bottom: 0; left: 0; background: url("../images/see.png") no-repeat center center; } .snews .txts .tx { font-size: 16px; line-height: 30px !important; height: 60px; } .new-demo { position: relative; } .new-demo .slick-dots{ position: absolute; right: 7%; margin-top: 0; bottom: 90px; } .new-demo .slick-dots li{ background-color: #fff; } .aamore { width: 130px; height: 30px; line-height: 30px; overflow: hidden; border: 1px solid #425052; position: relative; -webkit-transition: 300ms; -o-transition: 300ms; transition: 300ms; } .aamore p { padding-left: 17px; } .aamore:before { content: ""; width: 16px; height: 1px; background: #70787f; position: absolute; top: 50%; right: 17px; } .snews .aamore { position: absolute; left: 0; bottom: 0; } .news-list li { width: 23%; margin-left: 2%; margin-bottom: 40px; float: left; } .news-list { margin-left: -2%; margin-bottom: 78px; } .news-list a { display: block; color: #333; background: #fff; -webkit-transition: 400ms; -o-transition: 400ms; transition: 400ms; } .news-list .nowti { font-size: 18px; line-height: 24px !important; height: 48px; white-space: normal; margin-top: 20px; } .news-list .txts { height: 114px; overflow: hidden; padding: 0 20px 0 33px; } .news-list .txts .date { color: #6f6f6f; font-size: 12px; margin-top: 15px; } .news-list .txts .date i { color: #acacac; text-transform: capitalize; } .news-list .pic { -webkit-transition: 400ms; -o-transition: 400ms; transition: 400ms; } .pager a { height: 30px; line-height: 30px; width: 20px; text-align: center; font-size: 16px; color: #a0a0a0; position: relative; margin: 0 4px; } .pager a:not(.prev):not(.next):before { content: ""; width: 0; height: 3px; background: #be1313; position: absolute; left: auto; right: 0; bottom: 0; -webkit-transition: 300ms; -o-transition: 300ms; transition: 300ms; } .pager a.prev, .pager a.next { border: 1px solid #a0a0a0; width: 28px; height: 28px; border-radius: 100%; background: url("../images/arrow6.png") no-repeat left top; } .pager a.next { background-position: right bottom; margin-left: 25px; } .pager a.prev { margin-right: 25px; } .pager a:not(.prev):not(.next).act:before { width: 100%; left: 0; right: auto; } .pager a:not(.prev):not(.next).act { color: #be1313; font-weight: bold; } .nw2 { padding-top: 100px; padding-bottom: 137px; } .pnav { background: #e3001e; } .pnav a { display: block; line-height: 24px; color: #fff; font-size: 16px; padding: 19px 0; position: relative; z-index: 99; } .pnav li { padding: 0 23px; } .pnav a:before { content: ""; width: 0; height: 3px; background: #fff; position: absolute; left: auto; right: 0; bottom: 0; -webkit-transition: 300ms; -o-transition: 300ms; transition: 300ms; } .pnav a.act:before { width: 100%; left: 0; right: auto; } .culIntro li { width: 50%; float: left; overflow: hidden; position: relative; z-index: 9; } .culIntro .cx { background-repeat: no-repeat; -webkit-background-size: cover; background-size: cover; background-position: center center; } .culIntro .cx1 { height: 690px; background-image: url("../images/ab-bg-1.jpg"); } .culIntro .cx .pa { padding: 0 50px 0 50px; } .culIntro .cx .ti { font-size: 24px; font-weight: bold; color: #5f5f5f; margin-bottom: 32px; } .culIntro .cx .freeTx { font-size: 16px; line-height: 2.25; } .culIntro .cx1 .pa { padding-top: 152px; } .culIntro .cx2 { height: 335px; background-image: url("../images/ab-bg-2.jpg"); } .culIntro .cx3 { height: 335px; background-image: url("../images/ab-bg-3.jpg"); } .culIntro .cx2 .pa, .culIntro .cx3 .pa { padding-top: 45px; } .culIntro .item2 { padding-top: 113px; } .abbnav a { font-weight: bold; font-size: 16px; line-height: 24px; color: #464646; padding: 13px 55px; margin: 0 2px; background: #e8e8e8; } .abbnav { margin-top: -50px; position: relative; z-index: 199; } .abbnav a.act { background: #fff; color: #969696; } .ea-list a { display: block; color: #171717; border-bottom: 1px solid #d7d7d7; padding: 22px 50px 35px 50px; } .ea-list .date { color: #828282; } .ea-list .nowti { font-size: 18px; } .ea-list { margin-bottom: 35px; } .eabox { padding: 75px 0 0 0; } .abb2 { padding-bottom: 90px; } .abb2 .abanner .fixbg { height: 610px; } .fix-bg-img { position: fixed; top: 0; bottom: 0; left: 0; right: 0; z-index: -1; background-size: cover; background-position: center center; background-repeat: no-repeat; } .abcpanel, .abdpanel { min-height: 600px; padding: 142px 0 85px 0; } .honor-list li { width: 22.5%; margin-left: 2.5%; margin-bottom: 2.5%; float: left; } .honor-list { margin-left: -2.5%; margin-bottom: 40px; } .honor-list a { display: block; position: relative; padding: 12px 12px 17px 12px; text-align: center; font-size: 16px; color: #414141; background: #fff; } .honor-list .nowti { margin-top: 12px; position: relative; z-index: 1; } .honor-list .picbox { position: relative; } .honor-list .picbox .ico { width: 20px; height: 20px; position: absolute; top: 50%; left: 50%; margin-top: -10px; margin-left: -10px; background: url(../images/add.png) no-repeat; transform: translateY(-15px); -webkit-transform: translateY(-15px); opacity: 0; visibility: hidden; transition: 300ms; -webkit-transition: 300ms; z-index: 1; } .honor-list a:after { content: ""; position: absolute; top: auto; bottom: 0; left: 0; height: 0; width: 100%; background: #be1313; background: rgba(190, 19, 19, .8); transition: 400ms; -webkit-transition: 400ms; } .honor-list2 { font-family: "Microsoft Yahei", "微软雅黑"; } .honor-list2 li { width: 14%; margin-left: 2.6%; margin-bottom: 2.5%; float: left; } .honor-list2 { margin-left: -2.6%; margin-bottom: 40px; } .honor-list2 a { display: block; position: relative; padding: 12px 12px 17px 12px; text-align: center; font-size: 16px; color: #414141; background: #fff; } .honor-list2 .nowti { margin-top: 12px; position: relative; z-index: 1; } .honor-list2 .picbox { position: relative; } .honor-list2 .picbox .ico { width: 20px; height: 20px; position: absolute; top: 50%; left: 50%; margin-top: -10px; margin-left: -10px; background: url(../images/add.png) no-repeat; transform: translateY(-15px); -webkit-transform: translateY(-15px); opacity: 0; visibility: hidden; transition: 300ms; -webkit-transition: 300ms; z-index: 1; } .honor-list2 a:after { content: ""; position: absolute; top: auto; bottom: 0; left: 0; height: 0; width: 100%; background: #be1313; background: rgba(190, 19, 19, .8); transition: 400ms; -webkit-transition: 400ms; } .imghead { text-align: center; margin-bottom: 60px; } .imghead img { max-width: 100% !important; } .vm { vertical-align: middle; } .imgShowBox { position: fixed; top: 0; bottom: 0; right: 0; left: 0; z-index: 1020; background: url('../images/black.png'); background: rgba(0, 0, 0, 0.7); opacity: 0; visibility: hidden; -webkit-transition: 600ms; -o-transition: 600ms; transition: 600ms; } .imgShowClose { width: 37px; height: 37px; background: url('../images/img-show-close.png') no-repeat center center; position: absolute; top: 25px; right: 32px; cursor: pointer; -webkit-transition: 400ms; -o-transition: 400ms; transition: 400ms; z-index: 99; } .imgShowDemo, .imgShowDemo .item { position: relative; overflow: hidden; } .imgShowDemo .img { width: auto; height: auto; max-height: 90%; max-width: 90%; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; vertical-align: middle; } .imgShowBox.img-show { opacity: 1; visibility: visible; } .imgShowBox .slick-arrow { width: 41px; height: 76px; position: absolute; top: 50%; margin-top: -38px; z-index: 99; } .imgShowBox .slick-prev { background: url('../images/img-show-prev.png') no-repeat; left: 52px; } .imgShowBox .slick-next { background: url('../images/img-show-next.png') no-repeat; right: 52px; } .imgShowBox .tsbox { position: absolute; left: 5%; width: 90%; bottom: 2%; text-align: center; color: #fff; } .imgShowBox .tsbox span { padding: 6px 18px; border-radius: 5px; background: url(../images/red_70.png) repeat; background: none rgba(227, 0, 30, 0.7); font-size: 14px; } .patent-list li { width: 27%; margin-left: 6.33%; margin-bottom: 6.33%; float: left; } .patent-list { margin-left: -6.33%; } .patent-list a { display: block; color: #000; } .patent-list .picbox { position: relative; } .patent-list .picbox:before { content: ""; position: absolute; left: 0; right: 0; height: 62px; bottom: -62px; background: url('../images/bg6.png') no-repeat; } .patent-list .tx { font-size: 16px; line-height: 26px !important; height: 52px; text-align: center; margin-top: 10px; } .nd-page .header { background: #fff; box-shadow: 0 0 5px rgba(0, 0, 0, .5); } .nd-content { overflow: hidden; position: relative; } .nd-left { width: 63.7%; float: left; position: relative; /* min-height: 1500px; */ padding: 35px 0 350px 0; padding-right: 7.3%; /* background: #fff; */ } .back-news { color: #000; display: block; padding-left: 30px; line-height: 24px; position: relative; } .back-news .ico { width: 13px; height: 24px; position: absolute; top: 0; left: 0; background: url('../images/arrow7.png') no-repeat left center; } .nd-title .ti { color: #000; font-size: 30px; font-weight: bold; margin-bottom: 10px; } .nd-title { padding: 107px 0 90px 0; } .nd-right { width: 29%; float: left; padding: 166px 0; } .nd-right .pa { padding-left: 58px; } .nd-right .ti { font-size: 30px; font-weight: bold; color: #000; margin-bottom: 48px; padding-left: 10px; } .nd-right .ti em { display: block; font-size: 16px; color: #585858; margin-top: 10px; } .hot-news-list a { display: block; color: #828282; border: 1px solid #d7d7d7; background: #fff; padding: 34px 25px 42px 25px; margin-bottom: 22px; } .hot-news-list .tii { font-size: 20px; line-height: 30px !important; height: 60px; color: #171717; font-weight: bold; margin-bottom: 34px; } .hot-news-list .xtx { height: 90px; margin-bottom: 45px; } .ndmore { display: inline-block; padding-right: 22px; position: relative; font-weight: bold; color: #171717; } .ndmore i { display: block; width: 13px; position: absolute; top: 0; bottom: 0; right: 0; background: url('../images/arrow8.png') no-repeat right center; -webkit-transition: transform 300ms; -o-transition: transform 300ms; transition: transform 300ms; } .hot-news-list .date { margin-bottom: 18px; } .ndpanel { position: relative; } .ndpanel:before { content: ""; width: 50%; position: absolute; top: 0; bottom: 0; right: 0; background: #f3f5f7; } .abo-news-list li { width: 48.5%; margin-left: 1.5%; float: left; margin-bottom: 1.5%; } .abo-news-list { margin-left: -1.5%; margin-bottom: 55px; } .abo-news-list a { display: block; padding: 15px; overflow: hidden; background: #fff; color: #171717; } .abo-news-list .pic { width: 403px; position: absolute; top: 0; left: 0; } .abo-news-list .txts { padding-left: 403px; min-height: 286px; } .abo-news-list .txts .pa { padding: 0 30px 0 40px; } .abo-news-list .txts .date { color: #828282; margin-bottom: 20px; } .abo-news-list .txts .tx { font-size: 20px; color: #171717; font-weight: bold; margin-bottom: 80px; height: 60px; } .abopanel { padding-top: 118px; padding-bottom: 113px; } .video-list .pic:after { content: ""; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background: url('../images/black.png'); background: rgba(0, 0, 0, 0.4); -webkit-transition: 400ms; -o-transition: 400ms; transition: 400ms; } .video-list .pic:before { content: ""; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background: url('../images/video-btn.png') no-repeat center center; z-index: 9; } .freeTx-img-center img { margin: 0 auto; } .abt1 { padding: 110px 0 165px 0; } .research-slide { position: relative; overflow: hidden; } .masks { position: absolute; top: 0; bottom: 0; z-index: 99; background: url('../images/black.png'); } .mask-left { left: 0; } .mask-right { right: 0; } .research-box { position: relative; } .research-slide .slick-arrow, .laboratory-imgs .slick-arrow { width: 35px; height: 45px; position: absolute; top: 50%; margin-top: -23px; z-index: 199; background: url('../images/arrow9.png') no-repeat; opacity: 0.6; } .research-slide .slick-prev, .laboratory-imgs .slick-prev { left: 17%; background-position: left center; } .research-slide .slick-next, .laboratory-imgs .slick-next { right: 17%; background-position: right center; } .laboratory-imgs .slick-prev { left: 13px; } .laboratory-imgs .slick-next { right: 13px; } .research-slide .slick-arrow:hover, .laboratory-imgs .slick-arrow:hover { opacity: 1; } .service-list li { margin-bottom: 77px; overflow: hidden; } .service-list .txts { overflow: hidden; } .service-list .pic { width: 45.8%; margin-bottom: 2%; } .service-list .item1 .pic { float: left; margin-right: 4%; } .service-list .item2 .pic { float: right; margin-left: 4%; } .service-title { color: #000; } .service-title .ch { font-size: 30px; } .service-title .en { font-size: 12px; margin-top: 1px; } .service-list .service-title { margin-bottom: 28px; } .abth2 { background: #f7f9fa; } .question-q, .question-a { position: relative; overflow: hidden; } .question-list .freeTx { padding-left: 40px; } .question-list .en { position: absolute; top: 0; left: 0; m font-size: 23px; color: #5b5b5b; line-height: 30px; font-weight: bold; } .question-list li { cursor: pointer; -webkit-transition: 400ms; -o-transition: 400ms; transition: 400ms; } .question-q { padding: 23px 0 30px 0; border-bottom: 1px solid #dee0e1; } .question-q .freeTx { font-size: 18px; width: 80% !important; } .question-a { padding-bottom: 113px; display: none; } .question-close { width: 18px; height: 18px; position: absolute; top: 50%; margin-top: -9px; right: 15px; cursor: pointer; -webkit-transition: 300ms; -o-transition: 300ms; transition: 300ms; } .question-close:before, .question-close:after { content: ""; background: #5b5b5b; position: absolute; } .question-close:before { width: 2px; height: 100%; left: 50%; margin-left: -1px; top: 0; } .question-close:after { width: 100%; height: 2px; top: 50%; margin-top: -1px; left: 0; } .question-list li.act { background: #ebebeb; } .question-list li.act .question-q, .question-list li.act .question-q .en { color: #e3001e; } .question-list li.act .question-close:before, .question-list li.act .question-close:after { background: #e3001e; } .question-list li.act .question-close { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } .question-list li.act .question-q { border-color: #ebebeb; } .service-ti { font-size: 30px; font-weight: bold; color: #000; line-height: 1.4; } .abth2 .service-ti { margin-bottom: 47px; } .question-list li:first-child .question-q { border-top: 1px solid #dee0e1; } .abth2 { padding: 37px 0 176px 0; } .abth1 { padding: 112px 0 15px 0; } .activity-list a { display: block; overflow: hidden; color: #666; background: #f3f5f7; position: relative; } .activity-list .pic { width: 50%; } .activity-list .txts { width: 50%; } .activity-list .txts .pa { padding: 98px 75px 0 75px; } .activity-list .txts .nowti { text-align: center; font-size: 26px; font-weight: bold; color: #333; margin-bottom: 33px; } .activity-list .txts .tx { font-size: 18px; text-align: center; line-height: 30px !important; height: 60px; margin-bottom: 64px; } .activity-list .txts .aamore { margin: 0 auto; } .activity-list .item1 .pic, .activity-list .item1 .txts { float: left; } .activity-list .item2 .pic, .activity-list .item2 .txts { float: right } .activity-list li { margin-bottom: 20px; } .activity-list a:before, .activity-list a:after { content: ""; background: #009947; position: absolute; -webkit-transition: 300ms linear; -o-transition: 300ms linear; transition: 300ms linear; } .activity-list a:before { width: 0; height: 12px; -webkit-transition-delay: 300ms; -o-transition-delay: 300ms; transition-delay: 300ms; } .activity-list a:after { height: 0; width: 12px; } .activity-list .item1 a:before { bottom: 0; right: 0; } .activity-list .item1 a:after { bottom: 0; right: 50%; margin-right: -6px; } .activity-list .item2 a:before { bottom: 0; left: 0; } .activity-list .item2 a:after { bottom: 0; left: 50%; margin-left: -6px; } .abthpanel { padding: 175px 0 137px 0; } .activity-list { margin-bottom: 85px; } .expert-list li .pw3 { overflow: hidden; position: relative; } .expert-list li { cursor: pointer; } .expert-pic, .expert-tx { width: 50%; overflow: hidden; } .expert-list .item1 .expert-pic { float: left; } .expert-list .item2 .expert-pic { float: right; } .expert-list .item1 .expert-tx { float: right; } .expert-list .item2 .expert-tx { float: left; } .expert-pic .picbox { width: 245px; position: relative; } .expert-list .item1 .picbox { float: right; padding-right: 117px; } .expert-list .item2 .picbox { padding-left: 117px; } .expert-pic .picbox:before, .expert-pic .picbox:after, .expert-tx:before { content: ""; position: absolute; top: 50%; -webkit-transition: 300ms; -o-transition: 300ms; transition: 300ms; } .expert-pic .picbox:before { border: 3px solid #c8c8c8; width: 10px; height: 10px; border-radius: 100%; margin-top: -8px; } .expert-list .item1 .picbox:before { right: 74px; } .expert-list .item2 .picbox:before { left: 74px; } .expert-tx:before, .expert-pic .picbox:after { height: 2px; background: #c8c8c8; margin-top: -1px; } .expert-pic .picbox:after { width: 74px; } .expert-list .item1 .picbox:after { right: 0; } .expert-list .item2 .picbox:after { left: 0; } .expert-list .item1 .txts { padding-left: 138px; } .expert-list .item2 .txts { padding-right: 138px; text-align: right; } .expert-list .item2 .txts .freeTx { text-align: right; } .expert-tx { height: auto; position: relative; overflow: hidden; } .expert-tx:before { left: 0; width: 100%; margin-top: 0; top: 129px; } .expert-tx .name { font-weight: bold; font-size: 32px; color: #333; margin-bottom: 35px; height: 70px; } .expert-tx .name .en { display: block; font-size: 22px; color: #999; margin-top: 1px; } .expert-tx .freeTx { line-height: 24px; font-size: 14px; } .expert-tx .txts { padding-top: 38px; } .expert-list li { padding: 27px 0; position: relative; } .expert-list li:before { content: ""; background: #fff; position: absolute; left: 0; right: 0; height: 0; top: auto; bottom: 0; -webkit-transition: 400ms; -o-transition: 400ms; transition: 400ms; } .abfipanel { padding: 97px 0 186px 0; position: relative; } .abfipanel:before { content: ""; width: 6px; background-color: #c8c8c8; left: 50%; margin-left: -3px; top: 0; bottom: 0; position: absolute; } .laboratory-nav li { width: 222px; margin: 0 8px; position: relative; } .laboratory-nav a { color: #595959; } .laboratory-nav .icobox { display: inline-block; vertical-align: bottom; position: relative; width: 87px; height: 76px; } .laboratory-nav .ico { position: relative; z-index: 1; background-position: center top; height: 100%; } .laboratory-nav .icobox:before { content: ""; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background: url('../images/lab-bg.png') no-repeat center bottom; } .laboratory-nav .icobox:after { content: ""; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background: url('../images/lab-bg.png') no-repeat center top; transform: scale(0.8); -webkit-transform: scale(0.8); opacity: 0; visibility: hidden; transition: 300ms; -webkit-transition: 300ms; } .laboratory-nav .nowti { font-size: 18px; margin-top: 15px; } .laboratory-nav .aw { background: url('../images/arrow10.png') no-repeat center top; height: 7px; margin-top: 25px; -webkit-transform: translateY(-10px); transform: translateY(-10px); transition: 300ms; -webkit-transition: 300ms; opacity: 0; visibility: hidden; } .laboratory-nav { padding: 118px 0; } .laboratory-nav li.act a { color: #e3001e; } .laboratory-nav li.act a .icobox:after { transform: none; -webkit-transform: none; opacity: 1; visibility: visible; } .laboratory-nav li.act a .ico { background-position: center bottom; } .laboratory-nav li.act a .aw { transform: none; -webkit-transform: none; opacity: 1; visibility: visible; } .laboratory-intro { background: #fff; padding-top: 50px; } .laboratory-intro .ti { font-size: 32px; color: #000; font-weight: bold; margin-bottom: 34px; } .laboratory-intro .freeTx { width: 962px; max-width: 90%; margin: 0 auto; } .laboratory-imgs { margin-top: 78px; position: relative; overflow: hidden; } .research-box { margin-top: 78px; } .reference .ti { font-size: 16px; font-weight: bold; color: #000; } .reference-list { overflow: hidden; margin-top: 10px; } .reference-list li { width: 50%; float: left; } .reference-list a { display: block; color: #575757; } .reference-list .nowti { line-height: 30px; width: 90%; } .reference-list a:hover .nowti { color: #f9443e; text-decoration: underline; } .reference { border-top: 1px solid #e5e5e5; padding-top: 54px; margin-top: 50px; } .cell1 .service-ti { margin-bottom: 43px; } .cell1 { padding-top: 125px; } .cell-img-list { overflow: hidden; margin-left: -1.5%; margin-top: 65px; } .cell-img-list li { width: 48.5%; margin-left: 1.5%; float: left; } .cell-question-list .en { display: none; } .cell-question-list .freeTx { padding-left: 0; width: 1028px; max-width: 100%; } .cell-question-list .question-a { padding-bottom: 52px; } .cell2 .service-ti { margin-bottom: 47px; } .cell2 { padding: 70px 0 130px 0; } .storage-process { background: #f9443e; color: #fff; padding: 78px 0 87px 0; } .storage-process-ti { color: #fff; padding-left: 90px; position: relative; } .storage-process-ti .ico { width: 80px; height: 60px; position: absolute; top: 50%; margin-top: -30px; left: 0; background: url('../images/hand.png') no-repeat left center; } .storage-process-list { margin-top: 45px; display: flex; flex-wrap: wrap; margin-left: -10px; } .storage-process-list li { position: relative; border-radius: 8px; border: 2px solid #fff; padding: 15px; margin: 0 0 20px 10px; float: left; color: #fff; } .storage-process-list .nowti { padding-top: 40px; line-height: 1.5; overflow: hidden; white-space: normal; font-weight: bold; } .storage-process .storage-process-ti { margin-bottom: 30px; } .storage-process-list .num { position: absolute; left: 15px; top: -10px; width: 40px; height: 40px; background: #f9443e; text-align: center; line-height: 40px; color: #e3001e; } .storage-process-list .num i { display: block; background: #fff; border-radius: 100%; } .online-consulting-list a { display: block; color: #fff; width: 143px; height: 143px; border-radius: 100%; overflow: hidden; font-size: 16px; } .online-consulting-list .ico { width: 50px; height: 50px; background: url('../images/oc-ico.png') no-repeat left center; margin: 24px auto 0 auto; } .online-consulting-list .oc2 .ico { background-position: right center; } .online-consulting-list .oc2 a { background: #009947; } .online-consulting-list .oc1 a { background: #e3001e; } .online-consulting-list .nowti { margin-top: 5px; } .online-consulting-list li { margin: 0 15px; } .online-consulting .fixbg { padding: 144px 0 133px 0; } .cell4 { background: #f7f9fa; } .cell-advantage .service-ti, .stem-cells-intro .service-ti { margin-bottom: 23px; } .cell-advantage-1 { padding: 90px 0 130px 0; } .cell-advantage-data { background: #fff; padding-top: 105px; padding-bottom: 105px } .cell-advantage-data .freeTx .w { text-align: left; /* font-size: 24px; color: #f9443e; width: 1057px; max-width: 100%; margin: 0 auto; line-height: 1.8; */ } .cell-advantage-2 { padding: 103px 0 157px 0; } .cell-txt-list { overflow: hidden; margin-top: 65px; } .cell-txt-list li { width: 50%; float: left; position: relative; color: #fff; overflow: hidden; } .cell-txt-list li:after, .cell-txt-list li:before { content: ""; top: 0; right: 0; bottom: 0; left: 0; position: absolute; z-index: 1; -webkit-transition: 400ms; -o-transition: 400ms; transition: 400ms; } .cell-txt-list li:before { background: url('../images/black.png'); } .cell-txt-list li:after { background: #009947; opacity: 0; visibility: hidden; } .cell-txt-list .txts { position: absolute; left: 0; right: 0; bottom: -100%; padding: 0 102px 150px 102px; z-index: 2; height: 100%; overflow: hidden; -webkit-transition: 400ms; -o-transition: 400ms; transition: 400ms; } .cell-txt-list .txts .ti { font-size: 30px; font-weight: bold; margin-top: 78px; } .cell-txt-list .txts .tx { font-size: 16px; margin-top: 17px; opacity: 0; visibility: hidden; -webkit-transition: 400ms; -o-transition: 400ms; transition: 400ms; } .stem-cells-intro .w { width: 992px; max-width: 90%; margin: 0 auto; } .stem-cells-intro-1 { padding: 102px 0 116px 0; } .stem-cells-advantage-list li { float: left; width: 21.7%; margin-left: 3.3%; margin-bottom: 3.3%; position: relative; box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); height: 288px; } .stem-cells-advantage-list { margin-left: -3.3%; margin-top: 85px; } .stem-cells-advantage-list .pa { padding: 50px 25px 0 25px; } .stem-cells-advantage-list .freeTx { font-size: 15px; line-height: 1.8; } .stem-cells-advantage-list .num { width: 63px; height: 63px; background: #f9443e; color: #fff; font-size: 26px; text-align: center; line-height: 63px; font-family: Arial; border-radius: 100%; border: 5px solid #fff; overflow: hidden; position: absolute; top: -35px; left: -35px; } .stem-cells-intro-2 { padding: 48px 0 20px 0; } .stem-cells-intro-3 { padding: 102px 0 65px 0; } .cell5 { padding: 105px 0 20px 0; } .stem-cells-intro-3 .freeTx .w { margin-bottom: 125px; } .deciduous-tooth-advantage-list li { width: 33.33%; float: left; background: #eee; height: 282px; overflow: hidden; } .deciduous-tooth-advantage-list { margin-top: 20px; } .deciduous-tooth-advantage-list .pa { padding: 90px 75px 0 75px; } .deciduous-tooth-advantage-list .rel { min-height: 102px; } .deciduous-tooth-advantage-list .freeTx { padding-left: 115px; } .deciduous-tooth-advantage-list .num { display: block; width: 77px; height: 102px; background: url('../images/123.png') no-repeat; position: absolute; top: 0; left: 0; } .deciduous-tooth-advantage-list .a2 .num { background-position: center top; } .deciduous-tooth-advantage-list .a3 .num { background-position: center right; } .deciduous-tooth-advantage-list .a2 { background: #e2e2e2; } .deciduous-tooth-advantage .ti { font-size: 18px; font-weight: bold; color: #000; } .deciduous-tooth-advantage { margin-top: 65px; } .reference-1 { padding-top: 0; border: none; padding-bottom: 45px; } .reference-2 { padding-bottom: 117px; } .fat-cell-list li { margin-bottom: 0; padding: 108px 0; } .fat-cell-list .item1 { background: #fff; } .immune-cell-list li { overflow: hidden; } .immune-cell-list .pic, .immune-cell-list .txts { width: 50%; } .immune-cell-list .item1 .pic { float: right; } .immune-cell-list .item2 .pic { float: left; } .immune-cell-list .item2 .txts { float: left; } .immune-cell-list .item1 .txts { float: right; } .immune-cell-list .txts { overflow: hidden; } .immune-cell-list .txts .w { width: 664px; } .immune-cell-list .item1 .txts .w { float: right; } .immune-cell-list .item1 .txts .w .pa { padding-right: 75px; } .immune-cell-list .item2 .txts .w .pa { padding-left: 75px; } .immune-cell-list .txts .service-ti { margin-bottom: 33px; } .immune-cell-list .txts .pa { padding-top: 52px; } .immune-cell-list .item2 { background: #f7f9fa; } .cell-education-img-list li { width: 24.5%; margin-left: 0.5%; margin-bottom: 0.5%; float: left; } .cell-education-img-list { margin-left: -0.5%; } .cell-education .service-ti { margin-bottom: 27px; } .cell-education .cell-education-img-list { margin-top: 85px; } .cell-education-1 { padding-top: 152px; } .cell-education-btn { display: block; color: #fff; background: #666; height: 66px; line-height: 66px; overflow: hidden; position: relative; } .cell-education-btn p { padding-left: 88px; } .cell-education-btn:before { content: ""; width: 53px; position: absolute; top: 0; bottom: 0; left: 20px; background: url('../images/3d.png') no-repeat left center; } .cell-education-btn i { display: block; width: 48px; height: 3px; background: #fff; position: absolute; top: 50%; margin-top: -2px; right: 54px; -webkit-transition: 300ms; -o-transition: 300ms; transition: 300ms; } .cell-education-btn i:before { content: ""; width: 13px; height: 15px; top: 50%; margin-top: -7px; right: -13px; position: absolute; background: url('../images/arrow11.png') no-repeat; } .cell-education .cell-education-btn { margin-top: 75px; } .cell-education-2 { padding: 60px 0 154px 0; } .pregnant-school-list .rel { min-height: 90px; z-index: 2; } .pregnant-school-list .txts { margin-left: 140px; padding-top: 10px; } .pregnant-school-list .datebox { position: absolute; top: 0; left: 0; width: 84px; height: 84px; border-radius: 100%; background: #fff; border: 3px solid #e0e0e0; text-align: center; color: #000; line-height: 1.1; font-family: Arial; -webkit-transition: 300ms; -o-transition: 300ms; transition: 300ms; } .pregnant-school-list .datebox:before { content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: #f9443e; border-radius: 100%; -webkit-transform: scale(1.4); -ms-transform: scale(1.4); -o-transform: scale(1.4); transform: scale(1.4); opacity: 0; visibility: hidden; -webkit-transition: 400ms; -o-transition: 400ms; transition: 400ms; } .pregnant-school-list .datebox .day { font-size: 24px; color: #636363; font-weight: bold; padding-top: 22px; position: relative; } .pregnant-school-list .datebox .year { margin-top: 4px; position: relative; } .pregnant-school-list .cell-education-img-list { margin-top: 37px; } .pregnant-school-list>li { position: relative; padding: 50px 0 60px 0; } .pregnant-school-list>li:before { content: ""; position: absolute; left: 0; right: 0; top: auto; bottom: 0; height: 0; background: #fff0f0; -webkit-transition: 400ms; -o-transition: 400ms; transition: 400ms; } .resapanel { position: relative; padding: 85px 0 90px 0; } .resapanel:before { content: ""; width: 3px; position: absolute; top: 0; bottom: 0; background: #e0e0e0; right: 50%; margin-right: 554px; z-index: 1; } .res-contact-us { width: 50%; /* float: left; */ padding-top: 0; } .res-contact-us-call { display: block; color: #f9443e; position: relative; min-height: 110px; cursor: auto; } .res-contact-us-call .ico { width: 90px; height: 90px; background-color: #f9443e; border-radius: 100%; position: absolute; top: 0; left: 10px; background-image: url('../images/call.png'); } .res-contact-us-call .ico:before { content: ""; position: absolute; top: -10px; bottom: -10px; left: -10px; right: -10px; border: 1px solid #f9443e; border-radius: 100%; } .res-contact-us-call .num { margin-left: 128px; font-size: 16px; line-height: 1.2; } .res-contact-us-call .num strong { display: block; font-size: 60px; font-weight: bold; font-family: Arial; line-height: 1; margin-top: 3px; } .res-contact-us-call .num strong i { display: inline-block; vertical-align: top; } .res-contact-us .freeTx { font-size: 15px; margin-top: 35px; } .resb1 { padding: 175px 0 103px 0; overflow: hidden; } .res-contact-us-ma { width: 279px; position: absolute; right: 70px; bottom: 0; } .res-contact-us-ma .txts { position: absolute; left: 0; right: 0; top: 135px; color: #fff; text-align: center; } .res-contact-us-ma .txts .pic2 { width: 116px; margin: 0 auto 35px auto; } .resb2 .service-ti { margin-bottom: 30px; } .resb2 { padding: 48px 0 85px 0; } .light-wish-img, .light-wish-slide, .light-wish-slide .item { overflow: hidden; position: relative; } .light-wish-slide .txts { position: absolute; left: 0; right: 0; bottom: 0; background: url('../images/black.png'); background: rgba(0, 0, 0, 0.8); padding: 28px 40px; color: #fff; } .light-wish-slide .txts .freeTx { width: 80%; } .light-wish-slide .slick-arrow { width: 20px; height: 26px; position: absolute; z-index: 29; bottom: 30px; background: url('../images/arrow12.png') no-repeat left center; } .light-wish-slide .slick-next { right: 60px; background-position: right center; } .light-wish-slide .slick-prev { right: 165px; } .light-wish-slide .slick-arrow:hover { opacity: 0.5; } .light-wish-num { width: 126px; text-align: center; line-height: 26px; position: absolute; right: 60px; bottom: 30px; color: #fff; z-index: 19; font-family: Arial; } .light-wish-num .cnum { font-size: 18px; } .light-wish .service-ti { margin-bottom: 30px; } .light-wish .cell-tx { margin-bottom: 90px; } .taobao-btn { display: block; width: 140px; height: 140px; border-radius: 100%; background: #999; font-size: 16px; border: 5px solid #ccc; color: #fff; text-align: center; position: relative; } .taobao-btn .ico { height: 50px; margin-bottom: 4px; } .taobao-btn .pa { position: relative; padding-top: 30px; z-index: 1; } .taobao-btn:before, .taobao-btn:after { content: ""; position: absolute; border-radius: 100%; -webkit-transition: 300ms; -o-transition: 300ms; transition: 300ms; opacity: 0; visibility: hidden; -webkit-transform: scale(1.25); -ms-transform: scale(1.25); -o-transform: scale(1.25); transform: scale(1.25); } .taobao-btn:before { top: -5px; bottom: -5px; left: -5px; right: -5px; background: #f8bdc5; } .taobao-btn:after { top: 0; bottom: 0; left: 0; right: 0; background: #e3001e; } .light-wish .taobao-btn { margin: 67px auto 0 auto; } .resopanel { padding-top: 150px; padding-bottom: 92px; } .que-more { display: block; width: 136px; height: 32px; line-height: 32px; overflow: hidden; background: #c4c4c4; color: #545454; position: relative; margin: 0 auto; } .que-more p { padding-left: 20px; } .que-more-ico { width: 8px; height: 8px; margin-top: -4px; right: 28px; } .que1 .que-more { margin-top: 90px; } .que1 { padding: 100px 0 130px 0; } .que2 { color: #fff; padding: 85px 0 117px 0; } .question-title .en { font-size: 40px; font-weight: bold; } .question-title .ch { font-size: 20px; margin-top: 3px; } .message-board-form { width: 900px; margin: 60px auto 0 auto; } .message-board-form input::placeholder,.message-board-form textarea::placeholder{ color: #ffffff; } .message-board-form li { overflow: hidden; } .message-board-form .s-input, .message-board-form .s-textarea { width: 866px; height: 24px; line-height: 24px; border: 2px solid #fff; color: #fff; font-family: "微软雅黑"; padding: 10px 15px; margin-bottom: 20px; transition: 300ms; -webkit-transition: 300ms; } .message-board-form .m .s-input { float: left; width: 406px; margin-left: 20px; } .message-board-form .m .s-input:first-child { margin-left: 0; } .message-board-form .s-textarea { height: 192px; } .message-board-form .s-input:focus, .message-board-form .s-textarea:focus { border-color: #e3001e; } .submit-btn { width: 100%; height: 55px; background: #fff url('../images/submit-ico.png') no-repeat 870px top; padding: 0 20px; text-align: left; font-family: "微软雅黑"; cursor: pointer; color: #666; -webkit-transition: background-color 300ms; -o-transition: background-color 300ms; transition: background-color 300ms; } .subordinates-list li { margin-bottom: 65px; } .subordinates-list a { display: block; color: #5b5b5b; overflow: hidden; position: relative; } .subordinates-list .txts { margin-left: 586px; min-height: 343px; } .subordinates-list .pic { position: absolute; top: 0; left: 0; } .subordinates-list .txts .pa { padding: 0 0 0 80px; } .subordinates-list .txts .nowti { font-size: 24px; font-weight: bold; color: #383838; margin-bottom: 23px; } .subordinates-list .txts .tx { height: 60px; margin-bottom: 70px; } .submore { width: 190px; height: 54px; line-height: 54px; border-radius: 30px; background: #9b9b9b; color: #fff; overflow: hidden; position: relative; -webkit-transition: 300ms; -o-transition: 300ms; transition: 300ms; } .submore p { padding-left: 30px; } .submore:after { content: ""; width: 13px; position: absolute; top: 0; bottom: 0; right: 27px; background: url('../images/arrow13.png') no-repeat center center; -webkit-transition: 300ms; -o-transition: 300ms; transition: 300ms; } .subpanel { padding: 140px 0 115px 0; } .join-title .ti { font-size: 26px; font-weight: bold; } .join-title .freeTx { font-size: 14px; margin-top: 10px; } .join-us-list { overflow: hidden; margin-left: -3%; margin-top: 110px; } .join-us-list li { float: left; width: 30.33%; margin-left: 3%; } .join-item { border: 1px solid #e2dfda; margin-bottom: 25px; cursor: pointer; } .join-item .join-t { position: relative; padding-top: 24px; padding-bottom: 24px; -webkit-transition: 400ms; -o-transition: 400ms; transition: 400ms; } .join-item .pa { padding-left: 25px; padding-right: 25px; } .join-item .ti { font-size: 24px; } .join-item .ti .num { color: #8a8a8a; font-size: 14px; margin-left: 35px; } .join-item .question-close { width: 20px; } .join-item .question-close:before { width: 4px; margin-left: -2px; } .join-item .question-close:after { height: 4px; margin-top: -2px; } .join-item .question-close:before, .join-item .question-close:after { background: #f9443e; -webkit-transition: 300ms; -o-transition: 300ms; transition: 300ms; } .join-item .join-b .freeTx { font-size: 14px; line-height: 25px !important; height: 100px; } .join-item .join-b .freeTx .set-email { margin-top: 90px; } .join-item .join-b .pa { padding-top: 30px; padding-bottom: 35px; } .set-email { display: inline-block; color: #f9443e; position: relative; padding-bottom: 5px; } .set-email:before { content: ""; width: 100%; height: 2px; background: #f9443e; position: absolute; bottom: 0; left: 0; right: auto; -webkit-transition: 300ms; -o-transition: 300ms; transition: 300ms; } .join-item.act .join-t { background: #f9443e; } .join-item.act .join-t .ti, .join-item.act .join-t .ti .num { color: #fff; } .join-item.act .question-close:after, .join-item.act .question-close:before { background: #fff; } .join-item.act .question-close:before { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); } .jobpanel { padding: 95px 0 190px 0; } .mapdot { position: absolute; width: 64px; height: 64px; background: #f9443e; border-radius: 100%; z-index: 29; top: 46%; right: 39%; } .mapdot:before { content: ""; position: absolute; top: 0; bottom: 0; left: 0; right: 0; border-radius: 100%; background: #f9443e; background: rgba(249, 68, 62, .5); animation: md 2s infinite; -webkit-animation: md 2s infinite; } @keyframes md { 0% { transform: scale(1); -webkit-transform: scale(1); opacity: 1; } 100% { transform: scale(2); -webkit-transform: scale(2); opacity: 0; } } @-webkit-keyframes md { 0% { transform: scale(1); -webkit-transform: scale(1); opacity: 1; } 100% { transform: scale(2); -webkit-transform: scale(2); opacity: 0; } } .contact-title .ch { font-size: 35px; font-weight: bold; color: #333; } .contact-title .en { font-size: 30px; color: #9a9a9a; font-family: BrowalliaUPC; } .contact-title .line { width: 16px; height: 4px; display: block; margin: 15px auto 0 auto; background: #f9443e; } .contact-list{ display: flex; justify-content: center; flex-wrap: wrap; } .contact-list li { width: 25%; } .contact-list a { display: block; color: #666; text-align: center; cursor: auto; } .contact-list .ico { width: 70px; height: 70px; border-radius: 100%; background: #f9443e url('../images/cta-ico.png') no-repeat; margin: 0 auto; -webkit-transition: 300ms; -o-transition: 300ms; transition: 300ms; } .contact-list .en { color: #b3b3b3; font-weight: bold; text-transform: uppercase; margin-top: 10px; } .contact-list .freeTx { font-size: 18px; text-align: center; padding: 0 10px; margin-top: 25px; } .contact-list .c2 .ico { background-position: -70px center; } .contact-list .c3 .ico { background-position: -140px center; } .contact-list .c4 .ico { background-position: right center; } .contact-list { margin-top: 85px; } .ctapanel { padding: 108px 0 172px 0; border-top: 5px solid #f9443e; } .legal-declaration-box { position: fixed; top: 0; left: 0; right: 0; height: 100%; overflow: hidden; overflow-y: auto; -webkit-overflow-scrolling: touch; background: url('../images/black.png'); z-index: 2000; opacity: 0; visibility: hidden; } .legal-declaration-content { min-height: 100%; background: #fff; box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); position: relative; } .legal-declaration-content .pa { padding: 37px 80px 330px 80px; } .legal-declaration-content .service-ti { border-bottom: 1px solid #ccc; padding-bottom: 33px; margin-bottom: 105px; } .legal-declaration-close { width: 31px; height: 31px; position: fixed; top: 25px; right: 50%; margin-right: -569px; z-index: 99; background: url('../images/close.png') no-repeat left center; cursor: pointer; } html.open { overflow: hidden; } .legal-declaration-box.show { opacity: 1; visibility: visible; -webkit-transition: 600ms; -o-transition: 600ms; transition: 600ms; } .sosbox { position: fixed; top: 0; bottom: 0; left: 0; right: 0; background: url('../img/sos-bg.jpg') no-repeat center center; -webkit-background-size: cover; background-size: cover; } .sosctt { color: #898989; position: absolute; left: 10%; right: 10%; top: 50%; margin-top: -165px; } .sosctt .img { display: block; max-width: 100%; margin: 0 auto; } .sosctt .tx1 { font-size: 17px; margin-top: 28px; } .sosctt .tx2 { margin-top: 4px; } .sosctt .btns a { width: 110px; height: 30px; line-height: 30px; overflow: hidden; background: #e3001e; color: #fff; margin: 0 1px; text-align: left; position: relative; } .sosctt .btns p { padding-left: 55px; } .sosctt .btns a:first-child { background: #009947; } .sosctt .btns a:before { content: ""; width: 20px; position: absolute; top: 0; bottom: 0; left: 28px; background: url('../images/sos-2.png') no-repeat right center; } .sosctt .btns a:first-child:before { background-position: left center; } .sosctt .btns { margin-top: 34px; } .cell-txt-list li:hover .txts { bottom: -150px; } .stem-cells-intro-1.stem-cells-intro .w { max-width: 100%; } .pvno { display: none; } .banner .pic2 .img2 { display: none; } #map { height: 545px; } .abth2.white { background: #fff; } .mc-handle { position: absolute; top: 50%; margin-top: -190px; left: 50%; margin-left: -200px; z-index: 99; width: 360px; height: 440px; } .beat2 { animation: beat2 600ms linear alternate infinite; -webkit-animation: beat2 600ms linear alternate infinite; } .online-list li { float: left; position: relative; } .online-list li+li::before { content: ""; position: absolute; top: 0; bottom: 0; left: 0; background: url('../images/ol-ico-2.png') no-repeat center center; } .online-list-1 li { width: 24%; } .online-list-1 li+li::before { width: 60px; } .online-list-2 li+li::before { width: 40px; } .online-list-1 .s2 { width: 28%; } .online-list-2 li { width: 16%; } .online-list-2 .s1 { width: 20%; } .online-list .b { overflow: hidden; border: 1px solid #e6e6e6; padding: 15px 0 15px 20px; } .online-list-1 .b { margin-left: 60px; } .online-list-1 { margin-left: -60px; } .online-list-2 .b { margin-left: 40px; } .online-list-2 { margin-left: -40px; } .online-list .ico { float: left; width: 42px; height: 42px; } .online-list .ico img{ width: 100%; display: block; } .online-list-1 .ico { background-image: url('../images/ol-ico-1.png'); } .online-list-2 .ico { background-image: url('../images/ol-ico-3.png'); } .online-list .tx { height: 40px; margin-left: 55px; line-height: 20px !important; font-weight: bold; text-align: left; } .online-list-1 .s1 .ico { background-position: left center; } .online-list-1 .s2 .ico { background-position: -42px center; } .online-list-1 .s3 .ico { background-position: -84px center; } .online-list-1 .s4 .ico { background-position: -126px center; } .online-list-2 .s1 .ico { background-position: left center; } .online-list-2 .s2 .ico { background-position: -42px center; } .online-list-2 .s3 .ico { background-position: -84px center; } .online-list-2 .s4 .ico { background-position: -126px center; } .online-list-2 .s5 .ico { background-position: -168px center; } .online-list-2 .s6 .ico { background-position: -210px center; } .online-list .tel { cursor: default; color: #666; font-size: 18px; } .online-box .online-list { margin-top: 28px; } .online-box { padding: 70px 0 125px 0; } .online-title .online-tel { position: absolute; bottom: 0; right: 0; } .online-tel a { display: block; position: relative; padding-left: 25px; line-height: 24px; font-weight: bold; color: #818181; cursor: default; } .online-tel i { font-size: 18px; margin-left: 5px; } .online-tel a::before { content: ""; position: absolute; top: 0; left: 0; width: 24px; height: 24px; background: url('../images/ol-ico-4.png') no-repeat center center; } .map-list li { float: left; width: 33.33%; margin-bottom: 65px; } .map-list .item1 { clear: both; } .map-list .ma { margin-left: 110px; } .map-list { margin-left: -110px; } .map-list a { display: block; line-height: 30px; color: #7e7d7d; } .map-list a:first-child { padding: 10px 0; margin-bottom: 20px; font-size: 20px; font-weight: bold; color: #252525; border-bottom: 1px solid #ccc; } .mappanel { padding: 120px 0 95px 0; } .link-list li { float: left; width: 25%; margin-bottom: 40px; } .link-list .pic { margin-left: 32px; } .link-list { margin-left: -32px; } .linkpanel { padding: 125px 0 135px 0; } .legal-declaration-content .service-ti.noma { margin: 0; } .cell-table { margin-top: 52px; } .cell-table li { overflow: hidden; line-height: 24px; margin-bottom: 10px; } .cell-table .b { float: left; } .cell-table .s-input, .cell-table .s-select, .cell-table .s-textarea { line-height: 24px; background: #fff; border: 1px solid #e0e0e0; } .cell-table label { float: left; width: 70px; padding: 10px 12px 10px 0; color: #333; text-align: right; } .cell-table .s-input, .cell-table .s-textarea { padding: 9px 14px; width: 320px; transition: 300ms; -webkit-transition: 300ms; } .cell-table .s-select { width: 350px; height: 44px; padding: 0 14px; background: url('../images/ct_i1.png') no-repeat 95% center; } .cell-table .s-textarea { width: 850px; height: 168px; } .sub-btn, .res-btn { width: 210px; height: 52px; padding-left: 90px; color: #fff; text-align: left; cursor: pointer; transition: 300ms; -webkit-transition: 300ms; } .sub-btn { background: #e3001e url('../images/ct_i2.png') no-repeat 20% center; margin-left: 82px; } .cell-table li:last-child { margin: 0; margin-top: 20px; } .res-btn { background: #009947 url('../images/ct_i3.png') no-repeat 20% center; } .cell-table .s-input:focus, .cell-table .s-textarea:focus { border-color: #e3001e; } .online-registration li { overflow: hidden; margin-bottom: 25px; } .online-registration .s-input, .online-registration .s-textarea { display: block; padding: 16px 20px; border: 1px solid #fff; background: #fff; color: #333; line-height: 24px; transition: 300ms; -webkit-transition: 300ms; } .online-registration .s-input { float: right; width: 45%; } .online-registration .s-input:first-child { float: left; } .online-registration .s-textarea { width: 1158px; height: 216px; } .online-registration .s-input:focus, .online-registration .s-textarea:focus { border-color: #f9443e; } .online-registration .btn { width: 100%; height: 70px; background: #f9443e url('../images/ct_i4.png') no-repeat 95% center; color: #fff; font-size: 18px; text-align: left; padding-left: 50px; cursor: pointer; transition: 300ms; -webkit-transition: 300ms; } .nd-content:before { content: ""; width: 71%; position: absolute; top: 0; bottom: 0; left: 0; background: #fff; } .cell-intro { background: #f2f2f2; padding: 7% 0; } .cell-intro .freeTx { font-size: 20px; color: #000; font-weight: bold; line-height: 1.5; } .wish-box .pic { float: right; width: 55%; margin: 30px 0 15px 30px; } .wish-box .zs { display: block; max-width: 100%; margin-bottom: 45px; } .wish-box .name { font-size: 30px; color: #e3001e; font-weight: bold; margin-bottom: 15px; } .wish1 .wish-box { margin-bottom: 10%; } .wish1 .taobao-btn { margin: 0 auto; } .que-search-box { padding: 50px 0; background: #ebebeb; } .que-search { width: 600px; margin: 0 auto; } .que-search .sx { float: left; } .que-search .xtx { width: 430px; height: 24px; line-height: 24px; padding: 14px; background: #fff; border: 1px solid #bfbfbf; transition: 300ms; -webkit-transition: 300ms; } .que-search .xtx:focus { border-color: #e3001e; } .que-search .btn { float: right; width: 135px; height: 54px; padding-left: 60px; background: #009947 url('../images/search.png') no-repeat 22% center; text-align: left; font-weight: bold; font-size: 16px; color: #fff; cursor: pointer; transition: 300ms; -webkit-transition: 300ms; } .fix-btn { position: fixed; right: 0; bottom: 0; z-index: 998; width: 77px; height: 77px; background: #f9443e url('../images/fix_aw1.png') no-repeat center center; cursor: pointer; transition: 300ms; -webkit-transition: 300ms; } .fix-btn:hover { background-color: #d22722; } .fixctas .fc { right: 0; position: relative; } .fixctas .fc, #top .ico { transition: 400ms; -webkit-transition: 400ms; } .fixctas .fc.hide { right: -77px; } .fixctas .top.act .ico { transform: rotate(90deg); -ms-transform: rotate(90deg); -moz-transform: rotate(90deg); -webkit-transform: rotate(90deg); } .expert-pic .picbox { padding-bottom: 1px; } .ey-box { background-attachment: fixed; background-position: center center; background-repeat: no-repeat; -webkit-background-size: cover; background-size: cover; } .ey-ctt { text-align: center; padding: 12% 5% 14% 5%; } .entry-input { width: 460px; margin: 0 auto; height: 275px; overflow: hidden; background: #fff; -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, .2); box-shadow: 0 0 8px rgba(0, 0, 0, .2); } .entry-form { padding: 25px 55px 0 55px; } .entry-form .s-input { width: 340px; padding: 10px; padding-left: 0; height: 24px; line-height: 24px; border-bottom: 1px solid #d9d9d9; -webkit-transition: 300ms; transition: 300ms; } .entry-form .verification .s-input { width: 250px; padding-right: 100px; } .ver-img { display: block; position: absolute; right: 0; top: 50%; margin-top: -19px; border: 1px solid #d9d9d9; width: 92px; height: 36px; overflow: hidden; text-align: center; } .ver-img img { max-width: 100%; } .entry-form .error { margin-top: 5px; color: #e3001e; } .entry-form .subBtn { height: 45px; width: 100%; margin-top: 0; background: #e3001e; color: #fff; cursor: pointer; font-size: 16px; border-radius: 3px; -webkit-transition: 300ms; transition: 300ms; } .entry-form .s-input:focus { border-color: #e3001e; } .ey-ctt .en { margin-bottom: 4px; font-size: 42px; color: #009947; line-height: 1; font-family: PF Din Text Comp Pro; } .ey-ctt .ch { font-size: 24px; color: #009947; line-height: 1; } .ey-ctt .entry-input { margin-top: 40px; } .ey-ctt .look { line-height: 24px; margin-top: 15px; } .ey-ctt .look span { display: inline-block; vertical-align: middle; } .ey-ctt .look .i { width: 20px; height: 24px; background: url('../images/look.png') no-repeat center center; } .cell-no-1 .reference, .cell-no-2 .reference, .cell-no-3 .reference { display: none; } .cell-no-3 .cell-txt-list .txts, .cell-no-3 .cell-txt-list li:before, .cell-no-3 .cell-txt-list li:after { display: none; } .cell-no-3 .cell-txt-list { padding: 0 102px; margin-left: -1.5%; } .cell-no-3 .cell-txt-list li { width: 48.5%; margin-left: 1.5%; } .cell-no-3 .cell1 { padding-bottom: 100px; } .cell-no-3 .stem-cells-intro-1 { display: none; } .cell-no-3 .cell5 { display: none; } .cell-no-4 .reference { display: none; } .cell-no-4 .deciduous-tooth-advantage { display: none; } .cell-no-4 .cell1 { padding-bottom: 100px; } .cell-no-5 .reference { display: none; } .cell-no-5 .cell1 { padding-bottom: 100px; } .cell-no-5 .abth2 { display: none; } .ixcells .pic { float: left; width: 57.6%; } .ixcells .item { background: #ef8783; color: #fff; } .ic-txts { float: left; width: 42.4%; } .ic-txts .w { padding: 12% 17.4% 0 15%; } .ic-txts .nowti { font-size: 36px; font-weight: bold; margin-bottom: 15px; } .ic-txts .tx { font-size: 18px; line-height: 30px !important; max-height: 210px; margin-bottom: 25px; } .ic-txts .ixmore2 { color: #fff; } .ic-txts .more { margin-bottom: 25px; } .ixcells .dotBox { position: absolute; z-index: 29; width: 42.4%; right: 0; bottom: 40px; } .ixcells .slick-dots { padding: 13.3% 17.4% 0 15%; text-align: left; } .ixcells .slick-dots li { width: auto; height: auto; border-radius: 0; border: none; font-size: 14px; padding-right: 12px; position: relative; margin: 0; margin-right: 12px; } .ixcells .slick-dots li a { color: #fff; line-height: 24px; position: relative; padding: 6px 0; } .ixcells .slick-dots li a:before { content: ""; width: 0; height: 1px; background: #fff; background: rgba(255, 255, 255, .5); position: absolute; left: auto; right: 0; bottom: 0; transition: 300ms; -webkit-transition: 300ms; } .ixcells .slick-dots li:before { width: 1px; height: 14px; background: #fff; content: ""; position: absolute; right: 0; top: 50%; margin-top: -7px; } .ixcells .slick-dots li.slick-active, .ixcells .slick-dots li:hover { background: none !important; } .ixcells .slick-dots li.slick-active a:before, .ixcells .slick-dots li:hover a:before { width: 100%; left: 0; right: auto; } .ixcells .slick-active .pic img { -webkit-animation: scaleUpDown 5s forwards cubic-bezier(0.250, 0.460, 0.450, 0.940); animation: scaleUpDown 5s forwards cubic-bezier(0.250, 0.460, 0.450, 0.940); } .transX3 { transform: translateX(120px); -webkit-transform: translateX(120px); opacity: 0; } .ixcells .slick-active .transX3 { transform: translate(0); -webkit-transform: translate(0); opacity: 1; } .ixcells .slick-dots li:last-child:before { display: none; } /* .cell-no-4 .cell-img-list, .cell-no-3 .cell-img-list, .cell-no-2 .cell-img-list li, .cell-no-1 .cell-img-list{ display: none; } */ .bannervideo { position: absolute; top: 0; left: 0; right: 0; width: 100%; } /* .banner .pic{ display: none; } */ /* .u-arrow-box { position: relative; width: 22px; z-index:99; cursor: pointer; } .u-arrow { background: url(../images/cus_aw.png) no-repeat; width: 22px; height: 12px; display: block; } .u-arrow3 { margin-top:-3px; animation: arrow 900ms 0ms linear infinite running; -webkit-animation: arrow 900ms 0ms linear infinite running; } .u-arrow2 { margin-top:-3px; animation: arrow 900ms 300ms linear infinite running; -webkit-animation: arrow 900ms 300ms linear infinite running; } .u-arrow1 { animation: arrow 900ms 600ms linear infinite running; -webkit-animation: arrow 900ms 600ms linear infinite running; } @-webkit-keyframes arrow { 0% { opacity: 0; -webkit-transform: translate3d(0px, 0px, 0px); } 33% { opacity: 1; } 66% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(0px, 11px, 0px); } } @keyframes arrow { 0% { opacity: 0; -webkit-transform: translate3d(0px, 0px, 0px); transform: translate3d(0px, 0px, 0px); } 33% { opacity: 1; } 66% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(0px, 11px, 0px); transform: translate3d(0px, 11px, 0px); } } */ .cus-ti .ch { font-size: 26px; font-weight: bold; } .cus-ti .en { color: #b8b8b8; } .cuspanel .u-arrow-box { position: relative; left: 0; bottom: 0; margin: 60px auto 0 auto; } .cuspanel .u-arrow { background: url(../images/cus_aw.png) no-repeat; } .cus-ver-box { padding: 13% 0 20% 0; background-repeat: no-repeat; background-position: right center; } .cus-ver { width: 460px; max-width: 90%; margin: 0 auto; } .cus-ver .txx { width: 100%; height: 70px; border: 1px solid #fff; padding: 23px 15px; margin-bottom: 12px; font-weight: bold; text-align: center; line-height: 24px; background: #fff; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-shadow: 0 0 8px rgba(0, 0, 0, .1); transition: 300ms; } .cus-ver .btn { width: 48%; padding-left: 22%; height: 45px; background-repeat: no-repeat; background-position: 32% center; background-color: #e3001e; border-radius: 3px; text-align: left; color: #fff; cursor: pointer; transition: 300ms; } .cus-ver .btn1 { float: left; background-image: url(../images/cus_ico.png); } .cus-ver .btn2 { float: right; background-color: #009947; background-image: url(../images/cus_ico1.png); } .cus-ver .txx:focus { border-color: #e3001e; } .cuspanel .cus-ver-box { margin-top: 30px; } .cuspanel { padding: 80px 0 200px 0; } .cus-tx .pic { width: 42%; float: left; } .cus-tx .txts { width: 50%; float: right; } .cus-tx .ti { font-size: 30px; font-weight: bold; color: #333; padding-bottom: 10px; margin-bottom: 50px; border-bottom: 1px solid #7f7f7f; } .pnav { position: relative; } .pnav .sign-out { position: absolute; top: 0; right: 45px; font-weight: bold; } .pnav .sign-out:before { display: none; } .banner .pic2 { display: none; } .jztz { display: block; pointer-events: none; } .jztz img { width: 100%; } .ix4{ position: relative; background-color: #ef8783; color: #fff; } .ix4 .ixexptx .nowti{ color: #fff; } .ix4 .ixmore{ color: #fff;} .ix4 .ixmore i{ background: #fff;} .ix4 .ixmore:hover{ color: #fff;} .ix4 .ixmore:hover i{ background: #fff;} .imgw{ width: 100%; display: block;} .icttype{ position: absolute; width: 42.4%; bottom: 50px; right: 0; box-sizing: border-box; padding: 0 120px; } .icttype a { display: inline-block; color: #fff; line-height: 24px; position: relative; padding: 6px 0; padding-right: 12px; margin-right: 12px; } .icttype a:before { content: ""; width: 0; height: 1px; background: #fff; background: rgba(255, 255, 255, .5); position: absolute; left: auto; right: 0; bottom: 0; transition: 300ms; -webkit-transition: 300ms; } .icttype a:after{ width: 1px; height: 14px; background: #fff; content: ""; position: absolute; right: 0; top: 50%; margin-top: -7px; } .icttype a.active:before,.icttype a:hover:before { width: 100%; left: 0; right: auto; } .kftk{ position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, .3); z-index: 9999; } .kfbot{ position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 662px; border-radius: 10px; border-top: 6px solid #E3001E; box-sizing: border-box; padding: 60px 100px; background: #fff; } .kbclose{ position: absolute; right: -45px; top: 0; width: 36px; height: 36px; background: url(../img/jt2.png) no-repeat; background-size: contain; cursor: pointer; } .kbpic{ text-align: center; margin-bottom: 40px; } .kbpic img{ display: inline-block; max-width: 100%; } .kbtxt{ text-align: center; color: #707070; font-size: 16px; } .tt-online-list{ display: flex; justify-content: space-between; margin-top: 28px; } .tt-online-list .item1{ display: flex; border: 1px solid #e6e6e6; padding: 14px; position: relative; margin-left: 40px; align-items: center; } .tt-online-list .item1::before{ content: ""; position: absolute; top: 0; bottom: 0; left: -40px; background: url(../images/ol-ico-2.png) no-repeat center center; width: 40px; } .tt-online-list .ico{ width: 42px; margin-right: 10px; } .tt-online-list .ico img{ width: 100%; display: block; } .tt-online-list .txt{ line-height: 1.4; } .tt-online-list .item1:first-child{ margin-left: 0; } .tt-online-list .item1:first-child::before{ display: none; } .cel-ttul>li{ display: flex; align-items: center; } .cel-ttul .txts{ width: 50%; } .cel-ttul .pic{ width: 45%; margin-left: 5%; }