@charset "utf-8"; #gallery{ width: 100%; min-width: 1200px; height: 450px; overflow: hidden; position: relative; } #slides{ width: 100%; min-width: 1200px; height: 450px; position: absolute; } #slides li{ float: left; width: 25%; height: 450px; text-align: center; } #slides li img{ margin: 0 auto; } .slides-li-first{ background: #4172bb; } .slides-li-second{ background: #27aad5; } .slides-li-third{ background: #94c500; } .slides-li-fourth{ background: #f8ad1b; } .topbar { position: absolute; width: 100%; bottom: 0; left: 0; } .storeitems{ height: 115px; position: relative; opacity: 0.96; z-index: 1; border-top: 5px solid #fff; } .storeitems li{ height: 115px; width: 300px; float: left; color: #aaaaaa; position: relative; z-index: 89; } .storeitems a{ color: #ffffff; } .slide-tip{ width: 284px; height: 115px; border-right: 1px solid #fff; cursor: pointer; padding-left: 15px; } .slide-tip-first{ background: #4172bb; width: 279px; border-left: 5px solid white; } .slide-tip-second{ background: #27aad5; } .slide-tip-third{ background: #94c500; } .slide-tip-fourth{ background: #f8ad1b; border-right: 5px solid white; width: 280px; } .slide-tile{ font-size: 18px; color: #fff; line-height: 40px; } .icdetail{ line-height: 28px; } .icdetail a{ padding-left: 5px; padding-right: 5px; float: left; line-height: 28px; } .addwidth>a{ width: 80px; } .jt { background: 0 0 no-repeat; width: 15px; height: 8px; position: absolute; left: 145px; top: -13px; z-index: 79; display: none; } .jt-li-first .jt{ display: block; } #tupxw { background-image: ; background-repeat: repeat-x; background-position: top; height: 242px; } .tupxw-title{ font-size: 16px; font-family: '微软雅黑'; font-weight: bold; line-height: 60px; } .tupxw-content li{ width: 200px; text-align: center; margin-right: 40px; float: left; } .tupxw-li-fifth{ margin-right: 0 !important; } .tupxw-img img{ width: 200px; height: 150px; } .tupxw-content a{ line-height: 20px; display: inline-block; width: 180px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } .index-container{ margin-top: 26px; } .tabbedpanels{ float: left; width: 809px; overflow: hidden; clear: both; } .tabbedpanels-title li{ position: relative; float: left; list-style: none; -moz-user-select: none; -khtml-user-select: none; cursor: pointer; font-family: "微软雅黑"; font-size: 16px; font-weight: bold; color: #fff; text-align: center; line-height: 36px; height: 36px; width: 200px; } .tabbedpanels-first{ background: #3a6bb4; } .tabbedpanels-second{ background: #0e9cc0; margin-left: 3px; } .tabbedpanels-third{ background: #81b11f; margin-left: 3px; } .tabbedpanels-fourth{ background: #ff7501; margin-left: 3px; } .tabbedpanelscontentgroup{ margin-top: 8px; } .tabbedpanelscontent{ width: 800px; display: none; overflow: visible; height: 247px; padding: 5px; font-family: "宋体"; font-size: 12px; color: #fff; } .tabbedpanelscontent a{ color: #fff; } .tabbedpanelscontent-first{ display: block; background: #3a6bb4; } .tabbedpanelscontent-second{ background: #0e9cc0; } .tabbedpanelscontent-third{ background: #81b11f; } .tabbedpanelscontent-fourth{ background: #ff7501; } .tabbedpanelscontent ul{ width: 790px; height: 247px; position: relative; } .tabbedpanelscontent i{ display: inline-block; width: 16px; height: 11px; background: ; } .tabbedpanelscontent li{ font-size: 12px; position: relative; line-height: 30px; } .accordion-box{ float: right; width: 506px; height: 390px; overflow: hidden; border: 1px solid #09c; } .accordionpaneltab{ margin: 0px; padding: 3px; cursor: pointer; -moz-user-select: none; -khtml-user-select: none; font-family: "微软雅黑"; font-size: 14px; line-height: 38px; color: #fff; text-align: center; font-weight: bold; border-bottom:1px solid #09f; width:99%; } .accordionpanel-first .accordionpaneltab{ background-color: #6dbdff; } .accordionpanel-second .accordionpaneltab{ background-color: #6dbdff; } .accordionpanel-third .accordionpaneltab{ background-color: #6dbdff; } .accordionpanel-fourth .accordionpaneltab{ background-color: #6dbdff; } .accordionpanel-fiveth .accordionpaneltab{ background-color: #6dbdff; } .accordionpanel-sixth .accordionpaneltab{ background-color: #6dbdff; } .accordionpanelcontent{ margin: 0px; padding: 0px; height: 120px; width: 498px; display: none; } .accordionpanel-second .accordionnav{ padding-top: 10px; } .accordion-img{ float: left; height: 100%; } .accordion-img img{ margin-top: 10px; } .accordionnav{ padding-top: 15px; height: 100px; display: table-cell; width:340px; float:left; margin-left:25px; } .accordionnav a{ color: #ffffff; } .accordionnav ul{ float:right; } .accordionnav li{ margin-top: 2px; width: 320px; float: right; line-height: 25px; font-weight: bold; text-align: left;border-bottom:1px dashed #ccc; line-height: 20px } .accordionnav-first li{ background-color: #3a6bb4; } .accordionnav-second li{ background-color: #0e9cc0; } .accordionnav-third li{ background-color: #81b11f; } .accordionnav-fourth li{ background-color: #ff7501; } .accordionnav-fourth li{ background-color: #d85405; } .accordionnav-fourth li{ background-color: #de0211; } .accordionpanel-first>.accordionpanelcontent{ display: block; } .index-more{ text-align: right; border-top: 1px dotted #fff; position: absolute; bottom: 5px; width: 790px; line-height: 28px; }