.banner { width: auto; height: auto; text-align: center; position: relative;margin:100px auto 0 auto;}
.rslides { width: 100%; position: relative; list-style: none; padding: 0 }
.rslides img{z-index: 1;}
.rslides .txt{position: absolute; z-index: 10; background: rgba(0,0,0,0.5); width:360px; padding:1rem 2.3rem 2.3rem 2.3rem; right:10%; top:25%; color:#fff;}
.rslides .txt h4{font-size:2rem; line-height: 2.2; letter-spacing: 0.3rem;}
.rslides .txt p{font-size:1rem; line-height: 1.6; letter-spacing: 0.1rem;}
.rslides_nav { width: 60px; height: 60px; border-radius: 50%; position: absolute; text-indent: -10em; overflow: hidden; top: 45%; opacity: 0 }
.rslides_nav.prev { background: url(../images/superprev.png) center center no-repeat rgba(0,0,0,0.3); left: 2%; }
.rslides_nav.next { background: url(../images/supernext.png) center center no-repeat rgba(0,0,0,0.3); right: 2% }
.banner:hover .rslides_nav { opacity: 1 }
.rslides_nav:hover { background-color: rgba(0,0,0,0.7) }
.rslides_tabs { position: absolute; left: 50%; margin-left: -20px; bottom: 10px; text-align: center; z-index: 9998; }
.rslides_tabs li { display: inline; float: none; _float: left; *float:left;
margin-right: 5px }
.rslides_tabs a { width: 8px; height: 8px; background: #999; text-indent: -5em; display: inline; overflow: hidden; display: block; float: left; margin-left: 10px; border-radius: 50%; }
.rslides_tabs .rslides_here a { background: #c80000; width: 15px; height: 15px; margin-top: -3px }
.highlight { color: red }
.msgTable td { padding: 5px; font-size: 14px }
.msgTable input[type="text"], .msgTable textarea { border: 1px solid #ccc; padding: 3px; border-radius: 3px }
.ajaxMsg { color: #000122 }
.ajaxMsg img { margin-top: -3px; }
.msgTable .submit { background: #ff6c00; color: #fff; border-radius: 3px; padding: 5px 10px; border: 0; cursor: pointer;  }

.banner{ position: relative;width:100%; max-width:1920px; margin:100px auto 0 auto}
.banner .hd.PicPage{ width: 100%;height:0;margin: 0}
.banner .hd.PicPage a{ display: block;width: 60px; height: 60px; border-radius: 50%;position: absolute; top:70%;text-indent: -10em; overflow: hidden;margin-top:-10%;opacity: 0 ;cursor: pointer;}
.banner .hd.PicPage .prev:hover{background: url(../images/superprev.png) center center no-repeat rgba(0,0,0,0.7); left: 2%;}
.banner .hd.PicPage .next:hover{background: url(../images/supernext.png) center center no-repeat rgba(0,0,0,0.7); right: 2%;}
.banner .hd.PicPage ul{margin-top:-30px;}
.banner .hd.PicPage ul li{float:left;width: 40px; height:2px;border-radius:0; background: #fff; opacity: 1; margin: 0 10px 0 0; padding: 0}
.banner .hd.PicPage ul li.on{ background: #e60012;}
.banner .hd.PicPage .prev{background: url(../images/superprev.png) center center no-repeat rgba(0,0,0,0.3); left: 2%;}
.banner .hd.PicPage .next{background: url(../images/supernext.png) center center no-repeat rgba(0,0,0,0.3); right: 2%;}
.banner:hover .hd.PicPage a { opacity: 1 }
.banner:hover .hd.PicPage a:hover { background-color: rgba(0,0,0,0.7) }
.bannerWrap ul li{width:100%; position: relative}


.colPro{padding:20px 0 0 0}
.colPro .colPro1{width:280px; height:300px; float:left; position: relative;border: solid 1px #ddd;}
.colPro .colPro1 .hd.PicPage ul{ display: none}
.colPro .colPro2{width:600px; height:300px;float:left; margin: 0 18px;}
.colPro1Wrap,.colPro1Wrap ul li{width:280px; height:300px;position: relative;}
.colPro1Wrap ul li p{position:absolute; z-index: 1; left:0; bottom:10px; width: 130px; height: 30px; padding-left:20px;text-align: left; line-height: 30px;font-size: 1rem; color:#fff; background:rgba(0,0,0,0.6)}
.colPro1,.colPro2,.colPro3{-webkit-transition: all 0.3s ease; /* Safari and Chrome */ -moz-transition: all 0.3s ease; /* Firefox */ -ms-transition: all 0.3s ease; /* IE 9 */ -o-transition: all 0.3s ease; /* Opera */ transition: all 0.3s ease;}
.colPro1:hover,.colPro2:hover,.colPro3:hover{box-shadow:0 10px 20px 0 rgba(0,0,0,.3);transform:translate3d(0,-10px,0);transition:all .3s cubic-bezier(.55,0,.1,1))}

.colDK{padding:20px 0 0 0}
.colDK ul{width:1220px; }
.colDK ul li{float:left;margin-right:20px; width: 590px;}

.colFour{padding:20px 0 20px 0}
.colFour ul{width:1220px; }
.colFour ul li{float:left;margin-right:20px; width: 285px;overflow: hidden;}
.colFour ul li img{height: 285px; width:auto;}

.indBox .ImgBox img {display:block;}
.indBox:hover .ImgBox img { -webkit-transform: scale(1.2); /* Safari and Chrome */ -moz-transform: scale(1.2); /* Firefox */ -ms-transform: scale(1.2); /* IE 9 */ -o-transform: scale(1.2); /* Opera */ transform: scale(1.2); opacity: 1; }
.indBox .txt{padding:8px 20px 20px 20px; border: solid 1px #ddd;border-top:0; position: relative; overflow: hidden;margin-top:-5px;}
.indBox .txt:after{content:"";position: absolute; z-index: 0; width:100%; height:100%;background:#e60012;right:100%; top:0}
.indBox .txt h4,.indBox .txt p{z-index: 1; position: relative;}
.indBox .txt h4{font-size: 1.15rem;line-height: 2;color:#000122; }
.indBox .txt p{font-size: 0.8rem;line-height: 1.5;color:#000122;text-align: justify; word-wrap: break-word; word-break: break-word; line-height: 1.8; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;}
.indBox .txt p a{color:#000122;}
.indBox .txt p a:after{content:"";width:1px; height:10px; margin: 0 10px; display: inline-block; background: #777}
.indBox .txt p a:nth-last-child(1):after{display: none}
.indBox:hover{box-shadow:0 5px 15px rgba(45,50,55,.2);-webkit-transform:translateY(-5px);-moz-transform:translateY(-5px);-o-transform:translateY(-5px);-ms-transform:translateY(-5px);transform:translateY(-5px)}
.indBox:hover .txt h4,.indBox:hover .txt p,.indBox:hover .txt p a{color:#fff;}
.indBox:hover .txt p a:after{background:#fff;}
.indBox:hover .txt:after{right:0;}
.indBox:hover .txt p a:hover{text-decoration:underline;}