
/* slide */
.slide-main{ width:100%; height:550px;position:relative;/*  background-image:url(../image/banner-bg.png)*/}

.prev,.next{
	display:block;
	width:58px;
	height:77px;
	position:absolute;
	z-index:22;
	top:225px;
	overflow:hidden;
	cursor:pointer;
	opacity:0.6;
	-moz-opacity:0.6;
	filter:alpha(opacity=80);
	_border:1px solid none;
}
.prev{
	left:0px;
}
.next{right:0px;}
.prev:hover,.next:hover,.nav-main a:hover,.nav-main a.cur{opacity:1;-moz-opacity:1;filter:alpha(opacity=100);}

.item{ display:block;width:100%;height:12px;position:absolute;z-index:124;top:470px;left:10;text-align:center;}

.item a{display:inline-block;width:16px;height:16px; margin-right:15px; background:url(../image/dot1.png) center no-repeat; overflow:hidden;}
.item a.cur{ background:url(../image/dot2.png) center no-repeat;}

.slide-box,.slide{width:100%; height:550px;overflow:hidden; margin:0 auto;}
.slide-box{position:relative; width:100%;}
.slide{display:none;height:100%; position:absolute;z-index:-1;}
#bgstylea{}
#bgstyleb{}
#bgstylec{}
#bgstyled{}
.slide a{display:block;width:100%;height:285px;cursor:pointer;}
.obj-a,.obj-b,.obj-c,.obj-d,.obj-e,.obj-f{position:absolute;z-index:9;left:50%;}
.obj-a,.obj-b{width:952px;margin-left:-476px;text-align:center;}
.obj-a{display:block;height:352px;top:100px;}
.obj-b{top:406px;height:100px;}
.obj-c{display:block;height:582px;top:0;margin-left:-425px;}
.obj-d{top:228px;height:164px;}
.obj-d p{display:block;padding-top:20px;font-size:16px;color:#fff;clear:both;}
.obj-e{width:366px;height:170px;margin-left:-460px;top:223px;z-index:12;}
.obj-f{width:692px;height:394px;top:158px;margin-left:-180px;}
.banAnimate .obj-a{display:block;animation-name:baoAni;-webkit-animation:baoAni 0.4s linear 0s normal none;-moz-animation:baoAni 0.4s linear 0s normal none;animation:baoAni 0.4s linear 0s normal none;}
@-webkit-keyframes baoAni{from{opacity:0;left:60%;} to{opacity:1;left:50%;} }
@-moz-keyframes baoAni{from{opacity:0;left:60%;} to{opacity:1;left:50%;} }
@keyframes baoAni{from{opacity:0;left:60%;} to{opacity:1;left:50%;} }
.banAnimate .obj-b{display:block;animation-name:saAni;-webkit-animation:saAni 0.4s linear 0s normal none;-moz-animation:saAni 0.4s linear 0s normal none;animation:saAni 0.4s linear 0s normal none;}
@-webkit-keyframes saAni{from{opacity:0;-webkit-transform:scale(0,0);} to{opacity:1;-webkit-transform:scale(1,1);} }
@-moz-keyframes saAni{from{opacity:0;-moz-transform:scale(0,0);} to{opacity:1;-moz-transform:scale(1,1);} }
@keyframes saAni{from{opacity:0;transform:scale(0,0);} to{opacity:1;transform:scale(1,1);} }
.watch-code.code-show{display:block;animation-name:scode;-webkit-animation:scode 0.3s linear 0s normal none;-moz-animation:scode 0.3s linear 0s normal none;animation:scode 0.3s linear 0s normal none;}
@-webkit-keyframes scode{from{opacity:0;-webkit-transform:scale(1,0);transform-origin:left bottom;} to{opacity:1;-webkit-transform:scale(1,1); transform-origin: left bottom;} }
@-moz-keyframes scode{from{opacity:0;-moz-transform:scale(1,0); transform-origin:left bottom;} to{opacity:1;-moz-transform:scale(1,1);transform-origin:bottom bottom;} }
@keyframes scode{from{opacity:0;transform:scale(1,0);transform-origin:left bottom;} to{opacity:1;transform:scale(1,1);transform-origin: left bottom;} }
.banAnimate .obj-c,.banAnimate .obj-e{display:block;animation-name:saAnic;-webkit-animation:saAnic 0.3s linear 0s normal none;-moz-animation:saAnic 0.3s linear 0s normal none;animation:saAnic 0.3s linear 0s normal none;}
@-webkit-keyframes saAnic{from{opacity:0;left:47%;} to{opacity:1;left:50%;} }
@-moz-keyframes saAnic{from{opacity:0;left:47%;} to{opacity:1;left:50%;} }
@keyframes saAnic{from{opacity:0;left:47%;} to{opacity:1;left:50%;} }
.banAnimate .obj-d,.banAnimate .obj-f{display:block;animation-name:saAnid;-webkit-animation:saAnid 0.3s linear 0s normal none;-moz-animation:saAnid 0.3s linear 0s normal none;animation:saAnid 0.3s linear 0s normal none;}
@-webkit-keyframes saAnid{from{opacity:0;left:53%;} to{opacity:1;left:50%;} }
@-moz-keyframes saAnid{from{opacity:0;left:53%;} to{opacity:1;left:50%;} }
@keyframes saAnid{from{opacity:0;left:53%;} to{opacity:1;left:50%;} }


.pro_right{ width:800px; float: right; margin-top:55px;}
.pro_rightcon ul li{ float: left; width:33.33%; text-align:center; margin-bottom:20px; height:210px;}
.pro_rightcon ul li p{ margin-top:10px; font-size:15px;}
.pro_rightcon ul li img{ border:1px solid #CCCCCC; border-radius:10px; padding:10px;}
.pagination-wrapper{

font-size:14px;

text-align:center;
clear:both;
}


.page {
text-align:center; display: inline-block; margin:0 auto;
margin-bottom:50px; margin-top:50px;
}
.tcdPageCode {
  text-align: center;
  color: #808080;
  font-size: 14px;
}
.tcdPageCode li {
  display: inline; float:left;
}
.tcdPageCode span.disabled {
  display: inline-block;
  height: 35px;
  line-height: 35px;
  padding: 0 14px;
  margin: 0 2px;
  color: #808080;
  background: #fff;
  border: 1px solid #e6e3e3;
  vertical-align: middle;
  border-radius:1px;
  font-size:14px;
}
.tcdPageCode .active a{
  display: inline-block;
  height: 35px;
  line-height: 35px;
  padding: 0 14px;
  margin: 0 2px;
  color: #fff;
  background-color: #004297;
  border: 1px solid #004297;
  vertical-align: middle;
  border-radius:1px;
}
.tcdPageCode a {
  display: inline-block;
  font-size:14px;
  height: 35px;
  line-height: 35px;
  background: #fff;
  padding: 0 14px;
  border: 1px solid #ddd;
  margin: 0 2px;
  vertical-align: middle;
  border-radius:1px;
}

.tcdPageCode a:hover {
 background-color: #004297;
 color:#FFFFFF;
}