锘 /* 婊戝潡 start */ #subjects { height: 224px; background-color:#FFFFFF; margin-top: 70px; margin-bottom: 50px; } #subjects .g-wrap { position:relative; margin:0 auto; width:980px; height:100%; overflow:hidden; } #subjects .g-wrap a { position: absolute; top: 0; left: 100%; width: 100%; height: 100%; overflow: hidden; -webkit-opacity: 1; opacity: 1; display: block \9; -webkit-transition: left 300ms, -webkit-opacity 700ms; transition: left 300ms, opacity 700ms; } #subjects .g-wrap .item-1 { z-index: 1; background-color: #c8c8c8; } #subjects .g-wrap .item-2 { z-index: 2; background-color: #ffd900; } #subjects .g-wrap .item-3 { z-index: 3; background-color: #fc433e; } #subjects .g-wrap .item-4 { z-index: 4; background-color: #2d2d58; } #subjects .g-wrap .item-5 { z-index: 5; background-color: #2d2d58; } #subjects .g-wrap .item-6 { z-index: 6; background-color: #2d2d58; } #subjects .g-wrap .item-7{ z-index: 7; background-color: #2d2d58; } #subjects .g-wrap .item-8{ z-index: 8; background-color: #2d2d58; } #subjects .g-wrap a span { position: absolute; background: no-repeat 0 0; } #subjects .g-wrap .p2 { -webkit-opacity: 0; opacity: 0; display: none \9; -webkit-transition: -webkit-opacity 400ms; transition: opacity 400ms; } #subjects .g-wrap .item-1 .p1 { left: 0; top: 0; width: 493px; height: 165px; } #subjects .g-wrap .item-1 .p2 { left: 276px; top: 68px; z-index: 2; width: 189px; height: 29px; } #subjects .g-wrap .item-2 .p1 { /*left: 61px;*/ /*top: 21px;*/ left: 0; top: 0; } #subjects .g-wrap .item-2 .p2 { left: 250px; top: 26px; } #subjects .g-wrap .item-3 .p1 { /*left: 20px;*/ /*top: 56px;*/ /*width: 77px;*/ /*height: 76px;*/ left: 0; top: 0; } #subjects .g-wrap .item-3 .p2 { left: 190px; top: 21px; width: 282px; height: 122px; } #subjects .g-wrap .item-4 .p1 { /*left: 23px;*/ /*top: 54px;*/ /*width: 182px;*/ /*height: 80px;*/ left: 0; top: 0; } #subjects .g-wrap .item-4 .p2 { left: 227px; top: 21px; width: 245px; height: 122px; } /*#subjects*/ #subjects .trans a { -webkit-opacity: 0; opacity: 0; display: none \9; } /* 閫愪釜鍑虹幇 */ #subjects .ready .item-2 { transition-delay: 150ms; -webkit-transition-delay: 150ms; -ms-transition-delay: 150ms; -moz-transition-delay: 150ms; } #subjects .ready .item-3 { transition-delay: 150ms; -webkit-transition-delay: 300ms; -ms-transition-delay: 300ms; -moz-transition-delay: 300ms; } #subjects .ready .item-4 { transition-delay: 150ms; -webkit-transition-delay: 450ms; -ms-transition-delay: 450ms; -moz-transition-delay: 450ms; } #subjects .ready .item-5 { transition-delay: 600ms; -webkit-transition-delay: 600ms; -ms-transition-delay: 600ms; -moz-transition-delay: 600ms; } #subjects .ready .item-6 { transition-delay: 750ms; -webkit-transition-delay: 750ms; -ms-transition-delay: 750ms; -moz-transition-delay: 750ms; } #subjects .ready .item-7 { transition-delay: 750ms; -webkit-transition-delay: 750ms; -ms-transition-delay: 750ms; -moz-transition-delay: 750ms; } #subjects .ready .item-8 { transition-delay: 750ms; -webkit-transition-delay: 750ms; -ms-transition-delay: 750ms; -moz-transition-delay: 750ms; } /* 娌℃湁鎸囧悜 */ #subjects .state-0 .item-1 { left: 0; } #subjects .state-0 .item-2 { left: 344px; } #subjects .state-0 .item-3 { left: 435px; } #subjects .state-0 .item-4 { left: 526px; } #subjects .state-0 .item-5 { left: 617px; } #subjects .state-0 .item-6 { left: 707px; } #subjects .state-0 .item-7 { left: 798px; } #subjects .state-0 .item-8 { left: 889px; } /* 鎸囧悜绗竴涓 */ #subjects .state-1 .item-1 { left: 0; } #subjects .state-1 .item-2 { left: 344px; } #subjects .state-1 .item-3 { left: 435px; } #subjects .state-1 .item-4 { left: 526px; } #subjects .state-1 .item-5 { left: 617px; } #subjects .state-1 .item-6 { left: 707px; } #subjects .state-1 .item-7 { left: 798px; } #subjects .state-1 .item-8 { left: 889px; } #subjects .state-1 .item-1 .p2 { -webkit-opacity: 1; opacity: 1; display: block \9; } /* 鎸囧悜绗簩涓 */ #subjects .state-2 .item-1 { left: 0; } #subjects .state-2 .item-2 { left: 91px; } #subjects .state-2 .item-3 { left: 435px; } #subjects .state-2 .item-4 { left: 526px; } #subjects .state-2 .item-5 { left: 617px; } #subjects .state-2 .item-6 { left: 707px; } #subjects .state-2 .item-7 { left: 798px; } #subjects .state-2 .item-8 { left: 889px; } #subjects .state-2 .item-2 .p2 { -webkit-opacity: 1; opacity: 1; display: block \9; } /* 鎸囧悜绗笁涓 */ #subjects .state-3 .item-1 { left: 0; } #subjects .state-3 .item-2 { left: 91px; } #subjects .state-3 .item-3 { left: 182px; } #subjects .state-3 .item-4 { left: 526px; } #subjects .state-3 .item-5 { left: 617px; } #subjects .state-3 .item-6 { left: 707px; } #subjects .state-3 .item-7 { left: 798px; } #subjects .state-3 .item-8 { left: 889px; } #subjects .state-3 .item-3 .p2 { -webkit-opacity: 1; opacity: 1; display: block \9; } /* 鎸囧悜绗洓涓 */ #subjects .state-4 .item-1 { left: 0; } #subjects .state-4 .item-2 { left: 91px; } #subjects .state-4 .item-3 { left: 182px; } #subjects .state-4 .item-4 { left: 273px; } #subjects .state-4 .item-5 { left: 617px; } #subjects .state-4 .item-6 { left: 707px; } #subjects .state-4 .item-7 { left: 798px; } #subjects .state-4 .item-8 { left: 889px; } #subjects .state-4 .item-4 .p2 { -webkit-opacity: 1; opacity: 1; display: block \9; } /* 鎸囧悜绗簲涓 */ #subjects .state-5 .item-1 { left: 0; } #subjects .state-5 .item-2 { left: 91px; } #subjects .state-5 .item-3 { left: 182px; } #subjects .state-5 .item-4 { left: 273px; } #subjects .state-5 .item-5 { left: 364px; } #subjects .state-5 .item-6 { left: 707px; } #subjects .state-5 .item-7 { left: 798px; } #subjects .state-5 .item-8 { left: 889px; } #subjects .state-5 .item-4 .p2 { -webkit-opacity: 1; opacity: 1; display: block \9; } /* 鎸囧悜绗叚涓 */ #subjects .state-6 .item-1 { left: 0; } #subjects .state-6 .item-2 { left: 91px; } #subjects .state-6 .item-3 { left: 182px; } #subjects .state-6 .item-4 { left: 273px; } #subjects .state-6 .item-5 { left: 364px; } #subjects .state-6 .item-6 { left: 455px; } #subjects .state-6 .item-7 { left: 798px; } #subjects .state-6 .item-8 { left: 889px; } #subjects .state-6 .item-4 .p2 { -webkit-opacity: 1; opacity: 1; display: block \9; } /* 鎸囧悜绗?涓 */ #subjects .state-7 .item-1 { left: 0; } #subjects .state-7 .item-2 { left: 91px; } #subjects .state-7 .item-3 { left: 182px; } #subjects .state-7 .item-4 { left: 273px; } #subjects .state-7 .item-5 { left: 364px; } #subjects .state-7 .item-6 { left: 455px; } #subjects .state-7 .item-7 { left: 546px; } #subjects .state-7 .item-8 { left: 889px; } #subjects .state-7 .item-4 .p2 { -webkit-opacity: 1; opacity: 1; display: block \9; } /* 鎸囧悜绗?涓 */ #subjects .state-8 .item-1 { left: 0; } #subjects .state-8 .item-2 { left: 91px; } #subjects .state-8 .item-3 { left: 182px; } #subjects .state-8 .item-4 { left: 273px; } #subjects .state-8 .item-5 { left: 364px; } #subjects .state-8 .item-6 { left: 455px; } #subjects .state-8 .item-7 { left: 546px; } #subjects .state-8 .item-8 { left: 637px; } #subjects .state-8 .item-4 .p2 { -webkit-opacity: 1; opacity: 1; display: block \9; } /* 婊戝潡 end */ .leader-list{ } .leader-list li{ background: #f1f1f1; height: 236px; width: 100%; position: relative; margin-top: 20px; } .leader-list li img{ float: left; margin-right: 20px; } .leader-list li div{ position: absolute; bottom: 20px; padding-left: 194px; padding-right: 20px; } .leader-list li div h3{ font-size: 20px; font-weight: bold; } .leader-list li div p{ margin-top: 10px; } .leader-list li div a{ font-size: 12px; color: #d7210c; } .leader-detail{ padding: 90px 65px; } .leader-detail img{ float: left; margin: 0 40px 20px 0; } .leader-detail h3{ font-size: 32px; color: #555; } .leader-detail .leader-title{ font-size: 22px; color: #999; margin-top: 70px; } .leader-detail .leader-txt{ font-size: 16px; line-height: 3; color: #555; } .zn-overlay{ display: none; } .zn-overlay-mask{ background: #000; opacity: .7; position: fixed; _position: absolute; width: 100%; height: 100%; top: 0; left: 0; filter: opacity(alpha=70); z-index: 1000; } .zn-overlay-box{ background: #fff; width: 705px; position: absolute; top: 200px; left: 300px; z-index: 1111; } .zn-overlay-box .close{ width: 60px; height: 60px; position: absolute; top: 0; right: 0; background: url(../images/index-7/icon-18.png) center center #999 no-repeat; }