﻿#m-menu{ display:none}
.m-toubu{display:none}
#BottomNav{ display:none;}
.tbottom{ display:none;}
.sjnew{ display:none;}
@media screen and (max-width: 640px){ 
#BottomNav{ display:block;}
.tbottom{ display:block;}
#m-menu{ display:block}
.m-toubu{display:block}
.m-toubu{ position:fixed; left:0; top:0; width:100%; z-index:999;}
.m-toubuge{ width:100%;}
.m-header {
    height: 49px;
	background-color: #fff;
    z-index: 60;
	width:100%;
	position:relative;
	display:flex; border-bottom:1px solid #e0e0e0;align-items: center;		
}
.cd-logo { padding-left:20px; width:243px; box-sizing:border-box; min-width:243px;}
.cd-logo img { display:block;}
.search_openv1 {
width: 100%; 
background: url(../images/wap_sea1.png) no-repeat;
height:100%;
background-position:center center; background-size:auto 21px; border-left:1px solid #e1e1e1;
}
.menu_openv1 {
width: 100%;
background-image:url(../images/wap_menu1.png);
background-repeat:no-repeat;
height:100%;
background-position:center center; background-size:auto 25px;border-left:1px solid #e1e1e1;
}
.menu_closev1 {
width: 100%;
background-image:url(../images/wap_close1.png)!important;
background-repeat:no-repeat;
height:100%;
background-position:center center; background-size:auto 25px;border-left:1px solid #e1e1e1;
}
#m-menu{ position:fixed; width:243px; height: calc(100vh - 50px); left:-243px; background:#fff; z-index:200;  font-size:15px; overflow-y: auto; top:50px;transition: all 0.8s ease 0s;}
.m-list{width: 100%; padding-top:25px; padding-bottom:20px;}
.m-menglish{ color:#5c5c5c!important; padding-left:10px; text-transform:uppercase; font-weight: lighter;}
.m-list ul li a{padding-left: 20px;color: #000; display: block;  height:46px;line-height: 46px;position: relative; text-decoration:none;font-size:15px; font-weight:bold;}
.m-list ul li .inactive{ background:url(../images/shl-down-openv1.png) no-repeat 95% center; background-size:auto 14px;}
.m-list ul li .inactives{background:url(../images/shl-up-openv1.png) no-repeat 95% center; background-size:auto 16px;} 
.m-list ul li ul{display: none; padding-top:10px; padding-bottom:10px;background-color:#f4f5f6;}
.m-list ul li ul li {  background-color:#f4f5f6;background-image:url(../images/wap_li.png);
	background-repeat:no-repeat;
	background-position:60px center;
	background-size:auto 2px; }
.m-active{background-image:url(../images/m-navact.png);
	background-repeat:no-repeat;
	background-position:20px 38px;
	background-size:auto 2.5px;}	
.m-list ul li ul li a{ padding-left:70px;background:url(../images/shl-img-h60.png) no-repeat 92% center; background-size:auto 8px;font-weight: lighter;
font-size:14px; color:#313131!important; ; height:34px; line-height:34px;}
.m-yuyan{  height:45px; line-height:45px; color:#656565; font-size:12px;background:#f2f3f2 url(../images/wap_yuyan1.png) no-repeat 20px center; background-size:auto 18px; padding-left:45px;}
.m-yuyan a{ color:#656565;font-size:12px!important;text-transform:uppercase; padding-left:5px; padding-right:5px;}
.m-code{ padding-top:10px; text-align:center; width:100%;}
.m-code img{ width:100px; height:100px; margin:0 auto;}
.m-code1{ padding-top:6px; padding-bottom:12px; text-align:center; color:#656565;font-size:13px;}
.m-sousuo{ padding:20px 30px 70px 30px; width:100%; box-sizing:border-box; background-color:#f2f3f2; display:flex; }
.m-sousuo .button1 {
	line-height: 40px;
	height: 40px;
	width: 80%;
	padding: 0 10px 0 10px;
	border: 1px solid #d2d2d2;
	background: #fff;
font-size:12px;
	z-index: 1001; box-sizing:border-box;
}
.m-sousuo .button2 {	
	width: 20%;
	height: 40px;
	z-index: 1001;
	background-image:url(../images/wap_sea2.png);
	background-repeat:no-repeat;
	background-position:center center;
	background-size:auto 20px;
	border-bottom:1px solid #d2d2d2;
	border-top:1px solid #d2d2d2;
	border-right:1px solid #d2d2d2;
	border-left:0; background-color:#FFF;
}

.m-animate{transition: all 0.8s ease 0s;left: 0px!important;} 

.tbottom{ height:50px;}
#BottomNav {	
    bottom: 0;
    height: 50px;
    left: 0;
    overflow: hidden;
    position: fixed;
    width: 100%;
    z-index: 300; box-sizing:border-box; background-color:#FFF;
}
#BottomNav ul li {
    float: left;
    box-sizing:border-box;
    text-align: center;
    width: 25%; 
}
#BottomNav ul li a {
    color: #515151;
    display: block;
    padding-top:7px; 
}
#BottomNav ul li a div {
    font-size: 12px; padding-top:2px;
}
#BottomNav .a {
    background-image: url(../images/shl-b1a.png); background-size:auto 20px;
}
#BottomNav .b {
    background-image: url(../images/shl-b1b.png);background-size:auto 20px;
}
#BottomNav .c {
    background-image: url(../images/shl-b1c.png);background-size:auto 20px;
}
#BottomNav .d {
    background-image: url(../images/shl-b1d.png);background-size:auto 20px;
}

#BottomNav .icon {
    background-position: center center;
    background-repeat: no-repeat;
    display: block;
    height: 20px;
    margin: 0 auto;
    width: 30px;	
}
.mclearfix:after {
    content: ".";
    visibility: hidden;
    display: block;
    height: 0;
    clear: both;
}
#m-msk{ position:fixed; width:100%; background-color:rgba(0,0,0,0.1); top:0px; left:0; z-index:50; height: calc(100vh - 50px); top:50px; display:none;}

.bgc_img_box {
    position: absolute;
    left: 0px;
    right: 0px;
    top: -10px;
    bottom: 0px;
    z-index: 2; background-size:230%;
	background-position:top center;
}
.p_banner {
    position: relative;
    height: 200px;
}

.cplist {
    height: auto !important;
    line-height: 74px;
    background: #0b519d;
}

.cplist ul {
    display: flex;
    justify-content: flex-start !important;
    align-items:center;
    flex-wrap: wrap;
	padding:10px 0px;
}

.cplist ul li a {
    font-size: 14px;
    position: relative;
    line-height: 33px;
    display: block;
    color: #fff;
}

.index_wz {
    text-align: center;
    margin: 50px auto 0px auto;
}

.index_wz h2 {
    font-size: 36px;
    margin: 0!important;
}

.neirong_biankang {
    padding: 30px;
    background: #fff;
    box-shadow: 0 0 20px 3px rgb(0 0 0 / 5%);
    line-height: 35px;
    font-size: 16px;
}
.footer{ display:none;}

.neirong_biankangproa {
    width: 100%;
    padding: 0px;
    padding-top: 0px;
}

.cplisttable tbody  tr th:nth-child(2){ display:none;}
.cplisttable tr td:nth-child(2){ display:none;}

.cplisttable tbody  tr th:nth-child(1){ width:60%;}
.cplisttable tr td:nth-child(1){ width:60%;}

.cplistss {
   
    display: none;
}
.newsD {
    margin: 0px;
    margin-top: 0px;
}

.jobtable tr td {
    border-bottom: 1px solid #ececec;
    padding: 20px;
}

.jobtable tbody tr td:nth-child(1){width:40%;}

.hNewsList {
    margin: 0px;
    margin-top: 0px;
    border-top: 2px solid #000;
}

.hNewsList ul li .box {
    display: block;
    position:static !important;
    padding: 10px;
    font-size: 16px !important;
}

.hNewsList ul li .box .time {
	 position:static !important;
    top: 1.7958vw;
    left: 0;
    font-size: 16px !important;
    font-weight: 400;
    color: #949da6;
}

.newsD .return a {
    font-weight: 400;
    font-size: 20px;
    color: #e90015;
    display: flex;
    align-items: center;
}

.newsD .title {
    font-size: 20px;
    font-weight: 400;
    line-height: 1.6;
    padding-bottom: 10px;
    padding-top: 20px;
    font-weight: 100;
}

.hNewsList li .box .icon{ display:none;}
.sjnew{ width:98%; height:100%; display:block;}
.sjpro{ background:url(../images/i28.jpg) ; background-size:100%; width:90%; height:300px; padding:30px; margin:auto;}
.sjpro ul{ display:flex; flex-wrap: wrap;}
.sjpro ul li{  padding:7px 10px; border-radius:100px; font-size:16px; color:#fff;  margin-left:10px;  margin-top:20px; background:rgb(255,0,0,0.5)}
.sjpro ul li a{color:#fff;}


.indexRight3{ padding:20px; width:90%; margin:auto;  background:#00a1e5; height:600px;}
.indexRight3 .irsItemaa{ width:100%; height:100%; position:relative; overflow:hidden; display:none; }
.indexRight3 .irsItemaa .irsItemBg{  width:100%; height:100%; display:flex; align-items:flex-end; justify-content:flex-end; max-height:500px;}
.indexRight3 .irsItemaa .irsItemText {
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 30px;
    position: absolute;
    left: 0;
    top: 0;
}
.indexRight3 .irsItemaa .irsItemText .indLeftIcon1{}
.indexRight3 .irsItemaa .irsItemText .irsItemTitle{ font-size:23px; font-weight:bolder; color:#FFFFFF; margin:40px 0 30px;}
.indexRight3 .irsItemaa .irsItemText .irsItemSmall ,.indexRight3 .irsItem .irsItemText .irsItemSmall a{ font-size:19px; line-height:40px; color:#FFFFFF;}



.indexRight3 .irsItemaa .irsItemBot{ height:0px; display:flex; align-items:center; position:absolute; bottom:80px; width:100%;}
.indexRight3 .irsItemaa .irsItemBot .irsItemLine1{ width:90px; flex-shrink:0; height:1px; flex-shrink:0; background:rgba(255,255,255,0.15);}
.indexRight3 .irsItemaa .irsItemBot .irsItemLine2{ width:100%; flex-shrink:1; height:1px; flex-shrink:0; background:rgba(255,255,255,0.15);}




.indexRight3 .irsItemaa .irsItemBot .irsItemMore {
    min-width: 134px;
    position: relative;
    width: fit-content;
    height: 52px;
    border: rgba(255,255,255,0.35) solid 1px;
    border-radius: 66px;
    text-align: center;
    line-height: 52px;
    font-size: 15px;
    color: #ffffff;
    overflow: hidden;
    transition: all ease-in 0.5s;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 24px;
    cursor: pointer;
}
.indexRight3 .irsItemaa .irsItemBot .irsItemMore span{ white-space: pre; position:relative; z-index:9; display:block; width:fit-content;}
.indexRight3 .irsItemaa .irsItemBot .irsItemMore:before{ width:0; height:100%; content:''; display:block; transition:all ease 0.5s; background:#ffffff; position:absolute; left:0; top:0; z-index:0;}
.indexRight3 .irsItemaa .irsItemBot .irsItemMore:hover{ border:#ffffff solid 1px; color:#1f8ded;}
.indexRight3 .irsItemaa .irsItemBot .irsItemMore:hover:before{ width:100%;}
.getfor{ display:block !important;}
.getforli{ background:rgb(0,161,229,0.6) !important;}
.irsItemSmall p a{ color:#FFF;}

}
