body{ font-family: "Microsoft YaHei";background-color:#fff}
.wrapper{ height: 448px; position: relative; width: 960px; margin: 0 auto; }
.content2{ width:100%; margin:0 auto; overflow: hidden;  height: 448px;}
.bgs_box{ position:absolute; left: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:900px;}
.item_txt{ position:absolute; top:0; left:-9999px;}
.item_txt_box .on{ left:0;}

.bgs_1{ background:url(../img3/bg1.jpg) no-repeat center top; background-size:100% 100%;}
.item_txt_1 .txt_info{ width:254px;height:237px; position: relative; top: 70px; right: 260px;background: url(../img3/wz1.png) no-repeat;}

.bgs_2{ background:url(../img3/bg2.jpg) no-repeat center center; background-size:100% 100%;}
.bgs_2 .s_img{ background:url(../img3/wz2-1.png) no-repeat; float: left; width:172px; height:83px; z-index: 2; position: relative; left: 56px; top: 50px; }
.item_txt_2 .txt_info{ width:321px; height:295px; position: relative; right: 345px; top: 74px;background: url(../img3/wz2.png) no-repeat;}
.bgs_3{ background:url(../img3/bg3.jpg) no-repeat center top; background-size:100% 100%; z-index:0;}
.item_txt_3 .txt_info{ width:328px;  height:266px; position: relative; right: 350px; top: 74px;background: url(../img3/wz3.png) no-repeat;}

.s_left, .s_right, .switch_list span{ background: url(../img3/sp_png24.png) no-repeat;}
.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(../img3/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 -53px; _background-position:0 0;}

.more1{ position: absolute; right: 80px; bottom: 50px; font-size: 17px; color: #0066b3; }
.more1 img,.more2 img{ position: relative; top: 13px; left: 10px;}
.more2{ position: absolute; right: 80px; bottom: 30px; font-size: 17px; color: #0066b3; }


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

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

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