.contentHeader img { width: 100%; } .contentHeader img:nth-child(1){ display: inline-block; } .contentHeader img:nth-child(2){ display: none; } .bannerp{ color: #7AA3E0; text-indent: 2em; text-align: justify; width: 75%; padding-left: 25%; top: -148px; position: relative; } .bannerp font{ color:white; font-size:16px; } .employeePanel { padding-top: 30px; padding-bottom: 40px; position: relative; } .employeePanel:nth-child(2n) { background: #f5f1f1; } .modaulTitle { margin-top: 0; margin-bottom: 30px; background: none; border-top: 0; } .modaulTitle img{ top:10px; } .maincontent { position: relative; } .main { font-size: 36px; } .more { float: right; margin-top: 5px; color: #999999; } .panelContent { padding-bottom: 20px; margin-bottom: 20px; border-bottom: 3px dotted #91bdeb; } .panelContent p{ text-indent: 30px; color: #777777; text-align: justify; line-height: 2; } .title { text-align: center; color: #0055aa; letter-spacing: 12px; font-size: 26px; margin-bottom: 30px; } h5 a,.history a,.young a{ color:#0055aa; } .history td{width:20%;} .tmargin{margin-left: 83px;} .subTitle { color: #0055aa; text-align: center; font-size: 18px; padding-bottom: 20px; } .starDetail { background: url("/asset/image/jintouren/starBG.png") no-repeat; background-size: auto 100%; background-position-x: 50%; min-height: 300px; padding-left: 16%; padding-bottom: 110px; } .historyDetail { /*min-height: 500px;*/ background: url("/asset/image/jintouren/historyBG.png") no-repeat; background-size: 100%; padding-top: 9%; text-align: center; } .history { } .history img { border:4px solid #0055aa; width:76%; } .history p { text-align: center; line-height: 1.7; color: #0055aa; overflow: hidden; padding: 10px 18% 0 18%; } .starDetail img{ width: 24%; float: left; } .starDetail p{ color: #fff; text-indent: 30px; line-height: 1.8; } .starContent a{color: #fff;} .starDetail .starContent { padding-top: 6%; padding-left: 5%; padding-right: 27%; overflow: hidden; text-overflow: ellipsis; } .youngDetail { padding: 70px 40px; text-align: center; padding-bottom: 0; } .youngDetail img { width: 100%; } .youngDetail .young { display: inline-block; margin-left: 5%; margin-right: 5%; margin-bottom: 60px; width: 22%; } .youngDetail .young p { color: #0055aa; font-weight: bold; font-size: 14px; margin-bottom: 0; padding-top: 15px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .emploeeYoung { padding-bottom: 0; } .emploeeStory { position: relative; padding-bottom: 14%; } .storyDetail { padding: 80px 110px; } .storyDetail .storyContent { background: #0055aa; color: #fff; line-height: 2; } .story a{color:#fff;} .storyContent { margin-bottom: 60px; } .storyContent:nth-child(1) img { position: relative; left: 40px; top: -30px; width: 45%; } .storyContent:nth-child(2) img { position: relative; right: 40px; top: -30px; width: 45%; } .storyContent:nth-child(1) .story { min-height:340px; padding: 40px 60px; padding-left: 51%; } .storyContent:nth-child(2) .story { min-height:340px; padding: 40px 60px; padding-right: 51%; } .storyContent .story p { color:#fff; text-indent: 32px; margin-bottom: 0; } .storyContent .story h5 { text-align: center; font-size: 16px; margin-bottom: 16px; } .storyContent .story h5 a{ color:#fff; } .emploeeFooter { position: absolute; bottom: 10px; padding-bottom: 30px; } .emploeeFooter img{ width: 100%; } /*.storyContent:after { content: ''; width: 0; height: 0; display: block; visibility: hidden; clear: both; }*/ /*.storyContent p{ height: 80%; }*/ @media (max-width: 767px) { .contentHeader img { width: 100%; margin-bottom: 25px; } .contentHeader img:nth-child(1){display: inline-block !important;} .employeeMobilePanel { padding-left: 15px; padding-right: 15px; } .main { font-size: 22px; } .title { font-size: 20px; margin-bottom: 25px; } .modaulTitle { margin-top:10px; margin-bottom: 0; } .modaulTitle img{ width: 5px; height: 24px; top:2px; } .starDetailMobile { background: url("/asset/image/jintouren/starBG.png") no-repeat; background-size: auto 100%; background-position-x: 50%; /*min-height: 500px;*/ padding-left: 7px; } .starDetailMobile img { width: 34%; float: left; } .starContent { font-size: 14px; color: #fff; padding: 20px 24px; padding-left: 124px; padding-top:35px; } .starContent p{text-indent: 1em;} .starContent a{color: #fff;} .subTitle { color: #777777; font-size: 14px; text-align: center; line-height: 1.7; /* padding-right: 10px; */ /*margin-top:5%;*/ /* background-color: white; */ position: relative; top:-35px; padding-bottom: 2px; } .historyDetail { background: none; text-align: left; padding-top: 0; } .historyDetail .history { width: 49%; margin-left: 0; margin-right: 0; float:left; min-height: 130px; } .historyDetail img { width: 49%; float: left; } .historyDetail p { display: inline-block; width: 50%; float: left; overflow: auto; white-space: initial; text-align: justify; padding: 0 5px; } .employeeMobilePanel { margin-bottom: 30px; } .youngDetail { padding: 10px 0; padding-bottom: 0; } .youngDetail .young { width: 38.6%; margin-left: 18px; margin-right: 18px; margin-bottom: 25px; float:left; } .youngDetail .young p { text-align: center; color: #959595; padding-top: 10px; font-weight: 100; } .storyMobileContent{margin-bottom: 50px;} .storyMobileContent img { width: 45%; } .storyMobileContent .storyMobile { padding-left: 48%; } .storyMobileContent .storyMobile h5{ color: #045bba; font-size: 14px; } .storyMobileContent .storyMobile p{ font-size: 14px; color: #777777; text-indent: 1em; } .storyMobile a:nth-child(2){color: #777777;} .emploeeMobileFooter img { width: 100%; margin-bottom: 20px; } .emploeeMobileYoung { margin-bottom: 15px; } .subTitle a,.history a,.young a{ color:#777777; } } @media (max-width:560px){ .subTitle{background-color: white;} } @media (max-width: 1200px) { .bannerp{top:-140px;} } @media (max-width: 1100px) { .bannerp{top:-132px;} } @media (max-width: 1080px) { .bannerp{margin-bottom: 0;font-size: 12px;top:-124px;} .bannerp font{font-size: 12px;} } @media (max-width: 1000px) { .bannerp{top:-116px;} .contentHeader img:nth-child(1){ display: none; } .contentHeader img:nth-child(2){ display: inline-block; } } @media (max-width: 880px) { .bannerp{top:-106px;} } @media (max-width: 1090px) { .starDetail .starContent { max-height: 180px; } } @media (max-width: 1200px) { .employeePanel { padding-left: 20px; padding-right: 20px; } .storyDetail .story { height: 227px; overflow: hidden; } .storyContent:nth-child(1) img { width: 35%; } .storyContent:nth-child(2) img { width: 35%; } .storyContent:nth-child(1) .story { padding: 20px 30px; padding-left: 10%; height:100%; } .storyContent:nth-child(2) .story { padding: 20px 30px; padding-right: 9%; height:100%; } } @media (max-width: 320px) { .youngDetail .young { width: 36.5%; } p { font-size: 12px; } }