/* LESS Document */
@charset "utf-8";
/*常用的注释*/
body {
  margin: 0;
  font-family: "Arial", "Helvetica", "sans-serif", "微软雅黑";
  font-size: 12px;
}
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
fieldset,
input,
textarea,
blockquote,
p,
table,
th,
td {
  padding: 0;
  margin: 0;
  text-decoration: none;
  list-style-type: none;
  font-weight: normal;
}
a,
a:link,
a:hover,
a:visited,
a:active {
  text-decoration: none;
  cursor: pointer;
}
img {
  display: block;
  border: none;
}
textarea {
  resize: none;
}
input,
button,
select,
textarea {
  margin: 0;
  padding: 0;
  border: none;
  outline: none;
  font-family: "ts01";
  font-family: "Arial", "Helvetica", "sans-serif", "微软雅黑";
}
input[type="button"],
button,
input[type=submit] {
  cursor: pointer;
}
em,
i {
  list-style: none;
  font-weight: normal;
  font-style: normal;
}
/*常用的css样式*/
.fl {
  float: left;
}
.fr {
  float: right;
}
.clear {
  zoom: 1;
}
.clear:after {
  clear: both;
  width: 0;
  height: 0;
  content: "";
  display: block;
  zoom: 1;
}
/*.............顶部................*/
.top .top-content {
  width: 1200px;
  margin: 0 auto;
}
.top .top-content .logo {
  float: left;
  line-height: 80px; margin-left: 16px;
}
.top .top-content .logo img {
  display: inline-block;
  vertical-align: middle;
 display: inline;
  max-height: 100%;
}
.top .top-content .nav {
  float: right;
}
.top .top-content .nav .ul .nLi {
  padding-top: 30px;
  float: left;
  font-size: 16px;
  color: #666666;
  height: 50px;
  position: relative;
}
.top .top-content .nav .ul .nLi span {
  display: block;
}
.top .top-content .nav .ul .nLi span a {
  padding: 0 30px;
  color: #666666;
}
.top .top-content .nav .ul .nLi .sub {
  z-index: 10;
  display: none;
  position: absolute;
  top: 50px;
  left: 50%;
  margin-left: -55px;
  padding: 0 0 15px 0;
  width: 110px;
  background: url(../../img/nav-bg-bottom.png) no-repeat bottom center;
}
.top .top-content .nav .ul .nLi .sub .sj {
  height: 10px;
  width: 100%;
  background: url(../../img/down-triangle01.png) no-repeat bottom center;
}
.top .top-content .nav .ul .nLi .sub ul {
  margin-top: 5px;
  padding-top: 15px;
  background: url(../../img/nav-bg-top.png) no-repeat top center;
}
.top .top-content .nav .ul .nLi .sub ul li {
  padding: 0 10px;
  overflow: hidden;
  text-align: center;
  text-overflow: ellipsis;
  white-space: nowrap;
  line-height: 25px;
  font-size: 14px;
  background: url(../../img/nav-bg-mid.png) repeat-y;
}
.top .top-content .nav .ul .nLi .sub ul li a {
  color: #555;
}
.top .top-content .nav .ul .nLi .sub ul li a:hover {
  color: #12dba1;
}
.top .top-content .nav .ul .on span a {
  color: #12dba1;
}
/*.............banner................*/
.banner {
  min-height: 350px;
  max-height: 100%;
  min-width: 1200px;
  max-width: 100%;
  overflow: hidden;
  position: relative;
}
.banner .hd {
  position: absolute;
  bottom: 20px;
  left: 0;
  width: 100%;
  height: 16px;
  text-align: center;
  z-index: 10;
}
.banner .hd ul {
  display: inline-block;
  overflow: hidden;
}
.banner .hd ul li {
  cursor: pointer;
  float: left;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  text-indent: -9999px;
  background-color: #FFFFFF;
  margin-left: 10px;
}
.banner .hd ul li:first-child {
  margin-left: 0;
}
.banner .hd ul .on {
  background-color: #2C96DD;
}
.banner .bd {
  position: relative;
  z-index: 0;
  height: 100%;
}
.banner .bd ul li {
  zoom: 1;
  vertical-align: middle;
}
.banner .bd ul li a img {
  display: block;
  width: 100%;
}
.small-banner {
 min-height: 260px;
  max-height: 100%;
  min-width: 1200px;
  max-width: 100%;
  background-position: center;
  background-repeat: no-repeat;
 
}
/*.............底部................*/
.foot{min-height: 350px;
  max-height: 100%;
  min-width: 1200px;
  max-width: 100%;
  overflow: hidden;
  position: relative; }

.foot .foot-content {
  width: 1200px;
  margin: 0 auto;
}
.foot .foot1 {
  background-color: #323232;
  font-size: 14px;
  line-height: 18px;
  color: #e2e2e2;
}
.foot .foot1 .l,
.foot .foot1 .m {
  padding: 50px 0 0 0;
  float: left;
  width: 500px;
  padding-left: 20px;
}
.foot .foot1 .l h4,
.foot .foot1 .m h4 {
  font-size: 18px;
  color: #FFFFFF;
  font-weight: bold;
  padding-bottom: 20px;
}
.foot .foot1 .r {
  padding-bottom: 30px;
  float: right;
  padding-top: 25px;
}
.foot .foot1 .r .wechat {
  font-size: 16px;
  color: #FFFFFF;
}
.foot .foot1 .r .wechat img,
.foot .foot1 .r .wechat span {
  display: inline-block;
  vertical-align: top;
  line-height: 24px;
}
.foot .foot1 .r .wechat span {
  padding-left: 5px;
}
.foot .foot1 .r .wechat-img {
  margin-top: 10px;
}
.foot .foot1 .r .wechat-img img {
  width: 100px;
  height: 100px;
}
.foot .foot2 {
  text-align: center;
  height: 46px;
  background-color: #393939;
  font-size: 14px;
  color: #666666;
  line-height: 46px;
}
/*.............分页................*/
.paging {
  font-size: 16px;
  color: #4F4F4F;
  overflow: hidden;
  text-align: center;
}
.paging a,
.paging span {
  display: inline-block;
  width: 28px;
  height: 28px;
  text-align: center;
  line-height: 28px;
  border: 1px solid #D2D2D2;
  margin: 0 0 0 10px;
  color: #666666;
  border-radius: 2px;
}
.paging .jp-current {
  color: #FFFFFF;
  background-color: #2c96dd;
  border-color: #2c96dd;
}
.paging .jp-disabled {
  color: #cacaca;
  background-color: #f4f4f4;
}
.paging .jp-first,
.paging .jp-previous,
.paging .jp-next,
.paging .jp-last {
  width: auto;
  padding: 0 10px;
}
/*.............圆圈扩散................*/
.point-area {
  text-align: center;
  position: relative;
  width: 128px;
  height: 128px;
  transition: opacity 0.5s ease-out;
}
.point-area .point {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 6px;
  height: 6px;
  margin: auto;
  -webkit-border-radius: 50%;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 50%;
  -moz-background-clip: padding;
  border-radius: 50%;
  background-clip: padding-box;
  background: transparent;
}
.point-area .point-shadow:after {
  box-shadow: inset 0 0 5em rgba(0, 205, 236, 0.20);
}
.point-area .point-white {
  background-color: #fff;
  border: 1px solid #00c1de;
}
.point-area .point-dot {
  z-index: 1;
  background-color: #00bef4;
  border: 1px solid rgba(0, 205, 236, 0.37);
}
.point-area .point-10 {
  width: 100%;
  height: 100%;
}
.point-area .point-10:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: 50%;
  border: 2px solid #00cdec;
  opacity: 0;
  -webkit-animation: ripple 4.5s ease-out 225ms infinite;
  animation: ripple 4.5s ease-out 225ms infinite;
}
.point-area .point-20 {
  width: 100%;
  height: 100%;
}
.point-area .point-20:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: 50%;
  border: 2px solid #00cdec;
  opacity: 0;
  -webkit-animation: ripple 4.5s ease-out 0.45s infinite;
  animation: ripple 4.5s ease-out 0.45s infinite;
}
.point-area .point-30 {
  width: 100%;
  height: 100%;
}
.point-area .point-30:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: 50%;
  border: 2px solid #00cdec;
  opacity: 0;
  -webkit-animation: ripple 4.5s ease-out 675ms infinite;
  animation: ripple 4.5s ease-out 675ms infinite;
}
.point-area .point-40 {
  width: 100%;
  height: 100%;
}
.point-area .point-40:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: 50%;
  border: 2px solid #00cdec;
  opacity: 0;
  -webkit-animation: ripple 4.5s ease-out 0.9s infinite;
  animation: ripple 4.5s ease-out 0.9s infinite;
}
.point-area .point-50 {
  width: 100%;
  height: 100%;
}
.point-area .point-50:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: 50%;
  border: 2px solid #00cdec;
  opacity: 0;
  -webkit-animation: ripple 4.5s ease-out 1125ms infinite;
  animation: ripple 4.5s ease-out 1125ms infinite;
}
.point-area .point-60 {
  width: 100%;
  height: 100%;
}
.point-area .point-60:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: 50%;
  border: 2px solid #00cdec;
  opacity: 0;
  -webkit-animation: ripple 4.5s ease-out 1.35s infinite;
  animation: ripple 4.5s ease-out 1.35s infinite;
}
.point-area .point-70 {
  width: 100%;
  height: 100%;
}
.point-area .point-70:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: 50%;
  border: 2px solid #00cdec;
  opacity: 0;
  -webkit-animation: ripple 4.5s ease-out 1575ms infinite;
  animation: ripple 4.5s ease-out 1575ms infinite;
}
.point-area .point-80 {
  width: 100%;
  height: 100%;
}
.point-area .point-80:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: 50%;
  border: 2px solid #00cdec;
  opacity: 0;
  -webkit-animation: ripple 4.5s ease-out 1.8s infinite;
  animation: ripple 4.5s ease-out 1.8s infinite;
}
.point-area .point-90 {
  width: 100%;
  height: 100%;
}
.point-area .point-90:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: 50%;
  border: 2px solid #00cdec;
  opacity: 0;
  -webkit-animation: ripple 4.5s ease-out 2025ms infinite;
  animation: ripple 4.5s ease-out 2025ms infinite;
}
.point-area .point-100 {
  width: 100%;
  height: 100%;
}
.point-area .point-100:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: 50%;
  border: 2px solid #00cdec;
  opacity: 0;
  -webkit-animation: ripple 4.5s ease-out 2.25s infinite;
  animation: ripple 4.5s ease-out 2.25s infinite;
}
lesshat-selector {
  -lh-property: 0;
}
@-webkit-keyframes ripple {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.1);
  }
  5% {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: scale(1);
  }
}
@keyframes ripple {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.1);
    transform: scale(0.1);
  }
  5% {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
/*.............公用css................*/
.public-left {
  padding-top: 40px;
  float: left;
  width: 220px;
}
.public-left .left-nav a {
  display: block;
  width: 218px;
  height: 48px;
  border: 1px solid #d2d2d2;
  text-align: center;
  line-height: 48px;
  font-size: 14px;
  color: #666666;
  border-radius: 4px;
}
.public-left .left-nav span {
  width: 1px;
  height: 40px;
  background-color: #d2d2d2;
  display: block;
  margin: 5px auto;
}
.public-left .left-nav a.on {
  color: #12dba1;     /*左侧菜单字体颜色*/
  font-weight: bold;   /*左侧菜单字体颜色*/
  border-color: #12dba1;
}
.public-left .left-nav span.on {
  background-color: #12dba1;
}
.crumb {
  overflow: hidden;
  padding-top: 30px;
  padding-bottom: 10px;
  border-bottom: 1px solid #dcdcdc;
}
.crumb div {
  padding-left: 20px;
  height: 20px;
  border-left: 4px solid #12dba1;
}
.crumb div span,
.crumb div a {
  display: block;
  float: left;
  line-height: 20px;
  font-size: 14px;
  color: #999999;
}
.crumb div span {
  padding: 0 5px;
}
.right {
  float: right;
  width: 930px;
}
.right  ul{
   font-size: 16px; font-weight: bold; margin-bottom: 10px; margin-top: 2px;
  color: #555;
}


.bt { text-align: center; margin-bottom: 20px; }



#cp {
	
	clear: both;
	margin-top: 40px;
	margin-bottom: 100px;
}
ul.thumb {
	list-style: none;
	margin:0 auto ; padding-top:20px

}
ul.thumb li {
	margin: 0; 
	float: left;
	position: relative;  /* Set the absolute positioning base coordinate */
	width: 310px;
	height: 230px;
}
ul.thumb li img {
	width: 300px; height: 200px; /* Set the small thumbnail size */
	-ms-interpolation-mode: bicubic; /* IE Fix for Bicubic Scaling */
	border: 1px solid #eeeeee;
	background: #f0f0f0;
	position: absolute;
	left: 0; 
	top: 0;
}
ul.thumb li img.hover {
	background: #444; box-shadow:0 0 14px #92dbf6;/* Image used as background on hover effect
	border: none; /* Get rid of border on hover */
}

.zz{ width:930px;  overflow:hidden; position:relative; margin-top: 36px;}
.b-img{ height:260px;  position:absolute; left:0; top:0;}
.b-img a{ display:block; height:252px; float:left;}
.b-list{ height:20px; padding-top:272px; position:relative; margin:0 auto;z-index:1;}
.b-list span{ display:block; width:16px; height:0px; border-radius:8%; cursor:pointer; border:4px solid #999;float:left; margin:0 3px;}
.b-list .spcss{border:4px solid #1f85db;}
.poster-main {
  width: 900px;
  height: 400px;
  position: relative;
  margin: 0 auto;
}

.poster-main a, .poster-main img { display: block; }

.poster-main .poster-list {
  width: 930px;
  height: 400px;
}

.poster-main .poster-list .poster-item {
  width: 200px;
  height: 400px;
  position: absolute;
  left: 0;
  top: 0;
}

.poster-main .poster-btn {
  position: absolute;
  top: 0;
  z-index: 10;
  cursor: pointer;
}

.poster-main .poster-prev-btn {
  left: 0;
  background: url(../img/left.png) no-repeat center center;
}

.poster-main .poster-next-btn {
  right: 0;
  background: url(../img/right.png) no-repeat center center;
}