@charset "utf-8"; *{ font-family: "黑体","微软雅黑","PingFangSC-Light", "Helvetica Neue", Helvetica, "Microsoft Yahei", Arial, "Hiragino Sans GB", tahoma, SimSun, sans-serif !important; } .yxnav_active1 a { display: block; } /* pc导航 */ .mc_pc_hd { position: relative; width: 100%; height: 85px; } .mc_container1720 { width: 100%; padding: 0 100px; } .mc_navbar { position: fixed; left: 0; top: 0; z-index: 101; width: 100%; background: #fff; } .hd_container { padding: 0 20px; } .mc_navbar_l, .mc_navbar_r { height: 100%; } .mc_navbar_l>div, .mc_navbar_r>div { height: 100%; float: left; } .mc_navbar_r>div { margin-left: 15px; } .mc_navbar_rt, .mc_navbar_rb { float: none !important; } .mc_navbar_rt { margin-bottom: 11px; } /* logo */ .mc_logo { width: 360px; } .mc_logo a { line-height: 85px; } .mc_navbar_r { padding-top: 10px; } .mc_language * { font-size: 14px; line-height: 28px; color: #999999; } .mc_lan_line { margin: 0 12px; } .mc_language { margin-right: 15px; } /* search */ .mc_search { width: 160px; height: 28px; padding: 0 8px; line-height: 26px; border: 1px solid #e5e5e5; } .mc_search_inputbox { width: calc(100% - 12px); height: 100%; } .mc_search_input { width: 100%; height: 100%; font-size: 14px; color: #666; padding: 4px 8px; } .mc_search_input::-webkit-input-placeholder { color: #999999; } .mc_search_xtbbox { width: 12px; line-height: 26px; } /* nav */ .mc_nav_li { float: left; } .mc_nav_a { position: relative; padding: 0 20px 20px; font-size: 16px; color: #333; } .mc_nav_a::after { content: ""; display: block; position: absolute; left: 50%; bottom: 0; z-index: 1; width: 48px; height: 7px; background: url(../images/xtb_navon.png) no-repeat; background-size: cover; opacity: 0; transform: translateX(-50%); transition: all .36s; } .mc_nav_li.yxnav_active1 .mc_nav_a { color: #004ea2; } .mc_nav_li.yxnav_active1 .mc_nav_a::after { opacity: 1; } .mc_nav_xlbox { display: none; position: absolute; left: 0; top: 100%; z-index: 10; width: 100%; /* min-height: 315px; */ } .mc_navxl_r { position: absolute; right: 0; top: 0; width: 750px; height: 100%; background: #fafafb; } .mc_navxl_l { padding: 35px 105px 105px; width: calc(100% - 750px); background: #eaeaea; } .mc_subnav_a { position: relative; padding: 12px 0; padding-left: 30px; font-size: 14px; line-height: 20px; color: #333333; } .mc_subnav_a::before { content: ""; display: block; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 6px; height: 10px; background: url(../images/xtb_subnavon.png) no-repeat; background-size: cover; transition: all .36s; opacity: 0; } .mc_subnav_li.yxnav_active2 .mc_subnav_a { color: #004ea2; text-decoration: underline; } .mc_subnav_li.yxnav_active2 .mc_subnav_a::before { opacity: 1; } .mc_subnav_li.yxnav_active2 .mc_thirnav { display: block; } .mc_subnav { position: relative; max-width: 200px; min-height: 175px; } .mc_thirnav { display: none; position: absolute; top: 5px; left: calc(100% + 65px); width: 200px; } .mc_thirnav_a { font-size: 14px; line-height: 24px; padding: 5px 0; color: #999999; } .mc_navxlr_title { font-size: 30px; font-weight: lighter; color: #333; line-height: 36px; margin-bottom: 18px; } .mc_navxlr_title span { color: #004ea2; } .mc_navxlr_txt p { font-size: 16px; line-height: 24px; max-height: 72px; overflow: hidden; letter-spacing: 1px; color: #a6a6a6; } .mc_navxlr_txt { margin-bottom: 36px; } .mc_nav_gotopro { width: 100%; height: 100%; padding: 44px 105px 0; } .mc_nav_gotopro>div { max-width: 385px; } .mc_navxlr_morebtb { font-size: 14px; line-height: 14px; color: #666; font-weight: bold; } .mc_navxlr_morebtb img { width: 6px; margin-left: 8px; } .mc_ph_hd, .mc_navbar { box-shadow: 0 0 8px rgba(0, 0, 0, .1); } /* *************************************************************** */ /* 手机导航 */ .g_phnav1.yxnav_active1, .g_phnav2.yxnav_active2 { color: #004ea2; } .mc_ph_hd { display: none; position: fixed; top: 0; left: 0; z-index: 999; width: 100%; height: 64px; padding-left: 15px; padding-right: 15px; background-color: #fff; } .mc_language_ph a { line-height: 64px; color: #333; margin-right: 15px; } .mc_ph_hd .mc_ph_logo a { line-height: 64px; } .mc_ph_hd .mc_ph_logo { width: 200px; } .mc_ph_menu { overflow: hidden; width: 50px; height: 50px; } .mc_ph_hd .mc_phmenubox { width: 50px; height: 50px; cursor: pointer; text-align: center; position: absolute; top: 50%; transform: translateY(-50%); } .mc_ph_hd .mc_phmenubox .point { position: relative; display: inline-block; width: 28px; height: 22px; margin-top: 14px; } .mc_ph_hd .mc_phmenubox .point .nav_btn, .mc_ph_hd .mc_phmenubox .point .nav_btn::after, .mc_ph_hd .mc_phmenubox .point .nav_btn::before { display: inline-block; width: 28px; height: 1px; background-color: #333; } .mc_ph_hd .mc_phmenubox .nav_btn { position: absolute; top: 10px; right: 0; -webkit-transition: all .3s ease-out 0s; -moz-transition: all .3s ease-out 0s; -ms-transition: all .3s ease-out 0s; -o-transition: all .3s ease-out 0s; transition: all .3s ease-out 0s; } .mc_ph_hd .mc_phmenubox .nav_btn::after, .mc_ph_hd .mc_phmenubox .nav_btn::before { content: ''; position: absolute; right: 0; -webkit-transition: all .3s ease-out 0s; -moz-transition: all .3s ease-out 0s; -ms-transition: all .3s ease-out 0s; -o-transition: all .3s ease-out 0s; transition: all .3s ease-out 0s; } .mc_ph_hd .mc_phmenubox .nav_btn::after { top: -10px; } .mc_ph_hd .mc_phmenubox .nav_btn::before { top: 10px; } .mc_ph_hd .mc_phmenubox .point.active .nav_btn { background: transparent; } .mc_ph_hd .mc_phmenubox .point.active .nav_btn::after { top: 0; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } .mc_ph_hd .mc_phmenubox .point.active .nav_btn::before { top: 0; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); } /*ph导航&下拉*/ .phxia { position: fixed; width: 100%; left: 50%; top: 64px; z-index: 998; transform: translateX(-50%); padding: 0 15px; background-color: #f1f1f1; max-height: calc(100vh - 64px); overflow: auto; } .xialaph { display: none; width: 100%; padding-bottom: 18px; background-color: #f1f1f1; font-family: '微软雅黑'; } .xialaph h4 { position: relative; } .xialaph h4::after { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; opacity: .1; background-color: #000; } .xialaph h4 a { font-size: 14px; line-height: 50px; text-transform: uppercase; color: #999; max-width: calc(100% - 36px); } .xialaph h4 img { position: absolute; top: 50%; right: 5px; width: 13px; cursor: pointer; transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); } .xialaph .ul2 { display: none; padding-top: 7px; padding-bottom: 8px; } .xialaph .ul2 .container_s { max-width: 100%; padding: 0 15px; } .xialaph h5 { position: relative; } .xialaph h5::after { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; opacity: .05; background-color: #000; } .xialaph h5 a { font-family: '微软雅黑'; font-size: 14px; line-height: 35px; text-transform: uppercase; color: #999; max-width: calc(100% - 36px); } .xialaph h5 img { position: absolute; top: 50%; right: 5px; width: 35px; padding: 11px; cursor: pointer; transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); } .xialaph h4.active img.img_s, .xialaph h5.active img.img_s { display: none; } .xialaph h4.active img.img_d, .xialaph h5.active img.img_d { display: block; } .xialaph .ul3 { display: none; } .xialaph h6 a { font-family: '微软雅黑'; font-size: 12px; line-height: 40px; text-transform: uppercase; color: #999; } .header2 { position: fixed; top: 0; left: 50%; z-index: 999; width: 100%; height: 64px; padding-left: 15px; padding-right: 15px; background-color: #ffffff; transform: translateX(-50%); } .header2 .logo { width: 80px; line-height: 64px; } .header2 .logo img { width: 100%; } .header2 .phsearch { position: absolute; top: 50%; right: 70px; width: 25px; cursor: pointer; transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); } .header2 .wj_hin_right { padding-top: 25px; } .header2 .phsearch img { width: 100%; } .ph_mea_cl { overflow: hidden; width: 50px; height: 100%; } .header2 .menuph { width: 50px; height: 50px; cursor: pointer; text-align: center; position: absolute; top: 50%; transform: translateY(-50%); } .header2 .menuph .point { position: relative; display: inline-block; width: 28px; height: 22px; margin-top: 14px; } .header2 .menuph .point .navbtn, .header2 .menuph .point .navbtn::after, .header2 .menuph .point .navbtn::before { width: 28px; } .header2 .menuph .navbtn { position: absolute; top: 10px; right: 0; display: inline-block; width: 28px; height: 1px; -webkit-transition: all .3s ease-out 0s; -moz-transition: all .3s ease-out 0s; -ms-transition: all .3s ease-out 0s; -o-transition: all .3s ease-out 0s; transition: all .3s ease-out 0s; background: #666; } .header2 .menuph .navbtn::after, .header2 .menuph .navbtn::before { position: absolute; right: 0; display: inline-block; width: 28px; height: 1px; content: ''; -webkit-transition: all .3s ease-out 0s; -moz-transition: all .3s ease-out 0s; -ms-transition: all .3s ease-out 0s; -o-transition: all .3s ease-out 0s; transition: all .3s ease-out 0s; background: #666; } .header2 .menuph .navbtn::after { top: -10px; } .header2 .menuph .navbtn::before { top: 10px; } .header2 .menuph .point.active .navbtn { background: transparent; } .header2 .menuph .point.active .navbtn::after { top: 0; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } .header2 .menuph .point.active .navbtn::before { top: 0; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); } .ph_search { width: 100%; overflow: hidden; padding: 0 15px; padding-left: 15px; } .ph_search_ph { width: 100%; height: 35px; border: 1px solid rgba(0, 0, 0, .1); margin-top: 18px; float: left; border-radius: 17.5px; position: relative; } .ph_search_ph input { width: 100%; height: 100%; text-indent: 20px; color: #333333; } .ph_search_ph input::-webkit-input-placeholder { color: #999999; } .ph_search_ph button { width: 40px; height: 100%; color: #ffffff; line-height: 35px; text-align: center; font-size: 20px; /*font-family: "微软雅黑";*/ float: right; position: absolute; top: 0; right: 0; } .ph_search button .icon-sousuo { font-size: 27px; color: #999999; } .wj_header_i_nav { position: fixed; top: 0; left: 0; width: 100%; height: 80px; z-index: 10; } /*电话*/ .ph_dh_number { width: 100%; text-align: center; margin-top: 18px; } .ph_dh_number .ph_dh_n { display: inline-block; overflow: hidden; } .ph_dh_number .ph_dh_n p { float: left; font-size: 16px; color: #666; } .ph_dh_number .ph_dh_n .ph_dh_n_p1 { margin-right: 15px; } .wj_hin_r_en { color: #666; } .ph_searchfe { position: absolute; top: 50%; right: 15px; transform: translateY(-50%); width: 16px; } .ph_searchfe img { width: 100%; } /* 分页 */ .mc_fybtn { padding: 0 15px; } .mc_pcfy a { float: left; } .mc_fybtn a { font-family: 微软雅黑; font-size: 14px; color: #333; } .mc_phfy { display: none; } .pc_fenye { position: relative; left: 50%; transform: translateX(-50%); display: inline-block; text-align: center; } .pc_fenye li { float: left; width: 30px; height: 30px; border: 1px solid transparent; font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 30px; color: #333333; text-align: center; margin: 0px 10px; border-radius: 50%; transition: .3s; } .pc_fenye li.activepage { color: #fff; background-color: #00b9f1; } .w_fenyeph { display: none; } .pc_fenye li.clolr { color: #00b9f1; } /* *************************************************************** */ /* banner */ .mc_banner { width: 100%; position: relative; } .mc_ban_li { position: relative; overflow: hidden; } .mc_ban_imgbox { position: relative; z-index: 1; } .mc_ban_imgbox a { display: block; } .mc_ban_pc, .mc_ban_ph { position: relative; overflow: hidden; } .mc_ban_ph { display: none; } .mc_ban_img { position: relative; z-index: 1; } .mc_ban_video { position: absolute; left: 50%; top: 50%; width: auto; height: auto; min-width: 100%; min-height: 100%; z-index: 2; transform: translate(-50%, -50%); object-fit: fill; } .mc_ban_modal { display: none; position: absolute; left: 0; top: 0; z-index: 3; width: 100%; height: 100%; background: rgba(0, 0, 0, .3); } .mc_ban_titlebox { color: #fff; } .mc_ban_li:not(:first-child) { display: none; } .mc_ban_li .mc_container { z-index: 2; } .mc_ban_ph .mc_ban_img { width: 100%; height: auto; } /** 全屏等比缩小banner */ /* banner高度 */ .mc_banner_fulldefault .mc_ban_pc { height: 100vh; } .mc_banner_fulldefault .mc_ban_pc img { left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; /* min-height: 100%; */ /* transform: translate(-50%, -50%); */ } /** 全屏截取banner */ /* banner高度 */ .mc_banner_fullcut .mc_ban_pc { height: 100vh; } .mc_banner_fullcut .mc_ban_pc img { left: 50%; top: 50%; width: auto; height: auto; min-width: 100%; min-height: 100%; transform: translate(-50%, -50%); } /** 正常等比缩放 */ .mc_banner_default .mc_ban_pc img { width: 100%; height: auto; } .mc_ban_slick .slick-arrow { width: 44px; height: 44px; z-index: 10; } .mc_ban_slick .slick-prev { background: url(../images/arr_prev.png) no-repeat; background-size: cover; left: 6%; } .mc_ban_slick .slick-next { background: url(../images/arr_next.png) no-repeat; background-size: cover; right: 6%; } .mc_ban_dotsbox { width: 1270px; position: absolute; left: 50%; bottom: 55px; transform: translateX(-50%); } .mc_ban_dots { display: inline-block; border-bottom: 1px solid rgba(255, 255, 255, .4); } .mc_ban_dotsli { position: relative; float: left; padding: 0 3px; margin-right: 40px; cursor: pointer; padding-bottom: 10px; font-family: Arial, "微软雅黑", "PingFangSC-Light", "Helvetica Neue", Helvetica, "Microsoft Yahei", "Hiragino Sans GB", tahoma, SimSun, sans-serif; color: #fff; } .mc_ban_dotsli::before { content: ""; position: absolute; left: 0; bottom: -1px; width: 100%; height: 1px; background: #fff; opacity: 0; transition: all .36s; } .mc_ban_dotsli:last-child { margin-right: 0; } .mc_ban_dotsli.act::before { opacity: 1; } .mc_ban_scroll { cursor: pointer; width: 25px; position: absolute; left: 50%; bottom: 25px; margin-left: -13px; animation: jump 1.2s infinite; } @keyframes jump { 0% { transform: translateY(0); } 50% { transform: translateY(-15px); } 100% { transform: translateY(0); } } .mc_ftt_li { float: left; width: 120px; margin-right: 75px; } .mc_ftt_li:last-child { display: none; } .mc_ftt_a { position: relative; padding-bottom: 12px; font-size: 16px; color: #444444; margin-bottom: 15px; } .mc_ftt_a::before { content: ""; position: absolute; left: 0; bottom: 0; z-index: 1; width: 100%; height: 1px; background: #cccccc; } .mc_ftt_a::after { content: ""; position: absolute; left: 0; bottom: 0; z-index: 2; width: 65px; height: 1px; background: #999999; transition: all .36s; } .mc_ftt_suba { font-size: 14px; line-height: 18px; padding: 5px 0; color: #999999; } .mc_ft_top { padding: 50px 0 35px; background: #e6e6e6; } .mc_ftt_gzword { font-size: 16px; color: #444; margin-bottom: 30px; } .mc_ftt_qrimgbox { width: 120px; } .mc_ft_bot { padding: 22px 0; background: #56575a; } .mc_ftb_lt { margin-bottom: 18px; } .mc_ftb_lt p { font-size: 14px; line-height: 20px; color: #bcbcbc; margin-right: 48px; } .mc_ftb_lt p a { font-size: inherit; line-height: inherit; color: inherit; } .mc_ftb_lt p:last-child { margin-right: 0; } .mc_ftb_lb p { font-size: 14px; line-height: 20px; color: #9a9a9a; } .mc_copyright>* { margin-right: 15px; } /* .mc_copyright>*:last-child { margin-right: 0; } */ .mc_ftb_rtli { float: left; padding: 0 20px; } .mc_ftb_rta { font-size: 14px; color: #bcbcbc; } .mc_ftb_rtli:not(:last-child) { border-right: 1px solid #bcbcbc; } .mc_ftb_rtli:last-child { padding-right: 0; } .mc_ftb_rt { margin-bottom: 25px; } .mc_ftb_rb a { font-size: 14px; color: #797979; text-align: right; } .mc_index_s1 { padding: 55px 0; } .mc_inds1_r { width: 526px; } .mc_inds1_l { width: calc(100% - 526px); } .mc_inds1_ll { position: relative; width: 622px; } .mc_inds1l_lisbox { position: relative; } .mc_inds1l_txt { position: absolute; left: 0; bottom: 22px; z-index: 2; padding: 0 25px; width: calc(100% - 85px); color: #fff; } .mc_inds1l_date { font-size: 14px; line-height: 30px; } .mc_inds1l_txt p { font-size: 18px; line-height: 30px; height: 60px; overflow: hidden; } .mc_inds1l_lisbox::after { content: ""; position: absolute; left: 0; bottom: 0; z-index: 1; width: 100%; height: 135px; background: linear-gradient(to top, rgba(0, 0, 0, 1), rgba(0, 0, 0, 0)); } .mc_inds1l_arrowbox { position: absolute; right: 35px; bottom: 60px; z-index: 5; color: #fff; } .mc_inds1l_arrowbox span { margin: 0 5px; } .mc_inds1l_arrow { display: inline-block; width: 18px; cursor: pointer; } .mc_inds1l_li:not(:first-child) { display: none; } .mc_inds1_lr { width: calc(100% - 622px); padding: 0 20px; } .mc_inds1r_li:not(:last-child) { margin-bottom: 10px; } .mc_inds1r_lisbox { padding: 10px 12px; background: #f1f1f2; transition: all .36s; } .mc_inds1r_imgbox { width: 146px; } .mc_inds1r_txt { width: calc(100% - 146px); padding: 0 30px; color: #fff; } .mc_inds1r_txt p { font-size: 14px; line-height: 24px; height: 48px; color: #333333; overflow: hidden; transition: all .36s; margin-bottom: 6px; } .mc_inds1r_date { font-size: 14px; line-height: 24px; height: 24px; overflow: hidden; color: #999999; transition: all .36s; margin-bottom: 7px; } .mc_list_imgbox img { transition: all .36s; } .mc_inds1l_imgbox img { transition: all .36s; width: 100%; } .mc_inds1_r { position: relative; height: 335px; padding: 50px 40px 0; overflow: hidden; } .mc_inds1kd_bgbox { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 1; } .mc_inds1kd_bgbox img { position: absolute; left: 50%; top: 50%; width: auto; height: auto; min-width: 100%; min-height: 100%; transform: translate(-50%, -50%); } .mc_inds1kd_box { position: relative; z-index: 2; } .mc_inds1kd_l { width: 170px; } .mc_inds1kd_r { width: calc(100% - 170px); } .mc_inds1kd_title { font-size: 24px; color: #333; margin-right: 15px; } .mc_inds1kd_a { position: relative; font-size: 16px; line-height: 24px; padding: 6px 0; padding-right: 15px; color: #666666; } .mc_inds1kd_a span { position: absolute; right: 0; top: 0; font-size: 16px; line-height: 36px; } .mc_main { position: relative; } .mc_asidebox { display: none; position: absolute; right: 0; z-index: 100; top: 65px; bottom: auto; /* transition: all .36s; */ } .mc_asidebox.mc_fixed { position: fixed; top: 150px; bottom: auto; } .mc_asidebox.mc_bot { position: absolute; top: auto; bottom: 65px; } .mc_b1_navbox{ display: none; } .mc_b1_navbox.unfixed { position: absolute; top: auto; bottom: 65px; } .mc_aside_lisbox { position: relative; z-index: 2; width: 60px; height: 60px; line-height: 60px; text-align: center; background: #f1f1f2; cursor: pointer; } .mc_aside_xtbbox { display: inline-block; vertical-align: middle; width: 26px; } .mc_aside_xtbbox .mc_list_img { opacity: 0; } .mc_aside_li { position: relative; margin: 1px 0; } .mc_aside_lisbox a { width: 100%; height: 100%; line-height: inherit; } .mc_aside_zd { position: absolute; top: 0; left: 0; height: 100%; color: #fff; background: #56575a; white-space: nowrap; z-index: 1; opacity: 0; transition: all .36s; } .mc_aside_zdr { display: inline-block; vertical-align: middle; font-size: 16px; line-height: 60px; padding: 0 20px; color: #fff; background: #262626; } .mc_aside_zdr a { font-size: inherit; line-height: inherit; color: inherit; white-space: nowrap; } .mc_aside_zdl { display: inline-block; vertical-align: middle; width: 50px; text-align: center; line-height: 60px; } .mc_aside_zdl img { width: 26px; } .mc_aside_wxzd { width: 100px; height: 100px; padding: 8px; margin-top: -20px; left: -5px; } /* .mc_nav_xlbox { display: none !important; } */ .mc_ftt_a { pointer-events: none; } .mc_inds1l_imgbox { overflow: hidden; } @media screen and (min-width: 1200px) { .mc_language a:hover { color: #004aa0; } .mc_nav_li:hover .mc_nav_a { color: #004ea2; } .mc_nav_li:hover .mc_nav_a::after { opacity: 1; } .mc_subnav_li:hover .mc_subnav_a { color: #004ea2; text-decoration: underline; } .mc_subnav_li:hover .mc_subnav_a::before { opacity: 1; } .mc_thirnav_a:hover { color: #004ea2; } .mc_ftt_a:hover { color: #004ea2; } .mc_ftt_a:hover::after { background-color: #004ea2; } .mc_ftt_suba:hover { color: #004ea2; } .mc_ftb_rta:hover { color: #fff; } .mc_inds1l_lisbox:hover img { transform: scale(1.1); } .mc_inds1r_lisbox:hover { background: #004ea2; } .mc_inds1r_lisbox:hover * { color: #fff; } .mc_inds1r_lisbox:hover img { transform: scale(1.1); } .mc_inds1kd_a:hover { color: #004ea2; } .mc_aside_li:hover .mc_aside_lisbox { background: #56575a; } .mc_aside_li:hover .mc_list_img { opacity: 1; } .mc_aside_li:hover .mc_list_png { opacity: 0; } .mc_aside_li:hover .mc_aside_zd { opacity: 1; transform: translateX(-100%); } } /* macro start */ .mc_mbxbox{ padding: 20px 0 25px; border-bottom: 1px solid #e5e5e5; } .mc_mbx_li { float: left; } .mc_mbx_a{ font-size: 14px; line-height: 20px; color: #333333; } .mc_mbx_home img { width: 20px; } .mc_mbx_xtb { width: 5px; margin: 0 15px; line-height: 20px; } .mc_mbx_list img{ margin-top: -2px; } .mc_mbx_li:last-child .mc_mbx_xtb{ display: none; } .mc_b1s1{ padding-top: 30px; padding-bottom: 45px; } .mc_title2{ font-size: 24px; color: #333333; } .mc_b1s1_title{ margin-bottom: 30px; } .mc_b1s1_top{ position: relative; margin-bottom: 56px; } .mc_b1s1t_cotainer{ position: absolute; bottom: 25px; left: 0; width: 100%; padding: 0 30px; } .mc_b1s1t_content{ padding: 30px 85px 25px; text-align: center; background: rgba(255, 255, 255, .91); } .mc_b1s1t_bg{ height: 452px; } .mc_txt1424 p{ font-size: 14px; line-height: 24px; color: #666666; } .mc_b1s1tli_xtb{ width: 48px; margin: 0 auto 15px; } .mc_b1s1t_txt{ margin-bottom: 15px; } .mc_b1s1tli_p1{ font-size: 30px; color: #333; font-weight: bold; margin-bottom: 8px; } .mc_b1s1tli_p2{ font-size: 14px; color: #333; } .mc_b1s1t_li{ float: left; width: 20%; } .mc_b1s1b_list{ margin: 0 -6px; } .mc_b1s1b_li{ float: left; width: 25%; padding: 0 6px; margin-bottom: 16px; } .mc_b1s1b_txt{ padding: 13px 15px; border: 1px solid #e5e5e5; border-top: 0; } .mc_b1s1b_txt h3{ font-size: 18px; line-height: 24px; height: 24px; overflow: hidden; text-align: center; color: #333333; } .mc_list_imgbox img{ transition: all .36s; } .mc_b1s2{ position: relative; overflow: hidden; min-height: 496px; padding: 65px 0; } .mc_b1s2_bgbox{ position: absolute; left: 0; top: 0; z-index: -1; width: 100%; height: 100%; } .mc_b1s2_bgbox img{ position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); width: auto; height: auto; max-width: none; min-width: 100%; min-height: 100%; } .mc_b1s2_title{ color: #fff; margin-bottom: 60px; } .mc_b1s2_txtbox{ width: 520px; max-width: 90%; padding: 30px 35px 40px; background: rgba(255, 255, 255, .7); } .mc_b1s2c_title{ display: block; font-size: 14px; font-weight: bold; line-height: 1.75; color: #666666; margin-bottom: 3px; } .mc_b1s2c_subtitle{ font-size: 24px; line-height: 1.5; color: #004ea2; } .mc_b1s2c_titlebox{ margin-bottom: 15px; } .mc_b1s2c_txt p{ font-size: 14px; line-height: 1.75; color: #666666; } .mc_b1s3{ padding-top: 60px; padding-bottom: 50px; background: #f5f5f5; } .mc_b1s3_slick{ margin: 0 -36px; } .mc_b1s3_li{ float: left; width: 33.333333%; padding: 0 36px; } .mc_b1s3_lisbox{ padding-top: 20px; background: #fff; text-align: center; } .mc_b1s3_imgbox{ max-width: 245px; margin: 0 auto 20px; } .mc_b1s3_txt{ padding: 13px 15px; border-top: 1px solid #f5f5f5; } .mc_b1s3_txt h3{ font-size: 16px; line-height: 24px; height: 24px; color: #333; overflow: hidden; } .mc_b1s3_title{ margin-bottom: 50px; } .mc_b1s3_li:first-child{ display: none; } .mc_b1s3_slick{ padding-bottom: 60px; } .mc_b1 .slick-dots{ bottom: 0; } .mc_b1 .slick-dots li{ width: 9px; height: 9px; margin: 0 5px; border-radius: 0; background: #cccccc; } .mc_b1 .slick-dots li.slick-active{ background: #004ea2; } .mc_b1s4{ position: relative; overflow: hidden; min-height: 652px; padding: 65px 0; } .mc_b1s4y_li{ padding: 85px 0 45px; float: left; width: 20%; cursor: pointer; } .mc_b1s4y_li:not(:first-child){ display: none; } .mc_b1s4y_box{ position: relative; height: 40px; } .mc_b1s4y_dian{ position: absolute; top: 50%; left: 50%; z-index: 2; width: 12px; height: 12px; margin: 0 auto; border-radius: 50%; background: #dde9f6; transform: translate(-50%,-50%); transition: all .36s; } .mc_b1s4y_dian::before{ content: ""; position: absolute; left: 50%; top: 50%; z-index: -1; transform: translate(-50%,-50%); width: 50%; height: 50%; background: #004ea2; border-radius: 50%; transition: all .36s; } .mc_b1s4y_line{ position: absolute; left: 0; top: 50%; z-index: 1; transform: translateY(-50%); width: 100%; height: 3px; background: #eeeeee; } .mc_b1s4y_year{ font-family: Arial, "微软雅黑","PingFangSC-Light", "Helvetica Neue", Helvetica, "Microsoft Yahei", "Hiragino Sans GB", tahoma, SimSun, sans-serif; position: absolute; left: 50%; bottom: calc(100% + 25px); transform: translate(-50%); font-size: 16px; color: #333333; font-weight: bold; transition: all .36s; } .mc_b1s4_title{ margin-bottom: 35px; } .mc_b1s4y_slick .slick-current .mc_b1s4y_dian{ width: 40px; height: 40px; background: #fff; box-shadow: 0 0 20px rgba(111, 158, 211, .27); } .mc_b1s4y_slick .slick-current .mc_b1s4y_dian::before{ width: 6px; height: 6px; } .mc_b1s4y_slick .slick-current .mc_b1s4y_year{ font-size: 48px; font-weight: bold; color: #004ea2; } .mc_b1s4y_slick .slick-arrow{ width: 40px; height: 40px; box-shadow: 0 0 20px rgba(111, 158, 211, .27); z-index: 10; border-radius: 50%; margin-top: 20px; } .mc_b1s4y_slick .slick-prev{ background: url(../images/arr_prev_cl.png) no-repeat center #fff; background-size: 50%; } .mc_b1s4y_slick .slick-next{ background: url(../images/arr_next_cl.png) no-repeat center #fff; background-size: 50%; } .mc_b1s4b_imgbox{ max-width: 313px; margin-bottom: 18px; } .mc_b1s4b_title{ font-size: 24px; line-height: 1.5; color: #333; margin-bottom: 12px; } .mc_b1s4b_txt p{ font-size: 18px; line-height: 1.4; color: #333; } .mc_b1s4b_l{ width: 435px; padding-right: 50px; } .mc_b1s4b_r{ width: calc(100% - 435px); } .mc_b1s4br_date{ width: 100px; transition: all .36s; font-size: 14px; line-height: 24px; color: #999999; transition: all .36s; } .mc_b1s4br_txt{ width: calc(100% - 100px); } .mc_b1s4br_txt p{ font-size: 14px; line-height: 24px; max-height: 48px; overflow: hidden; transition: all .36s; } .mc_b1s4br_lisbox{ padding: 6px 0; } .mc_b1s4br_slick{ padding-bottom: 50px; } .mc_b1s4br_li:not(:first-child){ display: none; } .mc_b1s4b_li:not(:first-child){ display: none; } .mc_b1nav_li{ position: relative; padding-left: 22px; padding-bottom: 20px; cursor: pointer; margin-bottom: 4px; } .mc_b1nav_li::before{ content: ""; position: absolute; left: 0; top: 0; width: 7px; height: 7px; background: #b7ddfb; border-radius: 50%; transition: all .36s; } .mc_b1nav_li::after{ content: ""; position: absolute; left: 3px; top: 10px; width: 1px; height: calc(100% - 10px); background: #b7ddfb; } .mc_b1nav_title{ font-size: 16px; color: #004ea2; transition: all .36s; transform: translateY(-3px); opacity: 0; } .mc_b1_navbox{ position: fixed; left: 9%; top: 40%; z-index: 99; transform: translate(-50%); } .mc_b1nav_li:last-child::after{ display: none; } .mc_b1nav_li.act::before{ background: #004ea2; } .mc_b1nav_li.act .mc_b1nav_title{ opacity: 1; } @media screen and (min-width: 1200px) { .mc_mbx_a:hover{ color: #004ea2; } .mc_b1s1b_lisbox:hover img{ transform: scale(1.1); } .mc_b1s4br_lisbox:hover .mc_b1s4br_date, .mc_b1s4br_lisbox:hover .mc_b1s4br_txt p{ color: #004ea2; } } .mc_copyright img{ width: auto; vertical-align: top; } /* macro end */ /* mark start */ /* c2 start */ .ma_m1_title{ margin: 18px 0 16px; font-size: 24px; color: #444; /*font-family: "微软雅黑";*/ line-height: 1.75; } .ma_m1_main{ font-size: 14px; color: #666; /*font-family: "微软雅黑";*/ line-height: 1.75; letter-spacing: 1px; } .ma_c2_m1_title{ margin: 18px 0 16px; font-size: 24px; color: #333; /*font-family: "微软雅黑";*/ line-height: 1.75; } .ma_c2_m2_t1{ background: #fdfdfd; } .ma_c2_m2_navs{ margin: 0 -2px 0; } .ma_c2_m2_nav{ padding: 0 2px; cursor: pointer; width: 25%; position: relative; } .ma_c2_m2_nav div::after{ content: ""; position: absolute; width: 0; height: 0; border-top: 8px solid #004ea2; border-right: 8px solid transparent; border-left: 8px solid transparent; border-bottom: 8px solid transparent; left: 50%; transform: translate(-50%); opacity: 0; transition: all 0.36s; } .ma_c2_m2_nav div{ background: #b4d0ef; text-align: center; transition: all 0.36s; padding: 0 5px; } .ma_c2_m2_nav .alt{ background: #004ea2; } .ma_c2_m2_nav .alt::after{ opacity: 1; } .hien{ display: none; } .ma_c2_m2_navs .ma_c2mn_p{ font-size: 18px; /*font-family: "微软雅黑";*/ color: #fff; height: 56px; line-height: 56px; overflow: hidden; transition: all 0.36s; } .ma_c2_m2_navs{ margin-bottom: 15px; } .ma_c2_m2_img1{ max-width: 100%; } .ma_c2_m2_t2{ background: #f9f9f9; padding: 20px 0 18px 28px; margin-top: 20px; } .ma_c2_m2_t2 .ma_c2_m2_t2_img{ width: 19px; margin-right: 8px; } .ma_c2_m2_t2_a{ display: inline-block; width: calc(100% - 32px); } .ma_c2_m2_t2_a a{ font-size: 14px; color: #666; /*font-family: "微软雅黑";*/ transition: all 0.36s; } .ma_c2_left_m2{ margin-bottom: 35px; } .ma_m3_title{ border-bottom: 1px solid #e5e5e5; margin-bottom: 22px; } .ma_m3_font{ font-size: 18px; color: #444; font-family: 微软雅黑; margin-bottom: 20px; } .ma_m3_title_right .ma_m3_right_img1{ width: 12px; cursor: pointer; } .ma_m3_title_right .ma_m3_right_img2{ width: 16px; } .ma_m3_title_right a{ display: inline-block; } .ma_m3_imgk{ position: relative; margin-bottom: 10px; overflow: hidden; } .ma_m3_img1{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; } .ma_m3_img2{ position: relative; top: 0; left: 0; width: 100%; z-index: 1; transition: all 0.36s; } .ma_m3_main{ font-size: 14px; color: #333; /*font-family: "微软雅黑";*/ line-height: 1.75; margin-bottom: 10px; margin-right: 19px; height: 44px; overflow: hidden; transition: all 0.36s; } .ma_m3_time{ font-size: 14px; color: #999; /*font-family: "微软雅黑";*/ } .ma_right_m1_title{ margin-top: 45px; font-size: 18px; color: #333; /*font-family: "微软雅黑";*/ margin-bottom: 15px; } .ma_right_m1_ul{ border-top: 1px solid #e5e5e5; margin-bottom: 25px; } .ma_e2_right_ul p{ line-height: 1.5; } .ma_e2_right_ul .ma_right_m1_main_li::before{ top: 9px; } .ma_right_m1_main_li .fl{ font-size: 14px; color: #666; /*font-family: "微软雅黑";*/ transition: all 0.36s; width: calc(100% - 27px); line-height: 1.5; overflow: hidden; margin-bottom: 10px; } .ma_right_m1_main_li .fr{ font-size: 14px; color: #666; /*font-family: "微软雅黑";*/ margin-bottom: 10px; transition: all 0.36s; } .ma_right_m1_main_li::before{ content: ""; width: 3px; height: 3px; background: #e40002; position: absolute; left: -10px; top: 10px; } .ma_rm1m_li::before{ top: 5px; } .ma_right_m2{ padding: 25px 22px 20px 28px; } .ma_right_m2_title{ font-size: 18px; color: #333; margin-bottom: 15px; transition: all 0.36s; } .ma_right_m2_main{ font-size: 14px; color: #666; line-height: 1.75; margin-bottom: 5px; letter-spacing: 0.5px; transition: all 0.36s; } .ma_right_m2_btm{ font-size: 14px; color: #666; transition: all 0.36s; } .ma_c2_right_m2_title{ font-size: 18px; color: #333; margin-bottom: 15px; transition: all 0.36s; } .ma_c2_right_m2_main{ font-size: 14px; color: #666; line-height: 1.75; margin-bottom: 5px; letter-spacing: 0.5px; transition: all 0.36s; } @media screen and (min-width: 1200px) { .ma_c2_m2_t2:hover a{ color: #004ea2; transition: all 0.36s; } .ma_right_m1_main_li:hover .fl{ color: #004ea2; transition: all 0.36s; } .ma_right_m1_main_li:hover .fr{ color: #004ea2; transition: all 0.36s; } .ma_c2_m2_navs .ma_c2_ma_navz:hover{ background: #004ea2; transition: all 0.36s; } .ma_c2_m2_navs .ma_c2_ma_navz:hover::after{ opacity: 1; transition: all 0.36s; } .ma_m3_nav:hover p{ color: #004ea2; transition: all 0.36s; } .ma_m3_nav:hover .ma_m3_img2{ transform: scale(1.25); transition: all 0.36s; } .ma_right_m2 a:hover .ma_c2_right_m2_title{ color: #004ea2; transition: all 0.36s; } .ma_right_m2 a:hover .ma_c2_right_m2_main{ color: #004ea2; transition: all 0.36s; } .ma_right_m2 a:hover .ma_right_m2_btm{ color: #004ea2; transition: all 0.36s; } } /* c2 end */ /* d1 start */ .ma_title_h2{ margin-bottom: 30px; font-size: 24px; color: #444; /*font-family: "微软雅黑";*/ } .ma_s1_ul{ margin: 0 -5px 70px; } .ma_s1_li{ padding: 0 5px; width: 33.333333%; margin-bottom: 20px; } .ma_s1_li_imgk{ position: relative; overflow: hidden; } .ma_s1_li_imgk1{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; } .ma_s1_li_imgk2{ position: relative; top: 0; left: 0; width: 100%; z-index: 1; transition: all 0.36s; } .ma_s1_li_imgk .ma_s1li_p{ width: 100%; position: absolute; padding: 20px 28px; bottom: 0; left: 0; background: rgba(0, 0, 0, 0.3); z-index: 10; } .ma_s1_li_imgk .ma_s1li_p span{ display: block; font-size: 20px; color: #fff; height: 21px; overflow: hidden; /*font-family: "微软雅黑";*/ transition: all 0.36s; } @media screen and (min-width: 1200px) { .ma_s1_li a:hover .ma_s1_li_imgk2 { transform: scale(1.25); transition: all 0.36s; } } /* d1 end */ /* d2 start */ .ma_left_m1_left{ width: 628px; position: relative; } .ma_left_m1_left .ma_left_m1_che{ width: 100%; display: block; } .ma_m1_left_yuan{ position: absolute; } .ma_m1_left_yuan1{ top: 35px; left: 10px; } .ma_m1_left_yuan2{ top: 0px; left: 250px; } .ma_m1_left_yuan3{ top: 5px; left: 290px; } .ma_m1_left_yuan4{ top: 0px; left: 324px; } .ma_m1_left_yuan5{ top: 45px; left: 340px; } .ma_m1_left_yuan6{ top: 60px; left: 450px; } /* .mc_sol_dianxl{ cursor: pointer; } */ .ma_m1_left_yuan .mc_sol_dianxl::after{ position: absolute; content: ""; bottom: 32px; left: 22px; width: 1px; height: 0; background: #e40204; transition: all 0.36s; } .ma_m1_left_font p{ font-size: 14px; color: #fff; /*font-family: "微软雅黑";*/ margin-bottom: 5px; transition: all 0.36s; opacity: 0; } .ma_m1_left_font{ width: 125px; height: 0; border-radius: 5px; background: rgba(0, 0, 0, 0.5); padding: 0; position: absolute; transition: all 0.36s; top: 0; left: 0px; overflow: hidden; cursor: pointer; } .ma_left_m1_model{ display: none; } .ma_left_m1_model img{ width: 100%; margin-bottom: 15px; } .ma_left_m1_model_main{ width: 100%; } .ma_left_m1_model_main_center{ background: #f6f6f6; border-radius: 5px; width: calc(100% - 44.6px); text-align: center; } .ma_left_m1_model_main_center p{ margin: 10px auto; font-size: 14px; color: #333; } .ma_left_m1_model_main_left{ margin-top: 10px; } .ma_left_m1_model_main_left span{ font-size: 30px; color: #333; } .ma_left_m1_model_main_right{ margin-top: 10px; } .ma_left_m1_model_main_right span{ font-size: 30px; color: #333; } .ma_left_m1_right{ width: calc(100% - 628px); margin-top: 40px; } .ma_left_m1_right_title{ color: #004ea2; /*font-family: "微软雅黑";*/ font-size: 18px; line-height: 1.75; margin-bottom: 5px; } .ma_left_m1_right_main{ font-size: 14px; color: #666; /*font-family: "微软雅黑";*/ line-height: 1.75; letter-spacing: 0.5px; } .ma_left_m1{ margin-bottom: 30px; } .ma_d2_m2_t1{ background: #fdfdfd; margin-bottom: 20px; } .ma_d2_m2_navs{ margin: 0 -2px 0; } .ma_d2_m2_nav{ padding: 0 2px; cursor: pointer; width: 33.333333%; position: relative; } .ma_d2_m2_navs div::after{ content: ""; position: absolute; width: 0; height: 0; border-top: 8px solid #004ea2; border-right: 8px solid transparent; border-left: 8px solid transparent; border-bottom: 8px solid transparent; left: 50%; bottom: -16px; transform: translate(-50%); opacity: 0; transition: all 0.36s; } .ma_d2_m2_navs div{ background: #b4d0ef; transition: all 0.36s; } .ma_d2_m2_nav .alt{ background: #004ea2; } .ma_d2_m2_nav .alt::after{ opacity: 1; } .ma_d2_m2_navs div img{ width: 25px; left: 15px; top: 50%; transform: translate(0, -50%); position: absolute; } .ma_d2_m2_nav p{ font-size: 18px; /*font-family: "微软雅黑";*/ color: #fff; height: 47px; line-height: 47px; overflow: hidden; display: inline-block; margin-left: 55px; font-weight: bold; } .ma_d2_m2_navs{ margin-bottom: 15px; } .ma_d2_m2_navs .alt::after{ display: block; } .ma_d2_m2_img1{ max-width: 100%; } .ma_d2_m2_t2{ background: #f9f9f9; padding: 20px 0 18px 28px; } .ma_d2_m2_t2_img{ width: 19px; margin-right: 8px; } .ma_d2_m2_t2_a{ display: inline-block; } .ma_d2_m2_t2_a a{ font-size: 14px; color: #666; /*font-family: "微软雅黑";*/ transition: all 0.36s; } .ma_d2_left_m2 { margin-bottom: 72px; } .ma_d2_m2_main_mainz{ background: #f9f9f9; border-bottom: 1px solid #e5e5e5; margin-bottom: 20px; } .ma_d2_m2_main_left{ width: 50%; padding: 33px 50px 20px 54px; } .ma_d2_m2_main_title{ color: #333; font-size: 16px; /*font-family: "微软雅黑";*/ font-weight: bold; margin-bottom: 10px; } .ma_d2_m2_main_ul{ margin-left: 10px; } .ma_d2_m2_main_li{ position: relative; } .ma_d2_m2_main_li a{ font-size: 14px; color: #666; /*font-family: "微软雅黑";*/ line-height: 1.75; transition: all 0.36s; } .ma_d2_m2_main_li::before{ content: ""; width: 3px; height: 3px; background: #e40002; position: absolute; left: -10px; top: 10px; } .ma_d2_m2_main_lis::before{ width: 0; height: 0; } .ma_d2_m2_main_right{ width: 50%; padding: 33px 50px 20px 0; } .ma_d2_m2_btm_left{ width: 50%; padding-left: 54px; padding-right: 30px; } .ma_d2_m2_btm_right{ width: 50%; padding-right: 30px; } .ma_d2_m2_btm_imgk{ position: relative; } .ma_d2_m2_btm_img1{ position: absolute; top: 0; left: 0; z-index: 2; } .ma_d2_m2_btm_img2{ position: relative; top: 0; left: 0; z-index: 1; } .ma_d2_d2_m2_btm_right{ width: 50%; padding-right: 30px; } .ma_d2_m2_btm_main a{ font-size: 14px; color: #004ea2; /*font-family: "微软雅黑";*/ transition: all 0.36s; line-height: 1.5; } .ma_d2_m2_btm_main{ margin-bottom: 18px; } .ma_d2_m2_btm{ padding-bottom: 20px; } .ma_m3_title_right .ma_m3_right_img1{ width: 12px; } .ma_m3_title_right .ma_m3_right_img2{ width: 16px; } .ma_m3_title_right a{ display: inline-block; } .ma_m3_imgk{ position: relative; margin-bottom: 10px; overflow: hidden; } .ma_m3_img1{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; } .ma_m3_img2{ position: relative; top: 0; left: 0; width: 100%; z-index: 1; transition: all 0.36s; } .ma_m3_main{ font-size: 14px; color: #333; /*font-family: "微软雅黑";*/ line-height: 1.75; margin-bottom: 10px; margin-right: 19px; height: 44px; overflow: hidden; } .ma_m3_time{ font-size: 14px; color: #999; /*font-family: "微软雅黑";*/ } .ma_d2_right_m2{ padding: 25px 22px 20px 28px; } .ma_d2_right_m2_title{ font-size: 18px; color: #333; margin-bottom: 15px; transition: all 0.36s; } .ma_d2_right_m2_main{ font-size: 14px; color: #666; line-height: 1.75; margin-bottom: 5px; letter-spacing: 0.5px; transition: all 0.36s; } .ma_right_m2_btm{ font-size: 14px; color: #666; transition: all 0.36s; } @media screen and (min-width: 1200px) { /* .ma_m1_left_font:hover p{ color: #004ea2; transition: all 0.36s; } */ .ma_d2_left_m2 .ma_d2_m2_t2:hover a{ color: #004ea2; transition: all 0.36s; } .ma_right_m1_main_li:hover .fl{ color: #004ea2; transition: all 0.36s; } .ma_right_m1_main_li:hover .fr{ color: #004ea2; transition: all 0.36s; } .ma_d2_left_m2 .ma_d2_m2_navs div:hover{ background: #004ea2; transition: all 0.36s; } .ma_d2_left_m2 .ma_d2_m2_navs div:hover::after{ opacity: 1; transition: all 0.36s; } .ma_d2_right_m2 a:hover .ma_d2_right_m2_title{ color: #004ea2; transition: all 0.36s; } .ma_d2_right_m2 a:hover .ma_d2_right_m2_main{ color: #004ea2; transition: all 0.36s; } .ma_d2_right_m2 a:hover .ma_d2_right_m2_btm{ color: #004ea2; transition: all 0.36s; } .ma_m1_left_yuan .mc_sol_dianxl:hover>.ma_m1_left_font{ height: 55px; padding: 12px 14px; transition: all 0.36s; top: -55px; } .ma_m1_left_yuan .mc_sol_dianxl:hover>.ma_m1_left_font p{ opacity: 1; transition: all 0.36s; } .ma_m1_left_yuan .mc_sol_dianxl:hover::after{ height: 20px; transition: all 0.05s; } .ma_d2_left_m2 .ma_d2_m2_main_li a:hover { color: #004ea2; transition: all 0.36s; } } /* d2 end */ /* e1 start */ .ma_e1_m1_title{ margin: 24px 0 26px; font-size: 24px; color: #333; /*font-family: "微软雅黑";*/ line-height: 1.75; height: 34px; overflow: hidden; } .ma_e1_left_m1_left{ width: calc(100% - 293px); position: relative; background: #f6f7f8; border:1px solid transparent; } .ma_lm1_imgk{ position: relative; margin-bottom: 20px; overflow: hidden; } .ma_lm1_img1{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; transition: all 0.36s; } .ma_lm1_img2{ position: relative; top: 0; left: 0; width: 100%; z-index: 1; transition: all 0.36s; } .ma_lm1_main{ padding: 0 26px; } .ma_lm1_time{ color: #999; font-size: 14px; /*font-family: "微软雅黑";*/ } .ma_lm1_title{ color: #333; font-size: 18px; /*font-family: "微软雅黑";*/ line-height: 1.75; margin: 3px 0 15px; height: 25px; overflow: hidden; transition: all 0.36s; } .ma_lm1_s{ margin-bottom: 25px; } .ma_lm1_s span{ color: #004ea2; font-size: 16px; /*font-family: "微软雅黑";*/ margin-right: 30px; } .ma_lm1_main_img{ width: 6px; height: 16px; } .ma_e1_left_m1_right{ width: 268px; background: #004ea2; padding: 30px 35px; } .ma_lm1r_time{ font-size: 14px; /*font-family: "微软雅黑";*/ color: #7eb6f3; margin-bottom: 35px; display: inline-block; } .ma_lm1r_main{ font-size: 18px; /*font-family: "微软雅黑";*/ color: #fff; line-height: 30px; height: 150px; overflow: hidden; margin-bottom: 142px; } .ma_lm1r_s span{ font-size: 16px; /*font-family: "微软雅黑";*/ color: #fff; } .ma_lm2_main{ border-bottom: 1px solid #f2f2f2; margin-top: 15px; } .ma_lm2_mainp{ margin-top: 0; } .ma_lm2m_imgk{ position: relative; width: 211px; margin-right: 20px; overflow: hidden; } .ma_lm2m_img1{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; transition: all 0.36s; } .ma_lm2m_img2{ position: relative; top: 0; left: 0; width: 100%; z-index: 1; transition: all 0.36s; } .ma_lm2m_right{ width: calc(100% - 231px); } .ma_lm2m_time{ font-size: 14px; color: #999; /*font-family: "微软雅黑";*/ margin-top: 5px; margin-bottom: 5px; display: block; } .ma_lm2m_title{ font-size: 18px; color: #333; /*font-family: "微软雅黑";*/ letter-spacing: 0.5px; height: 50px; overflow: hidden; line-height: 1.5; margin-bottom: 5px; } .ma_lm3_li_lower{ font-weight: bold; } .ma_m3_title_right .ma_m3_right_img1{ width: 12px; } .ma_m3_title_right .ma_m3_right_img2{ width: 16px; } .ma_m3_title_right a{ display: inline-block; } .ma_c2_m3_nav{ margin-bottom: 0; } .ma_m3_imgk{ position: relative; margin-bottom: 10px; overflow: hidden; } .ma_m3_img1{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; } .ma_m3_img2{ position: relative; top: 0; left: 0; width: 100%; z-index: 1; transition: all 0.36s; } .ma_m3_main{ font-size: 14px; color: #333; /*font-family: "微软雅黑";*/ line-height: 1.75; margin-bottom: 10px; margin-right: 19px; height: 44px; overflow: hidden; } .ma_m3_time{ font-size: 14px; color: #999; /*font-family: "微软雅黑";*/ } .ma_f_selectf .ma_fs_img{ transition: all 0.36s; transform: rotate(180deg); } .ma_sou{ background: #004ea2; color: #fff; width: 100%; padding: 16px 0; } .ma_cont_right_top{ display: none; } .ma_left_m4 a{ font-size: 14px; color: #333; } .ma_f1_lm1_main{ margin: 0 20px; } @media screen and (min-width: 1200px){ .ma_e1_left_m1_left:hover .ma_lm1_title { color: #004ea2; transition: all 0.36s; } .ma_lm2_main:hover .ma_lm2m_title { color: #004ea2; transition: all 0.36s; } .ma_lm3_ul a:hover li{ background: #004ea2; transition: all 0.36s; color: #fff; } .ma_lm2_main:hover .ma_lm2m_img1{ transition: all 0.36s; transform: scale(1.2); } .ma_lm2_main:hover .ma_lm2m_img2{ transition: all 0.36s; transform: scale(1.2); } .ma_e1_left_m1_left a:hover .ma_lm1_img1 { transition: all 0.36s; transform: scale(1.2); } .ma_e1_left_m1_left a:hover .ma_lm1_img2 { transition: all 0.36s; transform: scale(1.2); } } /* e1 end */ /* e2 start */ .ma_e2_title{ border-bottom: 1px solid #E5E5E5; padding-bottom: 8px; } .ma_nav{ display: inline-block; margin-right: 30px; } .ma_nav span{ font-size: 14px; color: #666; } .ma_nav img{ width: 16px; margin-right: 10px; } .ma_e2_left_m2{ border-bottom: 1px solid #e5e5e5; margin-bottom: 0; } .ma_e2_left_m2 p{ font-size: 14px; color: #666; /*font-family: "微软雅黑";*/ line-height: 1.75; letter-spacing: 0.8px; } .ma_e2_left_m2 .ma_lm2_imgk{ font-size: 14px; color: #666; /*font-family: "微软雅黑";*/ line-height: 1.75; letter-spacing: 0.8px; } .ma_lm2_imgk{ text-align: center; margin: 40px 0; } .ma_lm2_divs{ display: flex; justify-content: center; } .ma_lm2_imgl{ margin: 0 10px; } .ma_lm2_imgl img{ margin: 0; } .ma_lm2_imgk a{ display: inline-block; } .ma_lm2_img1{ margin: 0 10px; } .ma_lm3_l{ width:50%; padding: 20px 0; border-right: 1px solid #E5E5E5; } .ma_lm3_l span{ transition: all 0.36s; line-height: 1.5; } .ma_lm3_l_l{ width: 50px; font-size: 14px; color: #999; margin-right: 10px; } .ma_lm3_l_r{ width: calc(100% - 91px); font-size: 14px; color: #999; letter-spacing: 0.5px; } .ma_lm3_r{ width:50%; border-right: none; } .ma_lm3_r_r{ width: calc(100% - 121px); } .ma_lm3_r_l{ margin-left: 30px; } .ma_lm3_r_r{ margin-right: 30px; } .ma_e2_left_m3{ padding-bottom: 0; } .ma_right_m1_main_li{ margin-bottom: 10px; position: relative; margin-left: 10px; } .ma_right_m1_main_li .ma_m1_span{ font-size: 14px; color: #999; /*font-family: "微软雅黑";*/ } .ma_cont_right .ma_e2_right_m2{ padding: 25px 22px 20px 0px; } .ma_cont_right .ma_e2_right_title{ margin-top: 0; } .ma_cont_right .ma_e2_m2_span{ font-size: 14px; color: #666; line-height: 1.75; } .ma_btm{ margin-bottom: 20px; display: none; } .ma_btm a{ font-size: 14px; color: #333; } @media screen and (min-width: 1200px) { .ma_right_m1_main_li:hover .fl{ color: #004ea2; transition: all 0.36s; } .ma_lm3_l a:hover span{ color: #004ea2; transition: all 0.36s; } } /* e2 end */ /* e3 start */ .ma_lm1_mains{ margin: 0 -2.5px 0; } .ma_e3_lm1_main{ padding: 0 2.5px; width: 50%; } .ma_lm1_main .ma_lm1_mainz{ background: #b4d0ef; text-align: center; padding: 15px; cursor: pointer; transition: all 0.36s; } .ma_lm1_main .alt{ background: #004ea2; } .ma_lm1_main .ma_lm1_mainz p{ /*font-family: "微软雅黑";*/ color: #fff; font-size: 18px; } .ma_lm2_uls{ margin: 0 -10px 0; } .hide{ display: none; } .ma_lm2_li{ padding: 0 10px; width: 33.333333%; margin-bottom: 20px; } .ma_lm2_lis{ box-shadow: 0px 1px 4px 2px rgba(0, 0, 0, 0.1); padding: 24px; position: relative; z-index: -50; transition: all 0.36s; } .ma_lm2_lis::after{ content: ""; background: #004ea2; position: absolute; width: 100%; height: 1px; bottom: 0; left: 0; display: none; transition: all 0.36s; } .ma_lm2_time{ color: #999; font-size: 14px; /*font-family: "微软雅黑";*/ margin-bottom: 10px; display: inline-block; } .ma_lm2_li_main{ color: #333; font-size: 16px; /*font-family: "微软雅黑";*/ line-height: 1.75; height: 79px; overflow: hidden; margin-bottom: 10px; } .ma_lm2_li_s{ opacity: 0; transition: all 0.36s; } .ma_lm2_li_s span{ margin-right: 20px; } .ma_lm2_li_img1{ width: 6px; margin-bottom: 4px; } .ma_lm2_li_img{ position: absolute; right: 15px; bottom: 20px; z-index: -20; } .ma_left_m2{ margin-bottom: 62px; } .ma_lm3_ul{ position: relative; left: 50%; transform: translate(-50%); display: inline-block; text-align: center; } .ma_lm3_ul a{ display: inline; } .ma_lm3_ul li{ float: left; width: 26px; height: 26px; margin-right: 5px; margin-left: 5px; font-size: 14px; color: #333; font-family: arial; line-height: 26px; transition: all 0.36s; } .ma_lm3_li_lower{ font-weight: bold; } .ma_lm3_ul .activepage{ background: #004ea2; color: #fff; } .ma_m3_title_right .ma_m3_right_img1{ width: 12px; } .ma_m3_title_right .ma_m3_right_img2{ width: 16px; } .ma_m3_title_right a{ display: inline-block; } .ma_m3_navs{ margin: 0 -2px 0; } .ma_c2m3n_s{ padding: 0 2px; } .ma_m3_imgk{ position: relative; margin-bottom: 10px; overflow: hidden; } .ma_m3_img1{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; } .ma_m3_img2{ position: relative; top: 0; left: 0; width: 100%; z-index: 1; transition: all 0.36s; } .ma_m3_main{ font-size: 14px; color: #333; /*font-family: "微软雅黑";*/ line-height: 1.75; margin-bottom: 12px; margin-right: 19px; height: 44px; overflow: hidden; } .ma_m3_time{ font-size: 14px; color: #999; /*font-family: "微软雅黑";*/ } .ma_c2_left_m3{ margin-bottom: 0; } .ma_f_text{ border: 1px solid #e5e5e5; margin-bottom: 8px; } .ma_text{ height: 42px; display: inline-block; font-size: 16px; padding-left: 10px; } .ma_f_text img{ width: 30px; height: 30px; margin: 5px 5px 5px 0; } .ma_f_select1{ border: 1px solid #e5e5e5; } .ma_fs{ font-size: 16px; color: #666; padding-left: 10px; line-height: 44px; } .ma_f_select{ position: relative; margin-bottom: 10px; } .ma_fs_img{ width: 12px; height: 6px; margin: 18px 18px 18px 0; transition: all 0.36s; } .ma_f_img_fan{ transition: all 0.36s; transform: rotate(180deg); } .ma_f_select1{ z-index: 20; } .ma_f_select2{ position: absolute; background: #fff; padding: 10px 10px; width: 100%; overflow: auto; z-index: 50; box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.1); } .ma_se_marg .ma_f_select2{ z-index: 40; } .ma_fs2_list li{ font-size: 16px; color: #999; line-height: 30px; cursor: pointer; } .ma_se_marg{ margin-bottom: 15px; } .ma_sou{ background: #004ea2; color: #fff; width: 100%; padding: 16px 0; } .ma_cont_right_top{ display: none; } .ma_left_m4 a{ font-size: 14px; color: #333; } .ma_left_m4{ display: none; margin-bottom: 15px; } @media screen and (min-width: 1200px) { .ma_lm1_main .ma_lm1_mainz:hover{ background: #004ea2; transition: all 0.36s; } .ma_lm3_ul a:hover li{ background: #004ea2; transition: all 0.36s; color: #fff; } .ma_lm2_li:hover .ma_lm2_lis::after{ display: block; transition: all 0.36s; } .ma_lm2_li:hover .ma_lm2_lis{ background: rgba(234, 241, 249); transition: all 0.36s; } .ma_lm2_li:hover .ma_lm2_li_s { opacity: 1; transition: all 0.36s; } } /* e3 end */ /* f1 start */ .ma_ma_li{ padding: 0 5px; width: 33.333333%; cursor: pointer; } .ma_ma_li div{ background: #b4d0ef; text-align: center; padding: 15px; transition: all 0.36s; } .ma_ma_li .alt{ background: #004EA2; transition: all 0.36s; } .ma_ma_li div p{ color: #fff; font-size: 18px; /*font-family: "微软雅黑";*/ } .ma_m2{ margin-bottom: 60px; } .ma_m2 ul{ padding: 0 5px; } .hide{ display: none; } .ma_m2_li{ border-bottom: 1px solid #E5E5E5; } .ma_m2_time{ color: #004ea2; font-size: 24px; font-family: arial; margin: 20px 55px 83px 0; } .ma_m2_s{ margin: 40px 0 67px 117px; } .ma_m2_s .ma_m2s_s{ color: #004ea2; font-size: 16px; /*font-family: "微软雅黑";*/ } .ma_m2_s .ma_m2s_img{ width: 6px; margin-left: 30px; } .ma_m2_main{ width: calc(100% - 400px); margin-top: 15px; } .ma_m2m_title{ font-size: 18px; color: #333; /*font-family: "微软雅黑";*/ font-weight: bold; line-height: 1.75; margin-bottom: 5px; max-height: 25px; overflow: hidden; transition: all 0.36s; } .ma_m2m_main{ color: #666; font-size: 14px; /*font-family: "微软雅黑";*/ letter-spacing: 0.5px; line-height: 1.75; max-height: 43px; overflow: hidden; margin-bottom: 39px; transition: all 0.36s; } .ma_m3_ul{ position: relative; left: 50%; transform: translate(-50%); display: inline-block; text-align: center; } .ma_m3_ul a{ display: inline; } .ma_m3_ul li{ float: left; width: 25px; height: 25px; color: #333; font-size: 14px; font-family: arial; line-height: 25px; margin-right: 5px; margin-left: 5px; transition: all 0.36s; } .ma_m3_ul .activepage{ background: #004ea2; color: #fff; } .ma_m4{ margin-bottom: 20px; display: none; } .ma_m4_model a{ color: #333; font-size: 14px; } @media screen and (min-width: 1200px) { .ma_ma_li:hover div{ background: #004EA2; transition: all 0.36s; } .ma_m2_li:hover .ma_m2m_title{ color: #004ea2; transition: all 0.36s; } .ma_m2_li:hover .ma_m2m_main{ color: #004ea2; transition: all 0.36s; } .ma_m3_ul li:hover{ color: #fff; background: #004EA2; transition: all 0.36s; } } /* f1 end */ /* f2 start */ .ma_m1_li{ padding: 0 5px; width: 33.333333%; cursor: pointer; } .ma_m1_li div{ background: #b4d0ef; text-align: center; padding: 15px; transition: all 0.36s; } .ma_m1_li .alt{ background: #004EA2; transition: all 0.36s; } .ma_m1_li div p{ color: #fff; font-size: 18px; /*font-family: "微软雅黑";*/ } .ma_f2_m2{ margin-bottom: 34px; } .ma_m2 p{ font-size: 14px; color: #666; /*font-family: "微软雅黑";*/ line-height: 1.75; letter-spacing: 1.2px; margin-bottom: 30px; transition: all 0.36s; } .ma_m3 ul{ margin: 0 -15px 0; } .hide{ display: none; } .ma_f2_m3_li{ padding: 0 15px; width: 33.333333%; margin-bottom: 20px; } .ma_f2_m3_li div{ overflow: hidden; } .ma_m3_imgk{ position: relative; margin-bottom: 6px; } .ma_m3_img1{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index:2; transition: all 0.36s; } .ma_m3_img2{ position: relative; top: 0; left: 0; width: 100%; z-index:1; transition: all 0.36s; } .ma_m3_img3{ width: 6px; } .ma_m3{ margin-bottom: 62px; } @media screen and (min-width: 1200px) { .ma_m1_li:hover div{ background: #004EA2; transition: all 0.36s; } .ma_m3l_main a:hover .ma_m3f_p { color: #004EA2; transition: all 0.36s; } .ma_m3l_main a:hover .ma_m3_img1 { transform: scale(1.2); transition: all 0.36s; } .ma_m3l_main a:hover .ma_m3_img2 { transform: scale(1.2); transition: all 0.36s; } } /* f2 end */ /* g1 start */ .ma_m1{ width: 100%; } .ma_m1_ul{ margin: 30px -5px 25px; position: relative; display: flex; justify-content: center; } .ma_m1_li{ padding: 0 5px; width: 33.333333%; cursor: pointer; } .ma_m1_li div{ background: #b4d0ef; text-align: center; padding: 15px; transition: all 0.36s; } .ma_m1_li .alt{ background: #004EA2; transition: all 0.36s; } .ma_m1_li div p{ color: #fff; font-size: 18px; /*font-family: "微软雅黑";*/ } .ma_g1_m3 ul{ margin: 0 -15px 0; } .hide{ display: none; } .ma_g1_m3_li{ padding: 0 15px; width: 33.333333%; margin-bottom: 20px; } .ma_g1_m3_a div{ overflow: hidden; position: relative; transition: all 0.36s; } .ma_g1_m3_a>div::after{ content: ""; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: transparent; border: 1px solid #E5E5E5; z-index: 100; transition: all 0.36s; } .ma_m3_imgk{ position: relative; z-index: -10; } .ma_m3_img1{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index:2; transition: all 0.36s; } .ma_m3_img2{ position: relative; top: 0; left: 0; width: 100%; z-index:1; transition: all 0.36s; } .ma_g1_m3_a .ma_g1_m3_main{ padding: 20px 30px 0; z-index: 20; background: #fff; position: relative; height: 119px; bottom: 0; transition: all 0.36s; overflow: initial; } .ma_m3_time{ font-size: 16px; color: #999; font-family: arial; margin-bottom: 5px; display: inline-block; } .ma_m3f_p{ font-size: 16px; color: #333; /*font-family: "微软雅黑";*/ line-height: 1.5; max-height: 51px; overflow: hidden; margin-bottom: 20px; letter-spacing: 0.5px; transition: all 0.36s; } .ma_m3_s{ display: none; transition: all 0.36s; } .ma_f2_m3_s{ display: block; } .ma_m3i_span{ color: #004ea2; font-size: 16px; /*font-family: "微软雅黑";*/ margin-right: 30px; } .ma_m3_img3{ width: 6px; } .ma_g1_m3{ margin-bottom: 62px; } @media screen and (min-width: 1200px) { .ma_m1_li:hover div{ background: #004EA2; transition: all 0.36s; } .ma_g1_m3_a:hover .ma_m3f_p { color: #004EA2; transition: all 0.36s; } .ma_g1_m3_a:hover .ma_m3_img1 { transform: scale(1.2); transition: all 0.36s; } .ma_g1_m3_a:hover .ma_m3_img2 { transform: scale(1.2); transition: all 0.36s; } .ma_g1_m3_a:hover div::after{ border: 1px solid transparent; transition: all 0.36s; } .ma_g1_m3_a:hover>div{ box-shadow: 0px 2px 8px 2px rgba(0, 0, 0, 0.1); transition: all 0.36s; } .ma_g1_m3_a:hover .ma_m3_s{ display: block; transition: all 0.36s; } .ma_g1_m3_a:hover .ma_g1_m3_main{ transition: all 0.36s; bottom: 40px; } } /* g1 end */ /* h1 start */ .ma_s1_title{ margin: 34px 0; } .ma_s1t_h2{ font-size: 24px; color: #444; /*font-family: "微软雅黑";*/ } .ma_s1m_l{ width: 408px; background: #004ea2; position: relative; padding: 53px 36px 51px 36px; z-index: -5; } .ma_s1ml_b{ position: absolute; right: 20px; bottom: 32px; z-index: -1; } .ma_s1ml_h4{ color: #fff; font-size: 18px; /*font-family: "微软雅黑";*/ font-weight: bold; padding-bottom: 25px; border-bottom: 1px solid #3371b5; margin-bottom: 30px; } .ma_s1ml_main{ z-index: 10; } .ma_s1mlm_img{ width: 14px; margin-top: 5px; } .ma_s1mlm_add{ width: calc(100% - 29px); font-size: 14px; color: #fff; display: inline-block; /*font-family: "微软雅黑";*/ margin-left: 15px; margin-bottom: 23px; line-height: 1.5; max-height: 39px; overflow: hidden; } .ma_s1m_r{ width: calc(100% - 408px); } #container{ height: 354px; margin: auto; } .ma_s2_title{ border-bottom: 1px solid #e5e5e5; } .ma_s2t_h2{ padding-bottom: 34px; } .ma_s2_main{ border: 1px solid #E5E5E5; } .ma_s2m_l{ width: 396px; } .ma_s2mlu_m{ display: none; } .ma_s2ml_li{ cursor: pointer; border-bottom: 1px solid #E5E5E5; border-right: 1px solid #E5E5E5; padding: 10px 0 18px 34px; background: #f8f9fb; position: relative; transition: all 0.36s; } .ma_s3_main{ margin-bottom: 67px; } .ma_s2ml_li span{ display: block; overflow: hidden; height: 24px; color: #333; /*font-family: "微软雅黑";*/ font-size: 16px; line-height: 2; transition: all 0.36s; } .ma_s2mlu_m{ position: relative; border-left: 1px solid #E5E5E5; border-right: 1px solid #E5E5E5; } .ma_s2mlu_m .ma_s2ml_li{ width: 50%; padding: 10px 0; text-align: center; z-index: 20; } .alt{ background: #004ea2; border-right: 1px solid transparent; } .alt span{ color: #fff; font-weight: bold; } .ma_s2ml_li::after{ content: ""; position: absolute; right: -17px; top: 50%; transform: translate(0, -50%); width: 0; height: 0; border-left: 8px solid #004ea2; border-top: 8px solid transparent; border-right: 8px solid transparent; border-bottom: 8px solid transparent; opacity: 0; transition: all 0.36s; } .alt::after{ opacity: 1; } .ma_s2mll_b{ border-bottom: none; } .ma_s2m_rs{ width: calc(100% - 396px); } .ma_s2m_r{ padding: 54px 52px 26px 54px; } .ma_s2mr_img{ margin-bottom: 36px; position: relative; width: 44%; } .ma_s2mr_img1{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; } .ma_s2mr_img2{ position: relative; top: 0; left: 0; width: 100%; z-index: 1; } .ma_s2mr_main{ margin-bottom: 36px; } .ma_s2mr_main p{ color: #666; font-size: 14px; /*font-family: "微软雅黑";*/ line-height: 1.75; max-height: 95px; overflow: hidden; } .ma_s2mr_call{ margin-bottom: 20px; } .ma_s2mrc_h5{ font-size: 16px; color: #333; /*font-family: "微软雅黑";*/ font-weight: bold; margin-bottom: 20px; } .ma_s2mrc_img{ width: 16px; margin-right: 15px; margin-top: 3px; } .ma_s2mrc_span{ width: calc(100% - 31px); color: #666; font-size: 14px; line-height: 1.5; margin-bottom: 10px; } .ma_s2mrc_spanh{ max-height: 38px; overflow: hidden; } .ma_s2m_rr{ padding: 55px 28px 60px 44px; } .ma_s2m_rr .ma_s2mr_img{ width: 43%; } .ma_s2mrz_l{ width: calc(100% - 341px); padding-right: 45px; } .ma_s2mrz_imgk{ width: 341px; position: relative; } .ma_s2mrz_img1{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; } .ma_s2mrz_img2{ position: relative; top: 0; left: 0; width: 100%; z-index: 1; } .ma_s3_ul{ margin: 0 -5px 0; } .ma_s3_li{ padding: 0 5px; width: 33.333333%; margin-bottom: 15px; } .ma_s3_lif .ma_s3l_img{ transform: rotate(180deg); transition: all 0.36s; } .ma_s3l_main{ background: #f8f9fb; padding: 15px 24px 25px 34px; cursor: pointer; border: 1px solid #e5e5e5; position: relative; } .ma_s3l_p{ font-size: 16px; color: #333; /*font-family: "微软雅黑";*/ line-height: 1.5; width: calc(100% - 16px); transition: all 0.36s; height: 20px; overflow: hidden; } .ma_s3l_img{ width: 16px; transition: all 0.36s; } .ma_s3l_mainsz{ padding: 20px 34px; border: 1px solid #E5E5E5; position: absolute; top: 54px; left: 0; z-index: 100; background: #fff; width: 100%; } .ma_s3l_li p{ font-size: 14px; color: #666; line-height: 1.5; margin-bottom: 7px; } .ma_s3l_lis p{ max-height: 39px; overflow: hidden; } .container_imgk{ display: none; } .ma_h1s2mlm_p{ display: none; } .ma_h1s2mlm_n{ display: none; } @media screen and (min-width: 1200px) { .ma_s2ml_li:hover{ background: #004ea2; border-right: 1px solid #004ea2; transition: all 0.36s; } .ma_s2ml_li:hover span{ color: #fff; font-weight: bold; transition: all 0.36s; } .ma_s2ml_li:hover::after{ opacity: 1; transition: all 0.36s; } .ma_s3l_main:hover .ma_s3l_p{ color: #004ea2; transition: all 0.36s; } } /* h1 end */ /* h2 start */ .ma_cont_left{ width:calc(100% - 323px); padding-right: 28px; border-right: 1px solid #e5e5e5; padding-bottom: 55px; z-index: 10; } .ma_e2_cont_left{ padding-bottom: 0; } .ma_m2_t1{ width: 48.7%; height: 47px; background: #f8f9fb; margin-bottom: 30px; border: 1px solid #e5e5e5; } .ma_m2_l{ margin-right: 22px; } label{ font-size: 14px; color: #333; /*font-family: "微软雅黑";*/ margin-left: 15px; display: inline-block; line-height: 47px; } input{ height: 100%; width: calc(100% - 52px); font-size: 14px; color: #333; /*font-family: "微软雅黑";*/ display: inline-block; padding: 0 15px; } #ma_m2_names{ width: calc(100% - 75px); } #ma_m2_name{ width: calc(100% - 75px); } #ma_m2_trade{ width: calc(100% - 75px); } #ma_m2_name2{ width: calc(100% - 89px); } .ma_m2_t2{ width: 100%; height: 47px; background: #f8f9fb; margin-bottom: 12px; border: 1px solid #e5e5e5; } #ma_m2_add{ width: calc(100% - 75px); } #ma_m2_apply{ width: calc(100% - 103px); } .ma_m2_tabBox{ margin-bottom: 15px; } .ma_m2_tab{ width: 100%; background: #f8f9fb; border:1px solid #E5E5E5; } .ma_m2_tab tr:nth-child(even){ background: #e9ecf2; } .ma_m2_tab th{ text-align: center; padding: 18px 0; font-weight: normal; font-size: 14px; color: #333; } .ma_m2_tab .ma_m2_type{ background: #004ea2; color: #fff; text-align: left; padding-left: 15px; width: 17%; } .ma_m2_num{ width: 14%; } .ma_m2_kps{ width: 24%; } .ma_m2_name{ width: 24%; } .ma_m2_tab td{ text-align: center; padding: 6px 10px; } .ma_m2_tab textarea{ resize: none; width: 100%; height: 100%; overflow: hidden; text-align: left; } .ma_m2_words{ border: 1px solid #e5e5e5; background: #f8f9fb; resize: none; overflow: auto; width: 100%; height: 108px; padding: 15px 15px; margin-bottom: 15px; } .ma_m2_passz{ width: 56%; } #ma_m2_pass{ width: calc(100% - 61px); } .ma_m2_img{ background: transparent; border: none; width: auto; } .ma_m2_img img{ cursor: pointer; } .ma_m2_sub{ display: block; width: 100%; background: #004ea2; padding: 15px 0; color: #fff; font-size: 14px; margin-bottom: 20px; } .ma_h2_left_m2{ margin-bottom: 0; } .ma_cont_right{ width: 323px; padding-left: 28px; z-index: 100; } .ma_right_m1_main_li_t{ margin-top: 15px; } .ma_right_m2_title{ font-size: 18px; color: #fff; margin-bottom: 15px; } .ma_right_m2_main{ font-size: 14px; color: #fff; line-height: 1.75; margin-bottom: 5px; letter-spacing: 0.5px; } .ma_right_ma_btm{ font-size: 14px; color: #fff; } .ma_h2_m2_t2{ width: 100%; height: 47px; background: #f8f9fb; margin-bottom: 12px; border: 1px solid #e5e5e5; padding: 0; } @media screen and (min-width: 1200px) { .ma_right_m1_main_li:hover .fl{ color: #004ea2; transition: all 0.36s; } .ma_right_m1_main_li:hover .fr{ color: #004ea2; transition: all 0.36s; } } /* h2 end */ /* mark end */ .mc_subnav:not(:last-child){ margin-right: 120px; } .ma_s2mr_img .ma_s2mr_img2{ width: auto; max-width: 100%; } /* 4.16 */ .mc_modal{ background: rgba(0, 0, 0, .7); } .mc_d2s1 .mc_modal_close{ font-size: 40px; line-height: 20px; top: -30px; right: 0; color: #fff; } .mc_d2s1 .mc_modal_content{ width: 950px; padding: 50px 30px 40px; max-height: calc(100vh - 80px); overflow: hidden; } .mc_d2s1 .mc_modal_content p{ font-size: 14px; color: #666; line-height: 1.5; margin-bottom: 5px; } .mc_d2s1 .mc_modal_content h4{ color: #333; font-size: 16px; font-weight: bold; margin-bottom: 10px; } .mc_modal_txtbox{ display: none; } .ma_m1_left_font{ width: auto !important; } .ma_m1_left_font p{ white-space: nowrap; } .mc_d2s1 .mc_modal_content .mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: rgba(0,78,162,.75) !important; } .ma_f_select2 .mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: rgba(0,78,162,.75) !important; } .ma_f_select2{ height: 150px; overflow: hidden; } /* 4.22 */ .mc_banner_fullcut .mc_ban_pc{ height: calc(100vh - 530px); } .ma_lm2m_txt{ font-size: 14px; line-height: 20px; height: 40px; overflow: hidden; color: #999; } .mc_news_li .ma_lm2m_title{ line-height: 24px; height: auto; max-height: 48px; margin-bottom: 10px; } .ma_lm2_main{ padding-bottom: 15px; } .ma_left_m1_right{ width: 100% !important; margin-top: 0 !important; margin-bottom: 20px; } .mc_e3_list .mc_b1s3_li{ display: block !important; padding: 0 10px; width: 25%; margin-bottom: 20px; } .mc_e3_list .mc_b1s3_lisbox{ box-shadow: 0 0 10px rgba(0, 0, 0, .1); } .mc_e3_list .mc_b1s3_txt h3{ font-size: 14px; line-height: 20px; height: 40px; } .mc_e3_list .mc_b1s3_txt{ padding-left: 12px; padding-right: 12px; } .ma_left_m1_left{ width: 100%; } .ma_m1_left_yuan1{ top: 65px; left: 27px; } .ma_m1_left_yuan2{ top: 14px; left: 352px; } .ma_m1_left_yuan3{ top: 25px; left: 415px; } .ma_m1_left_yuan4{ top: 18px; left: 450px; } .ma_m1_left_yuan5{ top: 80px; left: 478px; } .ma_m1_left_yuan6{ top: 100px; left: 634px; } .ma_c2_m2_nav:not(:first-child){ display: none; } .ma_c2_ma_navz { margin-bottom: 16px; } .ma_c2_m2_navs .ma_c2mn_p{ user-select: none; } .mc_e3s1 { padding-bottom: 80px; } .mc_index .mc_asidebox{ top: 15px; bottom: auto; } .mc_index .mc_asidebox.mc_fixed{ top: 300px; bottom: auto; } .mc_index .mc_asidebox.mc_bot{ top: auto; bottom: 15px; } @media screen and (min-width: 950px) { .ma_cont_left{ min-height: 580px; } } @media screen and (max-width: 1720px) { .mc_banner_fullcut .mc_ban_pc{ height: calc(100vh - 410px); } } .mc_ftt_li{ width: 145px; margin-right: 50px; } .mc_mbxbox{ padding-top: 28px; } /* 4.24新增 */ /* a1 start */ .ma_a1m1slmf { margin-bottom: 36px; } .ma_a1m1slmf p { font-size: 14px; color: #666; line-height: 1.75; } .ma_a1m1slm2t { margin-bottom: 32px; } .ma_a1m1slm2th3 { font-size: 20px; color: #444; } .ma_a1m1slm2d { margin: 0 -7px; } .ma_a1m1slm2dm { padding: 0 7px; width: 25%; margin-bottom: 14px; } .ma_a1m1slm2dmi { position: relative; overflow: hidden; } .ma_a1m1slm2dmi1 { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; transition: all 0.36s; transform: scale(1); } .ma_a1m1slm2dmi2 { position: relative; top: 0; left: 0; width: 100%; z-index: 1; } .ma_a1m1slm2dmm { text-align: center; border: 1px solid #eeeeee; padding: 20px 0; } .ma_a1m1slm2dmmp { font-size: 18px; color: #333; transition: all 0.36s; } .ma_a1m1slm2d { margin-bottom: 15px; } .ma_a1m1s2ac { color: #004ea2; font-size: 14px; } .ma_a1m1s2a { position: relative; top: 8px; } .ma_a1m1s2t { margin-top: 0; } .ma_a1m1s2m { margin: 0 -7px; } .ma_a1m1s2md { padding: 0 7px; width: 25%; margin-bottom: 15px; } .ma_a1m1s2mdmt { background: #b4d0ef; padding: 15px 20px; transition: all 0.36s; } .ma_a1m1s2mdmti { width: 20px; margin-right: 12px; } .ma_a1m1s2mdmts span { font-size: 18px; color: #fff; } .ma_a1m1s2mdmc { border: 1px solid #eee; padding: 12px 20px 20px 30px; } .ma_a1m1s2mdmcli { position: relative; margin-bottom: 3px; } .ma_a1m1s2mdmcli::before { content: ""; width: 3px; height: 3px; background: #e40002; position: absolute; left: -10px; top: 10px; } .ma_a1m1s2mdmclip { font-size: 14px; color: #666; width: calc(100% - 20px); line-height: 1.5; height: 21px; overflow: hidden; transition: all 0.36s; } .ma_a1m1s2mdmclis { font-size: 14px; color: #666; position: relative; top: 3px; transition: all 0.36s; } .ma_a1m1s2mdmclil::before { background: transparent; } .ma_a1m1s2h2 { margin-bottom: 0; } .ma_a1m1s2mdmcul { min-height: 110px; } .ma_a1m1s2m { margin-bottom: 15px; } .ma_a1m1s2btn { text-align: center; margin-bottom: 40px; } .ma_a1m1s2ac { font-size: 14px; color: #004ea2; } .ma_a1m1s2t { margin-top: 0; } @media screen and (min-width: 1200px) { .ma_a1m1slm2dmz:hover .ma_a1m1slm2dmi1 { transition: all 0.36s; transform: scale(1.1); } .ma_a1m1slm2dmz:hover .ma_a1m1slm2dmmp { color: #004ea2; transition: all 0.36s; } .ma_a1m1s2mdmcli a:hover .ma_a1m1s2mdmclip { color: #004ea2; transition: all 0.36s; } .ma_a1m1s2mdmcli a:hover .ma_a1m1s2mdmclis { color: #004ea2; transition: all 0.36s; } .ma_a1m1s2mdm:hover .ma_a1m1s2mdmt { background: #004ea2; transition: all 0.36s; } } /* a1 end */ /* a3 start */ .ma_lm1p p { font-size: 14px; color: #666; line-height: 1.75; } .ma_a3m2n { padding: 0 2px; cursor: pointer; width: 20%; position: relative; } .ma_a3m2n .ma_a3m2nalt::after { display: block; } .ma_a3m2n .ma_a3m2nalt::after { opacity: 1; } .ma_a3m2n div::after { content: ""; position: absolute; width: 0; height: 0; border-top: 8px solid #004ea2; border-right: 8px solid transparent; border-left: 8px solid transparent; border-bottom: 8px solid transparent; left: 50%; bottom: -16px; transform: translate(-50%); opacity: 0; transition: all 0.36s; } .ma_a3m2n .ma_a3m2nalt::after { display: block; } .ma_a3m2nz { background: #b4d0ef; transition: all 0.36s; text-align: center; } .ma_a3m2nalt { background: #004ea2; border-right: 1px solid transparent; } .ma_a3m2nz p { font-size: 18px; color: #fff; line-height: 48px; } .ma_a3m2nmz { padding: 30px 50px 10px; } .ma_a3m2nm_ul { margin-left: 11px; } .ma_a3m2nm_h4 { font-size: 16px; color: #333; font-weight: bold; margin-bottom: 10px; } .ma_a3m2nmm { margin-bottom: 20px; } .ma_a3l_m2 { margin-bottom: 0; } .ma_a3r_m2 { margin-bottom: 25px; } .ma_a3rm2 { background: #b4d0ef; padding: 20px 28px; } .ma_a3rm2t { font-size: 18px; color: #004da1; margin-bottom: 15px; } .ma_a3m2ns { margin: 0 -2px; } @media screen and (min-width: 1200px) { .ma_a3m2n:hover .ma_a3m2nz { background: #004ea2; transition: all 0.36s; } .ma_a3m2n:hover div::after { opacity: 1; transition: all 0.36s; } } /* a3 end */ /* a4 start */ .ma_a4m2nm { padding: 22px 0; } .ma_a4m2nmm { margin-bottom: 20px; } .ma_a4m2nmmt { font-size: 14px; color: #004ea2; padding-bottom: 15px; position: relative; margin-left: 10px; border-bottom: 1px solid #eeeeee; } .ma_a4m2nmmt::before { content: ""; width: 3px; height: 3px; background: #e40002; position: absolute; left: -10px; top: 5px; } .ma_a4m2nmmm { padding: 0px 22px; transition: all 0.36s; background: transparent; border-bottom: 1px solid #eee; } .ma_a4m2nmmmn { margin: 6px 22px 6px; width: calc(100% - 260px); } .ma_a4m2nmmmn p { line-height: 1.5; font-size: 14px; color: #333; height: 21px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .ma_a4m2nmmml { margin: 6px 40px 6px; } .ma_a4m2nmmml span { line-height: 1.5; font-size: 14px; color: #999; } .ma_a4m2nmmmlsl { margin-right: 10px; } .ma_a4m2nmmmlsc { margin: 0 10px; position: relative; } .ma_a4m2nmmmlsc::before { content: ""; width: 1px; height: 12px; background: #999; position: absolute; top: 4px; left: -11px; } .ma_a4m2nmmmlsc::after { content: ""; width: 1px; height: 12px; background: #999; position: absolute; top: 4px; right: -11px; } .ma_a4m2nmmmlsr { margin-left: 10px; } .ma_a4m2nmmmi { width: 18px; margin: 6px 0; position: relative; } .ma_a4m2nmmmi1 { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; transition: all 0.36s; } .ma_a4m2nmmmi2 { position: relative; top: 0; left: 0; width: 100%; height: 100%; opacity: 1; transition: all 0.36s; } .ma_a4m2nmmmit { cursor: pointer; } .ma_a4m2nmmmns { width: calc(100% - 36px); } .ma_a4m2nmmmalt { background: #f0f7ff; border-bottom: 1px solid #b4d0ef; } .ma_a4m2nmmmalt .ma_a4m2nmmmi1 { opacity: 1; } .ma_a4m2nmmmalt .ma_a4m2nmmmi2 { opacity: 0; } @media screen and (min-width: 1200px) { /* .ma_a4m2nmmm:hover { background: #f0f7ff; transition: all 0.36s; border-bottom: 1px solid #b4d0ef; } .ma_a4m2nmmm:hover .ma_a4m2nmmmi1 { opacity: 1; transition: all 0.36s; } .ma_a4m2nmmm:hover .ma_a4m2nmmmi2 { opacity: 0; transition: all 0.36s; } */ } /* a4 end */ /* a5 start */ .ma_a5m2nm { padding: 22px 0; } /* a5 end */ /* a6 start */ .ma_a6m2nm { padding: 22px 0; } .ma_a6m2nm_ul { margin: 0 -6px; } .ma_a6m2nm_ul .ma_a6m2nmli { float: left; padding: 0 6px; width: 33.333333%; } .ma_a6m2nmldi { position: relative; overflow: hidden; } .ma_a6m2nmldi1 { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; transition: all 0.36s; transform: scale(1); } .ma_a6m2nmldi2 { position: relative; top: 0; left: 0; width: 100%; z-index: 1; } .ma_a6m2nmldm { padding: 16px 12px; border: 1px solid #eee; } .ma_a6m2nmldmh { color: #333; font-size: 16px; line-height: 1.75; height: 28px; overflow: hidden; transition: all 0.36s; } .ma_a6m2nmldm p { font-size: 14px; color: #999; line-height: 1.5; height: 42px; overflow: hidden; margin-bottom: 12px; } .ma_a6m2nmldmds { font-size: 14px; color: #004ea2; margin-right: 12px; } .ma_a6m2nmldmdi { width: 7px; position: relative; bottom: 2px; } .ma_a3l_m2t1 { margin-bottom: 0; } @media screen and (min-width: 1200px) { .ma_a6m2nmld:hover .ma_a6m2nmldi1 { transition: all 0.36s; transform: scale(1.1); } .ma_a6m2nmld:hover .ma_a6m2nmldmh { transition: all 0.36s; color: #004ea2; } } /* a6 end */ /* a7 start */ .ma_a7lm1st { margin-bottom: 10px; } .ma_a7lm1st::before { content: ""; width: 3px; height: 3px; background: #e40002; position: absolute; left: -10px; top: 50%; transform: translateY(-50%); } .ma_a7lm1st { margin-left: 11px; position: relative; } .ma_a7lm1stst { color: #004ea2; font-size: 14px; } .ma_a7lm1ststm { color: #999; font-size: 14px; } .ma_a7lm1s { margin-bottom: 30px; } .ma_a7lm1m_ul { margin-top: 30px; } .ma_a7lm1tp { padding-bottom: 20px; border-bottom: 1px solid #eee; } /* a7 end */ /* a9 start */ .ma_a9lm1p { font-size: 16px; color: #333; font-weight: bold; margin-bottom: 6px; } .ma_a9lm1sul { margin-left: 11px; } .ma_a9lm1sli p { font-size: 14px; color: #666; line-height: 1.75; } .ma_a9lm1sli { position: relative; } .ma_a9lm1sli::before { content: ""; width: 3px; height: 3px; background: #e40002; position: absolute; left: -10px; top: 10px; } .ma_a9lm1s { margin-bottom: 16px; } .ma_a9lm4pd p { font-size: 16; color: #666; line-height: 1.75; } .ma_a9lm4p { color: #004ea2; font-size: 14px; line-height: 1.75; position: relative; } .ma_a9lm4p::before { content: ""; width: 3px; height: 3px; background: #e40002; position: absolute; left: -10px; top: 50%; transform: translateY(-50%); } .ma_a9lm4s { margin-left: 11px; } /* a9 end */ /* mark end */ /* 4.27 macro start*/ .mc_a2_container { width: 100%; padding: 0 100px; } .mc_a2_l { width: 210px; padding-right: 15px; padding-top: 30px; padding-bottom: 50px; background: #fff; z-index: 20; } .mc_a2gl_check { user-select: none; } .mc_a2gl_inputbox { position: relative; display: inline-block; width: 13px; height: 13px; background: #b5b5b5; transition: all .36s; } label.mc_checkBox { width: 100%; font-size: inherit; line-height: inherit; color: inherit; margin: 0; cursor: pointer; } .mc_checkBox span { display: inline-block; width: calc(100% - 20px); line-height: inherit; } .mc_checkBox input[type='checkbox'] { width: 13px; height: 13px; background: url("../images/xtb_unchecked.png")center / cover no-repeat; outline: none; margin: 0; transform: translateY(2px); vertical-align: top; } .mc_checkBox input[type=checkbox]:checked { background: url("../images/xtb_checked.png")center / cover no-repeat; } .mc_icon_dh { width: 13px; height: 13px; background: url(../images/xtb_dh.png) center / cover no-repeat; } .mc_a2gl_check { font-size: 14px; color: #666666; line-height: 18px; } .mc_a2gl_xjt { position: absolute; right: 0; top: 50%; transform: translateY(-50%); width: 20px; padding: 0 5px; cursor: pointer; } .mc_a2l_title { margin-bottom: 30px; } .mc_a2gl_hd>div { font-size: 14px; color: #004ea2; cursor: pointer; } .mc_a2gl_hd { padding-bottom: 14px; border-bottom: 1px solid #003e99; } .mc_a2glxl_hd { position: relative; user-select: none; padding: 10px 0; border-bottom: 1px solid #e5e5e5; } .mc_a2gl_xjt img { transition: all .36s; } .mc_a2gl_xl.act .mc_a2gl_xjt img { transform: rotate(180deg); } .mc_a2glxl_hd .mc_a2gl_check { width: calc(100% - 30px); } .mc_a2glxl_li input[type='checkbox'] { border-radius: 3px; width: 10px; height: 10px; transform: translateY(4px); } .mc_a2glxl_li { padding: 3px 3px; } .mc_a2gl_xl { position: relative; } .mc_a2glxl_bd { display: none; /* position: absolute; */ /* left: 0; */ /* top: 100%; */ /* z-index: 10; */ width: 100%; height: 92px; padding: 10px 10px; overflow: hidden; background: #fff; } .mc_a2glxl_bd .mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: rgba(0, 78, 162, .75) !important; } .mc_a2_r { width: calc(100% - 241px); padding-left: 15px; padding-top: 30px; padding-bottom: 50px; border-left: 1px solid #e5e5e5; } .mc_a2r_title { font-size: 16px; font-weight: bold; margin-bottom: 10px; } .mc_a2r_p { font-size: 14px; color: #666; line-height: 1.75; } .mc_a2r_top { margin-bottom: 25px; } .mc_a2r_input { background: #f8f9fb; padding: 13px 30px; margin-bottom: 18px; } .mc_a2r_inputn label { font-size: 14px; color: #333; /*font-family: "微软雅黑";*/ margin-right: 15px; display: inline-block; line-height: normal; margin-left: 0; } .mc_a2r_inputnl { display: inline-block; position: relative; } .mc_a2rilnd { border: 1px solid #efeff0; height: 40px; background: #fff; position: relative; width: 264px; } .mc_a2rilnd input { display: inline-block; height: 40px; padding: 0; margin-left: 15px; margin-right: 10px; width: calc(100% - 45px); color: #666; font-size: 14px; } .mc_a2rilndi { width: 10px; position: absolute; top: 50%; transform: translateY(-50%); right: 10px; transition: all 0.36s; } .mc_a2rilndl { display: none; position: absolute; left: 0; top: 100%; z-index: 50; width: 100%; height: 92px; padding: 6px 15px; overflow: hidden; background: #fff; box-shadow: 0 3px 11px -6px rgba(0, 0, 0, 0.2); } .mc_a2rilndlc { padding: 5px 0; cursor: pointer; } .mc_a2rilndlcp { font-size: 14px; color: #666; height: 14px; overflow: hidden; } .act .mc_a2rilndi { transform: rotate(180deg); transition: all 0.36s; } .mc_a2r_inputx { margin-left: 80px; } .mc_a2r_inputx label { margin-right: 15px; margin-left: 0; } .mc_a2r_inputs { background: #004ea2; padding: 16px 35px; cursor: pointer; } .mc_a2r_inputsb { color: #fff; font-size: 14px; } .mc_a2rd_p { font-size: 14px; color: #999; position: relative; top: 6px; } .mc_a2rd_xzs { font-size: 14px; color: #004ea2; } .mc_a2rd_xzd { display: inline-block; background-color: #edf2f9; padding: 8px 20px; cursor: pointer; margin-left: 12px; } .mc_a2rd_xzdi { width: 12px; } .mc_a2rd_xzs { font-size: 14px; color: #004ea2; position: relative; top: 8px; } .mc_a2rd_xzdp { font-size: 14px; color: #666; margin-left: 10px; } .mc_a2r_down { margin-bottom: 10px; } .mc_a2r_tab { overflow-x: auto; overflow-y: hidden; } .mc_a2r_tabc { width: 4804px; text-align: center; border: 1px solid #e5e5e5; border-top-color: #004ea2; } .mc_a2r_tabcinput { width: 100%; padding: 0; font-size: 14px; color: #333; } .mc_a2r_tabc td { font-size: 14px; color: #333; text-align: center; padding: 10px 5px; } .mc_a2r_tabc th { text-align: center; font-size: 14px; color: #333; font-weight: unset; padding: 10px 5px; background-color: #f8f9fb; height: 52px; } .mc_a2r_tabct { width: 206px; } .mc_a2r_tab { margin-bottom: 26px; } .mc_a2_r .ma_a7lm1tp { border-bottom: none; } .mc_a2_f { position: fixed; left: 0; top: 425px; background: rgba(0, 0, 0, 0.2); cursor: pointer; border-top-right-radius: 10px; border-bottom-right-radius: 10px; box-shadow: 0 0px 4px 0px rgba(0, 0, 0, 0.3); transition: all 1s; display: none; width: 40px; height: 40px; } .mc_a2_f img { width: 70%; position: relative; left: 50%; top: 5px; transform: translateX(-50%); } .gx_titinav.atvc{ position: absolute; left: 0; } .mc_a2r_tabc{ position: relative; } .gx_titinav{ transition: all 0.36; } .gx_nam1{ width: 226px !important; } .gx_nam2{ width: 65px !important; } .gx_nam3{ width: 65px !important; } .gx_nam4{ width: 65px !important; } .gx_nam5{ width: 55px !important; } .gx_nam6{ width: 65px !important; } .gx_nam7{ width: 60px !important; } .gx_nam8{ width: 85px !important; } .gx_nam9{ width: 60px !important; } .gx_nam10{ width: 70px !important; } .gx_nam11{ width: 70px !important; } .gx_nam12{ width: 70px !important; } .gx_nam13{ width: 70px !important; } .gx_nam14{ width: 85px !important; } .gx_nam15{ width: 70px !important; } .gx_nam16{ width: 75px !important; } .gx_nam17{ width: 68px !important; } .gx_nam18{ width: 50px !important; } .gx_nam19{ width: 50px !important; } .gx_nam20{ width: 50px !important; } .gx_nam21{ width: 50px !important; } .gx_nam22{ width: 60px !important; } .gx_nam23{ width: 65px !important; } .gx_nam24{ width: 55px !important; } .gx_nam25{ width: 55px !important; } .gx_nam26{ width: 60px !important; } .gx_nam27{ width: 80px !important; } .gx_nam28{ width: 70px !important; } .gx_nam29{ width: 70px !important; } .gx_nam30{ width: 70px !important; } .gx_nam31{ width: 70px !important; } .gx_nam32{ width: 55px !important; } .gx_nam33{ width: 68px !important; } .gx_nam34{ width: 55px !important; } .gx_nam35{ width: 60px !important; } .gx_nam36{ width: 55px !important; } .gx_nam37{ width: 55px !important; } .gx_nam38{ width: 75px !important; } .gx_nam39{ width: 75px !important; } .gx_nam40{ width: 75px !important; } .gx_nam41{ width: 75px !important; } .gx_nam42{ width: 55px !important; } .gx_nam43{ width: 55px !important; } .gx_nam44{ width: 80px !important; } .gx_nam45{ width: 140px !important; } .gx_nam46{ width: 80px !important; } .gx_nam47{ width: 80px !important; } .gx_nam48{ width: 128px !important; } /* .gx_nam49{ width: 108px !important; } */ .mc_a2r_tabc{ width: 3220px; } /* .gx_titinav{ width: 4710px; } */ .mc_a2r_tabc th{ display: block; float: left; border-left: 1px solid; border-spacing: initial; border-collapse: inherit; line-height: 2; border: 0; border-left: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; } .mc_a2r_tabc td{ display: block; float: left; border-left: 1px solid; border-spacing: initial; border-collapse: inherit; border: 0; border-left: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; } .mc_a2r_tabc{ text-align: left; } .ma_d2_m2_main_li { font-size: 14px; color: #666; /*font-family: "微软雅黑";*/ line-height: 1.75; transition: all 0.36s; } .mc_a2r_tabc td:first-child{ border-left-color: transparent; } .mc_a2r_tabc th:first-child{ border-left-color: transparent; } /* 5.14 */ .mc_a2rilndl{ height: 108px; overflow: hidden; } .mc_a2rilndl .mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: rgba(0, 78, 162, .75) !important; } .mc_a2glxl_bd{ height: auto; max-height: 164px; } .mc1_a2l_box.mc_fixed{ position: fixed; top: 84px; z-index: 20; /* transition: all .36s; */ background: #fff; width: 195px; padding-top: 30px; } .mc_a2rd_xzs { cursor: pointer; } .ma_m1_title+.mc_a2rd_xz{ margin-top: 20px; } .mc_a2r_tabc th{ line-height: 15px; } .gx_namo2 .gx_nam2{ display: none; width: 0 !important; } .gx_namo3 .gx_nam3{ display: none; width: 0 !important; } .gx_namo4 .gx_nam4{ display: none; width: 0 !important; } .gx_namo5 .gx_nam5{ display: none; width: 0 !important; } .gx_namo6 .gx_nam6{ display: none; width: 0 !important; } .gx_namo7 .gx_nam7{ display: none; width: 0 !important; } .gx_namo8 .gx_nam8{ display: none; width: 0 !important; } .gx_namo9 .gx_nam9{ display: none; width: 0 !important; } .gx_namo10 .gx_nam10{ display: none; width: 0 !important; } .gx_namo11 .gx_nam11{ display: none; width: 0 !important; } .gx_namo12 .gx_nam12{ display: none; width: 0 !important; } .gx_namo13 .gx_nam13{ display: none; width: 0 !important; } .gx_namo14 .gx_nam14{ display: none; width: 0 !important; } .gx_namo15 .gx_nam15{ display: none; width: 0 !important; } .gx_namo16 .gx_nam16{ display: none; width: 0 !important; } .gx_namo17 .gx_nam17{ display: none; width: 0 !important; } .gx_namo18 .gx_nam18{ display: none; width: 0 !important; } .gx_namo19 .gx_nam19{ display: none; width: 0 !important; } .gx_namo20 .gx_nam20{ display: none; width: 0 !important; } .gx_namo21 .gx_nam21{ display: none; width: 0 !important; } .gx_namo22 .gx_nam22{ display: none; width: 0 !important; } .gx_namo23 .gx_nam23{ display: none; width: 0 !important; } .gx_namo24 .gx_nam24{ display: none; width: 0 !important; } .gx_namo25 .gx_nam25{ display: none; width: 0 !important; } .gx_namo26 .gx_nam26{ display: none; width: 0 !important; } .gx_namo27 .gx_nam27{ display: none; width: 0 !important; } .gx_namo28 .gx_nam28{ display: none; width: 0 !important; } .gx_namo29 .gx_nam29{ display: none; width: 0 !important; } .gx_namo30 .gx_nam30{ display: none; width: 0 !important; } .gx_namo31 .gx_nam31{ display: none; width: 0 !important; } .gx_namo32 .gx_nam32{ display: none; width: 0 !important; } .gx_namo33 .gx_nam33{ display: none; width: 0 !important; } .gx_namo34 .gx_nam34{ display: none; width: 0 !important; } .gx_namo35 .gx_nam35{ display: none; width: 0 !important; } .gx_namo36 .gx_nam36{ display: none; width: 0 !important; } .gx_namo37 .gx_nam37{ display: none; width: 0 !important; } .gx_namo38 .gx_nam38{ display: none; width: 0 !important; } .gx_namo39 .gx_nam39{ display: none; width: 0 !important; } .gx_namo40 .gx_nam40{ display: none; width: 0 !important; } .gx_namo41 .gx_nam41{ display: none; width: 0 !important; } .gx_namo42 .gx_nam42{ display: none; width: 0 !important; } .gx_namo43 .gx_nam43{ display: none; width: 0 !important; } .gx_namo44 .gx_nam44{ display: none; width: 0 !important; } .gx_namo45 .gx_nam45{ display: none; width: 0 !important; } .gx_namo46 .gx_nam46{ display: none; width: 0 !important; } .gx_namo47 .gx_nam47{ display: none; width: 0 !important; } .gx_namo48 .gx_nam48{ display: none; width: 0 !important; } .gx_namo49 .gx_nam49{ display: none; width: 0 !important; } .gx_nam1 a{ text-align: left; padding-left: 10px; padding-right: 10px; } .ma_a3m2nm p{ font-size: 14px; line-height: 1.75; color: #7f7f7f; margin-bottom: 9px; font-weight: bold; } /* .mc_a2r_tabc{ border-right: 0; } .gx_nam48{ border-right: 1px solid #eee !important; } */ .gx_lxyx{ margin-right: 10px; } .gx_lxyx p{ line-height: 32px; font-weight: bold; } /* 6.30 */ /* .ma_a3m2nm p{ margin: 0; padding-left: 10px; } */ .ma_a4m2nmmm{ padding-top: 8px; padding-bottom: 8px; } .ma_a4m2nmmmn{ margin-left: 10px; } .ma_a4m2nmmmi { width: 16px; margin: 6px 0; position: relative; } .mc_a2rd_xz{ margin-right: 30px; margin-top: 8px; } .mc_a2rd_p{ top: 0; } .mc_a2r_tabc th{ position: relative; } .mc_a2r_tabc th span{ position: absolute; left: 0; top: 50%; width: 100%; padding: 0 5px; max-width: 100%; overflow: hidden; transform: translateY(-50%); } .mc1_mcu_box .ma_a1m1slmf{ width: calc(100% - 400px); } .mc1_mcu_box .ma_s1m_l{ width: 360px; padding: 30px 20px 20px; } .mc1_mcu_box .ma_s1mlm_add{ margin-bottom: 10px; } .mc1_mcu_box .ma_s1ml_h4{ padding-bottom: 15px; margin-bottom: 20px; } .mc1_mcu_box .gx_lxyx{ margin-right: 0; } .ma_title_h2 +.mc_a2rd_xz { margin-top: 0; } .mc_a2r_tabl .mc_th { display: block; float: left; border-left: 1px solid; border-spacing: initial; border-collapse: inherit; line-height: 2; border: 0; border-left: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; } .mc_a2r_tabl .mc_th { text-align: center; font-size: 14px; color: #333; font-weight: unset; padding: 10px 5px; background-color: #f8f9fb; height: 52px; /* line-height: 15px; */ } .mc_a2r_tabbox { position: relative; } .mc_a2r_tabl{ position: absolute; left: 0; top: 0; width: 226px; border-top: 1px solid #004ea2; background: #fff; z-index: 10; overflow: hidden; border-right: 1px solid #e5e5e5; } .mc_a2r_tab{ width: 100%; padding-left: 226px; } .mc_a2r_tabc{ border-left: 0; border-bottom: 0; } .mc_a2r_tabcb .gx_nam1 { font-size: 14px; color: #333; text-align: center; padding: 10px 5px; } .mc_a2r_tabcb .gx_nam1 { display: block; float: left; border-left: 1px solid; border-spacing: initial; border-collapse: inherit; border: 0; border-left: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; } .mc_th.atvc { position: absolute; left: 0; } .ma_a4m2nmmm { background: #f0f7ff; transition: all 0.36s; border-bottom: 1px solid #b4d0ef; border-top: 1px solid #b4d0ef; } .ma_a4m2nmm .ma_a4m2nmmt{ display: inline-block; border-bottom: 0; padding: 5px 10px; /* padding-left: 20px; */ background: #004ea2; color: #fff !important; font-size: 14px; font-weight: normal; margin-bottom: 10px; margin-left: 0; } .ma_a4m2nmmt::before{ left: 10px; top: 15px; line-height: inherit; display: none; } .ma_a4m2nmmmn p{ margin-bottom: 0; } .ma_a3m2n{ width: 25%; } .mc_a2r_tabc td{ height: 35px; } .mc_a2r_tabc_td{ border-top: 0; } .mc_a2r_tab{ position: relative; } .mc_a2r_tabc.mc_a2r_tabc_th{ position: absolute; left: 226px; top: 0; z-index: 5; } .mc_th.mc_a2r_tabc_th{ position: absolute; left: 0; top: 0; z-index: 5; } .mc_a2r_tabl{ padding-top: 51px; overflow: hidden; max-height: calc(100vh - 200px); } .mc_a2r_tab{ padding-top: 52px; overflow: auto; height: calc(100vh - 415px); } .mc_a2gl_bd{ height: calc(100vh - 346px); overflow: auto; } .mc_a2gl_xjt{ right: 10px; } @media screen and (max-width: 1200px) { .mc_a2rilnd { width: 180px !important; } } @media screen and (max-width: 950px) { .mc_a2r_tabl .mc_th { height: 44px; } .mc_a2r_tabcb .gx_nam1 { padding: 8px 5px; } .mc_a2rd_xz{ float: left; clear: both; margin-top: 15px; } .mc_a2rd_xzd{ margin-left: 0; } .mc_a2r_inputs{ float: left; } .mc_a2r_tabc td{ height: 31px; } .mc_a2r_tabl{ padding-top: 43px; } .mc_a2r_tab{ padding-top: 44px; } .mc_a2r_tab { border-right: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; } .mc_a2r_tabc{ border-right: 1px solid transparent; /* border-bottom: 1px solid transparent; */ } } .mc_a2r_tab{ margin-bottom: 0; } .mc_a2r_tabbox{ margin-bottom: 26px; } @media screen and (max-width: 767px) { .mc1_mcu_box .ma_s1m_l{ max-width: 100%; } .mc_a2r_tabl{ width: 130px; } .mc_a2r_tab{ padding-left: 130px; } .mc_a2r_tabl .mc_th{ width: 100% !important; } .mc_a2r_tabcb .gx_nam1 { width: 100% !important; height: 53px; } .mc_a2r_tabc td{ height: 53px; line-height: 36px; } .mc_a2r_tabcb .gx_nam1 a{ line-height: 18px; padding: 0; } .mc_a2r_tabc.mc_a2r_tabc_th{ left: 130px; } } /* carl start */ .ca_jz_title { margin-top: 32px; padding-left: 7px; font-size: 24px; color: #444; } .ca_mb { margin-bottom: 54px; } .ca_h { padding: 30px 0px; } .ca_h h4 { font-size: 24px; color: #444; } .ca_search { padding: 15px 28px; background-color: #f8f9fb; } .ca_search_left { width: 460px; height: 40px; border: 1px solid #e5e5e5; } #ca_search_inp { width: 100%; font-size: 14px; line-height: 40px; color: #999; } .ca_search_right { margin-left: 30px; width: 96px; font-size: 14px; text-align: center; line-height: 40px; color: #fff; background-color: #004ea2; } .ca_table { margin-top: 39px; overflow-x: auto; } .ca_table_th { padding-left: 40px; background-color: #004ea2; } .ca_table_tbi { padding-left: 40px; border-bottom: 1px solid #eee; transition: 0.36s all linear; } .ca_table_block { max-height: 54px; font-size: 16px; line-height: 54px; text-align: left; color: #fff; overflow: hidden; text-overflow: ellipsis; } .ca_table_tbi a { display: block; width: 100%; height: 100%; } .ca_w0 { width: 403px; } .ca_w1 { width: 207px; } .ca_w2 { width: 234px; } .ca_w3 { width: 108px; height: 54px; } .ca_sw0 { width: 156px; } .ca_sw1 { width: 406px; } .ca_sw2 { width: 180px; } .ca_sw3 { width: 130px; } .ca_sw4 { width: 108px; height: 54px; } .ca_ssw0 { width: 309px; padding-right: 10px; } .ca_ssw1 { width: 357px; padding-right: 10px; } .ca_ssw2 { width: 158px; } .ca_ssw3 { width: 106px; } .ca_ssw4 { width: 135px; } .ca_ssw5 { width: 95px; height: 54px; } .ca_sssw1 { width: 145px; } .ca_sssw2 { width: 326px; } .ca_sssw3 { width: 125px; } .ca_sssw4 { width: 161px; } .ca_sssw5 { width: 134px; } .ca_sssw6 { width: 107px; height: 54px; } .ca_xucp .ca_table_mid { width: calc(100% - 579px); } .ca_zl .ca_table_mid { width: calc(100% - 761px); } .ca_hjhg .ca_table_mid { width: calc(100% - 670px); } .ca_table_mid { width: calc(100% - 511px); } .ca_table_ico { position: absolute; top: 50%; transform: translateY(-50%); width: 18px; } .ca_table_ico img { width: 100%; height: 100%; transition: 0.36s all; } .ca_img_real { position: absolute; top: 0px; left: 0px; opacity: 1; } .ca_img_static { position: relative; top: 0px; left: 0px; opacity: 0; } .ca_table_tb .ca_table_block { position: relative; /* height: 54px; */ font-size: 14px; color: #666; transition: 0.36s all linear; } .ca_table_txt { padding-left: 25px; font-size: 14px; line-height: 54px; color: #666; transition: 0.36s all linear; } .ca_table_block a { display: block; } /* 分页 */ .ca_fymr .pc_fenye li { float: left; width: 25px; height: 25px; border: 1px solid transparent; font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 25px; font-weight: 700; color: #333333; text-align: center; margin: 0px 13px; transition: .3s; border-radius: 0px; } .ca_fymr .pc_fenye li.activepage { color: #fff; background-color: #004ea2; } .ca_fymr { margin-top: 48px; margin-bottom: 105px; } .ca_fymr .mc_fybtn a { color: #666; } @media screen and (min-width: 1200px) { .ca_table_tbi:hover { cursor: pointer; background-color: #f0f7ff; } .ca_table_tbi:hover .ca_table_block, .ca_table_tbi:hover .ca_table_txt { color: #004ea2; } .ca_table_tbi:hover .ca_img_real { opacity: 0; } .ca_table_tbi:hover .ca_img_static { opacity: 1; } .ca_fymr .pc_fenye li:hover { background-color: #004ea2; color: #fff; } } /* carl end */ .mc_a2r_inputs{ margin-left: 50px; } .mc_a2r_inputs+.mc_a2rd_xz { margin-right: 0; } /* .mc_a2r_tabc td, .mc_a2r_tabc th{ padding: 10px; } */ .mc_a2r_tabc th span{ display: block; font-size: inherit; color: inherit; line-height: 18px; } .gx_nam1{ min-height: 35px; } .mc_a2r_tabc td{ white-space: nowrap; /*overflow: hidden;*/ } /*7.22*/ .mc_a2r_tabl{ border-right-color: transparent; } .mc_a2r_tabcb .gx_nam1{ position: relative; } .mc_a2r_tabcb .gx_nam1::before, .gx_nam1.mc_a2r_tabc_th::before{ content: ""; position: absolute; right: 1px; top: 0; z-index: 10; width: 1px; height: 100%; background: #e5e5e5; } .mc_a2r_tabc td, .mc_a2r_tabc th{ border-left: 0; border-right: 1px solid #e5e5e5; } .mc_a2r_tabc{ border-right-color: transparent; } .ma_c2_m2_xz{ background: #f9f9f9; } .ma_c2_m2xz_img{ width: 17px; margin-right: 8px; } .ma_c2_m2xz_font p{ font-size: 14px; color: #666; line-height: 17px; } .ma_c2_m2_t1{ margin-bottom: 46px; } .ma_c2_m2_xz a{ display: block; padding: 14px 28px; } /*8.26*/ .ma_xzy{ padding-bottom: 56px; } .ma_xyz_m3{ padding: 37px 0 0; margin-bottom: 0; } .ma_xzy_ul{ margin: 0 -11px 46px; } .ma_xzy_li{ padding: 0 11px; float: left; width: 50%; margin-bottom: 24px; } .ma_xzy_li a{ display: block; } .ma_xzyl_main{ padding: 30px 46px; background: #fff; transition: all 0.36s; } .ma_xzylm_l{ width: calc(100% - 42px); padding-right: 50px; } .ma_xzylm_l h3{ color: #333; font-size: 16px; line-height: 1.75; height: 56px; overflow: hidden; margin-bottom: 10px; transition: all 0.36s; } .ma_xzylm_l p{ color: #999; font-size: 14px; transition: all 0.36s; } .ma_xzylm_r{ width: 42px; position: relative; top: 25px; } .ma_xzylm_img1{ position: relative; top: 0; left: 0; width: 100%; opacity: 0; transition: all 0.36s; } .ma_xzylm_img2{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 1; transition: all 0.36s; } @media screen and (min-width: 1200px){ .ma_xzy_li a:hover .ma_xzylm_l h3{ color: #fff; } .ma_xzy_li a:hover .ma_xzylm_l p{ color: #fff; } .ma_xzy_li a:hover .ma_xzylm_img1{ opacity: 1; } .ma_xzy_li a:hover .ma_xzylm_img2{ opacity: 0; } .ma_xzy_li a:hover .ma_xzyl_main{ background: #064ea0; } } /*8.27*/ .mc1_table1 .ca_w0{ width: 560px; } .mc1_table1 .ca_w1{ width: 120px; } .mc1_table1 .ca_w2 { width: 150px; } .mc1_table1 .ca_table_mid { width: calc(100% - 720px); } .mc1_table1 .ca_table_block{ white-space: nowrap; } .ca_table_tb .ca_table_block{ white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .mc1_table2 .ca_w0{ width: 560px; } .mc1_table2 .ca_w1{ width: 120px; } .mc1_table2 .ca_w2 { width: 150px; } .mc1_table2 .ca_table_mid { width: calc(100% - 720px); } .ma_c2_m2_xz{ margin-top: 30px; } /*9.3*/ .mc1_c2_nav{ width: 100%; font-size: 0; white-space: nowrap; overflow: auto; } .mc1_c2nav_li{ width: auto; min-width: 20%; display:inline-block !important; vertical-align: middle; float: none; } .mc1_c2nav_li .ma_c2_ma_navz { padding: 0 15px !important; } body, button, input, select, textarea { font-family: '黑体','Arial'; } .he_s1mp p{ font-family: '微软雅黑' !important; font-size: 12px; height: inherit; margin-left: 0; margin-bottom: 0 !important; max-height: inherit; line-height: 1.75; width: 100% !important; } .mc1_mcu_box .ma_s1m_l { padding: 30px 20px 10px; } .mc1_mcu_box .he_s1m_l { padding: 0px 20px 20px; } .he_s1m_l .ma_s1ml_h4 { margin-bottom: 14px; } .gx_lxyx { margin-top: -58px; } .mc_b1 .mc_b1s4, .mc_b1 .mc_b1s1_bot, .ma_d2_right_m2{ display:none; } /*20230113*/ .mc1_h1s2 .ma_s1_title{ margin-top:0; } .mc1_h1s2{ padding-bottom:65px; } .mc_b1 .mc_b1s1{ margin-bottom:0; padding-bottom:0; }