/* CSS index */ .nav_xlcddh {width:1210px;margin:0px auto;} .public_menu, .public_menu ul { list-style: none; padding: 0; margin: 0;} .public_menu {height: 110px;} .public_menu li {text-align:center;width: 110px;} .public_menu li ul{z-index:999;} .public_menu li ul li{height:40px;line-height:40px;background:url("/images/navbj.png") repeat;width: 110px;border-bottom:1px solid #ffffff;} .public_menu li ul li a{color:#ffffff;font-size:14px;} .public_menu li ul li a:hover{background-color:#0a85dd;color:#ffffff;} .public_menu > li {display: block; float: left;position: relative;/* line-height: 110px; */height:110px;} .public_menu .menu_hover:hover{background:url("/images/casebj.jpg") no-repeat;width:110px;height:110px;} .nav_xlcddh ul li a span{text-align:center;color: #ffffff;font-size: 16px;display:block;height:30px;line-height:30px;} .nav_xlcddh ul li a .menu_yw{color: #ffffff;font-size: 13px;} .public_menu li ul li a { padding:0px;color: #ffffff;font-size: 16px; text-decoration: none; text-transform: uppercase;width: 110px;height: 40px;line-height: 40px;display:inline-block;} .public_menu a { color: #ffffff;font-size: 16px; height:60px;display:block;padding:25px 0px;} .submenu { left: 0; max-height: 0; position: absolute; top: 100%; z-index: 0; -webkit-perspective: 400px; -moz-perspective: 400px; -ms-perspective: 400px; -o-perspective: 400px; perspective: 400px; } .submenu li { opacity: 0; -webkit-transform: rotateY(90deg); -moz-transform: rotateY(90deg); -ms-transform: rotateY(90deg); -o-transform: rotateY(90deg); transform: rotateY(90deg); -webkit-transition: opacity .4s, -webkit-transform .5s; -moz-transition: opacity .4s, -moz-transform .5s; -ms-transition: opacity .4s, -ms-transform .5s; -o-transition: opacity .4s, -o-transform .5s; transition: opacity .4s, transform .5s; } .public_menu > li:hover .submenu, .public_menu > li:focus .submenu { max-height: 2000px;z-index: 10;} .public_menu > li:hover .submenu li, .public_menu > li:focus .submenu li { opacity: 1; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; } /* CSS3 delays for transition effects */ .public_menu li:hover .submenu li:nth-child(1) { -webkit-transition-delay: 0s; -moz-transition-delay: 0s; -ms-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s; } .public_menu li:hover .submenu li:nth-child(2) { -webkit-transition-delay: 50ms; -moz-transition-delay: 50ms; -ms-transition-delay: 50ms; -o-transition-delay: 50ms; transition-delay: 50ms; } .public_menu li:hover .submenu li:nth-child(3) { -webkit-transition-delay: 100ms; -moz-transition-delay: 100ms; -ms-transition-delay: 100ms; -o-transition-delay: 100ms; transition-delay: 100ms; } .public_menu li:hover .submenu li:nth-child(4) { -webkit-transition-delay: 150ms; -moz-transition-delay: 150ms; -ms-transition-delay: 150ms; -o-transition-delay: 150ms; transition-delay: 150ms; } .public_menu li:hover .submenu li:nth-child(5) { -webkit-transition-delay: 200ms; -moz-transition-delay: 200ms; -ms-transition-delay: 200ms; -o-transition-delay: 200ms; transition-delay: 200ms; } .public_menu li:hover .submenu li:nth-child(6) { -webkit-transition-delay: 250ms; -moz-transition-delay: 250ms; -ms-transition-delay: 250ms; -o-transition-delay: 250ms; transition-delay: 250ms; } .public_menu li:hover .submenu li:nth-child(7) { -webkit-transition-delay: 300ms; -moz-transition-delay: 300ms; -ms-transition-delay: 300ms; -o-transition-delay: 300ms; transition-delay: 300ms; } .public_menu li:hover .submenu li:nth-child(8) { -webkit-transition-delay: 350ms; -moz-transition-delay: 350ms; -ms-transition-delay: 350ms; -o-transition-delay: 350ms; transition-delay: 350ms; } .submenu li:nth-child(1) { -webkit-transition-delay: 350ms; -moz-transition-delay: 350ms; -ms-transition-delay: 350ms; -o-transition-delay: 350ms; transition-delay: 350ms; } .submenu li:nth-child(2) { -webkit-transition-delay: 300ms; -moz-transition-delay: 300ms; -ms-transition-delay: 300ms; -o-transition-delay: 300ms; transition-delay: 300ms; } .submenu li:nth-child(3) { -webkit-transition-delay: 250ms; -moz-transition-delay: 250ms; -ms-transition-delay: 250ms; -o-transition-delay: 250ms; transition-delay: 250ms; } .submenu li:nth-child(4) { -webkit-transition-delay: 200ms; -moz-transition-delay: 200ms; -ms-transition-delay: 200ms; -o-transition-delay: 200ms; transition-delay: 200ms; } .submenu li:nth-child(5) { -webkit-transition-delay: 150ms; -moz-transition-delay: 150ms; -ms-transition-delay: 150ms; -o-transition-delay: 150ms; transition-delay: 150ms; } .submenu li:nth-child(6) { -webkit-transition-delay: 100ms; -moz-transition-delay: 100ms; -ms-transition-delay: 100ms; -o-transition-delay: 100ms; transition-delay: 100ms; } .submenu li:nth-child(7) { -webkit-transition-delay: 50ms; -moz-transition-delay: 50ms; -ms-transition-delay: 50ms; -o-transition-delay: 50ms; transition-delay: 50ms; } .submenu li:nth-child(8) { -webkit-transition-delay: 0s; -moz-transition-delay: 0s; -ms-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s; } .major { width: 1200px; height: 510px; margin: 0 auto; padding: 32px 0; overflow: hidden; } .major>ul>li { width: 285px; height: 193px; border: 1px solid #DFDFDF; float: left; margin-right: 15px; overflow: hidden; margin-top: 20px; } .major>ul>li { width: 285px; height: 193px; border: 1px solid #DFDFDF; float: left; margin-right: 15px; overflow: hidden; margin-top: 20px; } .major>ul>li>p { width: 100%; height: 30px; border-bottom: 1px solid #DFDFDF; text-align: center; font-size: 16px; overflow: hidden; line-height: 30px; font-weight: bold; } .major>ul>li>div { padding: 10px 0 0 10px; float: left; } .major>ul>li>div>.p { width: 167px; height: 90px; float: right; font-size: 12px; margin-left: 7px; letter-spacing: -0.7px; color: #666666; } .major dl { width: 100%; height: 30px; margin-top: 10px; } .p>p { height: 20px; opacity: 0.9; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .sav { color: #D9283A!important; } .major dl>dd { float: left; line-height: 30px; padding-left: 30px; } .major dl>dt { float: right; width: 80px; height: 20px; background: #D9283A; line-height: 20px; border-radius: 15px; font-size: 12px; text-align: center; margin-top: 5px; margin-right: 30px; } .major dl>dt>a { color: #fff; } .public_auto { width: 1210px !important; margin: 0px auto; }