@charset "utf-8";
html, body {
margin: 0;
padding: 0;
font-family: "微软雅黑";
font-size: 10px;
min-width: 1200px;
position: relative;
height: 100%;
}
textarea {
font-family: "微软雅黑";
}
html, body, div, dl, dt, dd, ol, ul, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td, p {
margin: 0;
padding: 0;
font-size: 16px;
}
img {
border: 0;
vertical-align: bottom;
}
ul, li {
list-style: none;
}
a {
text-decoration: none;
color: #fff;
}
input::-webkit-input-placeholder {
color:#838383;
font-size:16px;
}
/*公用*/
.public {
width: 1200px;
margin: 0 auto;
}
.cl {
clear: both;
display: block;
}
.center {
text-align: center;
}
.right {
float: right;
display: inline-block;
font-size: 14px;
vertical-align: middle;
line-height: 30px
}
/* 下方模板整体高度强制调整：修改top值即可上调/下调所有模板，正数向下移，负数向上移 */
.container {/*background: url(../images/bg1.png) no-repeat;*/
background-size: 100%;
background-position: left 10px;
margin-top: 0;
z-index: 3;
position: relative;
box-shadow: 0 4px 12px rgba(0,0,0,0.1);
/* 高度输入：下方模板整体垂直偏移量，自定义数值即可强行调整 */
top: -20px; 
}
@media screen and (max-width: 1920px) {
.container {
margin-top: 0;
top: -20px; /* 手机端同步向上移动 */
}
}
@media screen and (max-width: 1700px) {
.container {
margin-top: 0;
top: -20px;
}
}
@media screen and (max-width: 1600px) {
.container {
margin-top: 0;
top: -20px;
}
}
@media screen and (max-width: 1500px) {
.container {
margin-top: 0;
top: -20px;
}
}
@media screen and (max-width: 1400px) {
.container {
margin-top: 0;
top: -20px;
}
}
@media screen and (max-width: 1300px) {
.container {
margin-top: 0;
top: -20px;
}
}
@media screen and (max-width: 1200px) {
.container {
margin-top: 0;
top: -20px;
}
}
/*返回顶部*/
.to-top {
display: none;
width: 103px;
height: 103px;
border-radius: 2px;
font-size: 15px;
box-shadow: 0 2px 8px rgba(0,0,0,0.15);
}
/*头部 - 核心修改：导航栏和搜索框可强制上下调节、宽高自定义、文字自适应 */
#banner {
width: 100%;
overflow: hidden;
position: relative;
padding: 0;
margin: 0
}
#banner .bannerlist {
position: relative;
height: 100%;
z-index: 0;
}
#banner .bannerlist ul li {
zoom: 1;
vertical-align: middle;
}
#banner .bannerlist li img {
width: 100%;
display: block;
}
.logo {
width: 1200px;
position: absolute;
left: calc( ( 100% - 1200px ) / 2 );
top: 0;
z-index: 1;
padding: 50px 0
}
.luntanbox {
width: 180px;
height: 50px;
background-color:;
margin-bottom: 35px;
border-radius: 20px;
box-sizing: border-box;
padding: 4px;
box-shadow: 0 2px 6px rgba(0,0,0,0.1);
}
.luntanbox a {
display: block;
width: 100%;
height: 100%;
border: 1px solid rgba(255,255,255,.44);
border-radius: 17px;
box-sizing: border-box;
font-size: 22px;
color: #fff;
text-align: center;
line-height: 3
line-height: 38px;
}
/* 搜索框：支持自定义上下调节 */
.search {
width: 450px;
height: 65px;
padding: 10px;
background-color: rgba(255,255,255,.5);
box-sizing: border-box;
margin-left: 750px;
box-shadow: 0 2px 8px rgba(0,0,0,0.1);
position: relative;
top: -160px; 
}
#form {
width: 430px;
height: 45px;
box-shadow: 0 0 4px #e5e5e5;
font-size: 0;
background-color: #fff;
position: relative;
}
#form .ss_bd {
width: 375px;
border: none;
height: 45px;
vertical-align: middle;
background-color: transparent;
box-sizing: border-box;
padding: 0 15px;
outline: none;
}
#form .ss_btn {
width: 55px;
border: none;
height: 45px;
vertical-align: middle;
background-color: transparent;
box-sizing: border-box;
outline: none;
background: url(../images/ss.png) no-repeat;
background-position: center;
position: relative;
}
#form:before {
content: "";
position: absolute;
right: 55px;
top: 11px;
width: 1px;
height: 23px;
background-color: #d2d4d4
}
/* 导航栏容器：无缝衔接顶部图片，强制可调垂直位置 */
.lanmuBox {
margin: 0;
position: relative;
/* 高度输入：导航栏垂直偏移量，自定义数值即可强行调整位置 */
top: -130px; 
z-index: 2;
width: 100%;
}
/* 取消分隔线，消除导航栏与图片的间隙 */
.lanmuline {
height: 0;
width: 100%;
background-size: 100%;
}
/* 导航栏：强制立体感 + 宽高强制可调 + 与图片无缝衔接 */
.lanmuList {
background-color: #e60012;
padding: 10px 5px;
font-size: 0;
width: 1200px; 
/* 高度输入：导航栏自身高度，自定义数值即可强行调整高度 */
height: 50px; 
display: flex;
align-items: center;
margin: 0 auto;
/* 强制立体感样式 */
box-shadow: 0 4px 15px rgba(0,0,0,0.2), 0 2px 8px rgba(0,0,0,0.12);
background-image: linear-gradient(to bottom, #e60012, #c80010);
border-radius: 2px 2px 0 0;
border-bottom: 1px solid #a0000d;
}
.lanmuL, .lanmuR {
display: inline-block;
vertical-align: middle;
font-size: clamp(14px, 2vw, 16px);
}
.lanmuL {
width: 77px;
text-align: center;
border-right: 1px dashed #dcbfbf;
}
.lanmuR {
width: calc(100% - 77px);
}
.lanmuR li {
float: left;
width: calc(100% / 11);
height: 26px;
border-radius: 26px;
text-align: center;
margin-left: 0;
font-size: inherit;
display: flex;
align-items: center;
justify-content: center;
}
.lanmuR li:nth-child(-n+11) {
margin-bottom: 0
}
.citychose {
height: 40px;
background-color: #fff;
padding: 0 25px;
font-size: 14px;
color: #2e2e2e;
line-height: 30px;
box-shadow: 0 2px 8px rgba(0,0,0,0.08);
}
.citychose a {
color: #2e2e2e
}
/*底部*/
.footer {
width: 100%;
padding-top: 15px;
box-shadow: 0 -2px 8px rgba(0,0,0,0.1);
}
.footer .footdiv {
background-color: #3b3232;
}
.foorterT {
border-bottom: 1px solid #534849;
height: 76px
}
.foorterT .public {
position: relative;
}
.foorterTUL, .footerBq {
text-align: center;
margin-left: 178px;
width: 1022px
}
.foorterTUL li {
display: inline-block;
height: 75px;
width: 108px;
line-height: 75px;
text-align: center;
font-size: 18px;
position: relative;
}
.foorterTUL li:before {
content: "";
position: absolute;
left: -1px;
width: 2px;
height: 20px;
top: 27.5px;
background-color: #fff
}
.part1 {
background-color: #f9f9f9;
padding: 25px 195px;
box-shadow: 0 2px 8px rgba(0,0,0,0.06);
margin-top: -100px; /* 负数越大，向上移越多，比如-30px */
}
.foorterTUL li:first-child:before {
width: 0
}
.foorterB {
height: 65px;
padding-top: 20px
}
.footerBq {
color: #fff;
font-size: 16px
}
.footcode {
width: 165px;
height: 183px;
padding-right: 13px;/*background: url(../images/foot-pic1.png) no-repeat;*/
background-size: 100% 100%;
position: absolute;
top: -12px;
left: 0;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
box-shadow: 0 3px 10px rgba(0,0,0,0.15);
}
.footcode img {
max-width: 120px
}
.footcode p {
font-size: 16px;
color: #fff;
margin-top: 10px
}
/*首页*/
.part1 {
background-color: #f9f9f9;
padding: 25px 195px;
box-shadow: 0 2px 8px rgba(0,0,0,0.06);
}
.part1 .part1Title {
text-align: center;
font-weight: bold;
font-size: 37px;
color: #e60012;
margin-bottom: 20px;
}
.part1 .part1Con {
font-size: 14px;
color: #737373;
line-height: 20px
}
.part2 {
margin: 30px 0;
font-size: 0
}
.part2L, .part2R {
display: inline-block;
vertical-align: middle;
font-size: 14px;
box-sizing: border-box;
box-shadow: 0 3px 10px rgba(0,0,0,0.1);
}
.part2L {
width: 810px;
border: 1px solid #efefef;
height: 448px;
position: relative;
}
.part2L .hd {
position: absolute;
right: 10px;
bottom: 0;
height: 45px;
}
.part2L .hd li {
width: 10px;
height: 10px;
border-radius: 10px;
background-color: #fff;
float: left;
margin: 17.5px 5px
}
.part2L .hd li.on {
background-color: #e60012
}
.part2L .bd li {
position: relative;
}
.part2L .bd li img {
width: 100%;
height: 100%
}
.part2L .bd .part2Ltitle {
position: absolute;
width: 100%;
height: 45px;
box-sizing: border-box;
padding: 0 20px;
background-color: rgba(0,0,0,.5);
left: 0;
bottom: 0;
font-size: 16px;
color: #fff;
line-height: 45px;
}
.part2L .prev {
position: absolute;
width: 33px;
height: 64px;
background-color: rgba(0,0,0,.5);
left: 0;
top: calc( ( 100% - 64px ) / 2);
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
text-align: center;
line-height: 64px;
font-size: 30px;
}
.part2L .next {
position: absolute;
width: 33px;
height: 64px;
background-color: rgba(0,0,0,.5);
right: 0;
top: calc( ( 100% - 64px ) / 2);
border-top-left-radius: 5px;
border-bottom-left-radius: 5px;
text-align: center;
line-height: 64px;
font-size: 30px;
}
.part2R {
width: 390px;
border: 1px solid #efefef;
border-left: none;
height: 448px;
position: relative;
overflow: hidden;
}
.part2R .tj {
position: absolute;
left: -18px;
top: -14px
}
.part2R li {
font-size: 16px;
margin-top: 18px;
padding: 0 25px 0 50px;
position: relative;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.part2R li a {
color: #3d3d3d
}
.part2R li:before {
content: "";
position: absolute;
width: 5px;
height: 5px;
border-radius: 5px;
background-color: #e60012;
left: 25px;
top: calc((100% - 5px ) / 2)
}
.part2R li.part2ROne {
padding-top: 25px;
padding-left: 25px;
padding-bottom: 20px;
position: relative;
}
.part2R li.part2ROne p {
font-size: 22px;
color: #252525;
font-weight: bold;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.part2R li.part2ROne .part2ROneJj {
font-size: 14px;
color: #939393;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
white-space: normal;
margin-top: 10px;
line-height: 25px
}
.part2R li.part2ROne:before {
width: 0;
height: 0
}
.part2R li.part2ROne:after {
content: "";
position: absolute;
width: 390px;
height: 1px;
border-bottom: 1px dashed #e4e4e4;
left: 0;
bottom: 0
}
.part2R li:hover a {
color: #e60012
}
.indexbox {
font-size: 0
}
.indexboxL, .indexboxR {
display: inline-block;
vertical-align: top;
font-size: 14px;
}
.indexboxL {
width: 810px
}
.indexboxR {
width: 368px;
margin-left: 22px;
}
.part3 {
font-size: 0;
margin-bottom: 22px
}
.gg {
margin-bottom: 22px;
box-shadow: 0 2px 6px rgba(0,0,0,0.08);
}
.gg img {
width: 100%;
height: 100%
}
.indexCon {
display: inline-block;
vertical-align: top;
box-sizing: border-box;
border: 1px solid #e9e9e9;
width: 393px;
height: 367px;
box-shadow: 0 3px 10px rgba(0,0,0,0.1);
}
.indexCon.indexConR {
margin-left: 24px
}
.indexConTitle {
display: flex;
justify-content: space-between;
align-items: center;
height: 43px;
border-bottom: 1px solid #ea0012;
background-color: #f9f9f9
}
.indexConTitle .indexConTitleL {
width: 130px;
height: 43px;
line-height: 43px;
background-color: #e60012;
font-size: 20px;
color: #fff;
text-align: center;
}
.indexConTitle .indexConTitleMore {
width: 60px;
height: 20px;
border-radius: 20px;
background-color: #e60012;
font-size: 12px;
color: #fff;
line-height: 20px;
text-align: center;
margin-right: 18px
}
.indexConList {
padding: 15px 18px 0;
border-top: 1px solid #e7e7e7;
}
.indexConList li {
height: 35px;
border-bottom: 1px dashed #d7d7d7;
line-height: 35px;
padding-left: 20px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
font-size: 14px;
position: relative;
}
.indexConList li a {
color: #535353
}
.indexConList li:before {
content: "•";
position: absolute;
width: 9px;
height: 9px;
border-radius: 9px;
border: 1px solid #b8b8b8;
left: 0;
top: calc((100% - 9px) / 2);
text-align: center;
line-height: 8.5px;
color: #9a9494
}
.indexConList li:hover a {
color: #e60012
}
.indexConList li:hover:before {
color: #e60012;
border: 1px solid #e60012;
}
.indexCon1 {
width: 368px;
margin-left: 0;
margin-bottom: 20px;
background-color: #f9f9f9;
box-shadow: 0 3px 10px rgba(0,0,0,0.1);
}
.indexCon1 .indexConTitleL {
background-color: transparent;
border-bottom: 2px solid #e60012;
color: #e60012;
position: relative;
}
.indexCon1 .indexConTitleL:after {
content: "▼";
position: absolute;
bottom: -12px;
left: calc((100% - 18px) / 2);
color: #e60012;
width: 18px;
height: 8px;
line-height: 0;
font-size: 14px
}
.indexCon1 .indexConList li {
padding-left: 30px
}
.indexCon1 .indexConList li:before {
content: "";
width: 0;
height: 0;
border: none;
}
.indexCon1 .indexConList li label {
display: block;
position: absolute;
width: 15px;
height: 15px;
left: 0;
top: calc((100% - 15px) / 2);
background-color: #c2c2c2;
font-size: 12px;
color: #fff;
text-align: center;
line-height: 15px
}
.indexCon1 .indexConList li:first-child label {
background-color: #e60012
}
.indexCon1 .indexConList li:nth-child(2) label {
background-color: #ae1c27;
}
.indexCon1 .indexConList li:nth-child(3) label {
background-color: #7c0a13;
}
/* 修复人文图片板块（.part4）自动滚动/位移问题 */
.part4 {
box-sizing: border-box;
border: 1px solid #e9e9e9;
width: 810px;
height: 430px;
margin-bottom: 22px;
box-shadow: 0 3px 10px rgba(0,0,0,0.1);
overflow: hidden !important; /* 禁止板块溢出滚动 */
position: relative !important; /* 固定定位防止位移 */
}
.part4Box {
padding: 20px 20px 0;
height: 364px;
overflow: hidden !important; /* 禁用内部滚动 */
}
.part4Box li {
width: 184.5px;
background-color: #fff;
margin-left: 10px;
float: left;
margin-bottom: 20px;
box-sizing: border-box;
height: 162px;
border: 1px solid #f5f5f5;
border-radius: 5px;
overflow: hidden;
box-shadow: 0 2px 6px rgba(0,0,0,0.08);
}
.part4Box li:nth-child(4n+1) {
margin-left: 0
}
.part4pic {
width: 100%;
height: 122px;
overflow: hidden;
}
/* 禁用人文图片的过渡动画和变形，防止滚动/位移 */
.part4pic img {
width: 100%;
height: 100%;
transition: none !important; /* 取消过渡动画 */
-webkit-transition: none !important;
transform: none !important; /* 固定图片位置，禁止缩放/位移 */
-webkit-transform: none !important;
}
/* 取消人文图片hover缩放，避免视觉滚动感 */
.part4Box li:hover .part4pic img {
transform: none !important;
-webkit-transform: none !important;
}
.part4Box li .part4name {
height: 40px;
text-align: center;
line-height: 40px;
font-size: 16px;
color: #494949
}
.indexConVideo {
height: 335px;
box-shadow: 0 3px 10px rgba(0,0,0,0.1);
}
.indexConVideoTj {
padding: 15px 18px 0
}
.indexConVideoTj li {
float: left;
width: 155px;
}
.indexConVideoTj li:first-child {
margin-right: 20px;
}
.indexConVideoTj li .indexConVideoTjPic {
width: 100%;
}
.indexConVideoTj li .indexConVideoTjPic img {
width: 100%
}
.indexConVideoTj li p {
text-align: center;
font-size: 14px;
color: #323232;
height: 30px;
line-height: 30px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.indexConVideo .indexConList {
border-top: none;
}
/*二级*/
.nono {
padding: 20px;
font-size: 0;
margin-bottom: 500px
}
.secondbox {
border: 1px solid #e7e7e7;
font-size: 0;
background-color: #fff;
margin-bottom: 35px;
box-shadow: 0 3px 10px rgba(0,0,0,0.1);
}
.secondboxL, .secondboxR {
display: inline-block;
vertical-align: top;
font-size: 14px;
}
.secondboxL {
width: 808px;
margin-right: 20px;
}
.secondboxR {
width: 370px
}
.secondboxR .indexCon1 {
width: 100%
}
.secondboxR .indexConVideo {
margin-bottom: 0
}
.secondNav {
height: 45px;
background-color: #f9f9f9;
border-bottom: 1px solid #e7e7e7;
border-right: 1px solid #e7e7e7;
padding-left: 20px;
line-height: 45px;
}
.secondNav a, .secondNav span, .secondNav img {
vertical-align: middle;
font-size: 14px;
color: #6c6c6c
}
.newsList {
padding: 15px 20px 0;
}
.newsList li {
padding: 15px 0;
border-bottom: 1px dashed #d7d7d7;
box-sizing: border-box;
height: 135px
}
.newsList li .newsListTitle {
font-size: 20px;
color: #2a2a2a;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.newsList li .newsListJJ {
font-size: 14px;
color: #939393;
line-height: 25px;
margin-top: 7px;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
margin-bottom: 3px
}
.newsList li .newsListDate {
font-size: 14px;
color: #e60012
}
.newsList li:hover .newsListTitle {
color: #e60012
}
.newsShow {
padding: 0 5px 0 20px
}
.newsShowTitle {
padding: 35px 0 18px;
border-bottom: 1px solid #ededed
}
.newsShowTitle p {
font-size: 20px;
color: #222;
text-align: center;
}
.newsShowDate {
text-align: center;
font-size: 12px;
color: #959595;
padding: 10px 0 0
}
.newsShowCon {
padding: 20px 0;
line-height: 30px;
color: #4a4a4a;
}
.newsShowCon img {
display: block;
max-width: 100%;
margin: auto
}
.newshowshare {
padding: 15px 5px 15px 20px
}
.newshowshare label {
font-size: 14px;
color: #2e2e2e
}
.bdsharebuttonbox {
display: inline-block;
vertical-align: middle;
}
.goback {
margin-left: 15px;
font-size: 14px;
color: #2e2e2e;
display: block;
margin-top: 15px
}
.productCon {
padding: 0 20px
}
.productsList {
font-size: 0
}
.productsList li {
display: inline-block;
width: 277.5px;
margin-left: 16px;
box-sizing: border-box;
border: 1px solid #f4f4f4;
border-radius: 8px;
overflow: hidden;
margin-top: 25px;
box-shadow: 0 3px 10px rgba(0,0,0,0.1);
}
.productsList li:nth-child(4n+1) {
margin-left: 0
}
.productsList li .proListpic {
width: 100%;
overflow: hidden;
}
.productsList li .proListpic img {
width: 100%;
transition: 0.5s linear;
-webkit-transition: 0.5s linear;
}
.productsList li:hover .proListpic img {
transform: scale(1.15, 1.15);
-webkit-transform: scale(1.15, 1.15);
}
.productsList li .proListname {
height: 55px;
text-align: center;
line-height: 55px;
color: #494949;
font-size: 18px
}
.proShowTitle {
height: 80px;
line-height: 80px;
color: #494949;
font-size: 18px;
text-align: center;
}
.proShowPic {
width: 975px;
margin: 0 auto;
box-shadow: 0 3px 10px rgba(0,0,0,0.1);
}
.gallery-top {
width: 100%;
margin-bottom: 30px
}
.gallery-top img {
width: 100%
}
.swiper-button-white {
display: none;
}
.gallery-top:hover .swiper-button-white {
display: block;
}
.proShowPicPage {
background-color: #eaeaea;
font-size: 0
}
.gallery-thumbs {
width: 645px;
display: inline-block;
vertical-align: middle;
}
.gallery-thumbs .swiper-slide {
width: 150px;
box-sizing: border-box;
border: 4px solid #eaeaea;
}
.gallery-thumbs .swiper-slide img {
width: 100%
}
.gallery-thumbs .swiper-slide-thumb-active {
border: 4px solid #e60012;
}
.propages {
width: 150px;
display: inline-block;
vertical-align: middle;
box-sizing: border-box;
border: 4px solid #eaeaea;
position: relative;
}
.prepage {
margin-right: 15px;
float: left
}
.nextpage {
margin-left: 15px;
float: right
}
.propages img {
width: 100%
}
.preview .swiper-container {
float: left
}
.preview {
overflow: hidden
}
.propages span {
font-size: 18px;
color: rgba(255,255,255,.8);
}
.propages img, .propages span {
vertical-align: middle;
}
.propages .pageCon {
position: absolute;
width: 100%;
height: 100%;
background-color: rgba(0,0,0,.6);
top: 0;
left: 0;
text-align: center;
display: flex;
justify-content: center;
align-items: center;
}
.propages .pageCon img {
width: 36px
}
.protage {
margin-top: 15px;
height: 45px;
line-height: 45px;
border-bottom: 2px solid #e2e2e2
}
.protage span {
display: inline-block;
padding-left: 8px;
border-bottom: 2px solid #e60012;
font-size: 18px;
color: #e60012
}
.procon {
padding: 30px 20px
}
.procon img {
max-width: 100%;
margin: auto
}
.provideo {
width: 975px;
margin: 0 auto;
padding-bottom: 50px
}
.provideo iframe {
width: 100%;
height: 600px
}
.dyType {
padding: 25px;
box-shadow: 0 2px 8px rgba(0,0,0,0.08);
}
.dyType li {
height: 40px;
line-height: 40px;
text-align: center;
border-bottom: 3px solid #dedede;
margin-bottom: 10px;
background-color: #f1f1f1
}
.dyType li a {
display: block;
width: 100%;
height: 100%;
color: #727272;
font-size: 18px
}
.dycon {
padding: 30px 20px 100px
}
.dycon img {
max-width: 100%;
margin: auto
}
.personSeach {
padding: 115px 20px 100px 70px
}
.personSeachbox {
margin-bottom: 25px
}
.personSeachbox span {
font-size: 15px;
color: #6c6c6c;
vertical-align: middle
}
.personSeachbox input {
width: 365px;
height: 50px;
border: 1px solid #e9e9e9;
border-radius: 5px;
background-color: #f9f9f9;
overflow: hidden;
outline: none;
box-sizing: border-box;
padding: 0 15px;
font-size: 15px;
color: #6c6c6c
}
.personSeachbox span label {
display: inline-block;
margin-left: 10px;
color: #e30000;
margin-right: 3px
}
.personSeachbut {
margin-top: 65px
}
.personSeachbut a {
display: block;
width: 225px;
height: 55px;
background-color: #e60012;
border-radius: 55px;
color: #fff;
text-align: center;
line-height: 55px;
font-size: 20px;
border: none;
margin-left: 115px;
outline: none;
}
.personSeachshow {
width: 788px;
background-color: #f9f9f9;
margin: 50px 0 200px 20px;
font-size: 0
}
.personSeachshowL {
display: inline-block;
width: 500px;
font-size: 14px;
box-sizing: border-box;
vertical-align: top;
}
.pershowbox {
box-sizing: border-box;
height: 70px;
border: 1px solid #e6e6e6;
border-right: none;
margin-top: 25px
}
.pershowbox:first-child {
margin-top: 0
}
.pershowbox span {
display: inline-block;
font-size: 20px;
color: #484848;
line-height: 70px;
height: 70px;
vertical-align: middle;
}
.pershowbox span:first-child {
width: 150px;
background-color: #ededed;
color: #e60012;
text-align: center;
}
.pershowbox span:nth-child(2) {
padding-left: 35px
}
.personSeachshowR {
width: 288px;
display: inline-block;
font-size: 14px;
box-sizing: border-box;
vertical-align: top;
border: 1px solid #e6e6e6;
}
.personSeachshowR p {
background-color: #ededed;
color: #e60012;
text-align: center;
height: 70px;
line-height: 70px
}
.personSeachshowR .pershowpic {
height: 285px;
box-sizing: border-box;
padding: 15px;
text-align: center;
}
.personSeachshowR .pershowpic img {
max-height: 100%
}
/*二级上下页*/
.secondPage {
padding: 40px 5px 0 20px
}
.secondPage>div {
margin-top: 10px
}
.secondPage span {
font-size: 14px;
color: #2e2e2e
}
.secondPage a {
color: #6a6a6a;
font-size: 14px
}
.pagebar {
padding: 20px;
overflow: hidden;
clear: both
}
.pagebar .pagination {
display: flex;
justify-content: center;
margin-top: 10px;
}
.pagination a {
background: #fff;
border: 1px solid #ccc;
color: #333;
font-size: 12px;
padding: 8px 10px;
margin: 0 2px;
border-radius: 3px;
line-height: 100%
}
.pagination span {
color: #333;
font-size: 12px;
padding: 7px 2px;
margin: 0 2px;
border-radius: 3px;
}
.pagination a:hover {
color: #333;
border: 1px solid #333;
}
.pagination a.page-num-current {
color: #fff;
background: #333;
border: 1px solid #333;
}
.pagination .st {
font-family: 宋体
}
.text-secondary {
text-align: center;
padding: 20px 0
}
#maximg img {
max-width: 100%;
height: auto !important
}
.dyType .cur {
border-bottom: 3px solid #e60012;
}