ul.listBox{ padding:0 0 0 0;}
ul.listBox .con{position:relative; width:100%;  }
ul.listBox li{transition: all .5s; -webkit-transition: all .5s;  -moz-transition: all .5s; }
ul.listBox li:hover{ background:#fff;  box-shadow: 1px 1px 20px #cacaca;transition: all .5s; -webkit-transition: all .5s;  -moz-transition: all .5s;}
ul.listBox li .articleBox{padding:1.5vh 0; border-bottom:#cfcfcf solid 1px; position:relative}
/* ul.listBox li .leftItem{ width:50%;height:100%; float:left; text-align:center; } */
/* ul.listBox li .leftItem .Img{ position:absolute; top:50%; left:25%; width:40%; height:auto;transform: translate(-50%, -50%); text-align:center;transition: all .5s; -webkit-transition: all .5s;  -moz-transition: all .5s;}*/
ul.listBox li .leftItem .Img img{ width:100%; height:auto; max-width:120px;}

ul.listBox li .leftItem .Img .img01{ display:inline-block}
/* ul.listBox li:hover .leftItem .Img .img01{display:none;} */

ul.listBox li .leftItem .Img .img02{display:none}
/* ul.listBox li:hover .leftItem .Img .img02{display:inline-block} */
ul.listBox li .leftItem .Img h4{padding:2vh 0; font-size:1.6vw; font-weight:normal; color:#3f3e3e;transition: all .5s; -webkit-transition: all .5s;  -moz-transition: all .5s;}
ul.listBox li .rightTxt{ width:100%; float:right; padding:0 0 2.5vh 0; text-align:left; }
ul.listBox li .rightTxt .bgHeight{ height:15vh;}
ul.listBox li .rightTxt .txtBox{ }
ul.listBox li .rightTxt h5{ line-height:100%; margin:3vh 0 1.5vh 0; color:#333; font-weight:700}
ul.listBox li .rightTxt p{ line-height:200%; color:#686868;}
ul.listBox li .rightTxt .downBox{ margin:2vh 0 0;}
ul.listBox li .rightTxt p a{ text-decoration:underline}
ul.listBox li .rightTxt p i{ padding:0 0 0 .5vw}
/* ul.listBox li:hover  .leftItem .Img h4{color:#cf1a20;transition: all .3s; -webkit-transition: all .3s;  -moz-transition: all .3s;} */
ul.listBox li:hover .rightTxt p{color:#3f3e3e;}

.moreItem{ width:100%; height:20vh; position:relative;background:#036}
.readBtn{  z-index:11;font-size:0.7vw; color:#686868; margin:20px 0;border:#bebebe solid 1px; line-height:200%; padding:0 1.5vw; border-radius:2px; display:inline-block;transition: all .3s; -webkit-transition: all .3s;  -moz-transition: all .3s;}
.readBtn i{ padding:0 0 0 .5vw;}
.readBtn:hover{color:#cf1a20;border:#cf1a20 solid 1px; box-shadow: 1px 1px 20px #cacaca;transition: all .3s; -webkit-transition: all .3s;  -moz-transition: all .3s;}

.moreBtn{ margin:5vh 0 0;   text-align:center; display:inline-block;}
.moreBtn a{padding:1.0vh 2vw; background:none;border:#cf1a20 solid 1px; color:#cf1a20;  border-radius:3px;display:block;transition: all .3s; -webkit-transition: all .3s;  -moz-transition: all .3s;}
/* .moreBtn a:hover{padding:1.0vh 2vw; color:#FFF;  background:#cf1a20;border:#cf1a20 solid 1px; display:block; box-shadow: 1px 1px 20px #cacaca;transition: all .3s; -webkit-transition: all .3s;  -moz-transition: all .3s;} */
.moreBtn i{ padding:0 0 0 .5vw;}

.readall_box { width:100%; height:20vh; z-index: 9999; text-align: center; margin-top:-20vh}

.readMask { display:block;position:absolute; left:0; bottom:30px;width:100%; height:20vh; background: linear-gradient(to bottom, rgba(255,255,255,0), rgba(255,255,255,1));  z-index:99; }
.readMask.is-visible { display:none;}
@media (min-width: 769px) and (max-width: 1320px){

ul.listBox li .leftItem .Img h4{font-size:18px;}

}
@media (max-width: 768px) {


.maill {border-bottom:#3f3e3e solid 1px; width:100%; text-align:left; padding-bottom:10px }
.maill h1{ line-height:200%; font-size:14px;}
.maill p{ line-height:150%;font-size:12px;}

ul.listBox{ padding:10px 0;}
ul.listBox .con{position:relative; width:100%; height:100%; }
ul.listBox li{ transition: all .5s; -webkit-transition: all .5s;  -moz-transition: all .5s; }
/* ul.listBox li:hover{ background:#fff;  transition: all .5s; -webkit-transition: all .5s;  -moz-transition: all .5s;} */
ul.listBox li .newsBorder{padding:10px 0; border-bottom:#cfcfcf solid 1px;}
ul.listBox li .leftItem{ width:100%; height:auto; float:none; text-align:center; }
ul.listBox li .leftItem .Img{ position:static; width:100%; height:auto; text-align:left;transform: translate(0, 0);}
ul.listBox li .leftItem .Img img{ display:none;}

ul.listBox li .leftItem .Img .img01{ display:none}

ul.listBox li .leftItem .Img .img02{display:none}
ul.listBox li .leftItem .Img h4{padding:0 0; font-size:14px; color:#3f3e3e;transition: all .5s; -webkit-transition: all .5s;  -moz-transition: all .5s;}
ul.listBox li .rightTxt{ width:100%; float:none; padding:0 0 10px 0; text-align:left; display:inline-block;}
ul.listBox li .rightTxt h5{ line-height:100%; font-size:14px;margin:10px 0; color:#000000;}
ul.listBox li .rightTxt p{ line-height:200%; color:#3f3e3e;}

/* ul.listBox li:hover  .leftItem .Img h4{color:#cf1a20;transition: all .5s; -webkit-transition: all .5s;  -moz-transition: all .5s;}
ul.listBox li:hover h5{color:#000000;}
ul.listBox li:hover .rightTxt p{color:#3f3e3e;} */
/*-------E-产品研发人员--------*/
.readBtn{  z-index:11;font-size:12px; color:#686868; margin:20px 0;border:#bebebe solid 1px; line-height:200%; padding:2px 20px; border-radius:2px; display:inline-block;transition: all .3s; -webkit-transition: all .3s;  -moz-transition: all .3s;}
.readBtn i{ padding:0 0 0 5px;}
.readBtn:hover{color:#cf1a20;border:#cf1a20 solid 1px; box-shadow: 1px 1px 20px #cacaca;transition: all .3s; -webkit-transition: all .3s;  -moz-transition: all .3s;}

.moreBtn{ margin:30px 0 0;   text-align:center; display:inline-block;}
.moreBtn a{ font-size:14px;padding:10px 20px; background:none;border:#cf1a20 solid 1px; color:#cf1a20;  border-radius:3px;display:block;transition: all .3s; -webkit-transition: all .3s;  -moz-transition: all .3s;}
.moreBtn a:hover{padding:10px 20px; color:#FFF;  background:#cf1a20;border:#cf1a20 solid 1px; display:block; box-shadow: 1px 1px 20px #cacaca;transition: all .3s; -webkit-transition: all .3s;  -moz-transition: all .3s;}
.moreBtn i{ padding:0 0 0 5px;}
}