/* 织梦97(dede97.com)做最好的织梦整站模板下载网站 */ @charset 'utf-8'; .company3 li .jian, .company4 li .imgk .bo, .company4 li .imgk .pzi, .company4 li .imgk .img, .company2 .licon li img, .newlist li::after, .videolist li .imgk .bo, .videolist li .imgk .pzi, .videolist li .imgk .img, .morehl, .abroad2 .slick_ab .lin .linm, .abroad2 .slick_ab .lin .img, .abroad4 .ul1 li img, .join .ul1 li .lin { -webkit-transition: all .3s ease-out 0s; -moz-transition: all .3s ease-out 0s; -ms-transition: all .3s ease-out 0s; -o-transition: all .3s ease-out 0s; transition: all .3s ease-out 0s; } h1, h2, h3, h4, h5, h6 { font-family: '微软雅黑'; } @font-face { font-family: 'He'; font-weight: normal; font-style: normal; src: url('/skin/fonts/helvetica.eot'); src: url('/skin/fonts/helvetica.woff') format('woff'), url('/skin/fonts/helvetica.ttf') format('truetype'), url('/skin/fonts/helvetica.svg') format('svg'); } .moreh { font-family: 'Arial'; font-size: 14px; line-height: 40px; width: 102px; height: 40px; margin-top: 8px; text-align: center; color: #f8c80f; border: 1px solid #f8c80f; } .moreh img { width: 11px; margin-top: -3px; margin-right: 8px; } .moreh:hover { color: #fff; background: #f8c80f; } .moreh:hover .img_s { display: none; } .moreh:hover .img_d { display: inline-block; } .company3 { font-family: '微软雅黑'; padding-top: 40px; padding-bottom: 62px; } .company3 h1 { font-size: 30px; position: relative; padding-bottom: 20px; color: #333; } .company3 h1::after { position: absolute; bottom: 0; left: 0; width: 45px; height: 2px; content: ''; background: #f8c80f; } .company3 ul { margin-top: 40px; } .company3 li { position: relative; float: left; overflow: hidden; width: 33.3333%; padding-right: 60px; padding-left: 30px; } .company3 li .date1 { font-family: 'Arial'; font-size: 14px; position: absolute; top: 39px; left: -27px; width: 66px; -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90deg); text-align: right; color: #888; } .company3 li .date1::before { position: absolute; top: 5px; right: 70px; width: 237px; height: 1px; content: ''; background: #bbb; } .company3 li .date2 { font-family: 'Century Gothic'; font-size: 80px; font-weight: bold; color: #333; } .company3 li h4 { line-height: 30px; overflow: hidden; height: 60px; margin-top: 3px; margin-bottom: 27px; color: #333; } .company3 li p { font-size: 14px; line-height: 24px; overflow: hidden; height: 72px; color: #666; } .company3 li .jian { line-height: 30px; display: block; width: 32px; height: 32px; margin-top: 41px; text-align: center; border: 1px solid #d2d2d2; } .company3 li .jian img { width: 7px; } .company3 li:hover h4 { color: #f8c80f; } .company3 li:hover .jian { -webkit-transform: translateX(10px); -moz-transform: translateX(10px); -ms-transform: translateX(10px); -o-transform: translateX(10px); transform: translateX(10px); border-color: #f8c80f; background-color: #f8c80f; } .company3 li:hover .jian .img_s { display: none; } .company3 li:hover .jian .img_d { display: inline-block; } .company4 { font-family: '微软雅黑'; padding-top: 47px; padding-bottom: 41px; background: #f2f2f2; } .company4 h1 { font-size: 30px; position: relative; padding-bottom: 20px; color: #333; } .company4 h1::after { position: absolute; bottom: 0; left: 0; width: 45px; height: 2px; content: ''; background: #f8c80f; } .company4 ul { margin: 0 -10px; margin-top: 40px; } .company4 li { float: left; width: 33.333%; margin-bottom: 25px; padding: 0 10px; } .company4 li .imgk { position: relative; overflow: hidden; } .company4 li .imgk .img { width: 100%; } .company4 li .imgk .bo { position: absolute; top: 50%; left: 50%; margin-top: -28px; margin-left: -25px; cursor: pointer; -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%); transform: translateY(-100%); opacity: 0; } .company4 li .imgk .pzi { font-size: 16px; line-height: 53px; position: absolute; bottom: 0; left: 0; width: 100%; height: 53px; text-align: center; color: #fff; background: url(/skin/images/01_03.png) top center; } .company4 li .imgk:hover .bo, .company4 li .imgk:hover .pzi { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); opacity: 1; } .company4 li .imgk:hover .img { -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2); } .tanvideo { position: fixed; z-index: 1070; top: 0; left: 0; display: none; width: 100%; height: 100%; background: rgba(0,0,0,.7); } .tanvideo .video_windown { position: absolute; top: 50%; left: 50%; width: 1200px; height: 685px; margin: -342px 0 0 -600px; } .tanvideo .video_windown .video_content { height: 100%; } .tanvideo .video_windown .video_content h3 { text-align: center; color: #fff; } .tanvideo .video_windown video { width: 100%; } .tanvideo .video_windown .video_content iframe { width: 100%; height: 100%; } .video_windown .shup { position: absolute; top: -35px; right: -35px; width: 22px; height: 22px; } /*B2*/ .newlist { padding-top: 54px; padding-bottom: 44px; width: 1200px; margin: 0 auto; } .newlist .ul1 li { position: relative; width: 1200px; } .newlist .ul1 li::after { position: absolute; bottom: 0; left: 0; width: 100%; height: 0; content: ''; background: #222; } .newlist .ul1 li a { position: relative; z-index: 1; display: block; padding: 40px 32px; border-bottom: 1px solid #333; } .newlist .ul1 li .imgk { overflow: hidden; width: 229px; height: 138px; } .newlist .ul1 li .imgk img { width: 100%; } .newlist .ul1 li .lin { float: left; width: 900px; } .newlist .ul1 li .lin02 { float: left; width: 100%; } .newlist .ul1 li .lin .lidate { font-family: 'Arial'; font-weight: bold; float: left; width: 72px; text-align: center; color: #666; border-top: 2px solid #707070; } .newlist .ul1 li .lin .lidate .p1 { font-size: 30px; margin-top: 15px; } .newlist .ul1 li .lin .lidate .p2 { font-size: 12px; margin-top: 15px; } .newlist .ul1 li .lin02 .lidate { font-family: 'Arial'; font-weight: bold; float: left; width: 72px; text-align: center; color: #666; border-top: 2px solid #707070; } .newlist .ul1 li .lin02 .lidate .p1 { font-size: 30px; margin-top: 15px; } .newlist .ul1 li .lin02 .lidate .p2 { font-size: 12px; margin-top: 15px; } .newlist .ul1 li .lin .linn { float: left; width: 760px; padding-left: 32px; } .newlist .ul1 li .lin .linn h4 { font-size: 18px; color: #f5f5f5; font-weight: normal; } .newlist .ul1 li .lin .linn h5 { font-size: 18px; color: #f5f5f5; font-weight: normal; background: url(/skin/images/wen.png) no-repeat; padding-left: 38px; } .newlist .ul1 li .lin .linn p { font-size: 14px; line-height: 24px; overflow: hidden; height: 48px; margin-top: 18px; color: #999; } .newlist .ul1 li .lin .linn .morehn { font-size: 14px; line-height: 32px; width: 97px; height: 32px; margin-top: 24px; text-align: center; color: #f8c80f; border: 1px solid #f8c80f; } .newlist .ul1 li .lin02 .linn02 { float: left; width: 1000px; padding-left: 32px; } .newlist .ul1 li .lin02 .linn02 h5 { font-size: 18px; color: #f5f5f5; font-weight: normal; background: url(/skin/images/wen.png) no-repeat 0 2px; padding-left: 38px; line-height: 30px; } .newlist .ul1 li .lin02 .linn02 p { font-size: 14px; line-height: 24px; overflow: hidden; margin-top: 18px; color: #999; background: url(/skin/images/da.png) no-repeat; padding-left: 38px; } .newlist .ul1 li .lin02 .linn02 .morehn { font-size: 14px; line-height: 32px; width: 97px; height: 32px; margin-top: 24px; text-align: center; color: #f8c80f; border: 1px solid #f8c80f; } @media screen and (min-width: 767px) { .newlist .ul1 li:hover::after { height: 100%; } .newlist .ul1 li:hover .lidate { color: #f8c80f; border-top-color: #f8c80f; } .newlist .ul1 li:hover .lin .linn h4 { color: #f8c80f; } } .newlist .ul1 { padding-bottom: 40px; } /*分页*/ .page li { line-height: 30px; display: inline-block; width: 32px; height: 32px; margin-right: 7px; margin-left: 7px; -webkit-transition: all .2s ease-out 0s; -moz-transition: all .2s ease-out 0s; -ms-transition: all .2s ease-out 0s; -o-transition: all .2s ease-out 0s; transition: all .2s ease-out 0s; text-align: center; color: #333; } .page li.activepage { color: #f8c80f; outline: 1px solid #f8c80f; } .page li:hover { color: #f8c80f; outline: 1px solid #f8c80f; } .page li:hover .b { display: inline; } .page li:hover .w, .page li .b { display: none; } .page .shiftpage { line-height: 30px; display: inline-block; width: 50px; height: 30px; text-align: center; outline: 1px solid #f8c80f; } /*B3*/ .newsn .newsnt { padding-top: 45px; padding-bottom: 26px; text-align: center; border-bottom: 1px solid #eaeaea; } .newsn .newsnt h3 { line-height: 1.5; color: #333; } .newsn .newsnt h5 { margin-top: 2px; color: #888; } .newsn .newsnt h5 img { width: 12px; margin-top: -2px; margin-right: 7px; } .newsn .newsnt h5 span { display: inline-block; margin-top: 15px; } .newsn .newsnt h5 .span2 { margin-left: 57px; } .newsn .newsnn { padding-top: 22px; } @media screen and (max-width: 767px) { .main1 p img { /*width: 100%;*/ } } .newsn .newsnn p { font-size: 14px; line-height: 30px; padding-bottom: 20px; letter-spacing: .75px; color: #333; } .newsn .newsnn p img { max-width: 100%; margin-top: 18px; margin-bottom: 18px; } .newsn .bshare-custom { padding-top: 29px; text-align: center; } .newsn .bshare-custom a { width: 27px !important; height: 27px !important; margin: 0 5px; } .newsn .pagenei { margin-top: 26px; margin-bottom: 63px; text-align: center; } .newsn .pagenei .fm { display: inline-block; } .newsn .pagenei a:hover { background: #f8c80f; } .newsn .pagenei a:hover .img_s { display: none; } .newsn .pagenei a:hover .img_d { display: inline-block; } /*B4*/ .videolist { padding-top: 54px; padding-bottom: 55px; } .videolist .ul1 { margin: 0 -10px; padding-bottom: 23px; } .videolist .ul1 li { float: left; width: 33.333%; margin-bottom: 24px; padding: 0 10px; } .videolist .ul1 li:nth-child(2) { margin-bottom: 20px; } .videolist .ul1 .li1 { width: 66.6666%; } .videolist .ul1 .imgk { position: relative; overflow: hidden; } .videolist .ul1 li .imgk .img { width: 100%; } .videolist .ul1 li .imgk .bo { position: absolute; top: 50%; left: 50%; margin-top: -28px; margin-left: -25px; cursor: pointer; -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%); transform: translateY(-100%); opacity: 0; } .videolist .ul1 li .imgk .pzi { font-size: 16px; line-height: 1.2; position: absolute; bottom: 0; left: 0; width: 100%; height: 53px; padding-top: 16px; text-align: center; color: #fff; background: url(/skin/images/01_03.png) top center;/*-webkit-transform: translateY(100%); -moz-transform: translateY(100%); -ms-transform: translateY(100%); -o-transform: translateY(100%); transform: translateY(100%);*/ } .videolist .ul1 li .imgk:hover .bo, .videolist .ul1 li .imgk:hover .pzi { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); opacity: 1; } .videolist .ul1 li .imgk:hover .img { -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2); } /*C1*/ .join { padding-top: 45px; padding-bottom: 46px; } .join .h1t { font-size: 30px; position: relative; margin-bottom: 13px; padding-bottom: 22px; text-align: center; color: #333; } .join .h1t::after { position: absolute; bottom: 0; left: 50%; width: 45px; height: 2px; margin-left: -22px; content: ''; background: #f8c80f; } .join .p1 { font-size: 16px; line-height: 1.4; text-align: center; color: #666; } .join .ul1 { margin: 0 -10px; padding-top: 38px; padding-bottom: 8px; } .join .ul1 li { float: left; width: 25%; margin-bottom: 32px; padding: 0 10px; } .join .ul1 li .lin { height: 396px; padding-top: 44px; text-align: center; background: #eff2f7; } .join .ul1 li .lin .imgk img { width: 114px; height: 114px; border-radius: 50%; } .join .ul1 li .lin h4 { position: relative; margin-top: 26px; margin-bottom: 18px; padding-bottom: 20px; color: #333; } .join .ul1 li .lin h4::after { position: absolute; bottom: 0; left: 50%; width: 48px; height: 1px; margin-left: -24px; content: ''; background: #d2d2d2; } .join .ul1 li .lin h5 { font-family: 'Arial'; margin-top: 11px; color: #999; } .join .ul1 li .lin .morehl { font-size: 14px; line-height: 36px; display: inline-block; width: 104px; height: 36px; margin-top: 26px; cursor: pointer; color: #f8c80f; border: 1px solid #f8c80f; } @media screen and (min-width: 767px) { .join .ul1 li .lin:hover { box-shadow: 0 0 8px 0 #b8c8e3; } .join .ul1 li .lin .morehl:hover { color: #fff; background: #f8c80f; } } /*job弹窗*/ .tank2 { position: fixed; z-index: 1510; top: 0; left: 0; display: none; overflow: auto; width: 100%; height: 100%; } .tank2 .tany { position: fixed; top: 0; left: 0; width: 100%; height: 100%; opacity: .45; background-color: #000; } .tank2 .tanz { font-family: '微软雅黑'; position: relative; top: 50%; width: 875px; margin: 0 auto; padding: 0 35px; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); border: 1px solid #f5f5f5; background-color: #fff; } .tank2 .tanz .tanhead { font-size: 24px; line-height: 77px; position: relative; height: 78px; color: #333; border-bottom: 1px solid #ddd; } .tank2 .tanz .tanhead .youxiang { font-size: 14px; margin-top: 31px; color: #666; } .tank2 .tanz .tanhead .youxiang a { color: #f8c80f; } .tank2 .tanz .tanclose { position: absolute; top: -48px; right: -78px; cursor: pointer; } .tank2 .tanz .tanclose img { width: 27px; } @media screen and (max-height: 780px) { .tank2 .tanz { top: 0; margin: 100px auto; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } } @media screen and (max-width: 991px) { .tank2 .tanz { width: 720px; } .tank2 .tanz .tanclose { right: -37px; } } @media screen and (max-width: 767px) { .tank2 .tanz { width: 100%; padding-right: 25px; padding-left: 25px; } .tank2 .tanz .tanclose { right: -14px; } .tank2 .tanz .tanclose img { width: 20px; } .tank2 .tanz .tanhead { font-size: 18px; line-height: 50px; } .tank2 .tanz .tanhead .youxiang { float: none; margin-top: -2px; } } .tank2 .tanz .tanbody { overflow: auto; height: 480px; padding-top: 20px; padding-bottom: 27px; } .tank2 .lldiv li { font-size: 16px; line-height: 29px; color: #333; } .tank2 .lldiv span { color: #666; } .tank2 .maindiv { padding-top: 4px; padding-bottom: 21px; } .tank2 .maindiv h5 { font-size: 16px; margin-top: 20px; margin-bottom: 6px; color: #333; } .tank2 .maindiv p { font-size: 14px; line-height: 29px; color: #666; } .tank2 .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width: 6px; background-color: #666 !important; } .tank2 .mCSB_scrollTools .mCSB_draggerRail { width: 4px; } /*D1*/ .abroad1 { padding-top: 45px; padding-bottom: 55px; } .abroad .h1t { font-size: 30px; position: relative; margin-bottom: 14px; padding-bottom: 20px; text-align: center; color: #333; } .abroad .h1t::after { position: absolute; bottom: 0; left: 50%; width: 45px; height: 2px; margin-left: -22px; content: ''; background: #f8c80f; } .abroad .p1 { font-size: 16px; line-height: 31px; text-align: center; color: #666; } .abroad1 .h1t { font-size: 32px; margin-bottom: 17px; padding-bottom: 22px; } .abroad1 .h1t::after { height: 3px; } .abroad1 .pcon { margin-top: 47px; } .abroad1 .pcon .fl { width: 50%; margin-right: 40px; } .abroad1 .pcon .fl img { max-width: 100%; } .abroad1 .pcon h3 { font-size: 24px; padding-top: 24px; padding-bottom: 20px; color: #333; } .abroad1 .pcon p { font-size: 14px; line-height: 30px; margin-bottom: 23px; color: #666; } .abroad2 { padding-top: 38px; padding-bottom: 42px; background: #f1f3f9; } .abroad2 .abcon { overflow: hidden; margin-top: 28px; padding-bottom: 75px; } .abroad2 .slick_ab .item { float: left; width: 25%; } .abroad2 .slick_ab .lin { position: relative; overflow: hidden; } .abroad2 .slick_ab .lin .img { width: 100%; } .abroad2 .slick_ab .lin .linm { font-size: 16px; line-height: 1.2; position: absolute; bottom: 0; left: 0; min-height: 54px; padding: 17px 45px 17px 25px; color: #fff; background: rgba(0,0,0,.7); } .abroad2 .slick_ab .lin .linm img { position: absolute; top: 50%; right: 19px; margin-top: -9px; } .abroad2 .slick_ab .lin:hover .img { -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2); } .abroad2 .slick_ab .slick-prev, .abroad2 .slick_ab .slick-next { top: auto; bottom: -75px; width: 42px; height: 42px; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); border: 1px solid #dcdcdc; background-repeat: no-repeat; background-position: center; } .abroad2 .slick_ab .slick-prev { left: 50%; margin-left: -50px; background-image: url(/skin/images/06_more3.png); } .abroad2 .slick_ab .slick-next { right: 50%; margin-right: -50px; background-image: url(/skin/images/06_more2.png); } .abroad3 { padding-top: 51px; padding-bottom: 62px; } .abroad3 .pcon { margin-top: 29px; } .abroad3 .pcon .fr { width: 50%; margin-left: 60px; } .abroad3 .pcon .fr img { max-width: 100%; } .abroad3 .pcon h3 { font-size: 24px; margin-top: 5px; padding-bottom: 27px; color: #f8c80f; } .abroad3 .pcon p { font-size: 14px; line-height: 30px; margin-bottom: 26px; letter-spacing: .8px; color: #666; } .abroad3 .pcon p img { max-width: 100%; } .abroad3 .pcon2 { margin-top: 56px; } .abroad3 .pcon2 img { max-width: 100%; } .abroad4 { padding-top: 46px; padding-bottom: 60px; background-color: #f1f3f9; } .abroad4 .ul1 { margin-top: 39px; border: 1px solid #ededee; border-bottom: 0; border-left: 0; background: #fff; } .abroad4 .ul1 li { position: relative; float: left; width: 25%; padding-top: 29px; padding-bottom: 27px; text-align: center; border-bottom: 1px solid #ededee; border-left: 1px solid #ededee; } .abroad4 .ul1 li p { font-size: 18px; margin-top: 21px; color: #333; } .abroad4 .ul1 li .zhifu { position: absolute; top: 0; left: 50%; width: auto; height: 170px; margin-left: -85px; transform: scale(0); } .abroad4 .ul1 li:hover img { -webkit-transform: rotateY(360deg); -moz-transform: rotateY(360deg); -ms-transform: rotateY(360deg); -o-transform: rotateY(360deg); transform: rotateY(360deg); } .abroad4 .ul1 li:hover .zhifu { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } /*D1*/ .abroade1 { padding-top: 39px; } .abroade1 .h1t { font-size: 30px; position: relative; padding-bottom: 23px; text-align: center; color: #333; } .abroade1 .h1t::after { position: absolute; bottom: 0; left: 50%; width: 45px; height: 2px; margin-left: -22px; content: ''; background: #f8c80f; } .abroade1 .pcon { margin-top: 47px; } .abroade1 .pcon .fl { width: 50%; margin-right: 40px; } .abroade1 .pcon .fl img { max-width: 100%; } .abroade1 .pcon p { font-size: 14px; line-height: 30px; margin-top: -5px; margin-bottom: 13px; color: #333; } .abroade1 .pcon p:last-child { margin-bottom: 0; } .abroade2 { margin-top: 49px; padding-top: 35px; padding-bottom: 34px; border-top: 1px solid #e8e8e8; } .abroade2 h3 { text-align: center; color: #333; } .abroade2 .ul1 { margin-top: 43px; } .abroade2 li { position: relative; /*float: left;*/ display: inline-block; width: 49%; min-height: 37px; margin-bottom: 28px; padding-right: 3px; padding-left: 60px; vertical-align: top; } .abroade2 li span { font-family: 'Arial'; font-size: 16px; line-height: 36px; position: absolute; top: 0; left: 0; width: 37px; height: 37px; text-align: center; color: #f8c80f; background-color: #dfe4f2; } .abroade2 li:nth-child(2n) { padding-left: 100px; } .abroade2 li:nth-child(2n+1) { padding-right: 40px; } .abroade2 li:nth-child(2n) span { left: 40px; } .abroade2 li h4 { line-height: 1.6; margin-bottom: 6px; color: #333; } .abroade2 li p { font-size: 14px; line-height: 30px; letter-spacing: .8px; color: #666; } /*10*/ .dadson { padding-bottom: 58px; } .dadson1 { padding-top: 37px; } .dadson .h1t { font-size: 30px; position: relative; margin-bottom: 14px; padding-bottom: 24px; text-align: center; color: #333; } .dadson .h1t::after { position: absolute; bottom: 0; left: 50%; width: 45px; height: 2px; margin-left: -22px; content: ''; background: #f8c80f; } .dadson .p1 { font-size: 16px; line-height: 31px; text-align: center; color: #666; } .dadson1 .h1t { font-size: 32px; margin-bottom: 17px; padding-bottom: 22px; } .dadson1 .pcon { margin-top: 45px; padding-right: 50px; background: #f2f4f8; } .dadson1 .pcon .fl { width: 50%; } .dadson1 .pcon .fl img { max-width: 100%; } .dadson1 .pcon .fl { margin-right: 50px; } .dadson1 .pcon h3 { margin-bottom: 24px; padding-top: 32px; padding-left: 50px; color: #f8c80f; } .dadson1 .pcon p { font-size: 14px; line-height: 30px; padding-bottom: 25px; padding-left: 50px; text-align: justify; letter-spacing: 1px; color: #555; } .dadson2 { padding-top: 40px; } .dadson2 ul { margin: 39px -6px 0; } .dadson2 ul li { float: left; width: 33.333%; padding: 0 6px; } .dadson2 ul li a { display: block; } .dadson2 ul li .imgk { overflow: hidden; height: 250px; } .dadson2 ul li .imgk img { width: 100%; } .dadson2 ul li .licon { padding-top: 24px; padding-right: 25px; padding-left: 25px; text-align: center; } .dadson2 ul li .licon h4 { position: relative; padding-bottom: 15px; color: #333; } .dadson2 ul li .licon h4::after { position: absolute; bottom: 0; left: 50%; width: 30px; height: 1px; margin-left: -15px; content: ''; background: #d5d5d5; } .dadson2 ul li .licon p { font-size: 14px; line-height: 28px; overflow: hidden; /*height: 84px;*/ margin-top: 8px; letter-spacing: .7px; color: #666; } .dadson3 { padding-top: 35px; } .dadson3 .pcon { margin-top: 48px; text-align: center; } .dadson3 .pcon img { max-width: 100%; } .dadson4 { padding-top: 53px; } .dadson4 .ul1 { margin-top: 43px; } .dadson4 .ul1 li { float: left; width: 33.333%; text-align: center; } .dadson4 .ul1 li p { font-size: 18px; margin-top: 29px; color: #333; } .dadson4 .ul2 { margin: 60px -8px 0; } .dadson4 .ul2 li { float: left; width: 25%; padding: 0 8px; text-align: center; } .dadson4 .ul2 li a { display: block; } .dadson4 .ul2 li .imgk { overflow: hidden; height: 188px; } .dadson4 .ul2 li .imgk img { width: 100%; } .dadson4 .ul2 li p { font-size: 18px; margin-top: 22px; color: #333; } .dadsonus { padding-bottom: 58px; } .dadsonus1 { padding-top: 37px; } .dadsonus .h1t { font-size: 30px; position: relative; margin-bottom: 15px; padding-bottom: 21px; text-align: center; color: #333; } .dadsonus .h1t::after { position: absolute; bottom: 0; left: 50%; width: 45px; height: 2px; margin-left: -22px; content: ''; background: #f8c80f; } .dadsonus .p1 { font-size: 16px; line-height: 26px; text-align: center; letter-spacing: .2px; color: #666; } .dadsonus1 .h1t { font-size: 32px; margin-bottom: 17px; padding-bottom: 22px; } .dadsonus1 .pcon { margin-top: 45px; background: #f2f4f8; } .dadsonus1 .pcon .fl, .dadsonus1 .pcon .fr { width: 50%; } .dadsonus1 .pcon .fl img, .dadsonus1 .pcon .fr img { max-width: 100%; } .dadsonus1 .pcon .fl { margin-right: 50px; } .dadsonus1 .pcon .fr { margin-left: 50px; } .dadsonus1 .pcon h3 { margin-bottom: 24px; padding-top: 82px; padding-right: 50px; padding-left: 50px; color: #f8c80f; } .dadsonus1 .pcon p { font-size: 16px; line-height: 30px; padding-right: 50px; padding-bottom: 25px; padding-left: 50px; text-align: justify; letter-spacing: 1px; color: #555; } .dadsonus1 .pcon .clearfix:nth-child(2) h3 { margin-bottom: 22px; padding-top: 67px; } .dadsonus1 .pcon .clearfix:nth-child(2) p { line-height: 33px; } .dadsonus2 { padding-top: 33px; } .dadsonus2 ul { margin: 33px -4px 0; } .dadsonus2 ul li { float: left; width: 25%; padding: 0 4px; } .dadsonus2 ul li .imgk { overflow: hidden; height: 180px; } .dadsonus2 ul li .imgk img { width: 100%; } .dadsonus2 ul li .licon { padding: 24px 25px 15px; background: #f2f4f8; } .dadsonus2 ul li .licon h4 { font-weight: bold; margin-bottom: 11px; color: #333; } .dadsonus2 ul li .licon p { font-size: 14px; line-height: 26px; overflow: hidden; height: 52px; color: #666; } .dadsonus2 ul li .licon h5 { line-height: 20px; overflow: hidden; height: 40px; margin-top: 19px; color: #f8c80f; } .dadsonus3 { padding-top: 35px; } .dadsonus3 ul { margin-top: 35px; } .dadsonus3 ul li { float: left; width: 25%; text-align: center; } .dadsonus3 ul li .imgk { overflow: hidden; } .dadsonus3 ul li .imgk img { width: 100%; } .dadsonus3 ul li p { font-size: 18px; line-height: 24px; overflow: hidden; height: 48px; margin-top: 16px; padding-right: 15px; padding-left: 15px; color: #333; } .dadsonus4 { padding-top: 35px; } .dadsonus4 ul { max-width: 1080px; margin: 42px auto 0; } .dadsonus4 ul li { float: left; width: 33.333%; text-align: center; } .dadsonus4 ul li h4 { position: relative; margin-top: 25px; margin-bottom: 12px; padding-bottom: 21px; color: #333; } .dadsonus4 ul li h4::after { position: absolute; bottom: 0; left: 50%; width: 30px; height: 1px; margin-left: -15px; content: ''; background: #d5d5d5; } .dadsonus4 ul li p { font-size: 14px; line-height: 26px; color: #666; } .world { padding-bottom: 35px; } .world1 { padding-top: 37px; } .world .h1t { font-size: 30px; position: relative; margin-bottom: 20px; padding-bottom: 23px; text-align: center; color: #333; } .world .h1t::after { position: absolute; bottom: 0; left: 50%; width: 45px; height: 2px; margin-left: -22px; content: ''; background: #f8c80f; } .world .p1 { font-size: 16px; line-height: 26px; text-align: center; letter-spacing: .2px; color: #666; } .world1 .h1t { font-size: 32px; margin-bottom: 17px; padding-bottom: 22px; } .world1 .pcon { margin-top: 33px; background: #f2f4f8; } .world1 .pcon .fl { width: 50%; } .world1 .pcon .fl img { max-width: 100%; } .world1 .pcon .fl { margin-right: 50px; } .world1 .pcon h3 { font-size: 28px; margin-bottom: 24px; padding-top: 69px; padding-right: 50px; padding-left: 50px; color: #f8c80f; } .world1 .pcon p { font-size: 16px; line-height: 34px; padding-right: 50px; padding-bottom: 25px; padding-left: 50px; text-align: justify; letter-spacing: 1px; color: #555; } .world2 { padding-top: 44px; } .world2 ul { margin: 41px -18px 0; } .world2 ul li { float: left; width: 25%; margin-bottom: 25px; padding: 0 18px; text-align: center; } .world2 ul li h4 { position: relative; margin-top: 25px; margin-bottom: 12px; padding-bottom: 21px; color: #333; } .world2 ul li h4::after { position: absolute; bottom: 0; left: 50%; width: 30px; height: 1px; margin-left: -15px; content: ''; background: #d5d5d5; } .world2 ul li p { font-size: 14px; line-height: 26px; overflow: hidden; /*height: 78px;*/ color: #666; } .world3 { padding-top: 36px; } .world3 ul { margin-top: 40px; } .world3 ul li { float: left; width: 33.333%; } .world3 ul li .imgk { position: relative; overflow: hidden; height: 257px; } .world3 ul li .imgk .img { width: 100%; } .world3 ul li .imgk::after { position: absolute; top: 0; left: 0; width: 100%; height: 100%; content: ''; opacity: .45; background: #000; } .world3 ul li .imgk .icn { position: absolute; z-index: 1; top: 50%; left: 0; width: 100%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); text-align: center; } .world3 ul li .imgk .icn div { line-height: 58px; height: 58px; } .world3 ul li .imgk .icn p { font-size: 22px; margin-top: 28px; color: #fff; } .world4 { padding-top: 42px; } .world4 ul { margin: 38px -6px 0; } .world4 ul li { float: left; width: 33.333%; margin-bottom: 15px; padding: 0 6px; text-align: center; } .world4 ul li .imgk { overflow: hidden; } .world4 ul li .imgk img { width: 100%; } .world4 ul li p { font-size: 18px; margin-top: 23px; color: #333; } /*13*/ .medical { padding-bottom: 29px; } .medical1 { padding-top: 42px; } .medical .h1t { font-size: 30px; position: relative; margin-bottom: 14px; padding-bottom: 21px; text-align: center; color: #333; } .medical1 .h1t { font-size: 32px; margin-bottom: 12px; padding-bottom: 22px; } .medical .h1t::after { position: absolute; bottom: 0; left: 50%; width: 45px; height: 2px; margin-left: -22px; content: ''; background: #f8c80f; } .medical .p1 { font-size: 16px; line-height: 31px; text-align: center; color: #666; } .medical1 .pcon { margin-top: 33px; background: #f2f4f8; background: url(/skin/images/013_1b.jpg) top right no-repeat; background-color: #f8c80f; } .medical1 .pcon .fl { width: 50%; } .medical1 .pcon .fl img { max-width: 100%; } .medical1 .pcon .fl { margin-right: 75px; } .medical1 .pcon h3 { font-size: 28px; margin-bottom: 23px; padding-top: 83px; padding-right: 85px; padding-left: 50px; color: #fff; } .medical1 .pcon p { font-size: 16px; line-height: 34px; padding-right: 85px; padding-bottom: 25px; padding-left: 50px; text-align: justify; letter-spacing: .5px; color: #fff; } .medical2 { padding-top: 38px; } .medical2 img { max-width: 100%; } .medical2 .pcon { min-height: 373px; margin-top: 33px; padding-top: 56px; padding-right: 568px; padding-left: 72px; background: url(/skin/images/013_2b.jpg) no-repeat bottom right; background-color: #f3f5f8; } .medical2 .pcon h4 { margin-bottom: 21px; color: #f8c80f; } .medical2 .pcon p { line-height: 30px; margin-top: 8px; text-align: justify; letter-spacing: .5px; color: #555; } .medical3 { padding-top: 37px; } .medical3 .clearfix { margin-top: 32px; } .medical3 .fl { width: 345px; } .medical3 .flz { width: calc(100% - 690px); width: -webkit-calc(100% - 690px); margin-top: 9px; padding-right: 42px; padding-left: 42px; } .medical3 .flz img { width: 100%; } .medical3 .fl p { line-height: 30px; margin-bottom: 18px; letter-spacing: .5px; color: #555; } .medical4 { padding-top: 37px; } .medical4 .p1 { font-size: 14px; line-height: 32px; } .medical4 ul { margin-top: 39px; } .medical4 li { float: left; width: 25%; margin-bottom: 12px; text-align: center; } .medical4 li h4 { margin-top: 27px; color: #333; } .medical5 { padding-top: 37px; } .medical5 .p1 { font-size: 14px; line-height: 32px; } .medical5 ul { margin: 37px -15px 0; } .medical5 li { float: left; width: 33.333%; padding: 0 15px 30px; } .medical5 li .imgkz { position: relative; } .medical5 li .imgk { overflow: hidden; } .medical5 li .imgk img { width: 100%; } .medical5 li .imgkz .ti { position: absolute; bottom: 0; left: 0; width: 100%; height: 50px; color: #fff; background: rgba(0,0,0,.5); } .medical5 li .imgkz .ti p { font-size: 18px; line-height: 49px; text-align: center; } .medical6 { padding-top: 13px; } .medical6 .h1t { font-size: 28px; } .medical6 .pcon { margin-top: 30px; text-align: center; } .medical6 .pcon img { max-width: 100%; } .medical7 { padding-top: 61px; } .medical7 .h1t { font-size: 28px; } .medical7 ul { margin-top: 42px; margin-right: -9px; margin-left: -9px; } .medical7 li { float: left; width: 25%; margin-bottom: 25px; padding: 0 9px; } .medical7 li .imgk { overflow: hidden; } .medical7 li .imgk img { width: 100%; } .medical7 li .lic { overflow: hidden; height: 140px; padding-top: 16px; } .medical7 li .lic p { line-height: 30px; color: #333; } .medical7 li .lic p .span1 { font-weight: bold; } .medical7 li .lic p .span2 { color: #666; } .planning { padding-bottom: 73px; } .planning1 { padding-top: 37px; } .planning .h1t { font-size: 28px; position: relative; margin-bottom: 14px; padding-bottom: 24px; text-align: center; color: #333; } .planning .h1t::after { position: absolute; bottom: 0; left: 50%; width: 45px; height: 2px; margin-left: -22px; content: ''; background: #f8c80f; } .planning .p1 { font-size: 16px; line-height: 31px; text-align: center; color: #666; } .planning1 .h1t { font-size: 32px; margin-bottom: 17px; padding-bottom: 22px; } .planning1 .pcon { margin-top: 35px; padding-right: 50px; background: #f2f4f8; } .planning1 .pcon .fl { width: 50%; } .planning1 .pcon .fl img { max-width: 100%; } .planning1 .pcon .fl { margin-right: 50px; } .planning1 .pcon h3 { margin-bottom: 24px; padding-top: 81px; padding-left: 50px; color: #f8c80f; } .planning1 .pcon p { font-size: 16px; line-height: 32px; padding-bottom: 25px; padding-left: 50px; text-align: justify; letter-spacing: 1px; color: #555; } .planning2 { padding-top: 41px; } .planning2 ul { margin: 32px -15px 0; } .planning2 ul li { float: left; width: 33.333%; padding: 0 15px 33px; } .planning2 ul li .imgk { overflow: hidden; } .planning2 ul li .imgk img { width: 100%; } .planning2 ul li .lic { position: relative; padding-top: 19px; } .planning2 ul li .lic h4 { font-family: 'Arial'; color: #333; } .planning2 ul li .lic .di { position: absolute; top: 22px; right: 0; color: #f8c80f; } .planning2 ul li .lic h5 { margin-top: 12px; color: #666; } .planning3 { padding-top: 12px; } .planning3 ul { margin-top: 58px; } .planning3 li { float: left; width: 20%; margin-bottom: 25px; text-align: center; } .planning3 li h4 { margin-top: 30px; } .planning4 { padding-top: 33px; } .planning4 ul { margin: 50px -18px 0; } .planning4 ul li { float: left; width: 25%; margin-bottom: 25px; padding: 0 18px; text-align: center; } .planning4 ul li h4 { position: relative; margin-top: 25px; margin-bottom: 12px; padding-bottom: 21px; color: #333; } .planning4 ul li h4::after { position: absolute; bottom: 0; left: 50%; width: 30px; height: 1px; margin-left: -15px; content: ''; background: #d5d5d5; } .planning4 ul li p { font-size: 14px; line-height: 26px; overflow: hidden; height: 158px; color: #666; } .planning5 { padding-top: 20px; } .planning5 ul { margin-top: 32px; } .planning5 li { float: left; overflow: hidden; width: 20%; height: 261px; padding-top: 62px; padding-right: 20px; padding-left: 20px; text-align: center; } .planning5 li a { display: block; } .planning5 li h4 { font-family: 'Arial'; font-size: 16px; font-weight: bold; margin-bottom: 12px; text-transform: uppercase; color: #fff; } .planning5 li p { line-height: 28px; color: #fff; } .planning5 li:nth-child(1) { background: #4e78e6; } .planning5 li:nth-child(2) { background: #5882ef; } .planning5 li:nth-child(3) { background: #6b92f8; } .planning5 li:nth-child(4) { background: #7da0fc; } .planning5 li:nth-child(5) { background: #8aaaff; } .planning5 li:nth-child(6) { background: #3fa4f2; } .planning5 li:nth-child(7) { background: #43aafa; } .planning5 li:nth-child(8) { background: #53b4ff; } .planning5 li:nth-child(9) { background: #6abeff; } .planning5 li:nth-child(10) { background: #7ec7ff; } .planning6 { padding-top: 37px; } .planning6 .p1 { font-size: 14px; line-height: 32px; } .planning6 ul { margin-top: 25px; border-top: 2px dotted #d4d2da; } .planning6 li { float: left; width: 50%; padding-top: 40px; padding-right: 75px; padding-left: 75px; text-align: center; border-right: 1px dotted #d9d9d9; } .planning6 li:last-child { border-right: 0; } .planning6 li h3 { margin-bottom: 32px; color: #f8c80f; } .planning6 li img { width: 236px; margin-bottom: 26px; } .planning6 li p { line-height: 26px; letter-spacing: .5px; color: #555; } .planning7 { padding-top: 54px; } .planning7 .p1 { font-size: 14px; } .planning7 ul { margin-top: 35px; border-top: 1px solid #ededee; border-left: 1px solid #ededee; } .planning7 li { float: left; width: 25%; height: 169px; padding-top: 29px; text-align: center; border-right: 1px solid #ededee; border-bottom: 1px solid #ededee; } .planning7 li h4 { margin-top: 15px; } .planning8 { padding-top: 37px; } .planning8 .pcon1 { position: relative; margin-top: 35px; text-align: center; } .planning8 .pcon1 h4 { font-weight: bold; margin-bottom: 10px; } .planning8 .pcon1 p { line-height: 30px; letter-spacing: .5px; color: #666; } .planning8 .pcon1 .p01 { position: absolute; top: 53px; right: 805px; text-align: right; } .planning8 .pcon1 .p01 p { max-width: 265px; } .planning8 .pcon1 .p02 { position: absolute; top: 231px; left: 792px; text-align: left; } .planning8 .pcon1 .p02 p { max-width: 325px; } .planning8 .pcon1 .p03 { position: absolute; top: 278px; right: 831px; text-align: right; } .planning8 .pcon1 .p03 p { max-width: 364px; } .planning8 .pcon2 { margin-top: 52px; text-align: center; } .planning8 .pcon2 h3 { margin-bottom: 36px; } .planning8 .pcon2 img { max-width: 100%; } .planning8 .pcon2 p { line-height: 30px; color: #666; } /*未来孵化器*/ .fi .h1t { font-size: 30px; position: relative; padding-bottom: 23px; text-align: center; color: #333; } .fi .h1t::after { position: absolute; bottom: 0; left: 50%; width: 45px; height: 2px; margin-left: -22px; content: ''; background: #f8c80f; } .fi .lcon1 img, .fi .lcon2 img { max-width: 100%; } .fi .lcon1 { padding-top: 35px; } .fi .lcon1 .clearfix { margin-top: 59px; } .fi .lcon1 .r { height: 340px; padding-top: 48px; padding-right: 50px; padding-bottom: 48px; padding-left: 50px; background: #f2f4f8; } .fi .lcon1 .r p { font-size: 16px; line-height: 2; letter-spacing: .5px; color: #555; } .fi .lcon2 { padding-top: 44px; } .fi .lcon2 .clearfix { margin-top: 58px; } .fi .lcon2 p { font-size: 16px; line-height: 1.875; letter-spacing: .75px; } .fi .lcon2 h4 { margin-top: 40px; margin-bottom: 35px; color: #f8c80f; } .fi .lcon2 ul li { float: left; width: 50%; margin-top: 14px; color: #555; } .fi .lcon2 ul li span { margin-right: 16px; vertical-align: middle; } .fi .lcon2 .r { text-align: right; } .fi .lcon3 { padding-top: 45px; padding-bottom: 67px; } .fi .lcon3 ul { position: relative; min-height: 437px; margin-top: 74px; background: url(/skin/images/b2.png) no-repeat top center; } .fi .lcon3 ul li { position: absolute; } .fi .lcon3 ul li p { line-height: 1.71; margin-top: 10px; color: #7c7c7c; } .fi .lcon3 ul li img { position: absolute; width: 62px; } .fi .lcon3 ul li .item { width: 363px; } .fi .lcon3 ul li:first-child { top: -14px; left: 0; text-align: right; } .fi .lcon3 ul li:nth-child(2) { top: -14px; right: 0; } .fi .lcon3 ul li:nth-child(3) { top: 220px; left: 0; text-align: right; } .fi .lcon3 ul li:nth-child(4) { top: 220px; right: 0; } .fi .lcon3 ul li:first-child img, .fi .lcon3 ul li:nth-child(3) img { top: -17px; right: -66px; } .fi .lcon3 ul li:nth-child(2) img, .fi .lcon3 ul li:nth-child(4) img { top: -20px; left: -70px; } /*媒体查询*/ @media screen and (max-width: 1400px) { .tanvideo .video_windown { width: 768px; height: 438px; margin: -219px 0 0 -384px; } } @media screen and (max-width: 1230px) { /*10*/ .dadson2 ul li .imgk { height: 237px; } .dadsonus2 ul li .imgk { height: 171px; } .world3 ul li .imgk { height: 244px; } .dadson4 .ul2 li .imgk { height: 178px; } /*13*/ .planning8 .pcon1 .p01 { right: 782px; } .planning8 .pcon1 .p02 { left: 762px; } .planning8 .pcon1 .p03 { right: 788px; } } @media screen and (max-width: 1199px) { .company3 li { padding-right: 40px; } .fi .lcon1 .r { height: 266px; padding: 25px; padding-right: 10px; } .fi .lcon2 .r { padding-left: 15px; } .fi .lcon2 h4 { margin-top: 19px; margin-bottom: 15px; } .fi .lcon3 ul { background: transparent; } .fi .lcon3 ul li, .fi .lcon3 ul li img { position: relative; top: auto !important; right: auto !important; left: auto !important; text-align: left !important; } .fi .lcon3 ul li { max-width: 405px; margin: auto; margin-top: 40px; } .fi .lcon3 ul li img, .fi .lcon3 ul li .item { display: inline-block; vertical-align: top; } .fi .lcon3 ul li .item { width: calc(100% - 85px); width: calc(100% - 85px); padding-left: 15px; } /*11*/ .dadson2 ul li .imgk { height: 194px; } .dadsonus2 ul li .imgk { height: 140px; } .world3 ul li .imgk { height: 201px; } .dadson4 .ul2 li .imgk { height: 145px; } .dadsonus1 .pcon h3 { padding-top: 39px; } .dadsonus1 .pcon .clearfix:nth-child(2) h3 { padding-top: 16px; } /*13*/ .medical1 .pcon h3 { padding-top: 34px; } .medical2 .pcon { padding-right: 527px; padding-left: 30px; } .planning1 .pcon h3 { margin-bottom: 15px; padding-top: 23px; } .planning8 .pcon1 .p01 { right: 673px; } .planning8 .pcon1 .p02 { left: 659px; } .planning8 .pcon1 .p03 { right: 696px; } } @media screen and (max-width: 991px) { .medical2 .pcon { background: transparent; } .fi .lcon1 .r, .fi .lcon1 .l, .fi .lcon2 .r, .fi .lcon2 .l { float: none; width: 100%; height: auto; } .fi .lcon1, .fi .lcon2, .fi .lcon3 { padding-top: 40px; } .fi .lcon3 { padding-bottom: 40px; } .fi .lcon1 .clearfix, .fi .lcon2 .clearfix, .fi .lcon3 ul { margin-top: 40px; } .fi .lcon1 .l, .fi .lcon2 .r { text-align: center; } .fi .lcon2 .r { margin-top: 40px; } .fi .lcon1 .r { max-width: 600px; margin: auto; } .abroad2 .abcon { padding-bottom: 0; } .abroad2 .slick_ab .item { width: 50%; } .company2 .licon li { padding: 23px 25px; } .company2 .licon li img { right: 14px; bottom: 25px; } .company3 li { padding-right: 30px; } .videolist .ul1 li .imgk .pzi { font-size: 14px; } .join .ul1 li { width: 50%; } .abroad .p1 br { display: none; } .abroade2 li:nth-child(2n+1) { padding-right: 0; } .videolist .ul1 li .imgk .bo, .company4 li .imgk .bo { width: 40px; margin-left: -20px; } /*11*/ .dadson2 ul li .imgk { height: 147px; } .dadsonus2 ul li .imgk { height: 218px; } .world3 ul li .imgk { height: 154px; } .dadson4 .ul2 li .imgk { height: 109px; } .dadsonus2 ul li { width: 50%; } /*13*/ .medical1 .pcon .fl { margin-right: 30px; } .medical1 .pcon h3 { margin-bottom: 11px; padding-top: 34px; padding-right: 30px; padding-left: 50px; } .medical1 .pcon p { font-size: 14px; padding-right: 30px; } .medical2 .pcon { padding-right: 127px; } .medical3 .fl { width: 100%; } .p1 br { display: none; } .planning1 .pcon .fl { margin-right: 30px; } .planning1 .pcon { padding-right: 0; } .planning1 .pcon p { font-size: 14px; padding-right: 30px; } .planning3 li img { width: 100px; } .planning3 li h4 { font-size: 14px; } .planning5 li { padding-top: 30px; } .planning6 li { padding-right: 30px; padding-left: 30px; } .planning6 li img { width: 180px; } .planning7 li h4 { font-size: 14px; } .planning8 .pcon1 img { width: 336px; } .planning8 .pcon1 .p01 { top: 36px; right: 512px; } .planning8 .pcon1 .p02 { top: 167px; left: 492px; } .planning8 .pcon1 .p03 { top: 201px; right: 523px; } .planning8 .pcon2 { margin-top: 82px; } } @media screen and (max-width: 767px) { .bannei { height: 380px; } .bannei .imgzi { height: 134px; } .ernavn .btn_group { width: 100%; } .ernavn .btn_group1 { width: 50%; } .ernavn .btn_group1 button { width: 100%; min-width: 100%; padding-left: 15px; } .ernavn .btn_group2 button { border-top: 1px solid #e3e3e3; } .ernavn .btn_group1 button img { margin-right: 15px; } .tanvideo .video_windown { left: 0; width: 100%; height: auto; margin: 0; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } .video_windown .shup { right: 0; } .tanvideo .video_windown .video_content iframe { height: 225px; } .company1 .h1t, .company2 .h1t, .company3 h1, .join .h1t, .fi .h1t, .abroad .h1t { font-size: 24px; } .company1 .p1, .company2 .p1, .join .p1 { font-size: 14px; line-height: 1.5; } .abroad .p1 { font-size: 14px; line-height: 1.8; } .company1 .pcon .fl { width: 100%; margin-right: 0; margin-bottom: 35px; } .company1 .canvas .fl { width: 50%; margin-bottom: 25px; text-align: center; } .company2 .licon li { width: 100%; border-bottom: 1px solid rgba(250,250,250,.15); } .company2 .licon ul { border-bottom: 0; } .company2 { background-size: auto 100%; } .company3 li { width: 100%; margin-bottom: 25px; } .company3 li .date2 { font-size: 50px; } .company3 li .date1 { top: 33px; } .company4 li { width: 100%; } .company4 li .imgk .bo, .company4 li .imgk .pzi { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); opacity: 1; } .newlist { padding-top: 8px; } .newlist .ul1 li .imgk { width: 100%; height: auto; } .newlist .ul1 li a { padding: 30px 0; } .newlist .ul1 li .lin { width: 100%; padding-top: 15px; } .newlist .ul1 li .lin .linn { padding-left: 18px; } .newsn .newsnt h3 { font-size: 18px; } .newsn .newsnt h5 span { display: block; } .newsn .newsnt h5 .span2 { margin-left: 0; } .videolist .ul1 li { width: 100%; } .videolist .ul1 .li1 { width: 100%; } .videolist .ul1 li .imgk .bo { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); opacity: 1; } .join .ul1 li { width: 100%; } .abroad1 .pcon h3, .abroad3 .pcon h3 { font-size: 18px; line-height: 1.5; } .abroad3 .pcon .fr { width: 100%; margin-bottom: 10px; margin-left: 0; } .abroad2 .slick_ab .lin .linm { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } .abroad4 .ul1 li { width: 50%; } .abroade2 li { display: block; width: 100%; } .abroade2 li:nth-child(2n) { padding-left: 60px; } .abroade2 li:nth-child(2n) span { left: 0; } .abroade1 .h1t { font-size: 24px; line-height: 1.3; } .abroade1 .pcon .fl, .abroad1 .pcon .fl { float: none; width: 100%; margin-right: 0; margin-bottom: 15px; } .abroade1 .pcon p { margin-top: 0; } /*10*/ .dadson .h1t, .dadsonus .h1t, .world .h1t { font-size: 24px; } .dadson1 .pcon .fl { float: none; width: 100%; margin-right: 0; } .dadson1 .pcon { padding-right: 0; } .dadson1 .pcon h3, .dadson1 .pcon p { padding-right: 15px; padding-left: 15px; } .dadson2 ul li, .dadson4 .ul1 li { width: 100%; margin-bottom: 25px; } .dadson4 .ul1 li .imgk img { width: 140px; } .dadson4 .ul2 li { width: 50%; margin-bottom: 25px; } .dadsonus .p1, .world .p1 { font-size: 14px; } .dadsonus .p1 br, .world .p1 br { display: none; } .dadsonus1 .pcon .fl, .dadsonus1 .pcon .fr { float: none; width: 100%; margin-right: 0; margin-left: 0; } .dadsonus1 .pcon h3, .dadsonus1 .pcon p { padding-right: 15px; padding-left: 15px; } .dadsonus2 ul li { width: 100%; } .dadsonus3 ul li { width: 50%; margin-bottom: 15px; } .dadsonus3 ul li p { font-size: 14px; } .dadsonus4 ul li { width: 100%; margin-bottom: 15px; } .dadsonus4 ul li img { width: 100px; } .world1 .pcon .fl { float: none; width: 100%; margin-right: 0; } .world1 .pcon h3, .dadsonus1 .pcon h3, .dadson1 .pcon h3 { font-size: 18px; margin-bottom: 20px; padding-top: 25px; padding-right: 15px; padding-left: 15px; } .world1 .pcon p, .dadsonus1 .pcon p, .dadson1 .pcon p { font-size: 14px; padding-right: 15px; padding-left: 15px; } .world2 ul li { width: 100%; } .world2 ul li img { width: 100px; } .world3 ul li { width: 50%; } .world3 ul li .imgk .icn div img { max-width: 30px; } .world3 ul li .imgk .icn div { line-height: 35px; height: 35px; } .world3 ul li .imgk .icn p { font-size: 12px; margin-top: 10px; } .world4 ul li p { font-size: 14px; } .dadson2 ul li .imgk, .dadsonus2 ul li .imgk, .world3 ul li .imgk, .dadson4 .ul2 li .imgk { height: auto; } /*13*/ .medical .h1t, .planning .h1t { font-size: 24px; } .medical .p1, .planning .p1 { font-size: 14px; line-height: 1.8; } .medical1 .pcon .fl, .planning1 .pcon .fl { float: none; width: 100%; } .medical1 .pcon h3, .planning1 .pcon h3 { font-size: 20px; padding-right: 15px; padding-left: 15px; } .medical1 .pcon p, .planning1 .pcon p { padding-right: 15px; padding-left: 15px; } .medical2 .pcon { padding-right: 15px; padding-bottom: 25px; padding-left: 15px; } .medical4 li { width: 50%; margin-bottom: 12px; } .medical4 li img { width: 100px; } .medical4 li h4 { font-size: 14px; margin-top: 12px; } .medical5 li, .medical7 li { width: 100%; } .medical7 li .lic { height: auto; } .planning2 ul li { width: 100%; } .planning3 li, .planning4 ul li { width: 50%; } .planning4 ul { margin: 50px -10px 0; } .planning4 ul li { padding: 0 10px; } .planning4 ul li img { width: 100px; } .planning5 li, .planning7 li { width: 50%; } .planning6 li { width: 100%; padding-right: 0; padding-left: 0; border-right: 0; } .planning8 .pcon1 .p01, .planning8 .pcon1 .p02, .planning8 .pcon1 .p03 { position: relative; top: 0; right: 0; left: 0; margin-top: 20px; text-align: center; } .planning8 .pcon1 .p01 p, .planning8 .pcon1 .p02 p, .planning8 .pcon1 .p03 p { max-width: none; } } @media screen and (max-width: 550px) { .abroad2 .slick_ab .item { width: 100%; margin-top: auto; } }  /* FILE ARCHIVED ON 19:38:23 Sep 19, 2022 AND RETRIEVED FROM THE INTERNET ARCHIVE ON 00:27:21 Dec 11, 2024. JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE. ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C. SECTION 108(a)(3)). */ /* playback timings (ms):  captures_list: 0.67  exclusion.robots: 0.034  exclusion.robots.policy: 0.021  esindex: 0.012  cdx.remote: 6.163  LoadShardBlock: 145.436 (3)  PetaboxLoader3.datanode: 184.78 (4)  PetaboxLoader3.resolve: 135.671 (2)  load_resource: 185.137 */