@charset "utf-8"; .banner { width: 6.4rem; height: 2.9rem; overflow: hidden } .banner-video { display: none; position: absolute; top: .7rem; left: 0; width: 6.4rem; height: 3.9rem; z-index: 1 } .banner-video video { width: 100%; height: 100% } .banner-video object,.banner-video img { width: 6.4rem; height: 3.9rem } .banner-video.curr { display: block } .banner-video .mejs-container { width: 6.4rem!important } .banner-video .mejs-layers,.banner-video .mejs-clear,.banner-video .mejs-mediaelement,.banner-video .mejs-inner { width: 6.4rem; z-index: 1 } .banner-video .mejs-controls { bottom: 0; width: 6.4rem; z-index: 1 } .banner-video .mejs-controls .mejs-button { width: .5rem; height: .3rem } .banner-video .mejs-controls .mejs-playpause-button button { left: .25rem } .banner-video .mejs-controls .mejs-time-rail { width: 4.66rem; z-index: 1 } .banner-video .mejs-mediaelement,.banner-video .mejs-video,.banner-video .mejs-layers,.banner-video .mejs-poster,.banner-video .mejs-overlay { height: 3.9rem!important; z-index: 1 } .banner-video .mejs-overlay-loading,.banner-video .mejs-overlay-button { top: 1.9rem; left: 3.3rem } .weixin img { display: block; width: 3.4rem; height: 3.4rem; margin: 1rem auto .1rem } .weixin p { display: block; font-size: .22rem; text-align: center } body { font-family: helvetica,sanfrancisco,'microsoft yahei'; font-size: .26rem; color: #474747 } input { border-radius: 0; -webkit-appearance: none } a { -webkit-tap-highlight-color: rgba(255,0,0,0); -ms-tap-highlight-color: rgba(255,0,0,0); -o-tap-highlight-color: rgba(255,0,0,0); -moz-tap-highlight-color: rgba(255,0,0,0) } .c:after { content: "."; display: block; font-size: 0; height: 0; clear: both; visibility: hidden } .c { zoom: 1 } .fl { float: left } .fr { float: right } .clear { clear: both } .dn,.dsn { display: none } nav { width: 3.5rem; background: #ebebeb; position: fixed; top: 0; right: 0; bottom: 0; z-index: 1 } .wrap { width: 100%; background: #fff; position: relative; z-index: 5; left: 0 } .header { width: 100%; height: .7rem; background: rgba(0,0,0,.3); position: absolute; top: 0; left: 0; z-index: 9 } .logo { float: left; width: 45%; height: .7rem; background: #f05a23 url(/uploads/image/captaimg/20231116.svg) center center no-repeat; background-size: 2.4rem .38rem } .tools { float: right; padding-right: .2rem } .tools li { float: left; display: block; width: .5rem; height: .7rem } .home_toolbarlang { color: #fff; text-align: center; line-height: .69rem } .home_toolbarlang ul li a { color: #fff } .lk_search,.lk_menu { position: relative } .lk_search:before { content: ""; width: .12rem; height: .12rem; border-radius: 50%; border: .04rem #fff solid; position: absolute; top: .23rem; left: .12rem } .lk_search:after { content: ""; width: .13rem; height: .05rem; border-radius: .02rem; background: #fff; position: absolute; top: .4rem; left: .25rem; transform: rotatez(45deg); -webkit-transform: rotatez(45deg) } .lk_menu i { display: block; width: .35rem; height: .05rem; background: #fff; border-radius: .02rem; margin: .33rem auto 0; position: relative } .lk_menu i:before,.lk_menu i:after { content: ""; width: .35rem; height: .05rem; background: #fff; border-radius: .02rem; position: absolute; top: -.1rem; left: 0 } .lk_menu i:after { top: .1rem } .tools li.select { background: rgba(0,0,0,.5) } @keyframes sbox { from { top: .4rem; opacity: 0 } to { top: .7rem; opacity: 1 } } @-webkit-keyframes sbox { from { top: .4rem; opacity: 0 } to { top: .7rem; opacity: 1 } } @keyframes hbox { 0% { top: .7rem; opacity: 1 } 80% { top: .4rem; opacity: 0 } 100% { top: -1rem; opacity: 0 } } @-webkit-keyframes hbox { 0% { top: .7rem; opacity: 1 } 80% { top: .4rem; opacity: 0 } 100% { top: -1rem; opacity: 0 } } .search_box { box-sizing: border-box; width: 100%; padding: .2rem; background: rgba(255,255,255,.85); position: absolute; animation: sbox .25s forwards; -webkit-animation: sbox .25s forwards } .hide { animation: hbox .5s forwards; -webkit-animation: hbox .5s forwards } .search_box .ipt_ss { box-sizing: border-box; width: 100%; height: .5rem; border: .02rem #d5d5d5 solid; padding: .05rem .6rem .05rem .05rem; line-height: .36rem; font-size: .24rem; color: #666; background: rgba(255,255,255,.8) } .search_box .ipt_btn { display: block; font-size: 0; width: .46rem; height: .46rem; position: absolute; top: .22rem; right: .22rem } .search_box .ipt_btn:before { content: ""; width: .12rem; height: .12rem; border-radius: 50%; border: .04rem #f05a23 solid; position: absolute; top: .11rem; left: .12rem } .search_box .ipt_btn:after { content: ""; width: .13rem; height: .05rem; border-radius: .02rem; background: #f05a23; position: absolute; top: .28rem; left: .25rem; transform: rotatez(45deg); -webkit-transform: rotatez(45deg) } .banner { width: 6.4rem; height: 4.6rem; position: relative } .banner .pic img { width: 6.4rem; height: 4.6rem } .banner .video { width: 100%; color: #f05a23; line-height: .6rem; text-align: center; position: absolute; top: 30% } .banner .video h3 { font-size: .5rem; font-weight: 700 } .banner .video h4 { font-size: .4rem } .banner .btn_play { display: block; width: .8rem; height: .8rem; font-size: 0; border-radius: 50%; background: #f05a23; margin: .2rem auto 0; position: relative } .banner .btn_play:before,.banner .btn_play:after { content: ""; width: .3rem; height: .04rem; background: #fff; position: absolute; top: .28rem; left: .3rem; transform: rotatez(45deg); -webkit-transform: rotatez(45deg) } .banner .btn_play:after { top: .47rem; transform: rotatez(-45deg); -webkit-transform: rotatez(-45deg) } .wrap h2 { font-size: .26rem; line-height: .35rem; color: #f05a23; text-align: center; padding: .3rem 0 .2rem } .pa_shares { color: #fff; background: #303030; padding: .1rem 0 } .pa_shares p { font-size: .18rem; text-align: center } .pa_shares ul { padding: 0 0 .2rem .2rem } .pa_shares li { float: left; color: #fff; line-height: .34rem; padding-right: .5rem; white-space: nowrap } .pa_shares li:last-child { padding-right: 0 } .pa_shares li:nth-child(1),.pa_shares li:nth-child(3) { width: .9rem } .pa_shares li:nth-child(2),.pa_shares li:nth-child(4) { width: 1.35rem } .pa_shares li .stock-code { font-size: .14rem; font-weight: 700 } .pa_shares li .gal { font-size: .2rem; font-weight: 700; text-align: right } .pa_shares li .time { font-size: .14rem } .pa_shares li .dynamic { display: inline-block; width: 100%; font-size: .2rem; font-weight: 700; text-align: center; background: red } .pa_news { background: #f05a23; padding: .2rem .3rem } .pa_news li { line-height: .3rem; font-size: .18rem; color: #fff; white-space: nowrap; overflow: hidden; text-overflow: ellipsis } .pa_news li span { padding-right: .15rem } .pa_news li a { color: #fff } .pa_news li a:hover { color: #fff; text-decoration: underline } .item_box { padding: .05rem 0 .3rem } .item_box li { float: left; width: 2.9rem; height: 3.05rem; margin: .2rem 0 0 .2rem } .item_box li.cultural { width: 6rem } .item_box li a { display: block; width: 100%; height: 100%; line-height: 3.05rem; text-align: center; font-size: .26rem; color: #fff; text-shadow: 0 .02rem .05rem #666 } .item_0 { background: url(/uploads/image/capmtai/about20230525.png) no-repeat; background-size: 5.99rem 3.08rem } .item_1 { background: url(/uploads/image/capmtai/invest2023052501.png) no-repeat } .item_2 { background: url(/uploads/image/capmtai/fin20230525.png) no-repeat } .item_3 { background: url(/uploads/image/capmtai/article20230525.png) no-repeat } .item_4 { background: url(/uploads/image/capmtai/video20230525.png) no-repeat } .item_1,.item_2,.item_3,.item_4 { background-size: 2.9rem 3.05rem } .group_members { height: 12rem; background-size: 6.4rem 4.6rem; margin-top: .3rem; padding: 0 .2rem } .tab_nav h3 { font-size: .4rem; line-height: .35rem; color: #f05a23; text-align: center; } /* .tab_nav ul { width: 100%; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -moz-box-pack: justify; -ms-flex-pack: justify; -webkit-box-align: center; -moz-box-align: justify; -ms-flex-align: center; justify-content: space-between; align-content: center; box-sizing: border-box; padding: 0 .3rem } .tab_nav li { -webkit-box-flex: 1; -moz-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; flex-grow: 1; text-align: center; box-sizing: border-box; display: block; line-height: .3rem; font-size: .2rem; color: #4c4948 } .tab_nav li.select { color: #f05a23 } */ .tab_cont { min-height: 3rem; margin-top: .2rem; padding: 0 0.4rem; background: url(/uploads/image/iapmtai/map_bg.png) no-repeat ; background-color: rgba(108,108,108,.15); } .co_list { padding: 0 } .co_list ul { float: left; box-sizing: border-box; border-right: .02rem #f06c3b solid; padding: 0.2rem .3rem; } .co_list li { font-size: .28rem; line-height: .52rem; vertical-align: top; } .co_list ul:last-child { border-right: 0 none } .co_list li a { color: #4c4948 } .co_list li a:hover { /* color: #f05a23; */ text-decoration: none } .footer { width: 100%; background: #e1e1e1; margin-top: .45rem; padding: .3rem 0 } .footer_link { text-align: center; padding: 0 0 .25rem } .footer_link a { display: inline-block; line-height: .4rem; font-size: .18rem; color: #f05a23; margin: 0 .15rem; padding-left: .5rem; position: relative } .link_c { background: url(/uploads/image/iapmtai/ico_wechat.png) 0 .06rem no-repeat } .link_d { background: url(/uploads/image/iapmtai/ico_weibo.png) 0 .06rem no-repeat } .link_c,.link_d { background-size: .4rem .32rem } .footer p { font-size: .18rem; line-height: .3rem; color: #4c4948; text-align: center } .footer p a { color: #4c4948; text-decoration: underline } .link_a { background: url(/uploads/image/iapmtaicommon/footer1.png) 0 0 no-repeat; background-size: .4rem .4rem } .link_b { background: url(/uploads/image/iapmtaicommon/footer2.png) 0 0 no-repeat; background-size: .4rem .4rem } .main_infocont { width: 100% } .bg_black { overflow: hidden; width: 100%; padding: .15rem 0; background: #303030 } .bg-block { width: 100% } .bg-block iframe { height: 170px } .bg_orange { width: 100%; background: #f05a23 } .main_infocont h2 { font-size: .26rem; line-height: .35rem; color: #f05a23; text-align: center; padding: .3rem 0 .2rem } .stock_cont { float: right; width: 100% } .new_cont { float: left; width: 100% } .stock_cont dt { display: none } .stock_cont dt h3 { font-size: .16rem } .stock_cont dt h4 { font-size: .12rem } .stock_cont ul { padding: 0 0 .15rem .2rem } .stock_cont li { float: left; color: #fff; line-height: .34rem; padding-right: .1rem; white-space: nowrap } .stock_cont li:last-child { padding-right: 0 } .stock_cont li:nth-child(2),.stock_cont li:nth-child(4) { width: 1.95rem } .stock_cont li .stock-code { font-size: .16rem; font-weight: 700 } .stock_cont li .gal { font-size: .2rem; font-weight: 700; text-align: right } .stock_cont li .time { font-size: .16rem } .stock_cont li .dynamic { display: block; width: 100%; font-size: .2rem; font-weight: 700; text-align: center; background: red } .stock_cont li .fudured { background: #fe0000 } .stock_cont li .fudugreen { background: #009946 } .stock_cont li .tips { display: none } .stock_cont .data_tips { font-size: .2rem; color: #fff; text-align: center; clear: both } .new_cont dt { display: none } .new_cont dt h3 { font-size: .16rem } .new_cont dt h4 { font-size: .12rem } .new_cont dd { padding: .2rem .3rem } .new_cont li { line-height: .3rem; font-size: .18rem; color: #fff; white-space: nowrap; overflow: hidden; text-overflow: ellipsis } .new_cont li span { padding-right: .1rem } .new_cont li a { color: #fff } .new_cont li a:hover { color: #fff; text-decoration: underline } @media screen and (min-width:768px) { .main_infocont { width: 100%; height: 170px; position: relative } .main_infocont h2 { display: none } .bg_black,.bg_orange,.bg-block { height: 170px; position: absolute; top: 0; z-index: 3 } .bg_black { left: 0; width: 50%; background: #303030; padding: 0 } .bg-block { left: 0; width: 50%; background-color: rgba(108,108,108,.15) } .bg_orange { right: 0; width: 50%; background: #f05a23 } .stock_cont { float: right; width: 100% } .new_cont { float: left; width: 100% } .stock_cont dt { display: block; float: right; width: 1rem; height: 1rem; color: #fff; line-height: .3rem; text-align: center; background: #4d4d4d; padding-top: .2rem } .stock_cont ul li:nth-child(3),.stock_cont ul li:nth-child(4) { display: none } .stock_cont dt h3 { font-size: .16rem } .stock_cont dt h4 { font-size: .12rem } .stock_cont dd { margin-right: 1rem; padding: .07rem 0 0 } .stock_cont ul { padding: 0 .15rem; position: relative } .stock_cont li { box-sizing: border-box; float: left; color: #fff; line-height: .3rem; padding-right: .15rem; white-space: nowrap } .stock_cont li:nth-child(1) { width: 40% } .stock_cont li:nth-child(2) { width: 60%; padding-right: 0 } .stock_cont li .stock-code { font-size: .12rem; font-weight: 700 } .stock_cont li .gal { font-size: .14rem; font-weight: 700; text-align: right } .stock_cont li .time { font-size: .12rem } .stock_cont li .dynamic { display: block; margin: 0; width: 100%; font-size: .14rem; font-weight: 700; text-align: center; background: red } .stock_cont li .fudured { background: #fe0000 } .stock_cont li .fudugreen { background: #009946 } .stock_cont li .tips { display: none } .stock_cont .data_tips { width: 80%; font-size: .12rem; color: #fff; text-align: center; position: absolute; bottom: .1rem } .new_cont dt { display: block; float: left; width: 1rem; height: .8rem; color: #fff; line-height: .3rem; text-align: center; padding-top: .2rem; margin-top: 25px } .new_cont dt h3 { font-size: .16rem } .new_cont dt h4 { font-size: .12rem } .new_cont dd { margin-left: 1rem; padding: 35px 1px 0 0 } .new_cont li { line-height: 24px; font-size: .12rem; color: #fff; white-space: nowrap; overflow: hidden; text-overflow: ellipsis } .new_cont li:nth-child(4),.new_cont li:nth-child(5) { display: none } .new_cont li span { padding-right: .1rem } .new_cont li a { color: #fff } .new_cont li a:hover { color: #fff; text-decoration: underline } .item_box { overflow: hidden; padding: .05rem .04rem .3rem } .item_box ul { width: 7.8rem } .item_box li { float: left; width: 1.5rem; height: 1.6rem; margin: .2rem .04rem 0 } .item_box li.cultural { width: 6.24rem } .item_box li a { display: block; line-height: 1.6rem; text-align: center; font-size: .24rem; color: #fff; text-shadow: 0 .02rem .05rem #666 } .item_0 { background-size: 6.24rem 3.08rem } .item_1 { background: url(/uploads/image/iapmtai/item_1.jpg) no-repeat } .item_2 { background: url(/uploads/image/iapmtai/item_2.jpg) no-repeat } .item_3 { background: url(/uploads/image/iapmtai/item_3.jpg) no-repeat } .item_4 { background: url(/uploads/image/iapmtai/item_4.jpg) no-repeat } .item_1,.item_2,.item_3,.item_4 { background-size: 1.5rem 1.6rem } } .nav { position: absolute; z-index: 1; top: 0; left: 2.9rem; bottom: 0; width: 3.5rem; background: #f2f2f3; height: 15rem } .main-nav li a { width: 50%; color: #4c4948 } .nav .main-nav li.menu-row-1 { background: #ebebeb } .nav .main-nav li { border-top: .02rem solid #bbb } .menu-row-0 { background: #f05a23; border-top: 0!important } .nav .main-nav li .menu-row-2 li { background: #ccc } .nav .main-nav li.curr { background: #f05a23; height: .7rem } .nav .main-nav li.curr a { color: #fff } .nav .main-nav li a { width: 75%!important; line-height: .3rem; padding-top: .1rem } .nav .main-nav li span { width: .6rem } .nav .main-nav li .menu-row-2 { background: #ddd } .nav .main-nav li h2 { position: relative; height: .72rem; margin: 0 } .nav .main-nav span { background: 0 0 } .nav .main-nav li h3 { color: #4c4948; font-size: .22rem; margin: 0 } .nav .main-nav span { background: url(/uploads/image/iapmtaicommon/nav1.png) center center no-repeat; background-size: .12rem .24rem; position: absolute; right: 0; } .nav .main-nav span.curr { background: url(/uploads/image/iapmtaicommon/nav2.png) center center no-repeat; background-size: .28rem .14rem } .nav .main-nav .menu_close:before,.nav .main-nav .menu_close:after { content: ""; width: .25rem; height: .02rem; background: #fff; position: absolute; top: .35rem; left: 10px; transform: translate3d(0px,-50%,0px) rotatez(45deg); -webkit-transform: translate3d(0px,-50%,0px) rotatez(45deg); } .nav .main-nav .menu_close:after { transform: rotatez(-45deg); -webkit-transform: rotatez(-45deg) }