@charset "utf-8";/* CSS Document */
/* css 重置 */
*{margin:0; padding:0; list-style:none; }
body{ background:#fff; font:normal 12px/22px 宋体;  }
img{ border:0;  }
.slideGroup a{ text-decoration:none; color:#333;  }
.slideGroup a:hover{ color:#1974A1;  }
.js{width:90%; margin:10px auto 0 auto; }
.js p{ padding:5px 0; font-weight:bold; overflow:hidden;  }
.js p span{ float:right; }
.js p span a{ color:#f00; text-decoration:underline;   }
.js textarea{ height:100px;  width:98%; padding:5px; border:1px solid #ccc; border-top:2px solid #aaa;  border-left:2px solid #aaa;  }

/* 本例子css */
.slideGroup{ width:716px; border:1px solid #ddd; text-align:left; height:170px; margin-right:15px}
.slideGroup .parHd{ height:30px; line-height:30px; background:#f4f4f4; padding:0 20px; border-bottom:1px solid #ddd;  position:relative;  }
.slideGroup .parHd ul{ float:left; position:absolute; left:20px; top:-1px; height:32px;   }
.slideGroup .parHd ul li{ float:left; padding:0 15px; cursor:pointer;  }
.slideGroup .parHd ul li.on{ height:30px;  background:#fff; border:1px solid #ddd; border-bottom:2px solid #fff; }
.slideGroup .parBd{ padding:10px; zoom:1;  }
.slideGroup .slideBox{ overflow:hidden; zoom:1; }

.slideGroup .sPrev,.slideGroup .sNext{ display:block; width:30px; height:90px; float:left;  border:1px solid #ddd; background:url(../images/icoLeft.gif) center center no-repeat #f4f4f4; }
.slideGroup .sNext{ background:url(../images/icoRight.gif) center center no-repeat #f4f4f4;  }
.slideGroup .sPrev:hover,.slideGroup .sNext:hover{ border-color:#f60;  }
.slideGroup .parBd .tempWrap{ float:left;  }
.slideGroup .parBd ul{ overflow:hidden; zoom:1; float:left;  }
.slideGroup .parBd ul li{ margin:0 8px; float:left; _display:inline; overflow:hidden; text-align:center;  }
.slideGroup .parBd ul li .pic{ text-align:center; }
.slideGroup .parBd ul li .pic img{ width:135px; height:90px; display:block;  padding:2px; border:1px solid #ccc; }
.slideGroup .parBd ul li .pic a:hover img{ border-color:#999;  }
.slideGroup .parBd ul li .title{ line-height:24px;font:normal 12px/22px 宋体;   }

/* Banner组件 */
.m-banner { position: relative; background: #eee; }
.m-banner .dots { position: absolute; left: 0; bottom: 0; width: 100%; text-align: center; font-size: 0; }
.m-banner .dots li { display: inline-block; margin: 0 6px 10px; width: 26px; height: 6px; border-radius: 20px; background-color: rgba(0, 0, 0, 0.5); cursor: pointer; -webkit-transition: height ease .3s; transition: height ease .3s; }
.m-banner .dots .on { background-color: #fff; }
.m-banner .dots:hover li { height: 10px; }
.m-banner .slide-wrap { position: relative; z-index: 0; }
.m-banner .sl-item {position: relative;}
.m-banner .sl-item img{width:100%;}
.m-banner .sl-item a { display: block; height: 100%; background-position: 50% 50%; background-repeat: no-repeat; background-size: cover; }
.m-banner .prev, .m-banner .next { position: absolute; top: 50%; width: 50px; height: 50px; background-color: rgba(0, 0, 0, 0.2); -webkit-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: all ease-out .3s; transition: all ease-out .3s; opacity: 0; }
.m-banner .prev:hover, .m-banner .next:hover { background-color: #185a9b; }
.m-banner .prev { left: 50px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAMCAYAAACulacQAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkUwQkY3NzA0QzJCOTExRTdBMTk2OENFQjAzMjIxNjJBIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkUwQkY3NzA1QzJCOTExRTdBMTk2OENFQjAzMjIxNjJBIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6RTBCRjc3MDJDMkI5MTFFN0ExOTY4Q0VCMDMyMjE2MkEiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6RTBCRjc3MDNDMkI5MTFFN0ExOTY4Q0VCMDMyMjE2MkEiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7nj33nAAAAbUlEQVR42mL4//8/Axa8FYg/Y5NY/x8CLqNLbIRK7ADx0Y36D9XJgCy5CyqxCtkkEHEJKjEJ3X4mBgYGXgYI+M6ADoAq2IH4MFT3AnRjYXg/VMEibJIgvBeqYB02SQaoH0HgBAOO4ANZ8RMgwACM5wBTVSTU3gAAAABJRU5ErkJggg==) no-repeat 50% 50%; }
.m-banner .next { right: 50px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAMCAYAAACulacQAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkU2NEZERjc0QzJCOTExRTdCQUNGQUVDMEE3MEVENEU0IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkU2NEZERjc1QzJCOTExRTdCQUNGQUVDMEE3MEVENEU0Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6RTY0RkRGNzJDMkI5MTFFN0JBQ0ZBRUMwQTcwRUQ0RTQiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6RTY0RkRGNzNDMkI5MTFFN0JBQ0ZBRUMwQTcwRUQ0RTQiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6bVaH6AAAAgklEQVR42mL4////VSA+DcTCQMyAjEHEmv8QcA2IBdElQbgdiP8B8QUglkKXBOEmqAkPYFYwoNnTAFVwC4iV0CVBOAqq4AMTAyb4CqU50HWVQx32EIjVkSVKoMY9B2IZZAdVAfFfIL4JxHLIXlkM1XEPiMXRA+EOEF8GYkl0lwMEGAAumADUX+czzgAAAABJRU5ErkJggg==) no-repeat 50% 50%; }
.m-banner:hover .prev, .m-banner:hover .next { opacity: 1; }
.g-main { padding-top: 25px; }