/*fontSize begin*/ /*wrap*/ .indexWrap { width: 1280px; margin: 0 auto; } @media only screen and (max-width: 1679px) { .indexWrap { width: 1113.6px; } } @media only screen and (max-width: 1520px) { .indexWrap { width: 1011.2px; } } @media only screen and (max-width: 1279px) { .indexWrap { width: 908.8px; } } @media only screen and (max-width: 1023px) { .indexWrap { width: 832px; } } @media only screen and (max-width: 960px) { .indexWrap { width: calc(100% - 40px); box-sizing: border-box; margin: 0 20px; left: 0; transform: none; -webkit-transform: none; -ms-transform: none; } } /*positionCenter*/ /*abCenter*/ .abCenter { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); } /*padding*/ /*margin*/ .ellipsis { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .r-culture-yj { position: relative; margin: 0 0 40px 0; } @media only screen and (max-width: 1679px) { .r-culture-yj { margin: 0 0 34.8px 0; } } @media only screen and (max-width: 1520px) { .r-culture-yj { margin: 0 0 31.6px 0; } } @media only screen and (max-width: 1279px) { .r-culture-yj { margin: 0 0 26.4px 0; } } @media only screen and (max-width: 1023px) { .r-culture-yj { margin: 0 0 21.2px 0; } } @media only screen and (max-width: 767px) { .r-culture-yj { margin: 0 0 20px 0; } } .r-culture-yj > a { display: block; } .r-culture-yj > a img { width: 100%; height: auto; } .r-culture-yj .r-cul-yj-txt { position: absolute; left: 60px; bottom: 60px; background: rgba(0, 174, 239, 0.81); width: 43.75%; padding: 40px 40px 40px 40px; } @media only screen and (max-width: 1679px) { .r-culture-yj .r-cul-yj-txt { left: 52.2px; } } @media only screen and (max-width: 1520px) { .r-culture-yj .r-cul-yj-txt { left: 47.4px; } } @media only screen and (max-width: 1279px) { .r-culture-yj .r-cul-yj-txt { left: 39.6px; } } @media only screen and (max-width: 1023px) { .r-culture-yj .r-cul-yj-txt { left: 31.8px; } } @media only screen and (max-width: 767px) { .r-culture-yj .r-cul-yj-txt { left: 30px; } } @media only screen and (max-width: 1679px) { .r-culture-yj .r-cul-yj-txt { bottom: 52.2px; } } @media only screen and (max-width: 1520px) { .r-culture-yj .r-cul-yj-txt { bottom: 47.4px; } } @media only screen and (max-width: 1279px) { .r-culture-yj .r-cul-yj-txt { bottom: 39.6px; } } @media only screen and (max-width: 1023px) { .r-culture-yj .r-cul-yj-txt { bottom: 31.8px; } } @media only screen and (max-width: 767px) { .r-culture-yj .r-cul-yj-txt { bottom: 30px; } } @media only screen and (max-width: 1679px) { .r-culture-yj .r-cul-yj-txt { padding: 34.8px 34.8px 34.8px 34.8px; } } @media only screen and (max-width: 1520px) { .r-culture-yj .r-cul-yj-txt { padding: 31.6px 31.6px 31.6px 31.6px; } } @media only screen and (max-width: 1279px) { .r-culture-yj .r-cul-yj-txt { padding: 26.4px 26.4px 26.4px 26.4px; } } @media only screen and (max-width: 1023px) { .r-culture-yj .r-cul-yj-txt { padding: 21.2px 21.2px 21.2px 21.2px; } } @media only screen and (max-width: 767px) { .r-culture-yj .r-cul-yj-txt { padding: 20px 20px 20px 20px; } } .r-culture-yj .r-cul-yj-txt h4 { margin-bottom: 1em; } .r-culture-yj .r-cul-yj-txt h4 a { color: #fff!important; } .r-culture-yj .r-cul-yj-txt p { color: #fff; margin-bottom: 10px; } .r-culture-honor { position: relative; margin: 0 0 60px 0; } @media only screen and (max-width: 1679px) { .r-culture-honor { margin: 0 0 52.2px 0; } } @media only screen and (max-width: 1520px) { .r-culture-honor { margin: 0 0 47.4px 0; } } @media only screen and (max-width: 1279px) { .r-culture-honor { margin: 0 0 39.6px 0; } } @media only screen and (max-width: 1023px) { .r-culture-honor { margin: 0 0 31.8px 0; } } @media only screen and (max-width: 767px) { .r-culture-honor { margin: 0 0 30px 0; } } .r-culture-honor > a { display: block; } .r-culture-honor > a img { width: 100%; height: auto; } .r-culture-honor .r-cul-honor-txt { position: absolute; width: 43.75%; background: rgba(0, 0, 0, 0.27); padding: 40px; left: 60px; bottom: 60px; } @media only screen and (max-width: 1679px) { .r-culture-honor .r-cul-honor-txt { left: 52.2px; } } @media only screen and (max-width: 1520px) { .r-culture-honor .r-cul-honor-txt { left: 47.4px; } } @media only screen and (max-width: 1279px) { .r-culture-honor .r-cul-honor-txt { left: 39.6px; } } @media only screen and (max-width: 1023px) { .r-culture-honor .r-cul-honor-txt { left: 31.8px; } } @media only screen and (max-width: 767px) { .r-culture-honor .r-cul-honor-txt { left: 30px; } } @media only screen and (max-width: 1679px) { .r-culture-honor .r-cul-honor-txt { bottom: 52.2px; } } @media only screen and (max-width: 1520px) { .r-culture-honor .r-cul-honor-txt { bottom: 47.4px; } } @media only screen and (max-width: 1279px) { .r-culture-honor .r-cul-honor-txt { bottom: 39.6px; } } @media only screen and (max-width: 1023px) { .r-culture-honor .r-cul-honor-txt { bottom: 31.8px; } } @media only screen and (max-width: 767px) { .r-culture-honor .r-cul-honor-txt { bottom: 30px; } } @media only screen and (max-width: 1679px) { .r-culture-honor .r-cul-honor-txt { padding: 34.8px 34.8px 34.8px 34.8px; } } @media only screen and (max-width: 1520px) { .r-culture-honor .r-cul-honor-txt { padding: 31.6px 31.6px 31.6px 31.6px; } } @media only screen and (max-width: 1279px) { .r-culture-honor .r-cul-honor-txt { padding: 26.4px 26.4px 26.4px 26.4px; } } @media only screen and (max-width: 1023px) { .r-culture-honor .r-cul-honor-txt { padding: 21.2px 21.2px 21.2px 21.2px; } } @media only screen and (max-width: 767px) { .r-culture-honor .r-cul-honor-txt { padding: 20px 20px 20px 20px; } } .r-culture-honor .r-cul-honor-txt h4 { margin-bottom: 1em; } .r-culture-honor .r-cul-honor-txt h4 a { color: #fff; } .r-culture-honor .r-cul-honor-txt p { color: #fff; margin-bottom: 10px; } .r-culture-yg h4 { text-align: center; margin: 0 0 30px 0; } @media only screen and (max-width: 1023px) { .r-culture-yg h4 { margin: 0 0 20px 0; } } @media only screen and (max-width: 767px) { } .r-culture-yg h4 a { color: #000000; } .r-culture-yg .r-culture-yg-wrap { margin: 0 0 20px 0; } @media only screen and (max-width: 1679px) { .r-culture-yg .r-culture-yg-wrap { margin: 0 0 17.4px 0; } } @media only screen and (max-width: 1520px) { .r-culture-yg .r-culture-yg-wrap { margin: 0 0 15.8px 0; } } @media only screen and (max-width: 1279px) { .r-culture-yg .r-culture-yg-wrap { margin: 0 0 13.2px 0; } } @media only screen and (max-width: 1023px) { .r-culture-yg .r-culture-yg-wrap { margin: 0 0 10.6px 0; } } @media only screen and (max-width: 767px) { .r-culture-yg .r-culture-yg-wrap { margin: 0 0 10px 0; } } .r-culture-yg .r-culture-yg-wrap ul { overflow: hidden; margin: 0 -25px 0 -25px; } @media only screen and (max-width: 1679px) { .r-culture-yg .r-culture-yg-wrap ul { margin: 0 -21.75px 0 -21.75px; } } @media only screen and (max-width: 1520px) { .r-culture-yg .r-culture-yg-wrap ul { margin: 0 -19.75px 0 -19.75px; } } @media only screen and (max-width: 1279px) { .r-culture-yg .r-culture-yg-wrap ul { margin: 0 -16.5px 0 -16.5px; } } @media only screen and (max-width: 1023px) { .r-culture-yg .r-culture-yg-wrap ul { margin: 0 -13.25px 0 -13.25px; } } @media only screen and (max-width: 767px) { .r-culture-yg .r-culture-yg-wrap ul { margin: 0 -12.5px 0 -12.5px; } } .r-culture-yg .r-culture-yg-wrap ul li { float: left; width: 33.3%; margin: 0 0 40px 0; } .r-culture-yg .r-culture-yg-wrap ul li:nth-child(3n+1){ clear:both; } @media only screen and (max-width: 1679px) { .r-culture-yg .r-culture-yg-wrap ul li { margin: 0 0 34.8px 0; } } @media only screen and (max-width: 1520px) { .r-culture-yg .r-culture-yg-wrap ul li { margin: 0 0 31.6px 0; } } @media only screen and (max-width: 1279px) { .r-culture-yg .r-culture-yg-wrap ul li { margin: 0 0 26.4px 0; } } @media only screen and (max-width: 1023px) { .r-culture-yg .r-culture-yg-wrap ul li { margin: 0 0 21.2px 0; } } @media only screen and (max-width: 767px) { .r-culture-yg .r-culture-yg-wrap ul li { margin: 0 0 20px 0; } } .r-culture-yg .r-culture-yg-wrap ul li .r-cul-yg-inner { margin: 0 25px 0 25px; position: relative; } @media only screen and (max-width: 1679px) { .r-culture-yg .r-culture-yg-wrap ul li .r-cul-yg-inner { margin: 0 21.75px 0 21.75px; } } @media only screen and (max-width: 1520px) { .r-culture-yg .r-culture-yg-wrap ul li .r-cul-yg-inner { margin: 0 19.75px 0 19.75px; } } @media only screen and (max-width: 1279px) { .r-culture-yg .r-culture-yg-wrap ul li .r-cul-yg-inner { margin: 0 16.5px 0 16.5px; } } @media only screen and (max-width: 1023px) { .r-culture-yg .r-culture-yg-wrap ul li .r-cul-yg-inner { margin: 0 13.25px 0 13.25px; } } @media only screen and (max-width: 767px) { .r-culture-yg .r-culture-yg-wrap ul li .r-cul-yg-inner { margin: 0 12.5px 0 12.5px; } } .r-culture-yg .r-culture-yg-wrap ul li .r-cul-yg-inner img { width: 100%; height: auto; } .r-culture-yg .r-culture-yg-wrap ul li .r-cul-yg-inner > a { display: block; /*position: absolute; left: 0; top: 0; background: url(../images/png.png) repeat; width: 100%; height: 100%; z-index: 200;*/ } /*.r-culture-yg .r-culture-yg-wrap ul li .r-cul-yg-inner > a:first-child { z-index: 400; }*/ .r-culture-yg .r-culture-yg-wrap ul li .r-cul-yg-inner .r-cul-yg-txt { padding: 20px; background: #fafafa; } .r-culture-yg .r-culture-yg-wrap ul li .r-cul-yg-inner .r-cul-yg-txt span { display: block; color: #242424; border-top: 3px solid #00aeef; line-height: 1.4em; padding: 0 1em 0 1em; height: calc(2.8em + 4px); overflow: hidden; } .r-culture-yg .r-culture-yg-wrap ul li .r-cul-yg-inner .r-cul-yg-txt span:before { content: ""; display: block; height: 4px; } @media (min-width: 1025px) { .r-culture-yg .r-culture-yg-wrap ul li:hover .r-cul-yg-txt { background: #00aeef; } .r-culture-yg .r-culture-yg-wrap ul li:hover .r-cul-yg-txt span { border-top: 3px solid #fff; color: #fff!important; } } .r-culture-yg .sch_box > a { display: block; width: 192px; height: 40px; line-height: 40px; border: 1px solid #d0d0d0; border-radius: 4px; text-align: center; margin: 0 auto; } .r-cul-yj-part1 ul { overflow: hidden; } .r-cul-yj-part1 ul li { width: 50%; float: left; height: 0; position: relative; overflow: hidden; } .r-cul-yj-part1 ul li .r-cul-yj-inner { padding: 0 70px 0 70px; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); width: 100%; } @media only screen and (max-width: 1679px) { .r-cul-yj-part1 ul li .r-cul-yj-inner { padding: 0 60.9px 0 60.9px; } } @media only screen and (max-width: 1520px) { .r-cul-yj-part1 ul li .r-cul-yj-inner { padding: 0 55.3px 0 55.3px; } } @media only screen and (max-width: 1279px) { .r-cul-yj-part1 ul li .r-cul-yj-inner { padding: 0 46.2px 0 46.2px; } } @media only screen and (max-width: 1023px) { .r-cul-yj-part1 ul li .r-cul-yj-inner { padding: 0 37.1px 0 37.1px; } } @media only screen and (max-width: 767px) { .r-cul-yj-part1 ul li .r-cul-yj-inner { padding: 0 35px 0 35px; } } .r-cul-yj-part1 ul li .r-cul-yj-inner h4 { margin-bottom: 0.5em; } .r-cul-yj-part1 ul li .r-cul-yj-inner h5 { font-size: 14px; color: #fff; text-align: center; letter-spacing: 10px; text-transform: uppercase; padding-bottom: 1em; border-bottom: 1px solid #676976; display: inline-block; margin: 0 auto; } .r-cul-yj-part1 ul li .r-cul-yj-inner p { line-height: 1.7em; } .r-cul-yj-part1 ul li:nth-child(1) h4 { color: #404040; } .r-cul-yj-part1 ul li:nth-child(1) p { color: #404040; height: 3.4em; overflow: hidden; } .r-cul-yj-part1 ul li:nth-child(2) { background: #00aeef; } .r-cul-yj-part1 ul li:nth-child(2) h4 { color: #fff; } .r-cul-yj-part1 ul li:nth-child(2) p { color: #fff; height: 3.4em; overflow: hidden; } /*@media only screen and (min-width: 1024px) { .r-cul-yj-part1 ul li:nth-child(2):hover { background: #fff; } .r-cul-yj-part1 ul li:nth-child(2):hover h4 { color: #404040; } .r-cul-yj-part1 ul li:nth-child(2):hover p { color: #404040; } }*/ .r-cul-yj-part1 ul li:nth-child(3) { text-align: center; } .r-cul-yj-part1 ul li:nth-child(3) h4 { color: #404040; } .r-cul-yj-part1 ul li:nth-child(3) p { color: #404040; } .r-cul-yj-part1 ul li:nth-child(4) h4 { color: #404040; } .r-cul-yj-part1 ul li:nth-child(4) p { color: #404040; } /*@media only screen and (min-width: 1024px) { .r-cul-yj-part1 ul li:nth-child(4):hover { background: #00aeef; } .r-cul-yj-part1 ul li:nth-child(4):hover h4 { color: #fff; } .r-cul-yj-part1 ul li:nth-child(4):hover p { color: #fff; } }*/ .r-cul-yj-part1 ul li.r-cul-yj-short { padding-bottom: 19.16%; } .r-cul-yj-part1 ul li.r-cul-yj-long { padding-bottom: 25.9375%; } .r-cul-yj-part1 ul li > img { width: 100%; height: 100%; position: absolute; /*left: 0; top: 0;*/ left: 50%; top: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transition: all 0.5s; } .r-cul-yj-part1 ul li:hover > img{ transform: translate(-50%, -50%) scale(1.1,1.1); -webkit-transform: translate(-50%, -50%) scale(1.1,1.1); -ms-transform: translate(-50%, -50%) scale(1.1,1.1); } .r-cul-yj-part2 { position: relative; } .r-cul-yj-part2 > img { width: 100%; height: auto; } .r-cul-yj-part2 .r-cul-value { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); border-bottom: 1px solid #6a80a1; } .r-cul-yj-part2 .r-cul-value > h4 { padding-bottom: 1.5em; color: #fff; text-align: center; border-bottom: 1px solid #6a80a1; } .r-cul-yj-part2 .r-cul-value li { width: 20%; float: left; padding: 70px 34px 70px 34px; } @media only screen and (max-width: 1679px) { .r-cul-yj-part2 .r-cul-value li { padding: 60.9px 29.58px 60.9px 29.58px; } .r-cul-yj-part2 .r-cul-value > h4{padding-bottom: 20px;} .r-cul-yj-part2 .r-cul-value li{padding: 40px 30px;} } @media only screen and (max-width: 1520px) { .r-cul-yj-part2 .r-cul-value li { padding: 30px 20px; } .r-cul-yj-part2 .r-cul-value li em{padding: 10px 0;} } @media only screen and (max-width: 1279px) { } @media only screen and (max-width: 1023px) { .r-cul-yj-part2 .r-cul-value li { padding: 37.1px 18.02px 37.1px 18.02px; } } @media only screen and (max-width: 767px) { .r-cul-yj-part2 .r-cul-value li { padding: 35px 17px 35px 17px; } } .r-cul-yj-part2 .r-cul-value li em { display: block; text-align: center; color: #fff; padding: 0.5em 0 1.5em 0; } .r-cul-yj-part2 .r-cul-value li p { line-height: 1.7em; color: #00aeef; opacity: 0; } @media (min-width: 1025px) { .r-cul-yj-part2 .r-cul-value li:hover { background: rgba(0, 0, 0, 0.1); } .r-cul-yj-part2 .r-cul-value li:hover em { color: #00AEEF; } .r-cul-yj-part2 .r-cul-value li:hover p { opacity: 1; } } .r-cul-yj-part2 .r-cul-value li:nth-child(1) span { display: block; width: 42%; height: 0; padding-bottom: 42%; background: url(../images/cul_icon1.png) no-repeat; background-size: 100% 100%; margin: 0 auto; } @media (min-width: 1025px) { .r-cul-yj-part2 .r-cul-value li:nth-child(1):hover span { background: url(../images/cul_icon1_act.png) no-repeat; background-size: 100% 100%; } } .r-cul-yj-part2 .r-cul-value li:nth-child(2) span { display: block; width: 42%; height: 0; padding-bottom: 42%; background: url(../images/cul_icon2.png) no-repeat; background-size: 100% 100%; margin: 0 auto; } @media (min-width: 1025px) { .r-cul-yj-part2 .r-cul-value li:nth-child(2):hover span { background: url(../images/cul_icon2_act.png) no-repeat; background-size: 100% 100%; } } .r-cul-yj-part2 .r-cul-value li:nth-child(3) span { display: block; width: 42%; height: 0; padding-bottom: 42%; background: url(../images/cul_icon3.png) no-repeat; background-size: 100% 100%; margin: 0 auto; } @media (min-width: 1025px) { .r-cul-yj-part2 .r-cul-value li:nth-child(3):hover span { background: url(../images/cul_icon3_act.png) no-repeat; background-size: 100% 100%; } } .r-cul-yj-part2 .r-cul-value li:nth-child(4) span { display: block; width: 42%; height: 0; padding-bottom: 42%; background: url(../images/cul_icon4.png) no-repeat; background-size: 100% 100%; margin: 0 auto; } @media (min-width: 1025px) { .r-cul-yj-part2 .r-cul-value li:nth-child(4):hover span { background: url(../images/cul_icon4_act.png) no-repeat; background-size: 100% 100%; } } .r-cul-yj-part2 .r-cul-value li:nth-child(5) span { display: block; width: 42%; height: 0; padding-bottom: 42%; background: url(../images/cul_icon5.png) no-repeat; background-size: 100% 100%; margin: 0 auto; } @media (min-width: 1025px) { .r-cul-yj-part2 .r-cul-value li:nth-child(5):hover span { background: url(../images/cul_icon5_act.png) no-repeat; background-size: 100% 100%; } } .r-join-wrap { min-height: 600px; padding-right: 370px; position: relative; } .r-join-wrap .r-join-l-header { margin: 0 0 40px 0; } @media only screen and (max-width: 1679px) { .r-join-wrap .r-join-l-header { margin: 0 0 34.8px 0; } } @media only screen and (max-width: 1520px) { .r-join-wrap .r-join-l-header { margin: 0 0 31.6px 0; } } @media only screen and (max-width: 1279px) { .r-join-wrap .r-join-l-header { margin: 0 0 26.4px 0; } } @media only screen and (max-width: 1023px) { .r-join-wrap .r-join-l-header { margin: 0 0 21.2px 0; } } @media only screen and (max-width: 767px) { .r-join-wrap .r-join-l-header { margin: 0 0 20px 0; } } .r-join-wrap .r-join-l-header a { display: block; width: 50%; line-height: 3em; float: left; text-align: center; position: relative; } .r-join-wrap .r-join-l-header a i { z-index: 300; position: relative; color: #fff; padding-left: 78px; } .r-join-wrap .r-join-l-header a:nth-child(1) i { background: url(../images/join_img2.png) no-repeat; background-size: auto 100%; } .r-join-wrap .r-join-l-header a:nth-child(2) i { background: url(../images/join_img3.png) no-repeat; background-size: auto 100%; } .r-join-wrap .r-join-l-header a:after { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #1f3e52; } .r-join-wrap .r-join-l-header a.on:after { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url(../images/join_img1.jpg) no-repeat; background-size: 100% 100%; transform: scale(1.1); -webkit-transform: scale(1.1); -ms-transform: scale(1.1); z-index: 200; box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.4); } .r-join-wrap .r-join-tab { margin: 0 0 20px 0; position: relative; z-index: 20; } @media only screen and (max-width: 1679px) { .r-join-wrap .r-join-tab { margin: 0 0 17.4px 0; } } @media only screen and (max-width: 1520px) { .r-join-wrap .r-join-tab { margin: 0 0 15.8px 0; } } @media only screen and (max-width: 1279px) { .r-join-wrap .r-join-tab { margin: 0 0 13.2px 0; } } @media only screen and (max-width: 1023px) { .r-join-wrap .r-join-tab { margin: 0 0 10.6px 0; } } @media only screen and (max-width: 767px) { .r-join-wrap .r-join-tab { margin: 0 0 10px 0; } } .r-join-wrap .r-join-tab ul { margin: 0 -5px; } .r-join-wrap .r-join-tab ul li { width: 20%; float: left; margin: 0 0 20px 0; } @media only screen and (max-width: 1679px) { .r-join-wrap .r-join-tab ul li { margin: 0 0 17.4px 0; } } @media only screen and (max-width: 1520px) { .r-join-wrap .r-join-tab ul li { margin: 0 0 15.8px 0; } } @media only screen and (max-width: 1279px) { .r-join-wrap .r-join-tab ul li { margin: 0 0 13.2px 0; } } @media only screen and (max-width: 1023px) { .r-join-wrap .r-join-tab ul li { margin: 0 0 10.6px 0; } } @media only screen and (max-width: 767px) { .r-join-wrap .r-join-tab ul li { margin: 0 0 10px 0; } } .r-join-wrap .r-join-tab ul li .r-join-tab-inner { position: relative; } .r-join-wrap .r-join-tab ul li .r-join-tab-inner dl { background: #fff; display: none; position: absolute; top: calc(100% - 2px); border: 2px solid #e6e6e6; width: calc(100% - 10px); left: 5px; } .r-join-wrap .r-join-tab ul li .r-join-tab-inner dl dd { line-height: 1.7em; padding: 0 1em; } .r-join-wrap .r-join-tab ul li .r-join-tab-inner dl dd a { color: #000; display: block; } .r-join-wrap .r-join-tab ul li .r-join-tab-inner > a { display: block; margin: 0 5px; line-height: 2em; border: 2px solid #00aeef; text-align: center; color: #00aeef; } .r-join-wrap .r-join-tab ul li span { display: block; margin: 0 5px; line-height: 2em; border: 2px solid #e6e6e6; text-align: left; color: #000; padding-left: 1em; background: url(../images/join_down.jpg) no-repeat 90% center; cursor: pointer; } .r-join-wrap .r-join-tab ul li.on .r-join-tab-inner > a { background: #00aeef; color: #fff; } .r-join-wrap .r-join-tab ul li:hover .r-join-tab-inner > a { background: #00aeef; color: #fff !important; } .r-join-wrap .r-join-main table { width: 100%; margin: 0 0 60px 0; } @media only screen and (max-width: 1679px) { .r-join-wrap .r-join-main table { margin: 0 0 52.2px 0; } } @media only screen and (max-width: 1520px) { .r-join-wrap .r-join-main table { margin: 0 0 47.4px 0; } } @media only screen and (max-width: 1279px) { .r-join-wrap .r-join-main table { margin: 0 0 39.6px 0; } } @media only screen and (max-width: 1023px) { .r-join-wrap .r-join-main table { margin: 0 0 31.8px 0; } } @media only screen and (max-width: 767px) { .r-join-wrap .r-join-main table { margin: 0 0 30px 0; } } .r-join-wrap .r-join-main table th, .r-join-wrap .r-join-main table td { width: 16.6%; line-height: 2.8em; text-align: left; padding: 12px 0 12px 40px; } @media only screen and (max-width: 1679px) { .r-join-wrap .r-join-main table th, .r-join-wrap .r-join-main table td { padding: 10.44px 0 10.44px 34.8px; } } @media only screen and (max-width: 1520px) { .r-join-wrap .r-join-main table th, .r-join-wrap .r-join-main table td { padding: 9.48px 0 9.48px 31.6px; } } @media only screen and (max-width: 1279px) { .r-join-wrap .r-join-main table th, .r-join-wrap .r-join-main table td { padding: 7.92px 0 7.92px 26.4px; } } @media only screen and (max-width: 1023px) { .r-join-wrap .r-join-main table th, .r-join-wrap .r-join-main table td { padding: 6.36px 0 6.36px 21.2px; } } @media only screen and (max-width: 767px) { .r-join-wrap .r-join-main table th, .r-join-wrap .r-join-main table td { padding: 6px 0 6px 20px; } } .r-join-wrap .r-join-main table th { background: #999999; color: #fff; } .r-join-wrap .r-join-main table td { /*line-height: 5em;*/ color: #242424; line-height: inherit; padding-top: 20px; padding-bottom: 20px; } .r-join-wrap .r-join-main table td a { color: #242424; } .r-join-wrap .r-join-main table tr:nth-child(2n) { background: #fafafa; } .r-join-wrap .r-join-r { position: absolute; right: 0; top: 0; width: 330px; border: 1px solid #e6e6e6; padding: 30px; } .r-join-wrap .r-join-r > h4 { color: #00aeef; margin-bottom: 1em; } .r-join-wrap .r-join-r .r-join-r-main li { padding-bottom: 20px; border-bottom: 1px dotted #abb3c6; margin-bottom: 20px; } .r-join-wrap .r-join-r .r-join-r-main li:last-child { padding-bottom: 0; margin-bottom: 0; border-bottom: 0; } .r-join-wrap .r-join-r .r-join-r-main li h4 { padding-left: 32px; background: url(../images/join_img5.jpg) no-repeat left center; } .r-join-wrap .r-join-r .r-join-r-main li h4 a { color: #000; } .r-join-wrap .r-join-r .r-join-r-main li.hot h4 { background: url(../images/join_img4.jpg) no-repeat left center; } .r-join-wrap .r-join-r .r-join-r-main li .r-join-bottom { padding-top: 1em; color: #7f7f7f; } .r-join-wrap .r-join-r .r-join-r-main li .r-join-bottom span { padding-left: 20px; background: url(../images/join_img6.jpg) no-repeat left center; margin-right: 34px; } .r-join-wrap .r-join-r .r-join-r-main li .r-join-bottom em { padding-left: 20px; background: url(../images/join_img7.jpg) no-repeat left center; } .r-join-detail h4 { margin-bottom: 1em; } .r-join-detail h1 { padding-bottom: 1em; margin-bottom: 1em; border-bottom: 1px solid #00aeef; color: #00aeef; } .r-join-detail .r-join-detail-list { overflow: hidden; margin-bottom: 60px; } .r-join-detail .r-join-detail-list li { width: 33.3%; float: left; padding-left: 40px; } .r-join-detail .r-join-detail-list li .r-join-detail-inner { border-left: 2px solid #00aeef; padding-left: 20px; } .r-join-detail .r-join-detail-list li .r-join-detail-inner dd { line-height: 1.7em; color: #7f7f7f; } .r-join-detail .r-join-detail-list li .r-join-detail-inner dd span { color: #242424; } .r-join-detail .r-join-detail-box { overflow: hidden; border: 1px solid #dedede; margin-bottom: 40px; } .r-join-detail .r-join-detail-box .r-join-detail-part { width: 50%; float: left; padding: 40px; color: #7f7f7f; } .r-join-detail .r-join-detail-box .r-join-detail-part h4 { color: #000000; margin-bottom: 1.2em; } .r-join-detail .r-join-detail-box .r-join-detail-part p { line-height: 1.7em; } .r-join-detail .r-join-detail-box .r-join-detail-part.r-join-detail-blue { background: #00aeef; color: #fff; } .r-join-detail .r-join-detail-box .r-join-detail-part.r-join-detail-blue h4 { color: #fff; } .r-join-detail .r-join-bottom .r-mailto { padding: 0 2em; line-height: 2.2em; background: #0476a0; border-radius: 4px; color: #fff; text-align: center; display: inline-block; float: left; } .r-join-detail .r-join-bottom .r-close { float: right; } @media (max-width: 1280px) { .r-cul-yj-part2 { height: 500px; } .r-cul-yj-part2 > img { position: relative; height: 100%; width: auto; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); max-width: none; } } @media (max-width: 1100px) { .r-cul-yj-part2 { height: auto; } .r-cul-yj-part2 > img { position: absolute; top: 0; width: auto; height: 100%; } .r-cul-yj-part2 .r-cul-value { position: relative; top: 0; left: 0; transform: none; -webkit-transform: none; -ms-transform: none; padding: 20px 0; } .r-cul-yj-part2 .r-cul-value ul { overflow: hidden; } .r-cul-yj-part2 .r-cul-value li { width: 100%; height: auto; padding: 20px 0; padding-left: 90px; position: relative; margin-bottom: 20px; } .r-cul-yj-part2 .r-cul-value li p { opacity: 1; color: #fff; } .r-cul-yj-part2 .r-cul-value li span { width: 40px!important; height: 40px!important; padding: 0!important; position: absolute; left: 18px; } .r-cul-yj-part2 .r-cul-value li em { top: 60px; position: absolute; left: 0; width: 80px; text-align: center; } .r-join-wrap .r-join-l-header a i { padding-left: 55px; } .r-join-wrap { width: 100%; padding-right: 0; } .r-join-l { margin-bottom: 20px; } .r-join-wrap .r-join-r { position: relative; right: auto; width: 100%; } .r-join-wrap .r-join-l-header a i { padding-left: 45px; font-size: 15px; } .r-join-wrap .r-join-tab ul li { width: 50%; margin-bottom: 10px; } /*.r-join-wrap .r-join-tab ul li:last-child { width: 100%; }*/ } @media (max-width: 1023px) { .r-culture-yj .r-cul-yj-txt, .r-culture-honor .r-cul-honor-txt { position: relative; bottom: auto; left: 0; top: 0; width: 100%; padding: 20px; } .r-culture-honor .r-cul-honor-txt p, .r-culture-honor .r-cul-honor-txt h4 a { color: #fff !important; } .r-culture-honor .r-cul-honor-txt p:last-child { margin-bottom: 0; } .r-culture-yg .r-culture-yg-wrap ul li { width: 50%; } .r-cul-yj-part1 { padding-bottom: 20px; } .r-cul-yj-part1 ul li { width: 100%; margin-bottom: 20px; height: auto; padding: 0px!important; } .r-cul-yj-part1 ul li:last-child { margin-bottom: 0; } .r-cul-yj-part1 ul li .r-cul-yj-inner { position: relative!important; transform: none; -ms-transform: none; -webkit-transform: none; left: 0; top: 0; padding: 20px!important; } .r-join-detail .r-join-detail-list li { width: 100%; margin-bottom: 10px; padding-left: 0; } .r-join-detail .r-join-detail-list { margin-bottom: 20px; } .r-join-detail .r-join-detail-box .r-join-detail-part { width: 100%; padding: 20px; } .r-join-detail .r-join-bottom .r-close { display: none; } .r-join-detail .r-join-detail-box { margin-bottom: 20px; } } @media only screen and (max-width: 767px) { .ph_table, .ph_table thead, .ph_table tbody, .ph_table th, .ph_table td, .ph_table tr { display: block; } .ph_table thead tr { position: absolute; top: -9999px; left: -9999px; } .ph_table tr { border: 1px solid #eee; border-bottom: 0; margin-bottom: 20px; } .ph_table td { border: none; border-bottom: 1px solid #eee; position: relative; padding: 5px 0; padding-left: 6em; white-space: normal; text-align: left; } .ph_table td:before { position: absolute; top: 0; left: 0; padding: 0px 0; width: 6em; text-indent: 10px; white-space: nowrap; text-align: left; } .ph_table td:before { content: attr(data-title); } .r-join-wrap .r-join-main table th, .r-join-wrap .r-join-main table td { width: 100%; text-align: left; padding-top: 0!important; padding-bottom: 0!important; } .r-join-wrap .r-join-r { padding: 10px; } } .lcl_fullscreen, .lcl_socials, .lcl_txt_toggle { display: none !important; } #lcl_txt #lcl_title { text-align: center; } #lcl_window { background: #fff; } .lcl_icon.lcl_play, .lcl_no_carousel[lc-lelem="0"] .lcl_prev, .lcl_no_carousel.lcl_last_elem .lcl_next { display: none !important; } #lcl_overlay { background: #000 !important; opacity: 0.8 !important; } .style_tabs{text-align: center; margin-bottom: 20px;} .style_tabs a{display: inline-block; line-height: 2em;border: 2px solid #00aeef;text-align: center; margin: 0 5px; color: #00aeef; padding: 0 20px;} .style_tabs a:hover{background: #00aeef;color: #fff !important;} .style_tabs a.on{background: #00aeef;color: #fff;}