body{ font-family: "Microsoft YaHei";background-color:#fff}
.wrapper{ height: 448px; margin: 0 auto; }
.content2{  position: relative; width: 960px; margin:0 auto; overflow: hidden;  height: 448px; text-align:left;}
.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(../img2/bg1.jpg) no-repeat center top; background-size:100% 100%;}
.item_txt_1 .txt_info{ width:256px;height:190px; position: relative; top: 26px; right: 210px;background: url(../img2/w-bg1.png) no-repeat;}

.bgs_2{ background:url(../img2/bg2.jpg) no-repeat center center; background-size:100% 100%;}
.bgs_2 .s_img{ background:url(../img2/s_img2.png) no-repeat; float: left; width:262px; height:361px; z-index: 2; position: relative; left: 34px; top: 70px; }
.bgs_2 .world2{ background:url(../img2/wz2.png) no-repeat; width: 234px; float: left; height: 271px; z-index: 6; position: relative; left: 60px; top: 40px;}
.bgs_2 .world2 em{ margin-top: 170px; display: block;font-size: 17px; color: #777;}
.bgs_2 .world2 em a{color: #02599c; text-decoration: underline; font-size: 19px; }
.bgs_2 .world2 p{ margin-top: 30px;color: #777; font-size: 13px;}
.bgs_2 .world2 p a{ float: left; margin-left: 52px; color: #02599c;font-size: 12px; }
.item_txt_2 .txt_info{ width:384px; height:430px; position: relative; right: 325px; bottom: -18px;}

.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:554px; height:433px;position: relative; left: 70px;}
.item_txt_3 .txt_info{ width:260px; font-style: italic; height:220px; position: relative; right: 250px; top: 180px;}
.item_txt_3 .txt_info .p1{ font-size: 18px; color: #fff; line-height: 55px;}
.item_txt_3 .txt_info .p2{ font-size: 18px; color: #fff; line-height: 26px;}
.item_txt_3 .txt_info .p3{ margin-top: 20px; text-align: right;}
.item_txt_3 .txt_info .p2 a{ color: #02599c;text-decoration: underline; padding-right: 5px;  font-weight: bold;}
.item_txt_3 .txt_info .p3 a{ color: #02599c; font-size: 12px; padding-right: 20px; font-style: normal;}

.bgs_4{ background:url(../img2/bg4.jpg) no-repeat center center; background-size:100% 100%;}
.item_txt_4 .txt_info{ width:392px; height:395px; position: relative; right: 400px; bottom: -48px;background: url(../img2/wz4.png) no-repeat;}
.item_txt_4 .txt_info a{ position: absolute; bottom: 10px; right: 0px; color: #02599c; font-size: 12px; }

.bgs_5{ background:url(../img2/bg5.jpg) no-repeat center center; background-size:100% 100%;}
.bgs_5 .s_img{ background:url(../img2/wz5.png) no-repeat; float: left; width:433px; height:314px; z-index: 2; position: relative; left: 86px; top: 37px; }
.item_txt_5 .txt_info{ width:587px; height:408px; position: relative; right: 540px; bottom: -40px; background: url(../img2/s_img5.png) no-repeat;}

.s_left, .s_right, .switch_list span{ background: url(../img2/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(../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 -53px; _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(-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}
}
*/

.moreinfo{ position: absolute; right: 40px; bottom: 20px;  height: 30px; line-height: 30px; display: block; z-index: 40; font-size: 16px; color: #02599c;}