.jingshen { position: relative; height: 821px; overflow: hidden; display: flex; } .focus { position: relative; width: 687px; height: 595px; margin: 114px 24px 0 0; overflow: hidden; } .name { position: absolute; top: 125px; left: 0; font-weight: 400; color: red; padding-left: 30px; } .focus img { width: 687px; height: 458px; } .focus ul { position: absolute; top: 84px; left: 0; width: 600%; } .focus ul li { position: relative; float: left; } .picshow { position: absolute; bottom: -32px; left: 17px; color: black; font-size: 21px; text-align: center; font-weight: 700; } .box-img{ position: absolute; top: 0; left: 0; opacity: 0; transition: all 1.5s; } .box-img:nth-child(1){ opacity: 1; } .arrow-l, .arrow-r { display: none; position: absolute; top: 50%; margin-top:-20px ; width: 35px; height: 70px; background-color: rgba(190, 173, 173, 0.3); text-align: center; line-height: 70px; font-size: 30px; color:#fff; cursor: pointer; z-index: 2; } .arrow-l { border-radius: 0 5px 5px 0; } .arrow-l:hover, .arrow-r:hover{ background-color: rgba(190, 173, 173, 0.3); color: #fff; } .arrow-r { right: 0; border-radius: 5px 0 0 5px ; } .circle { position: absolute; bottom: 85px; left:50%; transform: translatex(-50%); } .circle li{ float: left; width: 12px; height: 12px; background-color: rgba(76,73,74,.6); border: 2px solid rgba(255,255,255,.5); margin:0 12px; border-radius:50%; cursor: pointer; } .circle .current { background-color: #fff; box-shadow: 3px 3px 3px #888888; } .dongtai { width: 729px; padding-top: 113px; } .dongtai .hd { display: flex; justify-content: space-between; margin-bottom: 32px; } .dongtai .hd .words { display: flex; } .dongtai .hd h4 { font-size: 39px; line-height: 39px; font-weight: 400; color: #b40615; cursor: pointer; } .dongtai .hd .words h4:nth-child(3) { color: black; } .dongtai .hd span { position: relative; top: -8px; font-size: 52px; line-height: 52px; color: #b40615; padding: 0 6px; } .more a{ color: black; font-size: 26px; line-height: 26px; margin-right: 12px; } #dongtai_btn { display: none; } .dongtai .bd { border: 1px solid #cccc; border-top: 7px solid #a02926; height: 523px; background-color: white; box-shadow: 5px 8px 8px 0px rgb(160 41 38); overflow: hidden; } .dongtai .bd #bd2 { display: none; } .dongtai .bd ul li { display: flex; justify-content: space-between; width: 720px; border-bottom: 1px solid #a02926; padding: 32px 0 41px 9px; } .dongtai .bd ul li:last-child { border: 0; } .dongtai .bd ul li a{ display: inline-block; font-size: 18px; line-height: 24px; color: #000000; padding-left: 20px; } .dongtai .bd ul li span { font-size: 18px; line-height: 22px; color: #000000; margin-right: 14px; } .qiangguo { position: relative; margin-top: 43px; margin-bottom: 104px; } .qiangguo .w { display: flex; } .xuexi { width: 706px; margin-right: 37px; } .qiangguo .xuexi .hd, .qiangguo .youwo .hd { position: relative; } .qiangguo .xuexi .hd h3, .qiangguo .youwo .hd h3{ font-weight: 400; font-size: 43px; line-height: 43px; color: #151515; padding-left: 19px; margin-bottom: 14px; } .qiangguo .more { position: absolute; top: 30px; right: 0; } .qiangguo .more a { font-size: 21px; line-height: 21px; color: #000000; } .hd-addtion { display: flex; justify-content: space-between; width: 706px; height: 57px; padding-left: 14px; font-weight: 400; } .words2 { display: flex; padding-bottom: 16px; font-size: 43px; line-height: 43px; } .words2>span { position: relative; top: -10px; left: 0; font-size: 56px; line-height: 56px; padding: 0 6px; } #study, #experience { cursor: pointer; } #study { color: #b40615; } #ul_experience { display: none; } #excess_study a, #excess_experience a { position: relative; top: 30px; left: 0; font-size: 21px; line-height: 21px; color: #000000; padding-right: 12px; } #excess_experience { display: none; } .qiangguo .xuexi { position: relative; } .qiangguo .xuexi .bd, .qiangguo .youwo .bd { height: 634px; border: 2px dotted #707070; overflow: hidden; } .qiangguo .xuexi .bd ul li { display: flex; justify-content: space-between; position: relative; margin:0 47px 0 19px; padding: 28px 0 28px; border-bottom: 2px dotted #707070; } #no_border { border:0; } .qiangguo .xuexi .bd ul li:last-child { border: 0; } .qiangguo .xuexi .bd ul li a { padding-left: 42px; font-size:18px; line-height: 29px; color: #000000; display: block; width: 579px; } .qiangguo .xuexi .bd ul li span:first-child { position: absolute; top: 37px; left: 0; width: 17px; height: 17px; background-color: #ac1408; border: 1px solid #ac1408; border-radius: 50%; } .qiangguo .xuexi .bd ul li span:last-child { color: #464646 ; font-size: 16px; line-height: 29px; display: block; width: 102px; } .qiangguo .youwo { width: 706px; } .qiangguo .youwo .bd ul li { display: flex; margin: 51px 19px 0 19px; } .qiangguo .youwo .bd ul li>a { display: block; margin-right: 11px; } .qiangguo .youwo .bd ul li .pic { width: 226px; height: 147px; } .qiangguo .youwo .bd ul li .content { border-bottom: 1px solid #707070; } .qiangguo .youwo .bd ul li .content a { color: #000000; } .qiangguo .youwo .bd ul li .content h3 a { font-size: 20px; line-height: 28px; color: #000000; display: block; min-height: 49px; } .qiangguo .youwo .bd ul li .content p { width: 360px; font-size: 18px; line-height: 20.5px; color: #000000; margin-bottom: 18px; } .qiangguo .youwo .bd ul li .content i { display: inline-block; margin-top: -2px; } .qiangguo .youwo .bd ul li .content i::before { content: ''; display: inline-block; width: 33px; height: 30px; margin-right: 9px; background: url(/uploads/image/eimages/canlendar.png) no-repeat center; } .qiangguo .line { position: absolute; top: 55px; } .jiceng { position: relative; text-align: center; } .jiceng .hd { position: relative; margin-bottom: 74px; } .jiceng .hd h3, .guangying .hd h3 { position: relative; z-index: 1; font-size: 43px; line-height: 43px; height: 91px; padding-top: 24px; color: #ffffff; font-weight: 400; text-align: center; } .jiceng .hd .juxinng, .guangying .hd .juxinng { position: absolute; top: 0; left: 0; } .jiceng .hd span, .guangying .hd span { position: absolute; z-index: 1111; top: 30px; right: 29px; } .jiceng .hd span a, .guangying .hd span a { color: #ffffff; font-size:25px; cursor: pointer; } .jiceng .bd { margin-bottom: 104px; } .jiceng .bd ul { display: flex; flex-wrap: wrap; } .jiceng .bd ul li { position: relative; flex: 40%; width: 693px; height: 106px; border: 1px solid #cccc; border-top: 4px solid #ac1408; box-shadow: 0px 3px 6px 1px rgba(0, 0, 0, 0.1600); } .jiceng .bd ul li:nth-child(odd) { margin-right: 61px; } .jiceng .bd ul li:nth-child(-n 4) { margin-bottom: 41px; } .jiceng .bd ul li a { text-align: left; display:block; margin: 39px 0 44px 21px; font-size: 18px; line-height: 23px; color: #000000; } .jiceng .bd ul li span { position: absolute; top: 40px; right: 10px; font-size: 21px; line-height: 21px; color: #646464; } .guangying { position: relative; } .guangying .hd { margin-bottom: 92px; } .guangying .bd { display: flex; margin-bottom: 104px; } .guangying .bd>a { display: block; margin-right: 21px; } .guangying .bd img{ width:345px ; height: 230px; } .guangying .bd>a:nth-child(4) { margin-right: 0 ; }