/* Author Joeth.Zhang Dated 2011-01-11 Url joeth@qq.com */ /* --------------------------------- Global Styles --------------------------------- */ .wrapper { width: 980px; margin: 0 auto; } .header { position: relative; height: 55px; padding-top: 200px; background-image: url("/style/images/bg2.jpg"); background-position: 50% 0; background-repeat: no-repeat; } .header .logo { position: absolute; top: 48px; left: 17px; width: 340px; height: 80px; } .header .logo a { width: 340px; height: 80px; display: block; font-size: 0; line-height: 0; text-indent: -999px; } .header .subtitle { position: absolute; top: 129px; left: 17px; width: 350px; height: 50px; font-size: 0; line-height: 0; text-indent: -999px; } .navigation { padding: 5px 20px 0; } .navigation li { float: left; height: 50px; margin: 0 3px; } .navigation li a { color: #FFF; float: left; height: 40px; line-height: 40px; padding-left: 11px; display: block; font-size: 14px; font-family: "Microsoft Yahei"; } .navigation li a:hover span { text-decoration: underline } .navigation li span { color: #FFF; float: left; height: 50px; display: block; cursor: pointer; font-weight: bold; letter-spacing: 1px; padding: 0 5px; } .navigation .active { height: 50px; padding-left: 10px; color: #1F244A; background-image: url("/style/"/style/images/menu.png""); background-position: 0 0; background-repeat: no-repeat; } .navigation .active span { color: #1F244A; height: 50px; line-height: 42px; padding-right: 24px; background-image: url("/style/"/style/images/menu.png""); background-position: 100% -50px; background-repeat: no-repeat; } .navigation span.nav-ghttx { background: url("/style/images/nav-ghttx.gif") no-repeat 0 0; width: 86px; text-indent: -99em; padding: 0; } .navigation span.nav-gyyx { background: url("/style/images/nav-gyyx.gif") no-repeat 0 0; width: 86px; text-indent: -99em; padding: 0; } .header .btmbar { color: #999; height: 30px; line-height: 25px; margin: 0 15px; padding-top: 2px; position: relative; overflow: hidden; } .header .btmbar label { font-size: 14px; vertical-align: middle } .header .topSearch { position: absolute; top: 2px; right: 0; height: 30px; color: #999; } .topSearch .searchkey { padding-left: 26px; background-image: url("/style/images/searchkey.gif"); background-position: 0 50%; background-repeat: no-repeat; } .topSearch select { height: 22px; margin-top: 1px } .main { position: relative; padding: 0 10px; background-color: #FFF; overflow: hidden; } .maintop { position: absolute; top: 0; left: 0; height: 5px; width: 100%; font-size: 0; line-height: 0; background-image: url("/style/"/style/images/main.png""); background-position: 0 0; background-repeat: no-repeat; overflow: hidden; } .mainbtm { position: absolute; bottom: 0; left: 0; height: 5px; width: 100%; font-size: 0; line-height: 0; background-image: url("/style/"/style/images/main.png""); background-position: 0 -5px; background-repeat: no-repeat; overflow: hidden; } .footer { color: #999; padding: 10px 0; line-height: 1.9; text-align: center; } .ftLink { font-size: 14px; } .hasSide { padding-left: 280px; overflow: hidden } .hasSidebar { padding-right: 250px; overflow: hidden; } .hasSide .side { float: left; width: 270px; padding-right: 10px; margin-left: -280px; display: inline; } .hasSidebar .sidebar { float: left; width: 240px; padding-left: 10px; margin-right: -250px; display: inline; } .hasSide .body, .hasSidebar .body { float: left; width: 100%; overflow: hidden; } .body .hasSide { padding-left: 230px; } .body .hasSide .side { width: 220px; margin-left: -230px; } .wrap { margin: 10px auto; overflow: hidden; } .twoRow { margin-right: -10px; overflow: hidden } .twoRow .box { float: left; width: 350px; margin-right: 10px; } .boxTitle { position: relative; height: 35px; line-height: 35px; background-image: url("/style/"/style/images/boxTitle.png""); background-position: 100% 0; background-repeat: no-repeat; overflow: hidden; } .boxTitle h4 { color: #0A6EB9; font-size: 15px; padding-left: 30px; font-family: "Microsoft Yahei"; background-image: url("/style/"/style/images/boxTitle.png""); background-position: 0 -35px; background-repeat: no-repeat; overflow: hidden; } .boxTitle a { color: #0A6EB9 } .boxHead { position: relative; height: 32px; line-height: 33px; background-image: url("/style/"/style/images/boxHead.png""); background-position: 100% 0; background-repeat: no-repeat; overflow: hidden; } .boxHead h4 { color: #0A6EB9; font-size: 15px; padding: 0 10px; font-family: "Microsoft Yahei"; background-image: url("/style/"/style/images/boxHead.png""); background-position: 0 -32px; background-repeat: no-repeat; overflow: hidden; } .boxHead a { color: #0A6EB9 } .boxbar { position: relative; height: 3px; font-size: 0; line-height: 0; border-left: 1px solid #D5D5D5; border-right: 1px solid #D5D5D5; background-color: #DDD; background-image: url("/style/images/boxbar.png"); background-position: 0 0; background-repeat: repeat-y; overflow: hidden; } .boxBlock { padding: 5px; margin-top: -1px; border: 1px solid #D5D5D5; overflow: hidden; } .modTitle { height: 30px; line-height: 40px; padding: 0 10px; color: #0A6EB9; font-size: 15px; font-family: "Microsoft Yahei"; overflow: hidden; } .modBlock { padding: 4px 10px; overflow: hidden; } .position { color: #444; font-size: 12px; font-weight: normal; font-family: "宋体"; } .position a, .boxTitle .position a { color: #444 } .position a:hover { color: #06C } .boxTitle .position { position: absolute; top: 0; left: 0; margin-left: 160px; } .imgList { position: relative; margin: 5px auto; overflow: hidden; } .imgList li { float: left; width: 33%; overflow: hidden; } .imgList li a { width: 98px; height: 98px; margin: 0 auto; display: block; border: 1px solid #B9B9B9; overflow: hidden; } .list { width: 100%; line-height: 1.6; overflow: hidden; } .list li { height: 31px; line-height: 31px; margin-top: -1px; display: block; padding: 0 5px; border-top: 1px dotted #E7E7E7; overflow: hidden; } .listExt li { position: relative; padding-right: 80px } .listExt li .ext { color: #AAA; position: absolute; top: 50%; right: 5px; height: 16px; line-height: 16px; margin-top: -8px; overflow: hidden; } .list li.icon1 { padding-left: 15px; background-image: url("/style/images/listIcon1.png"); background-position: 5px 10px; background-repeat: no-repeat; } .list li.icon2 { padding-left: 15px; background-image: url("/style/images/listIcon2.png"); background-position: 5px 50%; background-repeat: no-repeat; } .list li.icon3 { padding-left: 15px; background-image: url("/style/images/listIcon3.png"); background-position: 5px 50%; background-repeat: no-repeat; } .list li.icon4 { padding-left: 20px; background-image: url("/style/images/listIcon4.png"); background-position: 5px 50%; background-repeat: no-repeat; } .trends { height: 320px } .trends dl { position: relative; height: 78px; padding: 5px 5px 5px 170px; background-color: #F6F6F6; overflow: hidden; z-index: 5; } .trends dt { position: absolute; top: 0; left: 0; width: 160px; height: 88px; overflow: hidden; } .trends dd h3 { height: 55px; font-weight: normal; overflow: hidden; } .trends p { color: #AAA; margin-top: 5px } .trends li { height: 37px; line-height: 1.6; padding-top: 5px; padding-bottom: 5px; overflow: hidden; } .announce { height: 320px; overflow: hidden; } .announce .list li { height: 32px; line-height: 32px; white-space: nowrap; overflow: hidden; } /* filmstrip */ .filmstrip { color: #AAA; position: relative; height: 348px; padding: 8px; background: #FAFAFA; border: 1px solid #ccc; overflow: hidden; } .filmstrip ul { width: 412px; height: 318px; overflow: hidden; } .filmstrip ul li, .filmstrip ul li img { width: 412px; height: 318px; } .filmstrip ul a { width: 412px; height: 318px; display: block; } .filmstrip dl { position: relative; height: 30px; line-height: 30px; padding-left: 60px; margin-top: 4px; overflow: hidden; } .filmstrip dt { position: absolute; top: 0; left: 0; height: 30px; padding-left: 20px; color: #06C; font-size: 15px; font-weight: bold; font-family: "Microsoft Yahei"; background-image: url("/style/images/titleIcon.gif"); background-position: 0 50%; background-repeat: no-repeat; } .filmstrip dd { position: relative; padding-right: 65px; } .filmstrip dt span { top: 0; right: 0; font-size: 12px; } .filmstrip ol { position: absolute; right: 8px; bottom: 38px; padding: 5px; z-index: 5; } .filmstrip ol li { float: left; width: 12px; height: 12px; *line-height: 12px; line-height: 13px; cursor: pointer; margin-left: 3px; display: block; font-size: 10px; text-align: center; border-width: 1px; border-color: #FCFCFC #EAEAEA #B2B2B2 #DFDFDF; border-style: solid; background-color: #E8E8E8; overflow: hidden; } .filmstrip ol li.current, .filmstrip ol li.hover { color: #FFF; background-color: #1671C2; } .eventSlider { position: relative; padding: 0 120px; overflow: hidden; } .sliderControls { position: absolute; top: 0; left: 0; width: 100%; height: 280px; overflow: hidden; } .eventSliderControls .prev, .eventSliderControls .next { position: absolute; top: 50%; width: 40px; height: 135px; font-size: 0; line-height: 0; text-indent: -999px; margin-top: -67.5px; cursor: pointer; background-image: url("/style/"/style/images/eventSliderControls.png""); background-position: 0 0; overflow: hidden; } .eventSliderControls .prev { left: 10px } .eventSliderControls .next { right: 10px; background-position: 0 -135px } .eventSliderControls a:hover.prev { background-position: 100% 0 } .eventSliderControls a:hover.next { background-position: 100% -135px } .eventSliderFrame { position: relative; overflow: hidden; } .event { position: relative; padding: 10px 10px 10px 236px; overflow: hidden; } .eventPhoto { position: absolute; top: 0; left: 0; } .eventPhoto p { width: 212px; height: 112px; margin-top: 20px; background: #EEE; border: 1px solid #A9A9A9; overflow: hidden; } .eventList { position: relative; overflow: hidden; } .industry { height: 270px; overflow: hidden; } .industry .list li { height: 34px; line-height: 34px; white-space: nowrap; overflow: hidden; } .complain { padding: 10px 10px 0; overflow: hidden; } .complain p { padding: 1px; margin-bottom: 10px } .guide dl { position: relative; float: left; width: 105px; height: 140px; margin: 6px; display: inline; } .guide dt { width: 105px; height: 105px; text-align: center; background-image: url("/style/"/style/"/style/images/guide.png"""); background-position: 0 0; background-repeat: no-repeat; overflow: hidden; } .guide dt a, .guide dt img { width: 105px; height: 105px; display: block; } .guide dd { position: absolute; bottom: 0; left: 0; width: 90px; height: 25px; line-height: 27px; text-align: center; padding-left: 15px; background-image: url("/style/"/style/"/style/images/guide.png"""); background-position: 0 -420px; background-repeat: no-repeat; overflow: hidden; } .guide .g1 dt { background-position: 0 0 } .guide .g2 dt { background-position: 0 -105px } .guide .g3 dt { background-position: 0 -210px } .guide .g4 dt { background-position: 0 -315px } .article { position: relative; min-height: 400px; _height: 400px; } .hasArticleNav { margin: 10px; border: 1px solid #F0F0F0; padding-left: 220px; background-image: url("/style/images/article.png"); background-position: 0 0; background-repeat: repeat-y; } .articleNav { position: absolute; top: 0; left: 0; width: 220px; overflow: hidden; } .articleNav li { height: 36px; line-height: 36px; margin-top: -1px; white-space: nowrap; font-size: 14px; border-top: 1px dotted #F0F0F0; border-bottom: 1px dotted #F0F0F0; overflow: hidden; } .articleNav li a { height: 36px; line-height: 36px; padding-left: 26px; white-space: nowrap; display: block; background-image: url("/style/images/articleNav.png"); background-position: 0 0; background-repeat: no-repeat; overflow: hidden; } .articleNav li a:hover { background-position: 0 -36px } .articleNav li.current { border-top: 1px solid #F0F0F0; border-bottom: 1px solid #F0F0F0; } .articleNav li.current a { color: #06C; font-weight: bold; background-color: #FFF; background-position: 0 -36px; } .articleList { padding: 0 10px; overflow: hidden; } .hasArticleNav .articleList { padding: 20px; } .articleList dl { position: relative; min-height: 132px; _height: 132px; margin: 20px auto; } .articleList dl.hasCover { padding-left: 255px; } .articleList dt { position: absolute; top: 0; left: 0; width: 235px; height: 135px; border: 1px solid #096EB4; overflow: hidden; } .articleList dd { line-height: 1.9; overflow: hidden; background-color: #fff; } .articleList .title { padding: 5px; background-color: #F6F6F6; overflow: hidden; } .articleList .title a { font-size: 14px; } .articleList .summary { padding: 5px; overflow: hidden; } .articleList .addTime { padding: 0 5px; text-align: right; border-top: 1px dotted #E5E5E5; overflow: hidden; } .articleContent { padding: 20px; overflow: hidden; } .articleTitle { margin: 15px; padding: 15px; text-align: center; background-color: #F7F7F7; overflow: hidden; } .articleTitle h1 { font-size: 25px; } .articleContent { margin: 15px; padding: 15px; overflow: hidden; } /** 还原默认设定 **/ .content { font-size: 14px; line-height: 1.8; } .content p { text-indent: 2em; padding: 7px 0px; margin: 10px auto; } .content ol { margin: 15px auto; padding-left: 20px; list-style: decimal; } .content ul { margin: 15px auto; padding-left: 20px; list-style: disc; } .content li { margin-left: 20px; } .content dl { margin: 15px auto; } .content dd { margin-left: 40px; } .signUp { padding: 20px; } .formDiv { line-height: 1.6; } .formDiv .tit { font-size: 14px; padding: 10px; overflow: hidden; } .formTable, .formTable tr { width: 100%; } .formTable td, .formTable th { padding: 5px; overflow: hidden; } .formTable .t { width: 40%; text-align: right; overflow: hidden; } .formTable .btm td { padding: 20px; text-align: center; } .formTable .errors { color: red; } .formTable .hint { color: #888888; } .h160 { height: 160px } .h280 { height: 280px } .h360 { height: 360px } /* --------------------------------- Common Styles --------------------------------- */ .gray, a.gray { color: #999 } .red, a.red { color: #C00 } .blue, a.blue { color: #013299 } .mt10 { margin-top: 10px } .tal { text-align: left } .tac { text-align: center } .tar { text-align: right } .disabled { display: none } .input { height: 18px; padding: 0 2px; line-height: 18px; border-width: 1px; border-color: #D6D6D6 #7C7C7C #5C5C5C #C5C5C5; border-style: solid; overflow: hidden; } .textarea { width: 99%; line-height: 1.6; font-size: 13px; border: 1px solid #CACACA; overflow: auto; } /* button */ .button { height: 20px; cursor: pointer; display: inline-block; vertical-align: middle; background-image: url("/style/"/style/"/style/"/style/"/style/"/style/"/style/"/style/images/button.png""""""""); background-position: 0 0; background-repeat: no-repeat; overflow: hidden; } .button input { border: 0; height: 20px; line-height: 20px; padding: 0 10px; cursor: pointer; letter-spacing: 1px; vertical-align: middle; background-color: transparent; background-image: url("/style/"/style/"/style/"/style/"/style/"/style/"/style/"/style/images/button.png""""""""); background-position: 100% -20px; background-repeat: no-repeat; overflow: hidden; } /* 仅IE7可见 */ * + html .button input { width: auto !important; overflow: visible !important; } /* IE6以下可见 */ * html .button input { width: 0; line-height: 20px; overflow: visible; } /* button1 */ .button1 { height: 35px; cursor: pointer; display: inline-block; vertical-align: middle; background-image: url("/style/"/style/"/style/"/style/"/style/"/style/"/style/"/style/images/button.png""""""""); background-position: 0 -80px; background-repeat: no-repeat; overflow: hidden; } .button1 input { color: #FFF; border: 0; height: 35px; line-height: 35px; padding: 0 20px; cursor: pointer; font-size: 14px; font-weight: bold; letter-spacing: 3px; vertical-align: middle; background-color: transparent; background-image: url("/style/"/style/"/style/"/style/"/style/"/style/"/style/"/style/images/button.png""""""""); background-position: 100% -115px; background-repeat: no-repeat; overflow: hidden; } /* 仅IE7可见 */ * + html .button1 input { width: auto !important; overflow: visible !important; } /* IE6以下可见 */ * html .button1 input { width: 0; line-height: 20px; overflow: visible; } /* submit1 */ .submit1 { height: 35px; cursor: pointer; display: inline-block; vertical-align: middle; background-image: url("/style/"/style/"/style/"/style/"/style/"/style/"/style/"/style/images/button.png""""""""); background-position: 0 -150px; background-repeat: no-repeat; overflow: hidden; } .submit1 input { color: #FFF; border: 0; height: 35px; line-height: 35px; padding: 0 20px; cursor: pointer; font-size: 14px; font-weight: bold; letter-spacing: 3px; vertical-align: middle; background-color: transparent; background-image: url("/style/"/style/"/style/"/style/"/style/"/style/"/style/"/style/images/button.png""""""""); background-position: 100% -185px; background-repeat: no-repeat; overflow: hidden; } /* 仅IE7可见 */ * + html .submit1 input { width: auto !important; overflow: visible !important; } /* IE6以下可见 */ * html .submit1 input { width: 0; line-height: 20px; overflow: visible; } /* bluebtn */ .bluebtn { height: 20px; cursor: pointer; display: inline-block; vertical-align: middle; background-image: url("/style/"/style/"/style/"/style/"/style/"/style/"/style/"/style/images/button.png""""""""); background-position: 0 -40px; background-repeat: no-repeat; overflow: hidden; } .bluebtn input { color: #FFF; border: 0; height: 20px; line-height: 20px; padding: 0 10px; cursor: pointer; letter-spacing: 1px; vertical-align: middle; background-color: transparent; background-image: url("/style/"/style/"/style/"/style/"/style/"/style/"/style/"/style/images/button.png""""""""); background-position: 100% -60px; background-repeat: no-repeat; overflow: hidden; } /* 仅IE7可见 */ * + html .bluebtn input { width: auto !important; overflow: visible !important; } /* IE6以下可见 */ * html .bluebtn input { width: 0; line-height: 20px; overflow: visible; } /* submit */ .submit { width: 105px; height: 36px; border: 0; cursor: pointer; font-size: 0; line-height: 100px; background-image: url("/style/images/submit.png"); background-repeat: no-repeat; overflow: hidden; } .btn_join { width: 105px; height: 36px; border: 0; cursor: pointer; font-size: 0; line-height: 100px; background-image: url("/style/images/btn_join.png"); background-repeat: no-repeat; overflow: hidden; } .clear { clear: both; font-size: 0; overflow: hidden; } .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } * html .clearfix { height: 1% } * + html .clearfix { height: 1% } .clearfix { display: inline-block } .clearfix { display: block } /* --------------------------------- Author Joeth.Zhang Dated 2013/05/10 Url joeth@qq.com --------------------------------- */ /* wsEvent */ .wsEvent { overflow: hidden; position: relative; } .wsEvent .event { border-top: 1px dotted #E7E7E7; margin: -1px 0 0; padding: 10px 0 10px 130px; height: 163px; } .wsEvent .eventPhoto { top: 10px; left: 5px; } .wsEvent .eventPhoto p { width: 110px; height: 150px; margin-top: 5px; } .wsEvent h3 { color: #0A6EB9; font-size: 14px; font-family: "microsoft yahei"; height: 30px; line-height: 30px; overflow: hidden; padding-left: 15px; } .wsEvent h3 a { color: #096DB8; } .wsEvent .list li { border: none; height: 27px; line-height: 27px; } .wsEvent .list li.icon2 { background-position: 0 50%; padding-left: 15px; } /* wsEventDetail */ .wsEventDetail { overflow: hidden; position: relative; } .wsEventDetail .event { _height: 320px; min-height: 320px; margin: 0; padding: 10px 10px 10px 260px; } .wsEventDetail .eventPhoto { top: 10px; left: 10px; } .wsEventDetail .eventPhoto p { width: 220px; height: 300px; margin-top: 5px; } .wsEventDetail h3 { color: #000; font-size: 14px; font-family: "microsoft yahei"; height: 30px; line-height: 30px; overflow: hidden; margin-bottom: 10px; } /* imgText */ .imgText { padding: 10px 10px 10px 120px; position: relative; } .imgText dt { border: 1px solid #A9A9A9; *display: inline; float: left; height: 100px; width: 100px; margin-left: -120px; overflow: hidden; } .imgText dt img { max-height: 100px; max-width: 100px; _height: 100px; _width: 100px; } .imgText dd { float: left; width: 100%; } .imgText .time { color: #999; text-align: right; } /* wsVideo */ .wsVideo { color: #096DB8; padding: 0 5px; overflow: hidden; position: relative; } .wsVideo a { color: #096DB8; } .wsVideo .imgText p { padding: 5px 0; } .wsVideo .imgText { border-top: 1px dotted #E7E7E7; margin-top: -1px; } /* sideVideoList */ .sideVideoList { } .sideVideoList li { float: left; width: 110px; padding: 5px; margin-left: 5px; } .sideVideoList .cover { border: 1px solid #A9A9A9; height: 150px; width: 110px; overflow: hidden; } .sideVideoList .cover img { max-height: 150px; max-width: 110px; _height: 150px; _width: 110px; } .sideVideoList .name { height: 24px; line-height: 24px; width: 110px; overflow: hidden; margin-top: 5px; text-align: center; } .meeting a { color: #06C; } .meeting a:hover { text-decoration: underline; } .col-2 .col-left { float: left; width: 475px; } .col-2 .col-right { float: right; width: 475px; } .wsGuide { height: 320px; } .wsGuide li { background-image: url("/style/"/style/"/style/images/guide.png"""); background-position: 0 -420px; background-repeat: no-repeat; *display: inline; float: left; margin-left: 15px; margin-top: 15px; } .wsGuide a { display: block; float: left; height: 25px; line-height: 27px; width: 90px; text-align: center; padding-left: 15px; overflow: hidden; } .wsGuide .g1 { background-position: 0 0; width: 105px; height: 105px; } .wsGuide .g2 { background-position: 0 -210px; width: 105px; height: 105px; } .wsGuide .guide-gyyx { background: url("/style/images/guide-gyyx.gif") no-repeat 25px 0; text-indent: -999em; } .wsGuide .guide-ghttx { background: url("/style/images/guide-ghttx.gif") no-repeat 30px 0; text-indent: -999em; } /*index*/ .row { } .row:before, .row:after { display: table; content: " "; } .row:after { clear: both; } .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12, .col-1-5 { position: relative; min-height: 1px; float: left; } .col-xs-12 { width: 100%; } .col-xs-11 { width: 91.66666667%; } .col-xs-10 { width: 83.33333333%; } .col-xs-9 { width: 75%; } .col-xs-8 { width: 66.66666667%; } .col-xs-7 { width: 58.33333333%; } .col-xs-6 { width: 50%; } .col-xs-5 { width: 41.66666667%; } .col-xs-4 { width: 33.33333333%; } .col-xs-3 { width: 25%; } .col-xs-2 { width: 16.66666667%; } .col-xs-1 { width: 8.33333333%; } .col-1-5 { width: 20%; } .text-center { text-align: center; } .text-right { text-align: right; } .mt20 { margin-bottom: 20px; } .mt50 { margin-bottom: 50px; } .no-pad { padding: 0 !important; } .intro { width: 820px; margin: 0 auto 50px; text-align: center; } .intro-title, .video-title { line-height: 60px; font-size: 26px; color: #34495e; text-align: center; } .intro-ct { line-height: 28px; margin-bottom: 20px; font-size: 16px; color: #34495e; text-indent: 2em; text-align: left; } .intro-ct > a { font-size: 16px; font-weight: bold; color: #34495e; } .intro-link-wrap { /*margin-bottom: 20px;*/ } .intro-link-wrap .intro-link { display: inline-block; margin-left: 80px; line-height: 60px; font-size: 16px; color: #34495e; } .intro-link-wrap .intro-link img { width: 90px; } .intro-link-wrap .intro-link:first-child { margin: 0; } .vip { margin-bottom: 60px; } .vip .vip-prefecture { position: relative; height: 80px; /*margin-bottom: 50px;*/ padding: 50px 10px; border-top: 1px solid #babbbd; border-bottom: 1px solid #babbbd; } .vip-prefecture .vip-scroll { position: absolute; height: 80px; } .vip-prefecture .vip-prefecture-title { position: absolute; top: -14px; left: 40px; width: 160px; background: #fff; font-size: 18px; font-weight: bold; color: #34495e; text-align: center; } .vip-prefecture .vip-prefecture-more { position: absolute; bottom: -18px; right: 40px; width: 100px; line-height: 36px; background: #fff; font-size: 14px; color: #34495e; text-align: center; } .vip .vip-scroll .vip-prefecture-mem { float: left; width: 198px; text-align: center; } .vip-prefecture-mem > a > img { width: 150px; height: 80px; } .vip .btn-association { padding: 5px 25px; border-radius: 5px; background-color: #e94c3d; font-size: 18px; color: #fff; } .w1020 { width: 1020px; margin: 33px auto 0; } .w980 { width: 980px; margin: 0 auto; } .w852 { width: 852px; margin: 0 auto; } .index-title { position: relative; line-height: 32px; margin-bottom: 10px; font-size: 16px; font-weight: bold; color: #34495e; text-indent: 20px; } .index-title.right { text-indent: 40px; } .index-title.title-bg-half > a, .index-title.title-bg > a { position: relative; z-index: 3; font-size: 16px; color: #34495e; } .index-title.title-bg-half:after { position: absolute; bottom: -8px; left: 0; content: ' '; width: 470px; height: 20px; background: url("/images/title-half.png") no-repeat; } .title-bg-half.title-bg-half_3:after { background: url("/images/title-half_03.png") no-repeat; } .index-title.title-bg-half.right:after { left: 20px; } .index-title.title-bg:after { position: absolute; bottom: -8px; left: 0; content: ' '; width: 100%; height: 20px; background: url("/images/title.png") no-repeat; } .inde-data-ul { width: 85%; padding-left: 20px; font-size: 14px; } .inde-data-ul.right { margin-left: 20px; } .inde-data-ul > li { display: block; height: 32px; line-height: 32px; overflow: hidden; } .inde-data-ul > li a { display: inline-block; width: 100%; height: 32px; line-height: 32px; color: #34495e; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .video { margin-bottom: 50px; } .video video { width: 1200px; height: 713px; margin-bottom: 20px; } .video-list { text-align: center; } .video .video-link p { width: 60%; height: 32px; line-height: 32px; margin: 0 auto; font-size: 14px; color: #1b1f23; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .publish { margin-top: 20px; margin-bottom: 50px; position: relative; } .publish-bg-l { height: 182px; overflow: hidden; background-color: #f1f1f1; margin-left: 30px; padding: 30px 20px; } .publish-bg-l > a { float: left; } .publishList { line-height: 32px; margin-left: 135px; font-size: 14px; } .publishList > ul > li { height: 32px; overflow: hidden; } .publishList h3 { font-weight: bold; } .publishList a { color: #34495e; } .publish .index-title { position: absolute; left: 35px; top: -20px; background-color: inherit; padding: 0 18px; text-indent: 0; } .publish .publish-link { line-height: 42px; font-size: 30px; font-weight: bold; color: #34495e; } .publish .publish-link > img { margin-right: 20px; } .publish .publish-link > span { float: right; width: 210px; margin-top: 55px; text-align: center; } .publish .publish-more { position: absolute; right: 20px; bottom: -20px; line-height: 42px; padding: 0 18px; background-color: inherit; font-size: 22px; color: #34495e; } .textarea-suggest { float: left; width: 360px; height: 88px; margin-top: 12px; margin-left: 10px; padding: 5px; border: 2px solid #a0a0a0; box-sizing: border-box; font-size: 14px; resize: none; } .operate-btn { float: left; width: 62px; margin-top: 7px; margin-left: 20px; } .btn-suggest { display: inline-block; width: 62px; line-height: 30px; margin-top: 10px; border: 2px solid #b8b8b8; border-radius: 5px; background-color: #fff; font-size: 14px; color: #34495e; cursor: pointer; } .select-link { width: 436px; margin-top: 15px; margin-left: 35px; padding: 5px; border: 2px solid #a0a0a0; font-size: 14px; color: #34495e; } .business-watch { height: 220px; padding: 0 5px; margin-bottom: 0; overflow: hidden } .business-watch-box { line-height: 32px; position: relative; padding-left: 20px; overflow: hidden; } .business-watch-box h3 { margin-top: 12px; margin-left: 20px; font-size: 14px; font-weight: bold; } .business-watch-box h3 > a { color: #34495e; } .business-watch-box .business-watch-box-li { height: 220px; } .business-watch-box .business-watch-box-li img { padding-top: 10px; } .activi-slider { position: relative; height: 370px; padding-right: 60px; padding-left: 70px; overflow: hidden; } .activi-slider-controls { } .activi-slider-frame { position: relative; /*height: 280px;*/ overflow: hidden; } .activi-slider-controls .prev, .activi-slider-controls .next { position: absolute; top: 50%; width: 40px; height: 135px; font-size: 0; line-height: 0; text-indent: -999px; margin-top: -67.5px; cursor: pointer; background-image: url("/style/"/style/images/eventSliderControls.png""); background-position: 0 0; overflow: hidden; } .activi-slider-controls .prev { left: 10px; } .activi-slider-controls .next { right: 10px; background-position: 0 -135px; } .activi-slider-frame-img { float: left; width: 305px; } .activi-slider-frame-img p { margin-top: 15px; overflow: hidden; } .activi-slider-frame-list { margin-left: 325px; } .activi-slider-frame-list-ul { overflow: hidden; margin-top: 10px; } .activi-slider-frame-list-ul li { position: relative; height: 42px; line-height: 42px; font-size: 20px; overflow: hidden; } .activi-slider-frame-list-ul li > a{ color: #34495e; }