body,p,h1,h2{ font-family: "Microsoft YaHei"; margin: 0px; padding: 0px;}
a{ text-decoration: none;}
.s_left, .s_right, .switch_list span{ background: url(../img2/sp_png24.png) no-repeat;}
.wrapper{ height: 490px; position: relative;width:960px; margin: 0 auto; text-align:left;}
.content2{ width:960px; margin:0 auto; overflow: hidden;  height: 490px; text-align:left;}
.bgs_box{ position:absolute; right:0; top:0; width:100%; height:100%;opacity:0;filter:alpha(opacity=0);}
.bg_colors .on{opacity:1;filter:alpha(opacity=100)}

.item_txt_box{ position:absolute; top:0; left:0px;}
.item_txt{ position:absolute; top:0; left:-9999px;}
.item_txt_box .on{ left:0;}
.detail{ 
	 width:260px; 
	 height: 280px;
	 overflow:hidden;
	position: relative; 
	left: 100px; 
	top: -130px; 
	padding: 10px;
}
.txt-tit{ font-size: 28px; color: #0066b3; font-weight: bold; font-style:italic;}
.txt-tit span{ float: right;}
.detail p{ font-size: 17px; font-style:italic; padding-top: 30px; color: #999;}
.detail a{  color: #0066b3; position: absolute; top: 260px; left: 140px; z-index: 9999; }


.bgs_box .wp{ position:absolute; left:50%;  bottom:0px;  }
.bgs_1{ background:url(../img2/bg1.jpg) no-repeat center top; background-size:100% 100%;}
.bgs_1 .s_img{ background:url(../img2/s_img1.png) no-repeat ; width:467px; height:408px; position: relative; right: 40px;}
.item_txt_1 .txt_info{ 
	width:343px;
	height:249px;
	position: relative; 
    right: -260px;
    top: 40px;  
}

.bgs_2{ background:url(../img2/bg2.jpg) no-repeat center top; background-size:100% 100%;}
.bgs_2 .s_img{ background:url(../img2/s_img2.png) no-repeat; width:626px; height:385px; }
.item_txt_2 .txt_info{ 
	width:308px; 
	height:118px; 
	position: relative; 
	top: 160px;
	left: 50px;
}

.detail2{ 
	 width:280px; 
	 height: 170px;
	position: relative; 
	left: 90px; 
	top: 60px; 
	padding: 20px;
}
.detail2 h2{ text-align: center; color: #666;}
.detail2 p{ font-size: 17px;  color: #666; line-height: 24px; padding-top: 10px;}


.bgs_3{ background:url(../img2/bg3.jpg) no-repeat center top; background-size:100% 100%; z-index:0;}
.bgs_3 .s_img{ background:url(../img2/s_img3.png) no-repeat; width:673px; height:440px;}
.item_txt_3 .txt_info{
	width:305px; 
	height:134px; 
	background: url(../img2/world3.png);
	position: relative; 
	right: -100px;
	padding: 20px;
}
.item_txt_3 .txt_info a{ position: absolute; bottom: 20px; right: 20px;}
.txt_info2{
	width:760px; 
	height:300px; 
	background: url(../img2/ddd.png);
	position: relative; 
	right: -100px;
	top: 40px;
	padding: 20px 20px 50px;
}
.txt_info2 p{ font-size: 16px; line-height: 24px; color: #777; margin-bottom: 40px;}
.txt_info2 table{ color: #777; font-size: 18px; margin-bottom: 50px;}
.txt_info2 table td{  height: 50px; line-height: 50px;}
.txt_info2 #btn,.txt_info2 #btn2{ display: inline-block; width: 80px; 
	height: 34px; line-height: 34px; background: #0066b3; 
	color: #fff; font-size: 13px; text-align: center; border-radius: 5px; margin-left: 280px;}

.item_txt_3 .txt_info p{ font-size: 18px; color: #666; margin-bottom: 40px;}
.item_txt_3 .txt_info a{ display: inline-block; width: 80px; 
	height: 34px; line-height: 34px; background: #0066b3; 
	color: #fff; font-size: 13px; text-align: center; border-radius: 5px; float: right;}
.hide{ display: none;}
.page-list{ height: 22px; width: 100%; clear: both; text-align: center;}
.txt_info2 .page-list a{ padding:2px 10px; color: #333;}
.page-list a.hover{ background: #0066b3; color: #fff;}
.s_left, .s_right{ width:64px; height:64px; position:absolute; top:50%; 
	margin-top:-30px; cursor:pointer; z-index:10;
}
.s_left{ background-position:0 0; left:10px;}
.s_left:hover{ background-position:0 -64px;}
.s_right{ background-position:-64px 0; right:10px;}
.s_right:hover{ background-position:-64px -64px;}

.switch_list{ position:absolute; left:50%; bottom:2%; height:11px; margin-left:-30px; text-align:center; z-index:10; overflow:hidden;}
.switch_list span{ background-position:-141px -54px;  _background: url(../img2/dot.png) no-repeat -14px 0; float:left; vertical-align:top; width:11px; height:11px;overflow:hidden;  margin:0 14px 0 0; cursor:pointer;}
.switch_list .on{  background-position:-127px -54px; _background-position:0 0;}

.item_img_css3{
	-webkit-animation:img_item .5s ease-out;
	animation:img_item .5s ease-out;
}

@-webkit-keyframes img_item{
	0%{-webkit-transform:translateX(120px); opacity:0}
	100%{-webkit-transform:translateX(0);  opacity:1}
}
@keyframes img_item{
	0%{transform:translateX(120px);opacity:0}
	100%{transform:translateX(0); opacity:1}
}

.item_img_css3 .shadow01{
	-webkit-animation:img_item01 .5s ease-out;
	animation:img_item01 .5s ease-out;
}

@-webkit-keyframes img_item01{
	0%{-webkit-transform:translateX(-220px); opacity:0}
	100%{-webkit-transform:translateX(0);  opacity:1}
}
@keyframes img_item01{
	0%{transform:translateX(-220px);opacity:0}
	100%{transform:translateX(0); opacity:1}
}

.item_txt_css3{
	-webkit-animation:txt_item .8s ease-out;
	animation:txt_item .8s ease-out;
}
@-webkit-keyframes txt_item{
	0%{-webkit-transform:translateX(-120px); opacity:0}
	100%{-webkit-transform:translateX(0);  opacity:1}
}
@keyframes txt_item{
	0%{transform:translateX(-120px);opacity:0}
	100%{transform:translateX(0); opacity:1}
}