.cl { clear: both; } .tab_header_li { width: 100%; height: 42px; padding-top: 5px; color: #353535; cursor: pointer; border-top: 2px solid rgba(255, 255, 255, 0.3); } .tab_li_top { border-top: none; } /*tab涓讳綋绗竴閮ㄥ垎寮€濮?/ .tab_con1 { display: block; width: 81.5%; border: 1px solid #ddd; float: right; } .tab_con1 .tab-content { text-align: justify; font-size: 14px; color: #666; line-height: 24px; } .tab_con1 .tab-content .front-desk { float: left; width: 500px; padding-right: 10px; } .tab_con1 .tab-content .tab-content-item { line-height: 24px; margin-bottom: 15px; text-indent: 2em; padding: 0 10px; } .profile_ab { float: right; border: 1px solid #ddd; width: 396px; height: 465px; padding-left: 35px; } .profile_txt_box { height: 110px; position: relative; } .profile_txt { width: 310px; position: relative; top: 38px; } .profile_h { border-top: 1px solid #b4b4b4; height: 1px; width: 292px; margin-bottom: 20px; } .profile_title_r { color: #2ca644; font-size: 55px; margin-right: 8px; } .arrowhead2 { display: inline-block; height: 11px; width: 14px; background: url('../images/about_bg.png') no-repeat -9px -46px; position: relative; top: -5px; left: 8px; } .profile_body { width: 342px; height: 300px; padding-right: 20px; overflow-y: auto; color: #353535; font-size: 13px; text-align: justify; text-justify: auto; } .profile_body p { line-height: 26px; margin-bottom: 15px; text-indent: 2em; } /*tab涓讳綋绗竴閮ㄥ垎缁撴潫*/ /*tab涓讳綋绗簩閮ㄥ垎寮€濮?/ .tab_con2 { width: 81.5%; height: 646px; border: 1px solid #ddd; float: right; display: none; } /*涓啘娣诲姞*/ .strategy_box { width: 855px; margin: 16px auto; } .v_line { height: 46px; border-left: 4px solid #2ca644; margin-right: 8px; display: inline-block; } .strategy_top>p { display: inline-block; font-size: 30px; margin-right: 9px; } .strategy_top img { margin-bottom: 18px; } .strategy_top>p>span { display: block; } .strategy_bottom { margin-top: 36px; position: relative; } .strategy_bottom_c1 { overflow: hidden; margin-bottom: 120px; } .strategy_bottom_c1 ul { list-style: none; overflow: hidden; } .strategy_bottom_c1 ul li { float: left; } .n1_circular { width: 11px; height: 11px; background-color: #2ca644; border-radius: 50%; padding-top: 1px; padding-left: 1px; } .n1_circular>div { width: 9px; height: 9px; background-color: #fff; border-radius: 50%; } .n2_circular { width: 114px; height: 114px; background-color: #85d895; border-radius: 50%; padding-top: 5px; padding-left: 5px; } .n2_circular>div { width: 104px; height: 104px; background-color: #2ca644; border-radius: 50%; font-size: 14px; color: #fff; text-align: center; display: flex; align-items: center; justify-content: center; } .strategy_arrow { font-size: 35px; color: #2ca644; font-weight: bold; padding-left: 15px; padding-right: 20px; } .strategy_txt { width: 676px; border-radius: 8px; background: #f4f4f4; padding: 33px 22px 25px 20px; font-size: 14px; color: #666; text-align: justify; line-height: 24px; } .hx_box { position: absolute; top: 0; left: 59px; z-index: -5; } .hx_box>div:first-child { border-left: 1px solid #cecece; height: 510px; } .hx_box>div:last-child { border-left: 1px dashed #cecece; height: 25px; } /*缁勭粐鏋舵瀯*/ .structure_box, .honor_box { margin-top: 14px; margin-left: 16px; } .structure_bottom { padding-top: 31px; padding-left: 6px; } /*浼佷笟鑽h獕*/ .honor_box {} .honor_bottom { width: 860px; margin-top: 30px; padding: 30px 20px; background-color: #f1f1f1; } .honor_block { display: inline-block; width: 396px; vertical-align: top; } .honor_block:nth-child(2n) { margin-left: 18px; } .honor_block:nth-child(n+3) { margin-top: 25px; } .honor_img { border: 1px solid #cfcfcf; background-color: #fff; padding: 3px; width: 396px; height: 280px; display: flex; align-items: center; justify-content: center; } .honor_img>img { margin: 0; display: block; } .honor_block>p { font-size: 14px; color: #666; line-height: 24px; margin-top: 8px; } .tab_con1 ul { list-style: none; margin-top: 30px; } .tab_con1 ul li { float: left; width: 398px; height: 190px; border: 1px solid #c8c8c8; margin-right: 4px; margin-left: 30px; margin-bottom: 19px; overflow: hidden; } .con_left_ab { height: 100%; width: 170px; float: left; position: relative; } .con_right_ab { height: 100%; width: 224px; float: right; padding-right: 26px; } .icon1_ab, .icon2_ab, .icon3_ab, .icon4_ab, .icon5_ab, .icon6_ab, .icon1_ab_hover, .icon2_ab_hover, .icon3_ab_hover, .icon4_ab_hover, .icon5_ab_hover, .icon6_ab_hover { position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; } .icon1_ab, .icon1_ab_hover { width: 80px; height: 60px; } .icon2_ab, .icon2_ab_hover { width: 80px; height: 60px; } .icon3_ab, .icon3_ab_hover { width: 78px; height: 77px; } .icon4_ab, .icon4_ab_hover { width: 83px; height: 57px; } .icon5_ab, .icon5_ab_hover { width: 71px; height: 74px; } .icon6_ab, .icon6_ab_hover { width: 57px; height: 82px; } .icon1_ab { background: url('../images/about_bg.png') no-repeat -193px -426px; } .icon1_ab_hover { background: url('../images/about_bg.png') no-repeat -288px -426px; } .icon2_ab { background: url('../images/about_bg.png') no-repeat -195px -177px; } .icon2_ab_hover { background: url('../images/about_bg.png') no-repeat -288px -177px; } .icon3_ab { background: url('../images/about_bg.png') no-repeat -194px -11px; } .icon3_ab_hover { background: url('../images/about_bg.png') no-repeat -288px -11px; } .icon4_ab { background: url('../images/about_bg.png') no-repeat -196px -255px; } .icon4_ab_hover { background: url('../images/about_bg.png') no-repeat -288px -255px; } .icon5_ab { background: url('../images/about_bg.png') no-repeat -195px -96px; } .icon5_ab_hover { background: url('../images/about_bg.png') no-repeat -288px -96px; } .icon6_ab { background: url('../images/about_bg.png') no-repeat -196px -330px; } .icon6_ab_hover { background: url('../images/about_bg.png') no-repeat -288px -330px; } .icon_txt1_ab { font-size: 22px; color: #2ca644; margin-top: 24px; } .icon_txt2_ab { margin-top: 5px; position: relative; } .icon_arrowhead, .icon_arrowhead_hover { display: inline-block; width: 15px; height: 15px; position: relative; top: 2px; left: 2px; } .icon_arrowhead { background: url('../images/about_bg.png') no-repeat -28px -222px; } .icon_arrowhead_hover { background: url('../images/about_bg.png') no-repeat -8px -222px; } .icon_h_ab { width: 198px; height: 1px; background-color: #b4b4b4; margin-top: 8px; } .icon_con_ab { margin-top: 10px; color: #353535; } .icon_con_ab_noTop { margin-top: 1px; } .icon_text1_ab { font-size: 12px; } .icon_text2_ab { font-size: 14px; } .icon_text3_ab { font-size: 16px; } /*tab涓讳綋绗簩閮ㄥ垎缁撴潫*/ /*tab涓讳綋绗笁閮ㄥ垎寮€濮?/ .tab_con3, .tab_con4, .tab_con5 { display: none; width: 81.5%; overflow-y: auto; border: 1px solid #ddd; float: right; } /*tab涓讳綋绗笁閮ㄥ垎缁撴潫*/ /*about鍐呭tab閮ㄥ垎缁撴潫*/ /*涓啘娣诲姞*/ .senior_box { width: 855px; margin: 18px auto; overflow: hidden; } .senior_top { width: 855px; height: 580px; background: url(../znImages/dsz_bg.jpg); background-size: contain; padding-left: 425px; padding-top: 132px; } .senior_top .txt_box { width: 387px; height: 345px; padding-top: 95px; padding-left: 23px; padding-right: 16px; } .senior_title { overflow: hidden; margin-bottom: 12px; } .senior_title>p { color: #fff; line-height: 46px; margin-right: 44px; } .senior_title>p, .senior_title>div { float: left; font-size: 24px; } .senior_con { clear: both; } .senior_con p { color: #333; font-size: 12px; text-indent: 2em; line-height: 24px; padding-left: 6px; margin-top: 0px; } .senior_bottom { margin-top: 24px; overflow: hidden; border: 1px solid transparent; background-color: #f8f8f8; } .senior_bottom img { display: block; } .senior_bottom .img-left { width: 193px; float: left; } .senior_bottom .text-right { width: 606px; float: left; padding: 20px 0px 0px 20px } .senior_bottom>div:last-child { width: 625px; margin-top: 26px; margin-left: 35px; } .senior_bottom p.text { font-size: 14px; text-align: justify; line-height: 24px; margin-top: 1px; margin-right: 19px; } .txt_top { overflow: hidden; } .txt_top>p { width: 133px; height: 48px; background-color: #2ca644; color: #fff; text-align: center; line-height: 46px; margin-right: 20px; } .txt_top>p, .txt_top>div { float: left; font-size: 24px; } .brande_box { margin: 0px 26px; } .brande_box h3 { font-size: 24px; color: #2ca644; font-weight: bold; margin-bottom: 15px; } .brande_box p { font-size: 14px; color: #666; text-align: justify; line-height: 24px; } .brande_box h4 { font-size: 14px; color: #2ca644; font-weight: bold; margin-top: 25px; margin-bottom: 5px; } /***鏈堟姤***/ /* img-box */ .journal_box { width: 800px; height: 1155px; margin: 20px auto; position: relative; } .journal_box .i_btn { display: block; width: 34px; height: 80px; position: absolute; top: 40%; z-index: 3; background-image: url(../journal/a_l.png); } .journal_box .prev_L { left: 10px; background-position: 0 0; } .journal_box .next_R { right: 10px; background-position: -34px 0; } .journal_box .slide_img { width: 800px; height: 11155px; position: relative; z-index: 1; } .journal_box .slide_img li { width: 180px; height: 380px; overflow: hidden; position: absolute; top: 15px; background: #ffffff; } .journal_box .slide_img li a { display: block; position: relative; width: 800px; height: 1155px; } .journal_box .slide_img li a img { position: absolute; height: 1155px; } .journal_box .slide_img li.on a { display: block; position: relative; width: 800px; height: 1155px; } .journal_box .slide_img li.on { width: 800px; left: 190px; left: 190px; top: 0; box-shadow: 0 0 15px rgba(0, 0, 0, 0.6); overflow: hidden; } .journal_box .slide_img li.on img { width: 100%; } .journal_box .slide_img li.left { left: 0; } .journal_box .slide_img li.right { left: 1000px; } .journal_box .slide_img li.mid { left: 190px; } /****鐢诲唽****/ .online_preview { display: block; margin: 10px 20px 0px 0px; width: 94px; height: 32px; text-align: center; line-height: 32px; background: #2ca644; border: 1px solid #2ca644; border-radius: 3px; color: #fff; float: right; } .magazine_box_wrap { width: 860px; margin: 36px auto; background: url(../magazine/bg.png) no-repeat 0px 2px; box-shadow: 0 0 15px rgba(0, 0, 0, 0.6); } .magazine_box { width: 840px; margin: 0px auto; height: 430px; } #change_magazine { position: relative; } #change_magazine>li { position: absolute; top: -280px; width: 40px; height: 120px; background-image: url(../magazine/pin_view_arrows.png); background-repeat: no-repeat; cursor: pointer; } #change_magazine li.gl { left: 30px; background-position: left center; } #change_magazine li.gr { right: 30px; background-position: right center; } .magazine-top { background-color: #fff; padding: 20px 0; height: 384px; } .magazine-top .left { width: 420px; position: relative; float: left; height: 357px; overflow: hidden; border-right: dashed 1px #000; } .magazine-top .left label { font-size: 18px; margin: 10px 0 0; display: block; font-weight: normal; line-height: 20px; width: 160px; } .magazine-top .left h3 { width: 160px; line-height: 20px; font-weight: bold; margin: 0 0 5px; } .magazine-top .left span { font-size: 14px; font-weight: bold; } .magazine-top .left a.lnk { display: block; margin: 10px 0px; width: 94px; height: 32px; text-align: center; line-height: 32px; background: #2ca644; border: 1px solid #2ca644; border-radius: 3px; color: #fff; } .magazine-top .left img { width: 250px; } .magazine-top .desc { margin-left: 440px; padding: 0 40px; font-size: 16px; line-height: 24px; } .fl { float: left; } .fr { float: right; } .magazine_list_all ul li { width: 29%; float: left; margin: 0 33px 30px 0; position: relative; } .magazine_list_all ul li a img { width: 100%; height: 336.55px; } .magazine_list_all ul li a .desc { display: none; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-color: #000; opacity: .7; filter: alpha(opacity=70); color: #fff; text-align: right; } .magazine_list_all ul li a .desc>div { padding: 20px; } .magazine_list_all ul li a .desc>div>label { font-size: 16px; } .magazine_list_all ul li a .desc>div>h4 { margin: 0; } .magazine_list_all ul li a .desc .readmore { position: absolute; right: 20px; bottom: 20px; } /* 2020-10-10 layout tab3 */ .tab_con3 .senior_box { overflow: initial; } .tab_con3 .chairman .image { width: 100%; } .tab_con3 .chairman .position { font-size: 18px; padding: 16px 0; color: #101010; font-weight: 600; margin-left: 26px; } .tab_con3 .chairman .position .company { margin-right: 15px; } .tab_con3 .chairman .name { position: relative; overflow: auto; height: auto; } .tab_con3 .chairman .name .name-con { background-color: #33A64E; color: #FDFCFC; width: 94px; height: 31px; line-height: 31px; text-align: center; font-size: 18px; margin-left: 26px; font-weight: 600; letter-spacing: 2px; } .tab_con3 .chairman .intro { position: relative; top: 42px; color: #101010; padding: 20px 17px 20px 27px; font-size: 14px; line-height: 20px; font-family: "Microsoft Yahei"; box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.4); } .tab_con3 .chairman .intro .intro-logo { width: 161px; position: absolute; top: 0; left: 6px; transform: translate(0, -65%); } .tab_con3 .chairman .intro .intro-con p { padding: 4px 0; } .tab_con3 .executives { margin-left: -31.66666666666px; } .tab_con3 .executives .line::after { content: ""; display: block; clear: both; } .tab_con3 .executives .item { float: left; width: 190px; position: relative; margin-left: 31.66666666666px; margin-bottom: 40px; } .tab_con3 .executives .show { /* padding-bottom: 210px; */ } .tab_con3 .executives .item:hover { cursor: pointer; } .tab_con3 .executives .item .avatar img { width: 190px; height: 247px; display: block; } .tab_con3 .executives .item .company, .tab_con3 .executives .item .post { font-size: 14px; text-align: center; margin: 5px 0; color: #101010; width: 100%; } .tab_con3 .executives .item .name { width: 92px; height: 29px; line-height: 29px; text-align: center; background-color: #E4E8E5; font-size: 16px; color: #323332; margin: 0 auto; } .tab_con3 .executives .show .name { background-color: #37A652; color: #ffffff; } .tab_con3 .executives .item .intro-logo { position: absolute; top: 355px; left: 50%; transform: translate(-50%, 0); z-index: 2; display: none; } .tab_con3 .executives .show .intro-logo { display: block; } .tab_con3 .executives .item .intro-logo img { width: 143px; } .tab_con3 .executives .item .intro-con { display: none; position: absolute; width: 855px; padding: 12px 15px 17px 18px; background-color: #FAFBF8; color: #323332; font-size: 14px; line-height: 26px; text-align: justify; box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.4); top: 385px; left: 0; } .tab_con3 .executives .show .intro-con { display: block; }