

.Banner { position: relative; }
.Banner .rslides .img { display: block; height: auto; float: left; width: 100%; border: 0; }
.Banner .rslides li {  -webkit-backface-visibility: hidden; position: absolute; display: none; width: 100%; }
.Banner .rslides li:first-child { position: relative; display: block; float: left; }
.Banner .rslides { position: relative; overflow: hidden; width: 100%; padding: 0; margin: 0; }
.Banner .slide .img { display: block; position: relative; z-index: 1; height: auto; width: 100%; border: 0; }
.Banner .slide li { position: absolute; width: 100%; }
.Banner .slide li .slider {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  position: absolute;
  bottom: 0px;
  left: 0px;
  font-size: 16px;
  padding: 0 15% 0 5%;
  width: 80%;
  color: #ffffff;
  height: 60px;
  line-height: 60px;
  z-index: 2;
  background: -webkit-linear-gradient(top,rgba(0,0,0,.1), rgba(0,0,0,.6)); /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(top,rgba(0,0,0,.1), rgba(0,0,0,.6)); /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(top,rgba(0,0,0,.1), rgba(0,0,0,.6)); /* Firefox 3.6 - 15 */
  background: linear-gradient(top,rgba(0,0,0,.1), rgba(0,0,0,.6)); /* Ã¦Â â€¡Ã¥â€¡â€ Ã§Å¡â€žÃ¨Â¯Â­Ã¦Â³â€¢ */
  *
  background:url(/jwc/images/zxjx20200219/sliderBG.png) repeat-x;
  }
.Banner .slide li a .img{width: 100%;display: block;height:0;padding-bottom: 63.25%;overflow: hidden;}
.Banner .slide li a img{ width: 100%; }
.Banner .slide { position: relative; list-style: none; overflow: hidden; width: 100%; padding: 0; margin: 0; }
.Banner .slide_container { position: relative;  width: 100%;overflow:hidden; }
.Banner .slide_nav { position: absolute; top: 45%;  opacity: 0.7; z-index: 3; text-indent: -9999px; overflow: hidden; height: 43px; width: 29px; /* background:url(/jwc/images/zxjx20200219/lf.png) no-repeat left top; */  }
.Banner .slide_tabs li a{ width: 12px; height: 12px; background:#ffffff;   display: inline-block;  text-indent:-999em;}
.Banner .slide_tabs li.slide_here a { background:#d53717;  width:12px;height:12px; }
.Banner .slide_tabs li{width:10px;height:10px; display: inline; margin:0 8px 0 0;  color:#fff;}
.Banner .slide_tabs{position:absolute;z-index: 10; bottom:30px; width: auto; text-align: center; right: 10px; bottom: 20px; }



.content{padding-bottom: 27px;}

.mode01 { max-width: 1200px; margin: 20px auto; overflow: hidden; }
.mode01 .lf {width: 57%;float: left;}
.mode01 .rt {width: 41.28%;float: right;}
.r_list {padding: 20px 28px;background: #fff;}
.r_list dt { padding: 0 0 15px 0;margin: 0 0 10px 0; border-bottom: 1px solid #ffffff; line-height: 30px;max-height: 60px;overflow: hidden;}
.r_list dt a {font-size: 22px;/* color: #ffffff; */font-weight: bold;height: 62px;overflow: hidden;display: block;}
.r_list dd { margin: 0 0 20px 0; }
.r_list dd a {font-size: 16px;/* color: #ffffff; */line-height: 24px;height: 48px;overflow: hidden;display: block;}
.r_list p { text-align: right; }
.r_list p a {font-size: 16px;/* color: #ffffff; */}

.mode02 { max-width: 1200px; margin: 20px auto; overflow: hidden; }
.mode02 .lf {width: 49%;float: left;}
.mode02 .rt {width: 49%;float: right;}
.work {position: relative;margin: 22px 0 0 0;}
.workIn {padding: 48px 30px 10px;background: #ffffff;}
.work .title {overflow: hidden;width: 100%;left: 0;position: absolute;top: -21px;/* margin-bottom:  10px; */}
.work .title h2 {width: 150px;text-align: center;height: 50px;line-height: 50px;background: #ea0016;/* left: 0px; *//* float:  left; *//* margin-left: 30px; */}
.work .title h2 a { font-size: 20px; color: #ffffff; }
.work dl dt {  overflow: hidden; }
.work dl dt a { font-size: 18px; font-weight: bold;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;display: block;}
.work dl dd { border-top: 1px dashed #e1e1e1; overflow: hidden;padding-top: 10px }
.work dl dd a { font-size: 18px; }

.mode03 { max-width: 1200px; margin: 20px auto ; overflow: hidden; }
.mode03 .lf {width: 49%;float: left;}
.mode03 .rt {width: 49%;float: right;}
.work_con ul { margin: 20px 0 0 0; }
.work_con ul li { margin: 0 0 10px 0; height: 72px; overflow: hidden; }


.list02 li{background: #f1f1f1;font-size: 16px;line-height: 24px;height: 48px}



.work .title a.more{font-size: 14px;color:#666;float: right;margin-top: 30px;margin-right: 30px;}


.mode01 { max-width: 1000px; }
.r_list dt a { font-size: 20px; }
.r_list dt { padding: 0 0 8px 0; margin: 0 0 7px 0; }
.r_list dd { margin: 0 0 14px 0; }
.r_list p a { font-size: 14px; }
.mode02 { max-width: 1000px; }
.work .title a { font-size: 18px; }
.work dl dd a,.work dl dt a  { font-size: 15px;display: block;height: 24px;line-height: 24px; overflow: hidden;margin-bottom: 6px }
.work dl dd a{padding: 0 0 0 17px; background:url(/jwc/images/zxjx20200219/sub_li.png) no-repeat left center;}
.work dl span{float: right;font-size: 14px;color:#999;margin-left: 10px;margin-top: 3px}
.work dl p{font-size: 12px;color:#666;height: 34px;line-height: 17px;overflow: hidden;margin-bottom: 7px}
.Banner .slide li .slider { font-size: 14px; }
.mode03 { max-width: 1000px; }
.footer { font-size: 12px; }



/* CSS Document */
@media screen  and (max-width:1023px) {
.content { padding: 0 15px; }
.mode01 .lf { width: 100%; float: none; }
.mode01 .rt { width: 100%; float: none; margin: 30px 0 0 0; }
.mode02 .lf { width: 100%; float: none; }
.mode02 .rt { width: 100%; margin: 15px 0 0 0; }
.mode03 .lf { width: 100%; float: none; }
.mode03 .rt { width: 100%; float: none; margin: 45px 0 0 0; }
.work_con ul li { height: auto;  }
.work_con ul li img { width: 100%; }
.r_list dt a { font-size: 18px; }
.r_list dd a { font-size: 12px; }
.work dl dd a { font-size: 14px; }
.work dl dt a { font-size: 14px; }
}





@media screen  and (max-width:768px) {

}




