@charset "utf-8";
/* CSS Document */
    /*产品列表*/
.proTxt { color: #4a4a4a; font-size: 0.9em; line-height: 2.3em; text-align: left; max-width: 1200px; margin: 2.8em auto 0;}
.prosList { max-width: 1200px; margin: 0 auto; padding-bottom: 1em;display:flex;justify-content:space-between}
.prosList_cate p {
	line-height: 32px;
    font-size: 16px;
    margin-bottom: 25px;
    color: #000;
}
.prosList:after { display: block; clear: both; content: "";}
.prosList ul {width:895.2px;display:inline-block;display:flex;justify-content:start;flex-wrap:wrap;}
.prosList li { float:left; width: 100%;font-size: 0.8em;text-align:center}
.prosList .lib {background-color: #ffffff;}
/*.prosList .lib:hover {*/
/* -moz-box-shadow:0px 5px 10px rgba(0, 0, 0, .16);*/
/* -webkit-box-shadow:0px 5px 10px rgba(0, 0, 0, .16); */
/* box-shadow:0px 5px 10px rgba(0, 0, 0, .16);}*/
.prosList .pName { text-align: center; font-weight: bold; 
 overflow: hidden; font-size: 16px; color: #666666;  white-space:nowrap;margin:0;text-align:left;height: 38px;line-height: 38px;}
.prosList .pName a { color: #111F2C; display: block;white-space:nowrap;font-size:16px;margin-left: 12px; }
.prosList .pName a:hover {
    color: #111F2C;
}
.prosList .info {   align-items: center;height: auto;}
.prosList .pic { flex:1;}
.prosList .pic img  {
    display: block; 
    margin: 0px auto 0 auto;
    max-width: 100%;
    height: auto;
    max-height:200px;
    width: 100%;
    height: 200px;
    overflow: hidden;
    transition: all .5s;
}
.prosList .pic img:hover {
    transform: scale(1.05);
}
.prosList .txt {
    width: 100%;
    text-align: left;
    flex:1.5;
    line-height: 1.6rem;
    color:#585858;
    
}
.prosList .txt p{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    margin: 3px 0px 0 0px;
    font-size: 14px;
    font-weight: 400;
    color: #6D767F;
    line-height: 24px;
}
.prosList .txt p:not(:first-child){
    display: none;
}
.info .showDetails{
    width: 100%;
    height: 46px;
    background: #f5f5f5;
    font-size: 14px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #F5F5F5;
    line-height: 46px;
    text-align: center;
}
.info .showDetails a{
    color: #666666;
}
.prosList .txt > table {
    width: 100% !important;
    background: #909090;
}
.prosList .txt > table > tbody tr, .prosList .txt > table > tbody tr td {
    height: auto !important;
}
.prosList .txt .document ol li{
     display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 10;
     overflow: hidden;
}
.prosList .txt .document{
    height: 100%;
    overflow: hidden;
}
.prosList .txt p img{width:100%;height:200px;}
.prosList .txt dl { clear: both; overflow: hidden; padding: 0.5em 0;}
.prosList .txt dt { float:left; width:100px; text-align: right; font-weight: bold;}
.prosList .txt dd { margin-left: 110px; text-align: left;}

.prosListLeftChild{
    display: flex;
    margin: 10px 0 20px 0;
}
.prosListLeftChild img{
    width: 30px;
    height: 30px;
    align-self: center;
    margin: 0 16px 0 20px;
}
.prosListLeftChild a{
    line-height: 18px;
    font-size: 18px;
    font-weight: bold;
    color: #111111 !important;
}
.panel-img >img{
    width: 26px;
    height: 26px;
    align-self: center;
    margin: 0 12px 0 0px;
}
.panel-img a{
    font-size: 14px;
    font-weight: 400;
    line-height: 58px;
    color: #111111;
    
    display:inline-block;
    flex: 1;
    /*border-bottom: 1px solid #ccc;*/
}
.heading-panel{
    /*background-color: #f2f2f2;*/
    width: 100%;
    height: auto;
    padding: 0 25px;
}
.heading-panel h4{
    display: flex;
    border-bottom: 1px solid #F6F8FB;
}
.heading-panel h4 a img{
    width: 16px;
    height: 16px;
    margin-top: 22px;
    float: right;
    transition: all 0.5s;
}
.group-panel{
    background-image: url('../images/sendBG1.png');
    height: 852px;
    overflow-y: auto;
}
.body-panel{
    width: 100%;
}
.body-panel >div{
    padding: 10px 0 10px 65px ;
}
.body-panel >div a{
    font-size: 12px;
    color: #111111;
    font-weight: 500;
}
.body-panel >div .active{
    color: #0052D9;
}
.body-panel >div a:hover{
    color: #0052D9;
}
.body-panel >div:last-child{
    padding-bottom:0 ;
}
.body-panel >div:last-child a{
    display: block;
    width: 100%;
    padding-bottom: 20px;
    
}
.panel-group >div:last-child a{
    border: none;
}
.panel-default:last-child h4{
    border: none;
}




/*产品详情 方案详情*/
.proDetailBox {max-width: 1200px; margin: 0em auto 2.7em; text-align: left;display:flex;justify-content:space-between}
.proDetailBox .picb { float: left; max-width: 508px;margin-right:30px;margin-bottom:20px; }
.proDetailBox .picCase { margin-top: 3.75em; float: right; max-width: 398px;}
.proDetailBox .pic { overflow: hidden; margin: 0 auto; display: flex; align-items: center;}
.proDetailBox .pic img { display: block;width: 460px; height:320px;}
.proDetailBox .con {}
.proDetailBox .conCase { margin-top: 1.9em; margin-right: 458px;}
.proDetailBox .conD {  clear: both; overflow: hidden;}
.proDetailBox .tit {margin-top: 30px; color: #000; font-size: 22px; font-weight: bold; line-height: 1.8em;}
.proDetailBox .conD .tit {
    margin: 10px 0;
}
.proDetailBox .txt {margin-top: 10px; color: #191919; font-size: 16px; line-height: 28px;}
.proDetailBox .con .txt {min-height:214px;}
.proDetailBox .txt img { max-width: 100%; height: auto;}
.proDetailBox .proTable { margin-top: 0px;}
.proDetailBox .proTable table { 
/*margin: 0; -webkit-border-radius:0.5em; */
/*-moz-border-radius:0.5em;*/
/*border-radius:0.5em; */
overflow: hidden; 
width: 100% !important;
font-size: 15px;
line-height: 1.4em;
border: 1px solid #e4e4e4;
}
.proTable table{
    background-color: #e4e4e4;
}
.proTable tr{
    background-color: #fff;
}
.proDetailBox .proTable table tr:first-child td:first-child{
    background-color: #0B5FD1 !important;
    color: #fff;
    border:1px solid #fff !important;
    font-size: 25px;
    line-height: 30px;
    font-weight: bold;
    text-align: center;
}
.proDetailBox .proTable table tr:nth-child(2n) td{
    background-color: #f2f2f2 !important;
}
.proDetailBox .proTable table tr:nth-child(2n+1) td{
    background-color: #e5e5e5 !important;
}
.proDetailBox .proTable table tr p{
    margin: 0;
}

.con .proTable table tr th{
    background-color: #0B5FD1;
    color: #fff;
}
.proDetailBox .proTable table td { padding: 0.3em 1em;color: #636363;  border-right: 1px solid #fff;border-bottom: 1px solid #fff;}
.proDetailBox .proTable table th {
    padding: 1.3em 1em;
    color: #000;
    background-color: #0B5FD1;
    border-right: 1px solid #e4e4e4;
    border-bottom: 1px solid #e4e4e4;
    color: #fff;
    
}
.proDetailBox .proTable table tr:last-child td {border-bottom:0}
.proDetailBox .proTable table td:last-child {border-right:0}
.proDetailBox .proTable table th:last-child {border-right:0}
.proDetailBox1{max-width: 1200px; margin: 0.5em auto 2.7em;}
.plan-tit {text-align:center;margin:2.5rem 0;font-size:30px;font-weight:500}
.plan-txt{color:#575759;font-size:16px;}
.plan-pic img{height: 300px;width:100%}
.plan-pic{display:flex;margin:0.5rem 3%}
.quadrate{width:10px;height:10px;background:blue;display: inline-block;}
.proTable .new_prode table tr:first-child {
    background-color: #0B5FD1;
}
.proDetailBox .proTable .new_prode table th{
    padding: 1em 1em;
    background-color: #0B5FD1;
    color: #fff;
}
.proDetailBox .proTable .new_prode table{
    border-radius: 0;
    border: 0;
}
.proTable .new_prode table tr:nth-child(2n) td {
    padding: 1em 1em;
     color: #000; 
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff;
    background-color: #F2F2F2;
}
.proTable .new_prode table tr:nth-child(2n+1) td {
    padding: 1em 1em;
     color: #000; 
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff;
    background-color: #CBCBCB;
}
.product_container{
    width: 79%;
}



.proDetailBox .picBox { margin-top: 20px; text-align: center; background: #efefef; border: 1px solid #d6d6d6; overflow: hidden;
-webkit-border-radius:0.5em; 
-moz-border-radius:0.5em;
border-radius:0.5em;}
.proDetailBox .picBox img { max-width: 100%; height: auto;}

.aboutProBox {max-width: 1150px; margin: 1.35em auto 3.9em; }
.aboutProBox .tit {text-align: left; color: #000; font-size: 1.3em; font-weight: bold; line-height: 1.8em;}
.aboutProBox .list:after { display: block; clear: both; content: "";}
.aboutProBox .list ul { margin: 0 -18px;}
.aboutProBox .list li { float: left; width: 25%; margin-top: 20px;  font-size: 0.8em;  }
.aboutProBox .list .lib { border: 1px solid #e2e2e2; background-color: #fff;
 cursor: pointer; margin: 0 6px 0; padding: 0 ; display: block; background-color: #fff;
 overflow: hidden;
 }
.aboutProBox .list .lib:hover {-moz-box-shadow:0px 0px 10px rgba(0, 0, 0, .1); -webkit-box-shadow:0px 0px 10px rgba(0, 0, 0, .1); box-shadow:0px 0px 10px rgba(0, 0, 0, .1);}
.aboutProBox .list .pic{ margin: 0; position: relative; z-index: 0; overflow: hidden; height: 0;  display:block; background-repeat:no-repeat; background-position: center center;background-size: 100% 100%;
    width: 100%;
    height: 170px; }
.aboutProBox .list .pic img{ position: absolute; left: -100%; width:100%; height:auto; display:block; }
.aboutProBox .list .pName {border-top: 1px solid #e2e2e2;  display:block; font-size:0.95em;   line-height: 40px;color:#000;text-align: center;
overflow:hidden;  text-overflow:ellipsis; white-space:nowrap; *white-space:nowrap;height: 40px;
background: #fff;}
.aboutProBox .list p {display:block;color:#7f7f7f;margin:0.8em 1.4em 0;font-size:13px; line-height: 1.8em; text-align: left;
height: 3.6em;
overflow:hidden;
text-overflow:ellipsis;
display:-webkit-box; 
-webkit-box-orient:vertical;
-webkit-line-clamp:2;}

/*新闻资讯列表*/
.newsList { max-width: 1200px; margin: 0 auto; padding-bottom: 25px;min-height:700px}
.newsList:after { display: block; clear: both; content: "";}
.newsList ul {display:inline-block;width:70%}
.newsList li { display:flex;width:100%}
.newsList .lib {display:flex;height:196px;justify-content:space-between;width:100%;margin-bottom:20px;padding:20px 20px;border-bottom: 1px solid #ECEDEE;}
.newsList .pic { 
    display: block;
    cursor: pointer;
    background: center center no-repeat;
    background-size:cover;
    display: flex;
    align-items: center;
    width: 282px !important;
    border-radius: 4px;
    height: 160px !important;
    overflow: hidden;
}
.newsList .lib .f-1 {
    flex: 1;
}
/*.newsList .lib:hover {*/
    /*box-shadow: 2px 2px 8px 0px #e7e8e9;*/
/*}*/
/*.newsList .lib:hover {*/
/* -moz-box-shadow:0px 5px 10px rgba(0, 0, 0, .16);*/
/* -webkit-box-shadow:0px 5px 10px rgba(0, 0, 0, .16); */
/* box-shadow:0px 5px 10px rgba(0, 0, 0, .16);}*/
.newsList .pic img {width:288px;height:156px;transition:all .5s}
.newsListSearch .pic img {
    width: 100%;
    height: 100%;
}
.newsList .pic img:hover {
    transform: scale(1.08);
}
.newsList .txt {
    text-align: left; 
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    margin-left: 24px;
}
.newsList .date { margin-top: 1.1em; font-size: 0.8em; color: #838383;}
.newsList .nName {
    margin-top: 0.1em;
    margin-bottom: 0.56em;
    overflow: hidden;
    font-size: 18px;
    font-weight: 400;
    color: #111F2C;
    line-height: 1.25em;
    overflow:hidden;
    text-overflow:ellipsis;
    display:-webkit-box; 
    -webkit-box-orient:vertical;
    -webkit-line-clamp:1;
}
.newsList .nName:hover {
    color: #0052D9;
}

.navTab1{
    display: flex;
    justify-content: center;
}
.navTab1 img {
    margin-right: 12px;
    width: 24px;
    height: 24px;
    border: 1px solid #ccc;
}
.navTab1 a{
    width: 160px;
    height: 50px;
    margin: 0 10px;
    background: #F5F8FD;
    border-radius: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.navTab1 a:hover {
    color: #fff;
    box-shadow: 2px 2px 12px 0px rgba(33,83,154,0.2);
    background: linear-gradient(-90deg, #7FB5FF 3%, #297BFF 100%);
}
.navTab1 a:hover p {
    color: #fff;
}
.navTab1 a p{
    font-size: 14px;
    font-weight: 500;
    color: #111111;
    display: flex;
    align-items: center;
}
.navTab1 .cur{
    box-shadow: 2px 2px 12px 0px rgba(33,83,154,0.2);
    background: linear-gradient(-90deg, #7FB5FF 3%, #297BFF 100%);
}

.navTab1 a div{
    width: 24px;
    height: 24px;
    margin-right: 10px;
    background-size: 100% 100%;
}
.navTab1 a:nth-child(1) .cur-img{
    background-image: url('../images/home/companyNews.png');
}
.navTab1 a:nth-child(1):hover .cur-img-two{
    background-image: url('../images/home/companyNews.png');
}
.navTab1 a:nth-child(2) .cur-img{
    background-image: url('../images/home/dryGoodsOne.png');
}
.navTab1 a:nth-child(2):hover .cur-img-two{
    background-image: url('../images/home/dryGoodsOne.png');
}
.navTab1 a:nth-child(3) .cur-img{
    background-image: url('../images/home/IndustryInformationOne.png');
}
.navTab1 a:nth-child(3):hover .cur-img-two{
    background-image: url('../images/home/IndustryInformationOne.png');
}
.navTab1 a:nth-child(1) .cur-img-two{
    background-image: url('../images/home/companyNewsOne.png');
}
.navTab1 a:nth-child(2) .cur-img-two{
    background-image: url('../images/home/dryGoods.png');
}
.navTab1 a:nth-child(3) .cur-img-two{
    background-image: url('../images/home/IndustryInformation.png');
}
.navTab1 .cur p{
    color: #fff;
}
.l-l-news{
    display: flex;
    justify-content: space-between;
    margin: 0 1%;
    color: #999999;
    font-size: 14px;
}
.l-l-news .date1{
    margin: 0;
}



.newsList .newsList_Right p {
    margin-top: 0;
    width: 100%;
    font-size: 14px;
    color: #6D767F;
    line-height: 22px;
    overflow:hidden;
    text-overflow:ellipsis;
    display:-webkit-box; 
    -webkit-box-orient:vertical;
    -webkit-line-clamp:3;
    margin-bottom: 6px;
}
.newsList .btn { display: block; cursor: pointer; font-size: 0.8em; color: #0f2a60; line-height:4.7em; padding-top: 0.1em;}
.newsList .btn span { display: inline-block; padding-right: 1.2em; background: url(../imgs/arrow4.png) right center no-repeat;}

/*新闻资讯详情*/
.main { max-width: 1200px; margin:0;background:#fff;padding:30px 40px 50px 40px;width: 100%;display: flex;}
.main:after { display: block; clear: both; content: "";}

.detailBox { flex: 1; font-size: 13px;  text-align: left; line-height: 24px;}
.detailBox img { max-width: 100%; height: auto !important;
 -moz-box-shadow:0px 0px 16px rgba(0, 0, 0, .1);
 -webkit-box-shadow:0px 0px 16px rgba(0, 0, 0, .1); 
 box-shadow:0px 0px 16px rgba(0, 0, 0, .1);}
 
.side { float: right; width: 280px; text-align: left;}

.side .searchBox { position: relative; z-index: 0; border: 1px solid #d6d6d6; 
-webkit-border-radius:0.5em; 
-moz-border-radius:0.5em;
border-radius:0.5em; padding: 0.7em 3em 0.6em 1em;}
.side .searchBox .input { display: block; width: 100%; line-height: 18px; height: 18px; border: 0; outline-width: 0;}
.side .searchBox .btn { border: 0; outline-width: 0; width: 40px; height: 32px; position: absolute; top: 5px; right: 5px; 
 background: url(../imgs/search2.png) center center no-repeat; cursor: pointer;}
.side .sideNav { margin-top: 1.6em;}
.side .sideNav .tit { color: #000; font-size: 16px; font-weight: bold;background-color:#191970;color:#fff;height:40px;line-height:40px}
.side .sideNav .tit::before{    
    content: "•";
    margin-right: 0.4em;
    font-size: 16px;
    color: #fff;
    margin-left: 0.6em;
    
}
.side .sideNav .list { margin-top: 14px; color: #686868; font-size: 14px;background-color:#f2f2f2}
.side .sideNav a { padding-left: 0.6em; margin-bottom: 1px; height: 3.3em; line-height: 3.3em; display: block; cursor: pointer; color: #686868; border-bottom: 1px solid #d5d5d5;}
.side .sideNav a:last-child{
    border-bottom: 0px solid #d5d5d5;
}
.side .sideNav a::before { content: "•"; margin-right: 0.4em; font-size: 23px; padding-top: 0.5em;  color: #0f2a60;}

.side .box {background:#fff;padding:16px}
.side .box .tit { font-size: 18px;
font-weight: 400;
color: #111111;font-weight: bold;}
.side .box .list { margin-top: 16px;}
.side .box-bottom .list { margin-top: 6px;}
.side .box .list li:after { clear: both; content: ""; display: block;}
.side .box .pic { width:100%;}
.side .box .pic a { overflow: hidden; height: 163px; display: block; width:100%;
 background: center center no-repeat; background-size:cover;}
.side .box .pic img { position: absolute; left: -100%; width:100%; }
.side .box .txt {font-size: 0.8em; line-height: 1.6em;}
.side .box .txt .nName { 
overflow:hidden;
font-size: 16px;
font-weight: 500;
color: #111111;
text-overflow:ellipsis;
display:-webkit-box; 
-webkit-box-orient:vertical;
-webkit-line-clamp:1;
margin: 9px 0;
}
.side .box .txt .pName {
    font-size: 14px;
    font-weight: 400;
    color: #6D767F;
}
.side .box .txt a { color: #3a3a3a;}
.side .box .txt a:hover { color: #0f182a;}
.side .box .txt .date { color: #989898; margin-top: 0.5em; overflow: hidden; white-space:nowrap; *white-space:nowrap; }




/*案例详情*/
.caseDetail { max-width: 1200px; margin: 1.75em auto 4.3em;display:flex;justify-content:space-between}
.caseDetail h1 { line-height: 1.8em; color: #191919; font-size: 2.5em; font-weight: normal;text-align:center}
.caseDetail .con { margin: 1em auto 0; max-width: 1272px; overflow: auto; color: #858585; line-height: 1.8em; font-size: 0.95em;}
.caseDetail .txt { margin: 0 1em;}
.caseDetail .con img { max-width: 100%; height: auto; margin: 0.8em 0 0.4em;}


.Page-change{
    display: flex;
    justify-content: space-between;
}
.Page-change a,.Page-change div {
    color: #111111;
    font-size: 14px;
    line-height: 24px;
}
@media only screen and (max-width:1332px){
.main {margin-left: 1em;margin-right: 1em; }
.newsList ul { margin: 0 ;}
.newsList .lib { margin: 0 3.9%; }
.proTxt { margin-left:2em; margin-right: 2em;}
.prosList ul { margin: 0 0%;}
.prosList .lib { margin: 0 3%; }
.proDetailBox { margin-left: 1em;margin-right: 1em;margin-bottom:0;}
.aboutProBox{ margin-left: 1em;margin-right: 1em;}

.aboutProBox .list ul { margin: 0 -1.3%;}
.aboutProBox .list .lib {margin: 0 3.9% 0;}

.planList ul { margin: 0 1%;}
.planList .lib { margin: 0 3%; }

.caseList ul { margin: 0 1%;}
.caseList .pic { margin: 0 3%;}

.caseDetail .con { margin: 1em 1em 0;}
.caseDetail .txt { margin: 0 3em;}

.messBox {margin-left: 1em;margin-right: 1em;}
.coopBox {margin-left: 2.5%;margin-right: 2.5%;}

.comIntroBox .introCon {margin-left: 1em;margin-right: 1em; height: auto;}
.recruitBox {margin-left: 1em;margin-right: 1em;}
.recruitBox .con {    padding: 0 5% 4.4%}
.ulRgiht {
    margin-left: 1% !important;
}
.prosListLeft {
    display: none;
}
}
@media only screen and (max-width:1110px){
.proDetailBox .picb { float: none; margin-left: auto; margin-right: auto;}
.proDetailBox .picCase { float: none; margin-left: auto; margin-right: auto;}
.proDetailBox .con { margin-right: auto;}
.proDetailBox .conCase { margin-right: auto;}
}
@media only screen and (max-width:768px){
.prosList .lib { margin: 0 3%; }
.banner { height:auto; padding:6em 1em 3em; background-size:cover ;}
.banner h1 { font-size: 2.2em;}
.banner p  { width: auto; margin: 0.2em 30% 0 0; font-size: 0.9em;
 -moz-text-shadow:2px 2px 3px rgba(0, 0, 0, .1); -webkit-text-shadow:2px 2px 5px rgba(0, 0, 0, .1); text-shadow:2px 2px 5px rgba(0, 0, 0, .1);}
.newsList ul li { width: 50%;}	
.navTab { padding: 0 0.5em; display: flex; align-items: center; justify-content: space-around;}
.navTab a {font-size: 0.9em; width: 23%; padding: 0.2em 0 0; line-height: 2.7em;margin:0 }

/*新闻资讯 详情*/
.detailBox { float: none;}
.side { float: none; width: auto;}
.prosListLeft{
    display: none;
}
.product_container{
    width: 100%;
    margin-left: 0;
}
.prosList ul{
    width: 100%;
}

.prosList .txt p{
    height: auto;
}
.prosList div ul li{ width: 100% !important;margin-bottom:28px !important;}
.aboutProBox .list ul li { width: 50%;}

.planList ul li { 
    width: 50%;
    
}
.planList .lib{
    padding: 0 0 1em;
}
.planList{
    margin: 0.75em auto 0em;
}
.planBtn{
    width: 100px;
    font-size: 12px;
    margin-top: 0;
}
.planList .cName{
    font-size: 16px;
    margin: 0.5em 1.5em;
}
.planList p{
    margin: 1em 1em;
}

.messBox .conL,.messBox .conR { float: none; width: auto;}
.coopBox .conL,.coopBox .conR  { float: none; width: auto;}
 
/*企业介绍*/
.comIntroBox .introCon .pic { float:none; width: auto;}
.comIntroBox .introCon .txt { position: static; margin: 0; width: auto; padding: 0; display: block;}
.comIntroBox .introCon .txtc { margin-top: 13%; margin-bottom: 13%; min-height: auto; max-height:none; overflow:inherit;
text-overflow:inherit; height: auto; display: block;
}
.comIntroBox .list li { width: 50%;}
.swiper-com-intro {width: 100%;height:auto;}
.swiper-com-intro .swiper-slide { padding-top: 72%;	 height: 0;}

.swiper-com-intro .button-next { width: 2rem; height: 3.2rem; font-size: 3.6em;
    line-height: 1em;margin-top: -1.2rem;}

.swiper-com-intro .button-prev { width: 2rem; height: 3.2rem; font-size: 3.6em;
    line-height: 1em; margin-top: -1.2rem; }
.aboutBox .txt { margin-left: 6%; margin-right: 6%;}

.recruitBox dl.dlL { float: none; width: auto;}
.recruitBox dl.dlR { float: none; width: auto}
.recruitBox dd.ddL { float: none; width: auto}
.recruitBox dd.ddR { float: none; width: auto}
}
@media only screen and (max-width:767px){
.info .showDetails {
    height: 50px;
    line-height: 50px;
}
.proDetailBox .proTable table {
    font-size: 14px;
}
.preNext {
    padding: 0 10px;
}
.proDetailBox .proTable table td {
    padding: 0.3em 0.8em;
}
.proDetailBox .proTable table tr:first-child td:first-child {
    font-size: 18px;
}

.newsList .lib .f-1 {
    margin-left: 0;
}
    
.prosList .info { display: block; }
.prosList .pic { display: block;}
.prosList .pic img  { display: block;  height: auto;}
.prosList .txt {  display: block;
    width: 100%;
    height: 100px;
    padding-left: 0;
    flex:1.5;
    line-height: 1.6rem;
    color:#585858;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    text-overflow:ellipsis;
    -webkit-line-clamp: 6;
     overflow: hidden;
}
.caseList ul li { width: 50%;}
    /* 新闻资讯*/
    .newsList{
        flex-direction: column;
        min-height: 300px;
    }
    .navTab1{
        flex-direction: initial;  
        margin-top: 0.25em;
    }
    .navTab1 a p{
        height: 35px;
        flex: 1;
        justify-content: center;
        font-size: 13px;
        font-weight: 400;
    }
    .navTab1 a div {
        width: 16px;
        height: 16px;
        margin-right: 0px;
    }
    .navTab1 a{
        width: 110px;
        margin: 0 auto;
    }
    .newsList ul li{
        width: 100%;
        margin-top: 1.5em;
    }
    .newsList ul {
        width: 100%;
    } 
    .newsList >div:last-child{
        width: auto !important;
    }
    .navTab1 {
        position: static !important;
    }
    .caseDetail .txt {
        margin: 0;
    }
    .caseDetail >div {
        width: 100%;
    }
    .caseDetail >div >img {
        width: 100%;
    }
    .caseDetail {
        margin-bottom: 0px;
    }
    .Page-change {
        margin: 16px 0 0 0;
    }
}
@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) {
    .prosListLeft {
        display: block;
    }
}