.yj-container { max-width: 1240px; margin: auto; font-weight: normal; font-size: 16px; line-height: 24px; overflow: hidden; background: #fff; } .bannerBox { width: 100%; height: 0px; /* background: url(../img/aboutBanner.jpg) no-repeat center; */ } .bannerBox img { width: 100%; height: 100%; display: block; } .yjContent { width: 100%; overflow: auto; } .yjContent .leftMenu { width: 25% ; padding: 0 20px; min-height: 500px; border-right: 1px solid #eee; margin-bottom: 4em; box-sizing: border-box; } .leftMenu .menuBox { width: 100%; } .leftMenu .menuBox li { width: 100%; } .leftMenu .menuBox li a { line-height: 50px; padding-left: 10%; display: block; border-bottom: 1px solid #eee; font-size: 16px; color: #555; position: relative; transition: all .5s; } .leftMenu .menuBox li a::before { position: absolute; top: 50%; left: 0; content: ""; height: 4px; margin-top: -2px; width: 4px; background: #ccc; transition: all .5s; } .leftMenu .menuBox li a:hover { font-weight: bold; color: #125b9b; } .leftMenu .menuBox li a:hover::before { transform: scale(3) rotateZ(360deg); background: #221715; left: 5px; } .leftMenu .menuBox li a.active { font-weight: bold; color: #125b9b; } .leftMenu .menuBox li a.active::before { transform: scale(3) rotateZ(360deg); background: #221715; left: 5px; } .leftMenu .menuAdv { width: 100%; margin-top: 1em; } .leftMenu .menuAdv img { display: block; width: 100%; } /* rightCon strat */ .rightCon { width: 73%; min-height: 800px; padding: 0 20px; box-sizing: border-box; } .rightCon .AllTitle .tLt { line-height: 81px; } .rightCon .AllTitle .tRt span, .rightCon .AllTitle .tRt a { display: inline-block; border: 0; padding: 0; color: #777; font-size: 14px; line-height: 66px; } .rightCon .AllTitle .tRt a.pageMap { color: #125b9b; } /* pages strat */ .pages { overflow: hidden; width: 100%; height: auto; text-align: center; margin-top: 2em; } .pages span{ display: inline-block; } .pages span { margin: 0 5px; color: #777; background: #eee; padding: .8em 1em; } .pages span a{ color: #000000; } .pages span a.page-num-current{ color: #125b9b; } .pages span:hover a{ color: #ffffff; } .pages span:hover { background: #125b9b; color: #fff; } .pages span.active { background: #125b9b; color: #fff; } /* pages end */ /* about strat */ .aboutConBox { margin-bottom: 4em; } .aboutConBox p { margin: 0; line-height: 28px; font-size: 14px; text-indent: 2em; color: #777; } /* about end */ /* new strat */ .newConBox { width: 100%; height: auto; margin-bottom: 4em; } .newBox { width: 100%; height: auto; overflow: hidden; } .newBox ul li { padding: 1.5em 0; border-bottom: 1px solid #eee; } .newBox .newList { display: block; color: #221715; transition: all .5s; } .newBox .newList .left_img { width: 150px; height: 100px; display: inline-block; background: #eee; vertical-align: top; text-align: center; color: #777; transition: all .5s; } .newBox .newList .left_img img { width: 100%; } .newList .left_img span { line-height: 70px; font-size: 50px; font-weight: bold; border-bottom: 1px solid #777; transition: all .5s; } .newList .left_img small { line-height: 25px; font-size: 12px; } .newBox .newList .newTime img { width: 100%; min-height: 150px; } .newList h2{ margin: 10px 0 0 0; } .newList h5{ margin: 8px 0; } .newBox .newList .newTime { width: 250px; overflow: hidden; height: 150px; display: inline-block; background: #eee; vertical-align: top; text-align: center; color: #777; transition: all .5s; } .newList .newTime span { line-height: 70px; font-size: 50px; font-weight: bold; border-bottom: 1px solid #777; transition: all .5s; } .newList .newTime small { line-height: 25px; font-size: 12px; } .newBox .newList .right_txt { width: 600px; margin-left: 1em; height: auto; display: inline-block; vertical-align: top; transition: all .5s; } .newList .right_txt .newText { height: 40px; overflow: hidden; color: #777; line-height: 20px; } .newList:hover .right_txt { margin-left: 1.5em; } .newBox .newList .newCon { width: 66%; margin-left: 10px; height: auto; display: inline-block; vertical-align: top; transition: all .5s; } .newList .newCon .newText { height: 40px; overflow: hidden; color: #777; line-height: 20px; } .newList:hover { color: #125b9b; } .newList:hover .newTime { background: #125b9b; color: #fff; } .newList:hover .newTime span { border-bottom: 1px solid #fff; } .newList:hover .newCon { margin-left: 15px; } /* new end */ /* newDetaBox strat */ .newDetaBox { width: 100%; height: auto; margin-bottom: 4em; } .newDetaBox .detaTitle { text-align: center; } .newDetaBox .detaTitle span { font-size: 12px; font-weight: normal; color: #777; margin-right: 2em; } .newDetaBox .newDetaCon { width: 100%; line-height: 28px; text-indent: 2em; color: #777; font-size: 14px; } .newDetaBox .newDetaCon p { margin: 0; } /* newDetaBox end */ /* industryBox strat */ .industryBox { width: 100%; height: auto; margin-bottom: 4em; } .industryBox .introduce { width: 100%; height: auto; border-bottom: 1px solid #eee; overflow: auto; padding-bottom: 2em; } .introduce .introLf { width: 100%; min-height: 170px; overflow: hidden; } .introduce .introLf p { color: #777; line-height: 25px; } .introduce .introRt { width: 35%; } .introduce .introRt img { display: block; width: 100%; } /* industryBox end */ /* recruitBox strat */ .recruitBox { width: 100%; height: auto; margin-bottom: 4em; } .recruitBox table { width: 100%; text-align: center; font-size: 14px; border-collapse: collapse; border-spacing: 0; } .recruitBox table tr { border-bottom: 1px solid #eee; } .recruitBox table tr:nth-child(odd) { background: #eee; } .recruitBox table th { background: #125b9b; line-height: 50px; color: #fff; } .recruitBox table td { line-height: 40px; color: #777; } .recruitBox table td a { color: #125b9b; } /* recruitBox end */ /* video */ .videoBox .block { display: block; width: 45%; margin: 0.5em 1em; float: left; } .videoBox .block .img-block { width: 100%; overflow: hidden; } .videoBox .block .img-block img { width: 100%; max-height: 215px; transition: all 0.4s ease-in-out; } .videoBox .block .title { font-size: 16px; text-align: center; color: #125b9b; line-height: 2em; } .videoBox .block:hover img { transform: scale(1.1); } .videoBox .video-block { width: 90%; margin: 0 auto; } .videoBox .video-block video { width: 100%; } .videoBox .video-block h2 { text-align: center; color: #125b9b; margin: 1em 0; } .video-block iframe { width: 100%; min-height: 500px; } #outer { width: 100%; margin: 10px auto; } #tab_rongyu { overflow: hidden; zoom: 1; text-align: center; margin-bottom: 50px; } #tab_rongyu li { background: #f3f5fa; text-align: center; cursor: pointer; display: inline-block; width: 75px; height: 40px; text-align: center; line-height: 40px; } #tab_rongyu li.current { background: #479be4 !important; color: #fff !important; } #tab_rongyu_content ul { display: none; position: relative; } #tab_rongyu_content .current2 { display: block !important; } #tab_rongyu_content { border-top-width: 0; width: 90%; margin-left: 10%; } #tab_rongyu_content img { width: 90%; margin: auto; display: block; } #tab_rongyu_content ul li { text-align: right; padding: 20px 0; } #tab_rongyu_content ul li h4 { text-align: center; color: #333333; font-weight: 400; margin-top: 10px; } #tab_rongyu_content ul { line-height: 25px; display: none; margin: 0 30px; border-left: 1px solid #eaeaea; padding: 10px 0; } #tab_rongyu_content ul .year-point { width: 18px; height: 18px; margin-left: -9px; display: inline-block; background: url(/skin/images/year-point.png) no-repeat; background-size: 100%; } .rongyu_year { font-weight: 800; color: #479be4; font-size: 23px; /* margin-top: 20px; */ position: absolute; top: 6px; left: -104px; z-index: 9999; } .xinxiang_txt { background: #e0ecf7; border-radius: 0 81px; padding: 50px; margin-bottom: 30px; color: #125b9b; } .xinxiang form input {} .xinxiang .x6 { width: 33.333%; } .xinxiang .x6 input { width: 96%; margin: auto; margin-bottom: 20px; height: 50px; box-sizing: border-box; line-height: 60px; text-indent: 1em; color: #333333; background: #F1F1F1; border: 1px solid #cecece; } .xinxiang textarea { line-height: 50px; text-indent: 1em; margin-bottom: 12px; min-height: 100px; background: #F1F1F1; border: 1px solid #cecece; width: 100%; padding: 0; } .xinxiang .form-code input { width: 148px; text-indent: 1em; box-sizing: border-box; height: 50px; background: #F1F1F1; border: 1px solid #cecece; line-height: 50px; } .xinxiang .form-code .col-6 { display: block; float: left; } .xinxiang .form-code { text-align: left; } .xinxiang .col-6 img { height: 50px !important; cursor: pointer; } .xinxiang button { border: none; margin: 12px 0; box-sizing: border-box; background: #125b9b; color: #FFFFFF; height: 50px; line-height: 50px; width: 100%; cursor: pointer; } .xinxiang_list_body .xinxiang_list_body_li { border-bottom: 1px solid #EEEEEE; margin-bottom: 10px; } .xinxiang_list_body .xinxiang_list_body_li h4 { color: #333333; margin-bottom: 10px; } .xinxiang_list_body .xinxiang_list_body_li h4 span {} .xinxiang_list_body .xinxiang_list_body_li h5 span { color: #0027e9; } .xinxiang_list_body .xinxiang_list_body_li h5 { font-weight: 400; color: #666; margin-top: 10px; } .xinxiang_list { margin-top: 50px; }