@charset "utf-8";
/* CSS Document */







div.indexfourback{ width:100%; height:900px; }

div.indexfour{ width:1200px; height:auto; margin:auto;}

div.indexfourleft{ width:245px; height:577px; float:left;}

div.indexfourleftnav{ width:230px; height:46px; position:relative; overflow:hidden; transition:all 0.4s; margin-bottom:3px;}

div.indexfourleftnavbg1{ width:100%; height:46px; background:#000; position:absolute; top:0; left:0;}

div.indexfourleftnavbg2{ width:0; height:46px; background:url(../images/cp2.png) no-repeat 0 0; position:absolute; top:0; left:0; transition:all 0.4s;}

div.indexfourleftnavbg3{ width:245px; height:46px; position:absolute; top:0; left:0; }

div.indexfourleftnavlink{ width:100%; height:46px; line-height:46px; position:absolute; top:0; left:0; overflow:hidden;}

div.indexfourleftnavlink a{ display:block; width:100%; height:100%; position:absolute; top:0; left:0;}

div.indexfourleftnavlink a p{ color:#ffffff; font-size:16px;}

div.indexfourleftnav:hover{width:245px;}

div.indexfourleftnav:hover div.indexfourleftnavbg2{ width:100%;}

div.indexfourright{ width:924px; height:580px; float:right; }

div.indexfourrightnav{ width:300px; height:287px; float:left; margin-left:11px; position:relative; overflow:hidden; margin-bottom:11px;}

div.indexfourrightnavimg{ width:300px; height:287px; position:absolute; left:0px; top:0;}

div.indexfourrightnavimg img{ width:300px; height:287px;-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale

(1);transform:scale(1); transition:all 0.4s;}

div.indexfourrightnavblack{ width:300px; height:287px; background: url(../images/yyy.png) repeat 0 0;opacity:0; transition:all 0.4s;  position:absolute; left:0; top:0;}

div.indexfourrightnavtop{ width:300px; height:287px; background:url(../images/indexfourlisth.png) center no-repeat; position:absolute; top:0; left:0; opacity:0; transition:all 0.4s;}

div.indexfourrightnavtopcn{ width:300px; height:42px; line-height:42px; overflow:hidden; color:#ffffff; font-size:14px; font-weight:bold; text-align:center; margin-top:25px;}


div.indexfourrightnav:hover div.indexfourrightnavblack{opacity:1;}

div.indexfourrightnav:hover div.indexfourrightnavtop{opacity:1;}

div.indexfourrightnav:hover div.indexfourrightnavimg img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale

(1.1);transform:scale(1.1);}

div.indexfourrightnavlink{ width:100%; height:100%; position:absolute; left:0; top:0;}

div.indexfourrightnavlink a{ width:100%; height:100%; display:block;}