/*内容样式开始*/
/*box*/
.box { width:1200px; margin:0px auto; position:relative; min-height:900px;}
.box_con { position:absolute; top:-315px; left:0px; height:1200px; background:blue; width:1200px; }
#series { width:1200px; overflow:hidden; margin:10px auto; }
#series div a span { display:block; width:0; height:15px; line-height:15px; float:left; overflow:hidden; -webkit-transition:0.4s; transition:0.4s; }
#series h2 { font-size:22px; }
#series a { display:inline-block; color:#fff; text-align:left; }
#series a img { float:left; vertical-align:middle; }
#series a:hover span { text-decoration:underline; }
#series div:hover a span { width:80px; }
.box_right{ height:600px;}
/*-----------------------------------------------------红色------------------------------------------------------*/	

#series div.item_a { width:1200px; height:600px;overflow:hidden; position:relative; color:#fff; box-shadow:inset 0 0 0 0 red; -webkit-transition:0.6s; transition:0.6s; }
#series div.item_a span.modle_bg { display:block; position:absolute; left:50%; top:50%; width:50px; margin-left:-25px; margin-top:-25px; height:50px; background: red; opacity: 0; filter: alpha(opacity=0); -webkit-transform: scale(.2); -moz-transform: scale(.2); -ms-transform: scale(.2); -o-transform: scale(.2); transform: scale(.2); -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; transition: all .4s ease-in-out; z-index:2; }
#series div.item_a:hover span.modle_bg { width:100%; height:100%; left:0; top:0; margin:0; opacity:.5; filter:alpha(opacity=50); -webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1) }
#series div.item_a span.icon { display:block; position:absolute; left:0; top:0; width:100%; height:100%; background:url(../images/box1.png) no-repeat center; opacity: 0; filter: alpha(opacity=0); -webkit-transform: scale(.2); -moz-transform: scale(.2); -ms-transform: scale(.2); -o-transform: scale(.2); transform: scale(.2); -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; transition: all .4s ease-in-out; z-index:9; }
#series div.item_a:hover span.icon { opacity:1; filter:alpha(opacity=100); -webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1) }
#series div.item_a p img { -webkit-transform:scale(1); -moz-transform:scale(1); transform:scale(1); -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; transition: all .4s ease-in-out; }
#series div.item_a:hover p img { -webkit-transform:scale(1.2); -moz-transform:scale(1.2); transform:scale(1.2); -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; transition: all .4s ease-in-out; }
/*#series div.item_a:hover{box-shadow:inset 0 0 0 300px rgba(255,0,0,.50);}*/
/*	#series .item_a article{position:absolute; bottom:30px; right:30px; text-align:center;padding:10px 20px;}
	#series .item_a a.b1{ display:none; width:100%; height:100%; position:absolute; top:0px; left:0px;}*/
	/*#series .item_a:hover a.b1{ display:block;-webkit-transition:background .5s ease-in-out;-moz-transition:background .5s ease-in-out;-ms-transition:background .5s ease-in-out;transition:background .5s ease-in-out; background:url(../images/box1.png) no-repeat center;}*/


	/*----------------------------------------------黄色----------------------------------------------*/
#series div.item_b { width:600px; height:600px; float:left; overflow:hidden; position:relative; color:#fff; box-shadow:inset 0 0 0 0 #fff100; -webkit-transition:0.6s; transition:0.6s; }
#series div.item_b span.modle_bg { display:block; position:absolute; left:50%; top:50%; width:50px; margin-left:-25px; margin-top:-25px; height:50px; background: #fff100; opacity: 0; filter: alpha(opacity=0); -webkit-transform: scale(.2); -moz-transform: scale(.2); -ms-transform: scale(.2); -o-transform: scale(.2); transform: scale(.2); -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; transition: all .4s ease-in-out; z-index:2; }
#series div.item_b:hover span.modle_bg { width:100%; height:100%; left:0; top:0; margin:0; opacity:.5; filter:alpha(opacity=50); -webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1) }
#series div.item_b span.icon { display:block; position:absolute; left:0; top:0; width:100%; height:100%; background:url(../images/box2.png) no-repeat center; opacity: 0; filter: alpha(opacity=0); -webkit-transform: scale(.2); -moz-transform: scale(.2); -ms-transform: scale(.2); -o-transform: scale(.2); transform: scale(.2); -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; transition: all .4s ease-in-out; z-index:9; }
#series div.item_b:hover span.icon { opacity:1; filter:alpha(opacity=100); -webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1) }
#series div.item_b p img { -webkit-transform:scale(1); -moz-transform:scale(1); transform:scale(1); -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; transition: all .4s ease-in-out; }
#series div.item_b:hover p img { -webkit-transform:scale(1.2); -moz-transform:scale(1.2); transform:scale(1.2); -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; transition: all .4s ease-in-out; }
/*----------------------------------------------蓝色----------------------------------------------*/
#series div.item_c { width:600px; height:600px; float:left; overflow:hidden; position:relative; color:#fff; box-shadow:inset 0 0 0 0 #fff100; -webkit-transition:0.6s; transition:0.6s; }
#series div.item_c span.modle_bg { display:block; position:absolute; left:50%; top:50%; width:50px; margin-left:-25px; margin-top:-25px; height:50px; background:#00a0e9; opacity: 0; filter: alpha(opacity=0); -webkit-transform: scale(.2); -moz-transform: scale(.2); -ms-transform: scale(.2); -o-transform: scale(.2); transform: scale(.2); -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; transition: all .4s ease-in-out; z-index:2; }
#series div.item_c:hover span.modle_bg { width:100%; height:100%; left:0; top:0; margin:0; opacity:.5; filter:alpha(opacity=50); -webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1) }
#series div.item_c span.icon { display:block; position:absolute; left:0; top:0; width:100%; height:100%; background:url(../images/box3.png) no-repeat center; opacity: 0; filter: alpha(opacity=0); -webkit-transform: scale(.2); -moz-transform: scale(.2); -ms-transform: scale(.2); -o-transform: scale(.2); transform: scale(.2); -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; transition: all .4s ease-in-out; z-index:9; }
#series div.item_c:hover span.icon { opacity:1; filter:alpha(opacity=100); -webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1) }
#series div.item_c p img { -webkit-transform:scale(1); -moz-transform:scale(1); transform:scale(1); -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; transition: all .4s ease-in-out; }
#series div.item_c:hover p img { -webkit-transform:scale(1.2); -moz-transform:scale(1.2); transform:scale(1.2); -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; transition: all .4s ease-in-out; }

/*内容样式结束*/



/*-------------------------------------------首页