.footer{ margin-top:0;}
.footer .footTop { padding-top: 30px;}

.list_pro{ position:relative; margin:50px auto;}

.pro_class{ margin:30px auto 0;}
.pro_class a{ float:left; display:block; text-align:center; background:#f0f0f0; transition:.5s; color:#333;}
.news_class{ margin:30px auto 0;}
.news_class a{ float:left; display:block; text-align:center; background-color:#f0f0f0; transition:.5s; color:#333;}
@media only screen and (min-width:960px) {
.pro_class a{ width:auto; margin-right:10px; padding:0 10px; height:55px; line-height:55px; font-size:15px;}
.news_class a{ width:25%; margin-right:20px; max-width:200px; height:55px; line-height:55px; font-size:16px;}
}
@media only screen and (max-width:960px) {
#pro_class{ display:none;}
.news_class a{ width:calc(25%); max-width:200px; height:55px; line-height:55px; font-size:13px;}
.pro_class a{ font-size:15px; display:block; line-height:30px; width: calc(50% - 5px); margin-right:10px; margin-bottom:10px;}
.pro_class a:nth-child(2n+0){ margin-right:0; }
}
.pro_class a:hover{ background:#be0532; color:#fff;}
.pro_class a.lion{ background:#be0532; color:#fff;}
.news_class a:hover{ background:#be0532; color:#fff;}
.news_class a.lion{ background:#be0532; color:#fff;}
.list_pro ul li{  background:#f0f0f0; transition:.5s; box-sizing: border-box;}
@media only screen and (min-width:1440px) {
.list_pro ul li{ width:calc(25% - 15px); margin-right:20px; margin-bottom:30px; padding:8px; float:left; }
.list_pro ul li:nth-child(4n+0){ margin-right:0 !important;}
.list_pro ul li div{ height:250px;}
}
@media only screen and (max-width:1440px) and (min-width:1260px) {
.list_pro ul li{ width:calc(33.33% - 14px); margin-right:21px; margin-bottom:30px; padding:8px; float:left; }
.list_pro ul li:nth-child(3n+0){ margin-right:0 !important;}
.list_pro ul li div{ height:250px;}
}
@media only screen and (max-width:1260px) and (min-width:760px) {
.list_pro ul li{ width:calc(33.33% - 14px); margin-right:21px; margin-bottom:30px; padding:8px; float:left; }
.list_pro ul li:nth-child(3n+0){ margin-right:0 !important;}
.list_pro ul li div{ height:170px;}
}
@media only screen and (max-width:760px) {
.list_pro ul li{ width:calc(50% - 8px); margin-right:16px; margin-bottom:20px; padding:8px; float:left; }
.list_pro ul li:nth-child(2n+0){ margin-right:0 !important;}
.list_pro ul li div{ height:110px;}
}
.list_pro ul li:hover{ background:#be0532; box-shadow:0px 0px 20px #be0532;}
.list_pro ul li div{ background:#fff; overflow:hidden; position:relative;}
.list_pro ul li div img{ width:100%;}
.list_pro ul li div a{ display:block; position:absolute; left:0; top:0; width:100%; height:100%; opacity:0; z-index:10;}
.list_pro ul li div a span{ display:block; position:absolute; left:25%; top:50%; line-height:35px; width:50%; text-align:center; margin-top:-17.5px; transition:.5s; color:#fff;}
.list_pro ul li:hover div a{ opacity:1; background-color:rgba(0,0,0,0.5);}
.list_pro ul li:hover div a span{ left:40%; width:20%;}
@media only screen and (max-width:760px) {
.list_pro ul li:hover div a span{ left:30%; width:40%;}
}
.list_pro ul li:hover div a span i{ display:block; height:1px; background:#fff;}
.list_pro ul li p{ display:block; text-align:center;}
.list_pro ul li p a{ display:block; font-size:17px; line-height:65px; transition:.5s; color:#333;}
.list_pro ul li:hover p a{ color:#fff;}
@media only screen and (max-width:760px) {
.list_pro ul li p a{  font-size:14px; line-height:22px; margin:10px 0;}
}








@media only screen and (min-width: 1025px) {
.showproduct{ padding:50px 0; max-width:1600px; margin:0 auto;}
.showproduct .tod{position: relative;padding:38px;margin-bottom: 15px; background:#f0f0f0;}
.showproduct .showImg{position: relative; width:50%; max-width:580px;height: auto;overflow: hidden;margin-right: 26px; float:left;}
.showproduct .showImg .showImg_top{width:580px;height:auto;border: 1px solid #e7e7e7;box-sizing: border-box;}
}
@media only screen and (max-width: 1025px) {
.showproduct{ padding:20px 0;}
.showproduct .tod{position: relative;padding:0px;margin-bottom: 15px;}
.showproduct .showImg{position: relative; height: auto; overflow: hidden;}
.showproduct .showImg .showImg_top{ height:auto; border: 1px solid #e7e7e7; box-sizing: border-box;}
}
.showproduct .showImg .showImg_top .swiper-slide img{width: 100%;height: 100%;display: block;cursor: pointer;}
.showproduct .showImg .showImg_top .swiper-prev,.showproduct .showImg .showImg_top .swiper-next{width: 20px;height: 20px;border: 2px solid #be0532;transform: rotate(45deg);box-sizing: border-box;position: absolute;top: 50%;margin-top: -10px;z-index: 22;cursor: pointer;outline: none;}
.showproduct .showImg .showImg_top .swiper-prev{left: 4%;border-style: none none solid solid;}
.showproduct .showImg .showImg_top .swiper-next{right: 4%;border-style: solid solid none none;}
.showproduct .showImg .showImg_top .swiper-pagination-fraction{color: #fff;bottom: 6px;text-align: right;padding-right: 10px;text-shadow: 0 0 5px #000;box-sizing: border-box;}

@media only screen and (min-width: 1025px) {
.showproduct .showImg .showImg_thumbs{margin-top:10px;height: auto;box-sizing: border-box; background:#ddd; padding:10px;}
.showproduct .showImg .showImg_thumbs .swiper-slide{ width: 92.5px!important; height:auto;margin: 10px;border: 1px solid #e7e7e7;box-sizing: border-box;cursor: pointer;transition: all .5s;}
.showproduct .showImg .showImg_thumbs .swiper-slide img{width:100%;height:auto;border: 1px solid #fff;box-sizing: border-box;}
.showproduct .showImg .showImg_thumbs .swiper-slide-thumb-active {border-color: #be0532;}
.showproduct .baseInfo{width:50%; float:right;}
.showproduct .baseInfo .shxia{ display:block; margin-bottom:40px; color:#777; position:absolute; right:0px; bottom:38px; width:50%;}
.showproduct .baseInfo .shxia li{ display:block; font-size:14px; line-height:35px;}
.showproduct .baseInfo .shxia li a{ color:#be0532;}
}
@media only screen and (max-width: 1025px) {
.showproduct .showImg .showImg_thumbs{ display:none;}
.showproduct .showImg .showImg_thumbs .swiper-slide{ display:none;}
.showproduct .baseInfo{ display:block; }
.showproduct .baseInfo .shxia{ display:none;}
}

.showproduct .baseInfo .t{height:auto ;font-size: 24px; padding:10px 0; border-bottom:1px #ddd solid; line-height: 40px; color: #454545;}
.showproduct .baseInfo .desc{color: #666; line-height: 24px;font-size: 14px; min-height: 72px; max-height: 168px; text-align: justify;overflow: hidden; margin:25px 0;}
.showproduct .baseInfo .webtel{ height:85px;border-top: 2px solid #e6e6e6;padding-top: 20px;}
.showproduct .baseInfo .webtel .tel{height:55px;padding-left: 70px;background: url(../images/ttel.png) no-repeat 10px center;font-size: 16px;line-height: 22px;color: #454545;}
.showproduct .baseInfo .webtel .tel strong{display: block;color: #be0532;font-size: 24px; line-height:33px;}
.showproduct .baseInfo .webtel a{float: right;width: 120px;color: #fff;font-size: 16px;line-height: 45px;text-align: center;background: #be0532;}

.showproduct .pro_tit{position: relative;}
.showproduct .pro_tit h2{font-size: 24px;padding: 12px;color: #444; font-weight:700; margin: 40px 0 20px; border-bottom:1px #eee solid;}
.showproduct .pro_tit h2:after{content: ""; position: absolute; width:117px; height:3px; background: #be0532; left: 0; bottom:0px;}
.showproduct .pro_body{ display:block; line-height:28px; color:#666;}
.showproduct .pro_body img{ max-width:100% !important; height:auto !important;}



.newslist{ margin:45px auto;}
.newslist ul{ display:block;}
.newslist li{ box-sizing:border-box; border:1px solid #eee; transition:all 0.3s; background-color:#fff;}
@media only screen and (min-width:1600px) {
.newslist li{ width:calc(33.33% - 20px); float:left; padding:26px; margin:0 30px 30px 0;}
.newslist li:nth-child(3n+0){ margin-right:0;}
}
@media only screen and (max-width:1600px) and (min-width:1360px) {
.newslist li{ width:calc(33.33% - 14px); float:left; padding:18px; margin:0 21px 21px 0;}
.newslist li:nth-child(3n+0){ margin-right:0;}
}
@media only screen and (max-width:1360px) and (min-width:760px) {
.newslist li{ width:calc(50% - 15px); float:left; padding:22px; margin:0 30px 30px 0;}
.newslist li:nth-child(2n+0){ margin-right:0;}
}
@media only screen and (max-width:760px){
.newslist li{ padding:20px; margin:0px;}
}
.newslist li .pic{overflow:hidden; height:280px; position:relative;}
.newslist li .pic img{transition:all 0.3s; width:100%; height:100%; object-fit: cover; position:absolute;}
.newslist li:hover .pic img{transform:scale(1.08);}
.newslist li .caption{padding-top:16px;}
.newslist li .intit em{font-size:14px;font-family:Arial;color:#999;padding-left:26px;background:url("../images/time.gif") left center no-repeat;display:block;}
.newslist li .intit span{display:block;font-size:16px;color:#333;padding-left:15px;position:relative;margin-top:10px;transition:all 0.3s;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.newslist li .intit span:before{content:"";display:block;width:4px;height:20px;position:absolute;left:0px;top:50%;margin-top:-10px;background-color:#be0532;}
.newslist li .intit{padding-bottom:13px;background:url("../images/libg.gif") center bottom no-repeat;}
.newslist li .inbod{font-size:14px;color:#999;line-height:24px;margin:16px 0px 10px; height:48px; overflow:hidden;}

.newslist li:hover{box-shadow:0px 10px 20px rgba(0,0,0,0.2);transform:translateY(-12px);}
.newslist li:hover .intit span{color:#be0532;}




.m-group-detail{overflow:hidden; width:94%; max-width:1600px; margin:45px auto; position:relative}
.m-group-detail .title{font-size:32px;color:#000;line-height:1.5em;font-weight:400;position:relative;padding-left:26px;margin-bottom:37px}
.m-group-detail .title::after{content:"";position:absolute;top:50%;left:0;width:6px;height:32px;background-color:#0d579f;margin-top:-16px}
.m-group-detail .info{overflow:hidden;border-bottom:1px solid #000;padding-bottom:7px}
.m-group-detail .info .left{overflow:hidden;font-size:16px;color:#999;line-height:1.5em;float:left}
.m-group-detail .info .left span{display:block;float:left;margin-right:38px}
.m-group-detail .info .left .time em{display:inline-block;vertical-align:middle;width:16px;height:16px;background:url("../images/time.gif") center center no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-ms-background-size:cover;-o-background-size:cover;background-size:cover;margin:-2px 10px 0 0}
.m-group-detail .right{float:right}
.m-group-detail .right .wenzi{display:block;float:left;font-size:16px;color:#000;line-height:31px}
.m-group-detail .right a{width:31px;height:31px;line-height:31px;padding-left:0;margin:0 0 0 1px;background-position:center center}
.m-group-detail .right a.bds_weixin{background-image:url("../images/iconl7.png")}
.m-group-detail .right a.bds_tsina{background-image:url("../images/iconl4.png")}
.m-group-detail .right a.circle{background-image:url("../images/iconl5.png")}
.m-group-detail .right a.bds_renren{background-image:url("../images/iconl6.png")}
.m-group-detail .txt{padding:35px 0 49px; color:#555; font-size:16px;line-height:2.19em;border-bottom:1px solid #aaa}
.m-group-detail .txt img{display:inline-block; max-width:100% !important; height:auto !important;}
.ul-listl1 li{font-size:14px;width:auto;float:none;margin-bottom:10px}
.ul-listl1{padding:20px 0 30px}
.ul-listl1 li a{ color:#333;}







.join .area1{padding:2% 0 0;}
.join .area1 .tit{font-size:30px;line-height:30px;color:#333333;font-family:siyuan;text-align:center;font-weight:bold;margin-bottom:60px;}
.join .area1 .tit span{display:inline-block;padding:0px 40px 26px;position:relative;border-bottom:1px solid #d3d8dc;}
.join .area1 .tit span:before{content:"";display:block;width:60px;height:3px;background-color:#be0532;left:50%;margin-left:-30px;bottom:-1px;position:absolute;}




.join .area1 .body{padding:2% 0;background-color:#fff;}


.join .area1 .botBox{ padding:25px 35px;background-color:#f5f5f5;}
.join .area1 .botBox .job_id dd{float:left;width:16.6666%;height:60px;text-align:center;line-height:60px;font-size:16px; font-weight:700;}
@media only screen and (max-width:760px) {
.join .area1 .botBox .job_id dd:nth-child(1){ width:60%;}
.join .area1 .botBox .job_id dd:nth-child(2){ display:none;}
.join .area1 .botBox .job_id dd:nth-child(3){ display:none;}
.join .area1 .botBox .job_id dd:nth-child(4){ display:none;}
.join .area1 .botBox .job_id dd:nth-child(5){ display:none;}
}
.join .area1 .botBox .job_id dd:nth-child(1){text-align:left;padding-left:68px;box-sizing:border-box;}

.join .area1 .botBox .job_name{cursor:pointer;color:#444;transition:all 0.3s linear;}

/*.join .area1 .botBox .job_name:hover{background-color:#009d85;color:#fff;}*/
.join .area1 .botBox li{border:1px solid #e5e5e5; background:#fff; margin-bottom:12px;}
.join .area1 .botBox .job_name dd{float:left;width:16.6666%;height:56px;text-align:center;line-height:56px;font-size:14px;}
.join .area1 .botBox .job_name dd:nth-child(1){text-align:left;padding-left:68px;box-sizing:border-box;}
@media only screen and (max-width:760px) {
.join .area1 .botBox .job_name dd:nth-child(1){ width:60%;}
.join .area1 .botBox .job_name dd:nth-child(2){ display:none;}
.join .area1 .botBox .job_name dd:nth-child(3){ display:none;}
.join .area1 .botBox .job_name dd:nth-child(4){ display:none;}
.join .area1 .botBox .job_name dd:nth-child(5){ display:none;}
}
.join .area1 .botBox .job_name:hover{background-color:#be0532;color:#fff;}
.join .area1 .botBox .act1{background-color:#be0532;color:#fff;}


/*.join .area1 .botBox{padding-bottom:60px;background-color: #fafafa;}*/
.join .area1 .botBox .job_rep{font-size:14px;color:#666;padding:30px 68px 40px;line-height:26px;display:none;background: #fff;}
.join .area1 .botBox .job_rep .left{}
.join .area1 .botBox .job_rep .right{margin-top:30px;}
.join .area1 .botBox .job_rep dl{margin-top:10px;}
.join .area1 .botBox .job_rep dl dt{margin-bottom:12px;font-size:14px;color:#404040;font-weight:bold;}
.join .area1 .botBox .job_rep dl dd{line-height:28px;}

.join .area1 .botBox .job_rep .txt{font-size:14px;color:#646665;}
.join .area1 .botBox .job_rep .txt span{display:inline-block;margin-right:30px;}
.join .area1 .botBox .job_rep .txt em{color:#494c4b;font-weight:bold;}

.join .area1 .botBox .job_rep .botTxt{border-top:1px solid #e5e5e5;margin-top:20px;padding-top:20px;overflow:hidden;}

.join .area1 .botBox .job_rep .botTxt p{float:left;}
.join .area1 .botBox .job_rep .botTxt .more{display:block;width:120px;height:40px;color:#fff;background:url("../images/jlBtn.gif") 22px center no-repeat;background-color:#be0532;float:right;line-height:40px;padding-left:42px;box-sizing:border-box;transition:all 0.3s;}

.join .area1 .botBox .job_rep .botTxt .more:hover{background-color:#07538c;}


.infolixi{ padding:4% 0; position:relative;}
@media screen and (min-width:960px) {
.infolixi_con{ width:50%; overflow:hidden; float:right;}
.infolixi_img{ width:50%; position:absolute; left:0; top:0; height:100%; overflow:hidden;}
.infolixi_img img{ object-fit: cover; position:relative; width:100%; height:100%;}
}
@media screen and (max-width:960px) {
.infolixi_img{ display:none;}
}
.infolixi_con{ background:#2d68b1; padding:3% 3%; color:#fff; position:relative;}
.infolixi_con h2{ background:url(../images/line.png) left bottom repeat-x; display:inline-block; margin-bottom:25px; width:100%; line-height:1.5; padding:15px 0; font-size: clamp(16px, 4vw, 32px);}
.infolixi_con { line-height:1.5; font-size:18px; font-size: clamp(14px, 1vw, 18px);}