@charset "utf-8"; .contant .news .more, .contant .job .more, .contant .menber .tab a { display: inline-block; *display: inline; *zoom: 1 } .main-nav h2, .main-nav h3, .contant, .contant .news dl dd a, .contant .layout .layout-1 { *zoom: 1 } .main-nav h2:before, .main-nav h3:before, .contant:before, .contant .news dl dd a:before, .contant .layout .layout-1:before, .main-nav h2:after, .main-nav h3:after, .contant:after, .contant .news dl dd a:after, .contant .layout .layout-1:after { content: ""; display: table } .main-nav h2:after, .main-nav h3:after, .contant:after, .contant .news dl dd a:after, .contant .layout .layout-1:after { clear: both } .contant .news dl dd a span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap } .contant .layout .layout-1 .left i { content: ""; height: 0; width: 0; overflow: hidden } .main-slidebox-one { position: relative; width: 100%; height: 488px; overflow: hidden; margin-top: 18px } .main-slidebox-one li { position: absolute; left: 50%; margin-left: -1000px } .main-slidebox-one .play-btn { position: absolute; display: block; width: 50px; height: 50px; bottom: 100px; left: 50%; margin-left: -25px; background: url(/uploads/image/iapaimg/play-btn.png) no-repeat } .main-slidebox { width: 1024px; height: 488px; overflow: hidden; position: relative; border: 1px solid #ddd; margin: 0 auto; margin-top: 18px } .main-slidebox .hd { height: 25px; position: absolute; left: 50%; bottom: 5px; z-index: 1; margin-left: -33px } .main-slidebox .hd ul { overflow: hidden; zoom: 1; float: left } .main-slidebox .hd ul li { float: left; border-radius: 100%; margin-right: 10px; width: 15px; height: 15px; line-height: 15px; text-align: center; background: #fff; cursor: pointer } .main-slidebox .hd ul li.on { background: #f60; color: #fff } .main-slidebox .bd { position: relative; height: 100%; z-index: 0 } .main-slidebox .bd li { zoom: 1; vertical-align: middle } .main-slidebox .bd .bd-img { width: 100% } .main-slidebox .bd img { height: 488px; display: block } .main-slidebox .prev, .main-slidebox .next { position: absolute; left: 3%; top: 50%; margin-top: -25px; display: block; width: 32px; height: 40px; background: url(/uploads/image/capacimages/slider-arrow.png) -110px 5px no-repeat; filter: alpha(opacity=50); opacity: .5 } .main-slidebox .next { left: auto; right: 3%; background-position: 8px 5px } .main-slidebox .prev:hover, .main-slidebox .next:hover { filter: alpha(opacity=100); opacity: 1 } .main-slidebox .prevstop { display: none } .main-slidebox .nextstop { display: none } .main-slidebox .prev, .main-slidebox .next { position: absolute; left: 3%; top: 50%; margin-top: -25px; display: block; width: 32px; height: 40px; background: url(/uploads/image/iapaimg/icon01.png) -110px 5px no-repeat; filter: alpha(opacity=50); opacity: .5 } .main-slidebox .next { left: auto; right: 3%; background-position: 8px 5px } .main-slidebox .prev:hover, .main-slidebox .next:hover { filter: alpha(opacity=100); opacity: 1 } .main-slidebox .prevstop { display: none } .main-slidebox .nextstop { display: none } .main-slidebox .prev, .main-slidebox .next { display: block; width: 56px; height: 56px; border-radius: 3px; background-color: #bc2a12; background-color: rgba(186, 45, 21, .7); background-image: url(/uploads/image/iapaimg/icon01.png) } .main-slidebox .prev { float: left; margin-left: 40px; background-position: 18px -312px; background-repeat: no-repeat } .main-slidebox .next { float: right; margin-right: 40px; background-position: 18px -404px; background-repeat: no-repeat } .main-slidebox .mask { display: none; width: 1024px; height: 488px; position: absolute; top: 0; left: 50%; margin-left: -512px; background-color: rgba(255, 255, 255, .3) } .main-slidebox .play-btn { position: absolute; display: block; width: 50px; height: 50px; bottom: 100px; left: 50%; margin-left: -25px; background: url(/uploads/image/iapaimg/play-btn.png) no-repeat } .fl { float: left } .fr { float: right } .fixed { overflow: hidden; white-space: nowrap; text-overflow: ellipsis } .por, .posr { position: relative } .poa, .posa { position: absolute } .dn, .dsn { display: none } .di { display: inline } .db { display: block } .dib { display: inline-block; *display: inline; *zoom: 1 } html, body { width: 100%; overflow-x: hidden } .top { width: 100%; background: repeat; position: fixed; top: 0; padding-top: 0 !important; left: 0; _position: absolute; _top: expression(eval(document.documentelement.scrolltop)); z-index: 9 } .logo { display: block; float: left; width: 330px; height: 60px; /* background: #f05a23; */ background: #ea5a26 no-repeat center center } .tools { float: right; padding-right: 80px; position: relative } .tools .home_site { width: 55px; color: #fff; text-align: center; font-size: 12px } .tools .home_site li { background: #000; height: 30px } .tools .home_site li a { position: relative; left: -15px; background: #000; font-size: 14px; display: block; color: #fff; text-indent: 0; height: 30px; line-height: 30px; width: 70px } .tools li { float: left; display: block; width: 40px; height: 60px; line-height: 60px } .tools li a { display: block; width: 40px; height: 60px; text-indent: -9999em; position: relative; z-index: 10 } .tools li a img { display: block; position: absolute; top: 18px; left: 8px; width: 20px; height: 20px } .tools li a.select { background: #000 } .tools li a:hover { background: #000 } .qrcode { position: absolute; top: -125px; right: -30px; display: none } .qrcode p { color: #fff; text-align: center } .search_box { display: none; width: 230px; height: 28px; border: 2px #a5a5a5 solid; border-radius: 2px; background: #fff; position: absolute; top: 60px; right: 80px } .search_box .ipt_search { outline: 0; float: left; width: 190px; height: 28px; line-height: 28px; font-size: 14px; color: #4c4948; border: 0 none; padding: 0 5px } .search_box .btn_search { float: left; display: block; width: 28px; height: 28px; border-left: 2px #c5c5c5 solid; background-position: -30px -78px } #j-home a { line-height: 60px } .wrapcont { width: 100%; height: 100%; background: #fff; position: absolute; left: 0; top: 0 } .main-container { position: absolute; top: 100%; width: 100% } .home_toolbarlang { color: #fff; text-align: center; font-size: 14px } .tools .home_toolbarlang li { background: #000; height: 30px } .tools .home_toolbarlang li a { color: #fff; text-indent: 0; height: 30px; line-height: 30px } .j-nav-box { height: 100% } .mcsb_inside>.mcsb_container { margin-right: 0 !important } .mcs-dark.mcsb_scrolltools .mcsb_draggerrail { display: none !important } .mcs-dark.mcsb_scrolltools .mcsb_dragger .mcsb_dragger_bar { margin-right: 0 !important } .mcs-dark.mcsb_scrolltools .mcsb_dragger .mcsb_dragger_bar { background: #aaa !important } .home_sidebar { height: 100%; width: 230px !important; background: #ebebeb; position: fixed; right: 0; top: -100%; z-index: 11 } .main-nav li .menu_close { display: block; width: 20px; height: 20px; background: #f05a23 url(/uploads/image/iapaimg/ico_sp1.png) no-repeat; background-position: -64px -83px; position: absolute; top: 20px; right: 20px; cursor: pointer } .main-nav>li.curr { height: 60px; line-height: 60px } .main-nav>li.curr li { border: 0 } .main-nav h2, .main-nav h3 { padding-left: 20px; line-height: 50px; height: 50px } .main-nav li ul { display: none } .main-nav li ul.curr { display: block } .main-nav li span { float: right; height: 50px; width: 40px; background: url(/uploads/image/iapaimg/ico_sp1.png) 12px -315px no-repeat; cursor: pointer } .main-nav li span.curr { background: url(/uploads/image/iapaimg/ico_sp1.png) -50px -315px no-repeat } .main-nav li { line-height: 50px; border-top: 1px #bbb solid } .main-nav li.curr { font-size: 16px; color: #fff; background: #f05a23 url(/uploads/image/iapaimg/ico_sp1.png) no-repeat; background-position: 202px -250px } .main-nav li.menu-row-1>h2>a { float: left; line-height: 50px; width: 170px; font-size: 16px; color: #4c4948 } .main-nav li.curr { border: 0 } .main-nav li.curr h2 a { color: #fff } .main-nav li a.curr, .main-nav li a.curr:hover { color: #fff; background: #f05a23 url(/uploads/image/iapaimg/ico_sp1.png) no-repeat; background-position: 195px -250px } .main-nav li.none { border-bottom: 0 none } .main-nav li.none a { background: 0 0 } .main-nav li a:hover { color: #f05a23; text-decoration: none } .menu-row-1 ul { background: #ddd } .menu-row-2>h3 { font-size: 14px } .menu-row-2 ul { background: #ccc } .menu-row-2 ul>li { padding-left: 20px } .menu-row-2 ul>li>a { font-size: 14px; color: #4c4948; display: block } .f_logo, .ico_dzsw, .ico_lxwm, .ico_search, .ico_menu, .btn_search { background: url(/uploads/image/iapaimg/ico_sp1.png) no-repeat } .ico_search, .ico_menu { display: block; position: absolute } .ico_search { width: 20px; height: 20px; background-position: 0 -50px; top: 20px; left: 10px } .ico_menu { width: 28px; height: 21px; background-position: -33px -50px; top: 20px; left: 6px } .banner { width: 1000px; height: 100%; margin: 0 auto; position: relative; z-index: 8 } .banner .bd { height: 100%; position: relative } .banner .tempwrap, .banner .piclist, .banner .tempwrap li, .banner .tempwrap .pic { height: 100%; text-align: center; position: relative; overflow: hidden } .banner img { height: 100% } .banner .dot { position: absolute; left: 50%; bottom: 140px; margin-left: -20px; z-index: 8 } .banner .dot li { float: left; width: 8px; height: 8px; margin-left: 5px; border-radius: 8px; background-color: #aaa; cursor: pointer } .banner .dot li.on { background-color: #f05a23 } .banner .video { width: 100%; text-align: center; position: absolute; top: 50%; left: 0; margin-top: -150px } .banner .video h3 { font-size: 40px; line-height: 90px; font-weight: 700; color: #f05a23 } .banner .video h4 { font-size: 26px; color: #f05a23 } .banner .video .btn_play { display: block; width: 97px; height: 98px; background: url(/uploads/image/iapaimg/ico_sp1.png) no-repeat; background-position: 0 -143px; margin: 40px auto 0 } .main_infocont { width: 100%; height: 120px; position: absolute; bottom: 0; left: 0; z-index: 9 } .bg_black, .bg_orange { height: 120px; position: absolute; top: 0; z-index: 3 } .bg_black { left: 0; width: 45%; background: #303030 } .bg_white { padding: 10px 2%; height: 100px; position: absolute; top: 0; z-index: 3; left: 0; width: 41%; background: #fff } .bg_white iframe { width: 500px !important; float: right; } .bg_orange { right: 0; width: 55%; background: #ea5a26; } .stock_cont { float: right; width: 500px } .new_cont { float: left; width: 630px; margin-top: 10px } .stock_cont dt { float: right; width: 160px; height: 80px; color: #fff; line-height: 30px; text-align: center; background: #4d4d4d; padding-top: 20px } .stock_cont dt h3 { font-size: 24px } .stock_cont dt h4 { font-size: 16px } .stock_cont dd { margin-right: 0; padding: 7px 0 0 } .stock_cont ul.c { height: 100px; float: left; padding-right: 10px } .stock_cont li { float: left; color: #fff; line-height: 24px; padding-right: 15px; white-space: nowrap } .stock_cont li.pa { width: 70px } .stock_cont li.pa div { width: 70px } .stock_cont li div { width: 130px } .stock_cont li .stock-code { font-size: 12px; font-weight: 700 } .stock_cont li .gal { font-size: 16px; font-weight: 700; text-align: right } .stock_cont li .time { font-size: 12px } .stock_cont li .gujian { font-size: 14px; text-align: left } .stock_cont li .dynamic { display: inline-block; width: 122px; font-size: 16px; font-weight: 700; text-align: center; background: red } .stock_cont .tips { font-size: 14px; text-align: right; color: #fff; padding: 60px 15px 0 0 } .new_cont dt { float: left; width: 200px; height: 80px; color: #fff; line-height: 30px; text-align: center; padding-top: 10px } .new_cont dt h3 { font-size: 24px } .new_cont dt h4 { font-size: 14px } .new_cont dt h4 a { color: #fff } .new_cont dt h4 a:hover { color: #fff } .new_cont dd { margin-left: 200px; padding: 14px 0 0 } .new_cont li { line-height: 24px; font-size: 14px; color: #fff; white-space: nowrap; overflow: hidden; text-overflow: ellipsis } .new_cont li span { padding-right: 10px } .new_cont li a { color: #fff } .new_cont li a:hover { color: #fff; text-decoration: underline } .item_box { overflow: hidden } .item_box ul { width: 1070px } .item_box li { float: left; width: 198px; height: 210px; margin: 0 8px; position: relative; z-index: 3; overflow: hidden } .item_box li .pic { width: 198px; height: 210px; /* transition: 1s transform; -moz-transition: 1s transform; -webkit-transition: 1s transform */ } .item_box li .pic img { width: 100%; height: 100%; position: absolute; z-index: -1 } /* .item_box li:hover .pic { transform: rotate(10deg) scale(1.3); -moz-transform: rotate(10deg) scale(1.3); -webkit-transform: rotate(10deg) scale(1.3) } */ .item_box li a { display: block; width: 100%; height: 100%; line-height: 210px; text-align: center; font-size: 24px; color: #fff; position: absolute; top: 0; left: 0; z-index: 5 } .item_0 { background: url(/uploads/image/iapai/202101.png) no-repeat; } .item_1 { background: no-repeat; } .item_2 { background: no-repeat; } .item_3 { background: url(/uploads/image/iapai/202104.png) no-repeat; } .item_4 { background: url(/uploads/image/iapai/202105.png) no-repeat; } .group_members { width: 1040px; height: 410px; background: url(/uploads/image/iapaimg/map_bg.jpg) no-repeat; margin: 60px auto 0 } .member_box { width: 800px; margin: 0 auto; padding: 47px 0 0 } .member_box .tab_nav { height: 40px; line-height: 50px } .member_box .tab_nav h3 { float: left; font-size: 24px; color: #f05a23; padding: 0 60px 0 -1px } .member_box .tab_nav ul { padding-left: 30px; float: left } .member_box .tab_nav li { float: left; display: inline; font-size: 16px; color: #4c4948; margin-right: 25px; cursor: pointer } .member_box .tab_nav li.select { color: #f05a23 } .member_box .tab_cont { height: 222px; background: repeat; margin-top: 20px; padding: 19px 20px; } .member_box .tab_cont li { float: left; width: 253px; white-space: nowrap; font-size: 14px; color: #4c4948; line-height: 28px; } .member_box .tab_cont li a { font-size: 14px; color: #4c4948; line-height: 28px; } .member_box .tab_cont li a:hover { color: #f05a23; text-decoration: none; } /* .co_list { padding: 10px 0 0 } .co_list ul { float: left; width: 200px; border-left: 1px #f06c3b solid; padding-left: 20px; min-height: 200px } .co_list li { font-size: 15px; line-height: 30px; vertical-align: top; width: 200px } .co_list ul.first { width: 185px; border-left: 0 none; padding-left: 25px } .co_list li a { color: #4c4948 } .co_list li a:hover { color: #f05a23; text-decoration: none } */ .footer { width: 100%; height: 92px; background: #e1e1e1; margin-top: 60px; padding: 40px 0 30px } .footer .footer_cont { width: 1080px; margin: 0 auto } .footer_cont .f_logo { float: left; width: 210px; height: 35px; background-position: 0 0 } .footer_cont .f_link ul { float: left } .footer_cont .f_link li { position: relative; float: left; display: inline; margin-left: 15px } .footer_cont .f_link li a { display: block; height: 30px; line-height: 30px; font-size: 14px; color: #f05a23; padding-left: 35px } .footer_cont .f_link li a:hover { color: #f05a23; text-decoration: underline } .ico_dzsw { background-position: -120px -47px } .ico_lxwm { background-position: -120px -94px } .footer_cont .copyr .cr_text { font-size: 14px; color: #4c4948; line-height: 22px; text-align: right; margin-top: 40px } .footer_cont .copyr .cr_text a { color: #4c4948; text-decoration: none } .footer_cont .copyr .cr_text a:hover { color: #f05a23; text-decoration: underline } .ico_wechat, .ico_weibo { background: url(/uploads/image/iapaimg/wx_wb.png) no-repeat } .footer_cont .ico_wechat { height: 20px; background-position: 7px 7px; padding-left: 20px } .footer_cont .ico_weibo { height: 20px; background-position: -24px -34px; padding-left: 10px } .mcs-dark.mcsb_scrolltools .mcsb_dragger .mcsb_dragger_bar { background-color: #000; background-color: #006441 } .main-banner { position: relative; margin-top: 18px } .main-banner .banner-pic { width: 1024px; margin: 0 auto } .main-banner .banner-pic li { display: none } .main-banner .banner-pic li.curr { display: block } .main-banner .banner-btn { position: absolute; width: 1024px; height: 56px; top: 50%; left: 50%; margin-left: -512px; margin-top: -28px } .main-banner .banner-btn .left, .main-banner .banner-btn .right { display: block; width: 56px; height: 56px; border-radius: 3px; background-color: #bc2a12; background-color: rgba(186, 45, 21, .7); background-image: url(/uploads/image/iapaimg/icon01.png) } .main-banner .banner-btn .left { float: left; margin-left: 40px; background-position: 18px -312px; background-repeat: no-repeat } .main-banner .banner-btn .right { float: right; margin-right: 40px; background-position: 18px -404px; background-repeat: no-repeat } .contant { width: 1060px; margin: 70px auto 0 } .contant .pphd { float: left; width: 310px; height: 310px; margin-top: 30px; position: relative; border-radius: 10px } .contant .pphd p { position: absolute; top: 20px; left: 30px; font-size: 18px; color: #fff } .contant .news { float: left; width: 310px; height: 310px; margin-top: 30px; margin-left: 8px; border-radius: 10px; background-color: #fff } .contant .news .left { float: left } .contant .news dl { float: left; width: 275px; height: 260px; padding-left: 32px; overflow: hidden } .contant .news dl dt { color: #4c4948; font-size: 18px; margin: 20px 0 15px } .contant .news dl dd { line-height: 28px } .contant .news dl dd a { color: #4c4948 } .contant .news dl dd a:hover { color: #ea5a26 } .contant .news dl dd a i { float: left; font-style: normal; width: 80px } .contant .news dl dd a span { float: left; width: 180px; width: 180px } .contant .news .more { float: left; margin-left: 32px; margin-top: 10px; color: #f60; padding-right: 15px; background: url(/uploads/image/iapaimg/icon01.png) no-repeat 56px -171px } .contant .realtime_stock { margin-left: 8px; margin-top: 30px } .contant .job { position: relative; float: left; width: 310px; height: 310px; margin-top: 8px; background: url(/uploads/image/iapaimg/img02.png) no-repeat; border-radius: 10px } .contant .job h4 { color: #fff; font-size: 18px; margin: 20px 0 20px 40px } .contant .job p { color: #fff; margin-left: 40px } .contant .job .more { position: absolute; left: 0; bottom: 30px; color: #fff; padding-right: 15px; background: url(/uploads/image/iapaimg/icon01.png) no-repeat 56px -227px } .contant .layout { float: left; width: 310px; height: 310px; margin-top: 8px; margin-right: 8px; border-radius: 10px; background-color: #fff } .contant .layout .layout-1 { margin: 8px 0 0 8px } .contant .layout .layout-1 .left { float: left; position: relative; width: 143px } .contant .layout .layout-1 .left i { position: absolute; top: 18px; right: 0; z-index: 1; border-right: 13px solid #fff; border-top: 13px dashed transparent; border-bottom: 13px dashed transparent } .contant .layout .layout-1 .left img { border-radius: 5px } .contant .layout .layout-1 .right { position: relative; float: left; width: 153px } .contant .layout .layout-1 .right h4 { color: #4c4948; font-size: 18px; font-weight: 700; margin: 20px 0 20px 20px } .contant .layout .layout-1 .right p { margin-left: 20px } .contant .layout .layout-1 .right .more { position: absolute; top: 118px; left: 20px; color: #ea5a26; line-height: 12px; padding-right: 10px; background: url(/uploads/image/iapaimg/icon01.png) no-repeat 53px -174px } .contant .stock { margin-right: 0 } .contant .menber h4 { color: #4c4948; font-size: 18px; font-weight: 400; margin: 25px 30px 20px } .contant .menber .select-box { overflow: auto; width: 245px; height: 162px; margin: 0 auto; background-color: #f0f0f0; border-radius: 5px; border: 1px solid #cdcdcd; padding: 5px 0 5px 5px } .contant .menber .select-box .j-select-box { width: 245px; height: 162px; margin: 0 auto; display: none; overflow: hidden } .contant .menber .select-box p { line-height: 24px } .contant .menber .tab { margin-top: 20px; margin-left: 28px } .contant .menber .tab a { font-size: 14px; color: #4c4948; width: 82px; height: 36px; line-height: 36px; text-align: center; border-radius: 4px } .contant .menber .tab .curr { color: #fff; background-color: #006441 } .contant .stock h4 { font-size: 18px; font-weight: 700; margin: 25px 0 20px } .contant .stock .stock-box { width: 235px; height: 216px; margin: 0 auto } .contant .stock .stock-box .stock-title { margin: 0 15px } .contant .stock .stock-box .stock-title li { float: left; width: 35px; cursor: pointer } .contant .stock .stock-box .stock-code { margin-left: 50px } .contant .stock .stock-box .stock-chars { padding: 20px } .contant .stock .stock-box .stock-chars li { display: none } .pop-risk .risk-bdr { margin-top: -240px !important; margin-left: -426px; width: 852px; height: 480px } .item_box li .five-part { height: 44px; line-height: 44px; background: #ea5a26; position: absolute; bottom: 0; left: 0; width: 100%; text-align: center; font-size: 20px; color: #fff; } .footer .f_link .ico_pingan { background: no-repeat } .footer .f_link .qrcode_pingan { position: absolute; top: -125px; right: -30px; display: none; text-align: center; color: #f05a24; }