body{ background-color:#fff}
.s_left, .s_right, .switch_list span{ background: url(../img1/sp_png24.png) no-repeat;}
.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;}
.detail{ color:#fff; width:321px; overflow:hidden;position: relative; right: 290px; top: 4px; 
	height: 264px;  background: url(../img1/w-bg2.png) no-repeat;}
.detail p{ width:246px; overflow:hidden; padding-left: 40px;  line-height: 30px;
 color: #666; font-size: 20px; padding-top: 70px;}
 .detail p a{ text-decoration: underline; color: #02599c;}

.bgs_box .wp{ position:absolute; left:50%; margin-left:-550px; bottom:0px; height:auto!important; z-index:0!important; }


.bgs_1{ background:url(../img1/bg1.jpg) no-repeat center top; background-size:100% 100%;}
.bgs_1 .s_img{ background:url(../img1/s_img1.png) no-repeat; width:507px; height:408px;position: relative; left: 70px; }
.item_txt_1 .txt_info{ width:321px;height:180px; position: relative; right: 290px;background: url(../img1/w-bg1.png) no-repeat;}

.bgs_2{ background:url(../img1/bg2.jpg) no-repeat center top; background-size:100% 100%;}
.bgs_2 .s_img{ background:url(../img1/s_img2.png) no-repeat; width:310px; height:436px; z-index: 2; position: relative; left: 100px; bottom: -12px;}
.item_txt_2 .txt_info{ width:321px; height:180px; position: relative; right: 290px;background: url(../img1/w-bg1.png) no-repeat;}

.bgs_3{ background:url(../img1/bg3.jpg) no-repeat center top; background-size:100% 100%; z-index:0;}
.bgs_3 .s_img{ background:url(../img1/s_img3.png) no-repeat; width:677px; height:448px;position: relative; left: 60px;}
.item_txt_3 .txt_info{width:321px; height:180px; position: relative; right: 290px;background: url(../img1/w-bg1.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(../img1/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;}

.txt-tit{ font-size: 33px; font-weight: bold; font-family: "微软雅黑"; color: #02599c; padding-left: 34px; padding-top: 60px;}
.txt-tit2{padding-top: 80px; padding-left: 0px; text-align: center;}
.img_area{ position: relative;}
.showBtn{ position: absolute; left: 260px; top: 100px; z-index: 1000;}
.diji{ display: inline-block; width: 124px; height: 124px; cursor: pointer;}
 .hint{ width: 121px; height: 54px; position: absolute; left: 20px; top: -20px; background: url(../img1/sp_png24.png) no-repeat 0px -132px; z-index: 3;
 	font-size: 20px;  color: #02599c;  line-height: 40px; text-align: center; display: none; cursor: pointer;}

.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}
}



.fff{ display: none; margin-top: 20px; }
.tagNav{ padding:5px 10px;}
.tagNav > li { overflow: hidden;}
.tagNav h2 { width: 100%; height: 40px; line-height: 40px; cursor: pointer; color: #666; font-weight: bold; font-size: 17px;  font-family: "微软雅黑"; }
.tagNav h2 > span {	display: block; width: 26px; height: 11px; float: right; background: url(../img1/sp_png24.png) no-repeat; margin-top: 16px; margin-right: 20px;}
.tagNav h2 .arrow { background-position: -182px 0px;}
.tagNav .tagNavCont { display: none; height: auto; line-height: 25px; font-size: 14px; color: #737373; padding: 0px;}
.hover h2 .arrow { background-position: -182px -14px;}
.moreinfo{ position: absolute; right: 40px; bottom: 12px;  height: 30px; line-height: 30px; display: block; z-index: 40; font-size: 15px; color: #02599c;}

.myTag1{ padding:28px 0 0 32px;}
.myTag12{padding:15px 0 0 24px;width:280px;}
.myTag1 > li { overflow: hidden;}
.myTag1 h2 { width: 100%; height: 40px; line-height: 40px; cursor: pointer; color: #666; font-weight: bold; font-size: 17px;  font-family: "微软雅黑"; }
.myTag1 h2 > span {	display: block; width: 26px; height: 11px; float: right; background: url(../img1/sp_png24.png) no-repeat; margin-top: 16px; margin-right: 20px;}
.myTag1 h2 .arrow { background-position: -182px 0px;}
.myTag1 .tagNavCont { display: none; height: auto; line-height: 25px; font-size: 14px; color: #737373; padding: 0px;}
.hover h2 .arrow { background-position: -182px -14px;}
.moreinfo{ position: absolute; right: 40px; bottom: 12px;  height: 30px; line-height: 30px; display: block; z-index: 40; font-size: 15px; color: #02599c;}