.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 {position: absolute; bottom: 0px; left: 0px; font-size: 16px; padding: 0 5%; width: 90%; color: #ffffff; height: 66px; line-height: 60px;  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)); /* 标准的语法 */ }
.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(../images/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; bottom:30px;z-index:999; width: auto; text-align: center; right: 10px; bottom: 20px; }





.mode01 { max-width: 1200px; margin: 20px auto; overflow: hidden; }
.mode01 .lf { width: 57%; float: left; }
.mode01 .rt { width: 41.67%; float: right; }
.r_list { padding: 20px 28px; background: #1046a0; }
.r_list dt { padding: 0 0 15px 0;margin: 0 0 10px 0; border-bottom: 1px solid #ffffff; line-height: 30px; }
.r_list dt a { font-size: 22px; color: #ffffff; font-weight: bold; }
.r_list dd { margin: 0 0 20px 0; }
.r_list dd a { font-size: 16px; color: #ffffff; line-height: 24px; }
.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: 57%; float: left; }
.mode02 .rt { width: 41.67%; float: right; }
.work {  position: relative; margin: 30px 0 0 0; }
.workIn { padding: 30px 30px 10px; background: #ffffff; }
.work .title { position: absolute; top: -30px; width: 150px; text-align: center; height: 60px; line-height: 60px; background: #c00603; left: 0px; }
.work .title a { font-size: 20px; color: #ffffff; }
.work dl dt { height: 49px; line-height: 49px; overflow: hidden; }
.work dl dt a { font-size: 18px; font-weight: bold; }
.work dl dd { height: 49px; line-height: 49px; border-top: 1px dashed #e1e1e1; overflow: hidden; }
.work dl dd a { font-size: 18px; }

.mode03 { max-width: 1200px; margin: 20px auto; overflow: hidden; }
.mode03 .lf { width: 57%; float: left; }
.mode03 .rt { width: 41.67%; float: right; }
.work_con ul { margin: 20px 0 0 0; }
.work_con ul li { margin: 0 0 10px 0; height: 72px; overflow: hidden; }








@media screen  and (max-width:1386px) {
.mode01 { max-width: 1000px; }
.r_list dt a { font-size: 20px; }
.r_list dd a { font-size: 14px; }
.r_list dt { padding: 0 0 8px 0; margin: 0 0 7px 0; }
.r_list dd { margin: 0 0 5px 0; }
.r_list p a { font-size: 14px; }
.mode02 { max-width: 1000px; }
.work .title a { font-size: 18px; }
.work dl dt a { font-size: 16px; }
.work dl dd a { font-size: 16px; }
.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: 15px 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) {

}