/*init*/ @charset "utf-8"; body{ font-family: "Microsoft Yahei" } body, form, div, span, ul, ol, li, p, pre, dl, dt, dd, h1, h2, h3, h4, h5, h6, em, a, fieldset, legend, address, label, textarea, select, input, figure, table, th, td, b, i { margin: 0; padding: 0; } em, i { font-style: normal; } h1, h2, h3, h4, h5, h6 { font-size: 100%; font-variant: normal; } ul, ol, li { list-style: none; } img { margin: 0; border: 0; padding: 0; } /* b { font-family: Tahoma; font-weight: 300; } */ a { text-decoration: none; color: #666; transition: all .3s ease; } a:hover { text-decoration: none; } a:focus, input, button, select, textarea { outline: none; } body { width: 100%; } .page_wrap { background: #fff; position: relative; } .clear { clear: both; } .clearfix:after { content: ""; display: block; visibility: hidden; height: 0; clear: both; } /*com*/ .fl {float:left;} .fr {float:right;} .breadcrumb { overflow: hidden; padding: 0 10px; height: 50px; line-height: 50px; background: #f9fafc; border-bottom: 1px solid #eaeaea; margin-bottom: 0; border-radius: unset; } .breadcrumb em, .breadcrumb b, .breadcrumb a { float: left; padding: 0 8px; } .breadcrumb a { color: #606060; /*float: left;*/ padding: 0 8px; max-width: 100px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; float: initial; } .pagi-link { border-top: 1px dashed #ddd; margin: 40px auto; } .pagi-link p { width: 49%; float: left; line-height: 45px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .pagi-link p a { color: #808080; } .pagi-link p.last { float: right; } .data-404 { width:100%; background: #fff; margin:auto; padding:15% 0; text-align:center } /**/ .wrapper { } .page_wrap .header { /* position: absolute; */ position: relative; z-index: 50; width: 100%; } .header_lan { background: rgba(0,0,0,0.5); text-align: right; padding-top: 6px; } .header_lan .fr { background: #ea1d22; border-radius: 6px 6px 0 0; height: 42px; line-height: 42px; text-align: center; } .header_lan .fr span { color: rgba(255, 255, 255, .2); } .header_lan .block { display: inline-block; margin: 0 10px; font-size: 12px; cursor: pointer; } .header_lan .lan_ch, .header_lan .lan_en { color: #fff; } .header_lan .lan_ch:hover, .header_lan .lan_en:hover { color: #f9e2e2; } .header_lan .lan_query .search_icon { margin-right: -2px; margin-top: -2px; } .query_box .query_input { width: 360px; height: 28px; line-height: 28px; padding: 0 10px; border: none; float: left; } .query_box .execute_query { cursor: pointer; margin-left: 8px; height: 100%; float: left; display: table; } .query_box .execute_query span { display: table-cell; vertical-align: middle; } .query_box .execute_query img { width: 20px; height: 20px; } .header_nav { /*height: 80px;*/ background: #fff; /*overflow: hidden;*/ padding-right:67px; } .header_nav .container { width: 1340px; } .header_nav .log { width: 18%; height: 80px; line-height: 80px; margin-top: 18px; } .header_nav .log img { width: 100%; margin-top: 8px; } .header_nav .nav_bar { width: 78%; position: relative; } .header_nav .lanAndQuery { position: relative; left: 70px; padding-top: 10px; } .header_nav .top_title { font-size: 18px; display: block; width: 100%; height: 100%; line-height: 60px; position: absolute; left: 0; bottom: 0; z-index: 20; text-align: center; font-weight: bold; } .header_nav.en .top_title { position: relative; } .header_nav .pc_nav_bar { /*overflow: hidden;*/ /* float: left;*/ width: 104%; display:flex; justify-items: center; align-items: center; justify-content: space-around; position: absolute; } .header_nav form { height: 60px; width: 30px; display: table; float: right; position: absolute; right: -70px; } .header_nav .query_btn { /* width: 30px; */ display: table-cell; vertical-align: middle; } .header_nav.en .pc_nav_bar { text-align: right; } .header_nav .pc_nav_bar .level1 { float: left; position: relative; width: 10%; height: 60px; } .header_nav.en .pc_nav_bar .level1 { position: relative; height: 60px; display: inline-block; margin-left: 30px; padding: 0 10px 0 4px; width: auto; float: none; } .header_nav .pc_nav_bar .level1 .bg { left: 0; bottom: 0; position: absolute; width: 100%; height: 0; z-index: 2; background:url(/images/yk/li_bg.png) no-repeat left bottom; background-size: 100% 96%; } .header_nav .pc_nav_bar .sub_menu { display: none; position: absolute; left: 0; top: 60px; min-width: 94%; } .header_nav .pc_nav_bar .level1:hover .top_title { color: #fff; } .header_nav .pc_nav_bar .level1:hover .bg { height: 100%; transition: all 0.3s ease-out 0s; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; } .header_nav .pc_nav_bar .level1:hover .sub_menu { display: block; } .header_nav .sub_menu li a { /*width: 96px;*/ display: block; text-align: center; height: 50px; line-height: 50px; background: #000000; background: rgba(0, 0, 0, 0.6); color: #fff; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; padding: 0 10px; } .header_nav .sub_menu li:hover a { color: #d7d6d6 } .header_nav .lanAndQuery form { float: right; /*padding: 2px 8px;*/ /*border: 1px solid #aaa;*/ border-radius: 4px; height: 32px; transition: all .5s; } .header_nav .lanAndQuery .query_input { padding: 2px 8px; border: none; height: 100%; width: 0; transition: width .5s; } .header_nav .lanAndQuery.show form { padding: 2px 8px; border: 1px solid #aaa; } .header_nav .lanAndQuery.show .query_input { width: 200px; } .header_nav .lanAndQuery .query_btn { float: right; /*width: 6%;*/ /*height: 80px;*/ /*display: table;*/ } .header_nav .query_btn .img { /*display: table-cell;*/ /*vertical-align: middle;*/ /*text-align: right;*/ margin-top: 2px; } .header_nav .query_btn .img button { width: 28px; height: 28px; padding: 0; border: none; background: none; } .header_nav .lanAndQuery.show .query_btn .img button { margin-left: 15px; } .header_nav .query_btn .img img { width: 100%; height: 100%; transition: all 0.3s ease-out 0s; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; } .header_nav .query_box { position: absolute; right: 0; width: 410px; overflow: hidden; border-radius: 0 0 6px 6px; background: #ea1d22; height: 42px; opacity: 0; padding: 7px 10px; z-index: -1; transition: all 0.3s ease-out 0s; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; } .header_nav .lanAndQuery .line { float: right; line-height: 32px; font-size: 16px; margin: 0 8px; color: #ccc; } .header_nav .lanAndQuery .lan { float: right; line-height: 32px; font-size: 16px; cursor: pointer; } .header_nav .lanAndQuery .lan:hover { color: #999; } /*app绔鑸?/ .nav_btn { display: none; float: right; padding: 4px 8px 8px; margin-top: 16px; border: 1px solid #28292d; border-radius: 4px; font-size: 1.1em; } .nav_btn span{ display: block; width: 28px; height: 2px; background: #28292d; margin-top: 4px; } #modal { display:none; } #pageslide { display:none; background:#28292d; position: absolute; position: fixed; top: 0; width:50%; max-width:320px; height:100%; z-index: 999999;} .app_nav{ width:100%; float:left; font-size:16px;} .app_nav .navli{ float:left; width:100%} .app_nav .navli a{ padding:5% 0 5% 10%; color: rgba(255,255,255,0.6); width:100%; font-size:14px; text-align:left; float:left; border-bottom:1px solid rgba(255,255,255,0.1); background:#2d2f33;} .app_nav .navli a:hover{background:#333;} .banner { width: 100%; position: relative; /*top: -128px;*/ /*min-height: 128px;*/ /*min-height: 80px;*/ } .banner .hd { width: 100%; position: absolute; z-index: 1; bottom: 20px; left: 0; height: 12px; } .banner .bd { margin: 0 auto; position: relative; z-index: 0; overflow: hidden; width: 100%; } .banner .bd ul { background: rgba(0, 0, 0, .7); } .banner .bd li img { display: block; width: 100%; } .banner ul { width: 100% !important; } .banner .hd ul { text-align: center; } .banner .prev { left: 2%; background: url(/images/yk/ann_l.png) no-repeat 0 0; } .banner .next { right: 2%; background: url(/images/yk/ann_r.png) no-repeat 0 0; } .banner .prev, .banner .next { display: block; position: absolute; z-index: 1; top: 50%; margin-top: -37px; width: 40px; height: 74px; cursor: pointer; filter: alpha(opacity=50); opacity: 0.5; } .banner .hd ul li { cursor: pointer; display: inline-block; *display: inline; zoom: 1; width: 10px; height: 10px; border-radius: 50%; margin: 0 6px; overflow: hidden; background: #fff; line-height: 999px; opacity: 0.6; } .banner .hd ul li.on { opacity: 1; } .banner_mb { display: none; } /*index-news*/ .news { /*margin-top: -128px;*/ padding-bottom: 60px; padding-top: 50px; background: #eef2f5; overflow: hidden; width: 100%; } .news .news_title { font-size: 36px; line-height: 36px; text-align: center; font-weight: bold; margin-bottom: 40px; } .news .news_title a { color: #333333; } .news .left_scroll { width: 48%; height: 380px; overflow: hidden; position: relative; } .news .left_scroll_mb { display: none; } .news .left_scroll .hd { width: 100%; position: absolute; z-index: 1; bottom: 20px; right: 10px; height: 12px; } .news .left_scroll .hd ul { text-align: right; } .news .left_scroll .hd li { cursor:pointer; display:inline-block; *display:inline; zoom:1; width:10px; height:10px; border-radius: 100%; margin:0 4px; overflow:hidden; background:#fff; opacity: 0.6; } .news .left_scroll .hd li.on { opacity: 1; } .news .left_scroll .bd { position: relative; z-index: 0; height: 100%; } .news .left_scroll .bd li { width: 100%; zoom: 1; vertical-align: middle; height: 380px; float: left; overflow: hidden; text-align: center; position: relative; background: rgba(0,0,0,0.5); } .news .left_scroll .bd li img { display: block; width: 100%; height: 100%; } .news .left_scroll .bd li span { width: 80%; display: block; float: left; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color: #fff; font-size: 16px; text-align: left; } .news .left_scroll .bd li .intro { position: absolute; bottom: 0px; width: 100%; padding: 0 2%; height: 50px; line-height: 50px; background: rgba(0,0,0,0.5); } .news .right_content { padding-left: 52%; } .news .right_content .content_top .tabs { height: 40px; } .news .right_content .tabs { height: inherit; } .news .right_content .tabs ul { float: left; height: inherit; } .news .right_content .tabs ul li { display: inline-block; padding: 0 10px; height: 40px; line-height: 40px; color: #333; background: #c8c6c7; font-size: 16px; position: relative; cursor: pointer; } .news .right_content .tabs ul li.on, .news .right_content .tabs ul li:hover{ color: #fff; background: #ea1d22; } .news .right_content .tabs ul li.on:after { content: ''; display: block; width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 10px solid #ea1d22; position: absolute; bottom: -10px; left: 50%; margin-left: -10px; } .news .right_content .more { float: right; height: 30px; line-height: 30px; border-radius: 20px; padding: 0 10px; background: #fff; border: 1px solid #e5e5e5; margin-top: 5px; } .news .right_content .more a { color: #333; } .news .right_content .more a:hover { color: #23527c } .news .content_bottom li { border-bottom: 1px solid rgba(0,0,0,0.05); overflow: hidden; padding: 18px 0 10px; } .news .content_bottom li a { display: block; } .news .content_bottom li .title { font-size: 18px; color: #333333; overflow: hidden; margin-bottom: 10px; } .news .content_bottom li .title .txt { width: 70%; float: left; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .news .content_bottom li .title .date { width: 26%; float: right; text-align: right; color: #999999; font-size: 16px; } .news .content_bottom li p { width: 100%; color: #888; font-size: 16px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } /*棣栭〉 - 鏁版嵁妯″潡*/ .data_module { width: 100%; background: url(/images/yk/number_bg.jpg) no-repeat center fixed; padding: 70px 0 60px; text-align: center; background-size: cover; } .data_module h3, .industry_module h3, .enterprices_module h3 { font-size: 36px; line-height: 36px; text-align: center; margin-bottom: 40px; font-weight: bold; } .english_page .data_module h3, .english_page .industry_module h3, .english_page .enterprices_module h3 { font-size: 40px; line-height: 40px; font-weight: normal; } .enterprices_module .row { margin-left: 165px; margin-right: 0; } .data_module .key_data ul { overflow: hidden; } .data_module .key_data li { width: 33.3%; float: left; margin-bottom: 18px; } .data_module .key_data li div { color: #ea1d22; font-size: 54px; line-height: 54px; font-weight: bold; } .data_module .key_data li div span { font-size: 22px; font-weight: normal; } .data_module .key_data li p { font-size: 18px; line-height: 1; font-weight: bold; color: #333333; margin: 16px 0; } .english_page .data_module .key_data li p { font-size: 24px; font-weight: bold; color: #262626; } .data_module .table_data .thead, .data_module .table_data .tbody { overflow: hidden; } .data_module .table_data .td { float: left; width: 24%; margin-left: 1px; text-align: center; margin-bottom: 1px; font-size: 22px; line-height: 1; } .data_module .table_data .thead .td { color: #fff; font-size: 14px; background: #ea1d22; padding: 16px 0; } .english_page .data_module .table_data .thead .td { font-size: 18px; } .data_module .table_data .tbody .td { width: 24%; margin-left: 1px; float: left; text-align: center; margin-bottom: 1px; font-size: 22px; background: rgba(255,255,255,0.5); padding: 21px 0; } .english_page .data_module .table_data .tbody .td span { font-size: 16px; color: #262626; } /*棣栭〉-浜т笟鏉垮潡*/ .industry_module { padding: 70px 0px 60px; background: #eef2f5; } .industry_module .more_btn { border: 2px solid #ea1d22; padding: 5px 18px; font-size: 18px; position: relative; z-index: 2; display: block; color: #fff; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; cursor: pointer; margin: 0 auto; width: 58%; background: #ea1d22; } .industry_module .grid_l { float: left; width: 32%; margin-right: 1%; } .industry_module .grid_l .img { height: 470px; } .industry_module .name { height: 60px; line-height: 60px; text-align: center; color: #000; font-size: 20px; white-space: nowrap; } .english_page .industry_module .name.multi_line { line-height: unset; white-space: normal; font-size: 15px; padding: 8px; } .industry_module .mask { position: absolute; /*display: none;*/ opacity: 0; width: 100%; height: 100%; top: 0; left: 0; z-index: 10; background: #fff; text-align: center; transition: all 0.8s ease; -webkit-transition: all 0.8s ease; -moz-transition: all 0.8s ease 0s; -o-transition: all 0.8s ease 0s; } .industry_module .grid_r { padding-left: 33%; } .industry_module .grid_r .grid_r_1, .industry_module .grid_r .grid_r_2 { float: left; } .industry_module .grid_r .img { height: 200px; } .industry_module .img img { width: 100%; height: 100%; } .industry_module .grid_r .grid_r_1 { width: 39%; } .industry_module .grid_r .grid_r_2 { width: 60%; } .industry_module .grid_r .first_col { margin-right: 1%; } .industry_module .grid_r .first_row { margin-bottom: 1%; } .industry_module .grid_com { display: block; border-radius: 20px; box-shadow: 0 0 20px rgba(0,59,96,0.2); overflow: hidden; position: relative; text-underline: none; } .industry_module .grid_com:hover .mask { opacity: 1; /*display: block;*/ } .industry_module .mask .grid_icon { width: 100px; height: 100px; background: url(/images/yk/list_ico.png) no-repeat; display: block; } .industry_module .mask .t { font-size: 20px; margin-bottom: 10px; margin-top: 10px; color: #ea1d22; } .industry_module .mask .intro { margin: 0 12% 10%; font-size: 16px; line-height: 1.4; color: #666; overflow: hidden; } .industry_module .grid_r .mask .intro { text-overflow: ellipsis; height: 46px; margin: 0 12% 2%; } .industry_module .grid_l .grid_icon { background-position: 0 0; margin: 12% auto 4%; } .industry_module .grid_l .mask .t { margin-top: 20px; font-size: 24px; } .industry_module .grid_r_1.first_col.first_row .grid_icon { background-position: -100px 0; margin: 1% auto 0; } .industry_module .grid_r_2.first_row .grid_icon { background-position: -200px 0; margin: 1% auto 0; } .industry_module .grid_r_2.first_col .grid_icon { background-position: -300px 0; margin: 1% auto 0; } .industry_module .grid_r_1 .grid_icon { background-position: -400px 0; margin: 1% auto 0; } /*棣栭〉-鏉冨睘浼佷笟妯″潡*/ .enterprices_module { padding: 70px 0 60px; } .enterprices_module .pc-col { width: 28%; /*margin: 0 0 2% 2%;*/ /*float: left;*/ overflow: hidden; margin-bottom: 2%; } .enterprices_module .pc-col img { width: 100%; border: 1px solid #e5e5e5; transition: all 0.3s ease-out 0s; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; } .enterprices_module .pc-col img:hover { -moz-transform: scale(1.3,1.3); -ms-transform: scale(1.3,1.3); -o-transform: scale(1.3,1.3); -webkit-transform: scale(1.3,1.3); transform: scale(1.3,1.3); } .enterprices_module .row_mb_item { width: 28%; /*margin: 0 0 2% 2%;*/ /*float: left;*/ overflow: hidden; margin-bottom: 2%; } .enterprices_module .row_mb_item img { width: 100%; /* border: 1px solid #e5e5e5;*/ transition: all 0.3s ease-out 0s; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; } .enterprices_module .row_mb_item img:hover { -moz-transform: scale(1.3,1.3); -ms-transform: scale(1.3,1.3); -o-transform: scale(1.3,1.3); -webkit-transform: scale(1.3,1.3); transform: scale(1.3,1.3); } /*棣栭〉-鏉冨睘浼佷笟妯″潡绉诲姩绔?0230721*/ .enterprices_module .row_mb { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; /* flex-direction: column;*/ } /*搴曢儴*/ .foot { background: #28292d; } .foot .foot_wrap { padding-top: 40px; padding-bottom: 10px; border-bottom: 1px solid rgba(255,255,255,0.1); } .foot .foot_wrap dl { width: 23%; text-align: left; overflow: hidden; margin-bottom: 20px; } .foot .foot_wrap .one a { margin-top: 20px; width: 100%; display: block; overflow: hidden; } .foot .foot_wrap .one a img { width: 100%; } .foot .foot_wrap .one p { text-align: center; } .english_page .foot .foot_wrap .one p { font-size: 12px; } .foot .foot_wrap p { display: block; line-height: 2; font-size: 16px; color: #949496; color: rgba(255,255,255,0.5); } .english_page .foot .foot_wrap .txt { margin-top: 15px; } .english_page .foot .foot_wrap p { font-size: 13px; } .foot .foot_wrap .two { margin-left: 16%; } .foot .foot_wrap dt { text-align: left; overflow: hidden; line-height: 2.8; font-size: 16px; color: #949496; color: rgba(255,255,255,0.8); position: relative; margin-bottom: 10px; } .foot .foot_wrap dt:after { content: ''; position: absolute; bottom: 0; left: 0; width: 60px; height: 2px; background: #ea1d22; } .foot .foot_wrap dd .qrcode { width: 28%; float: left; margin-top: 8px; } .foot .foot_wrap dd .qrcode img { width: 100%; } .foot .foot_wrap dd .txt { width: 68%; float: right; } .foot .foot_wrap dd p { line-height: 2; font-size: 14px; color: #949496; color: rgba(255,255,255,0.5); margin-bottom: 0; } .foot .foot_wrap .three { width: 28%; } .foot .copyright { text-align: center; font-size: 14px; color: #949496; color: rgba(255,255,255,0.3); line-height: 76px; } .foot .copyright a { color: #949496; color: rgba(255,255,255,0.6); padding: 0 5px; } .foot_mb{ display: none; background: #28292d; color: rgba(255,255,255,0.5); width: 100%; height: 54px; position: fixed; bottom: 0; z-index: 3;} .foot_mb ul li { margin-top: 13px; border-right: 1px solid rgba(212,250,221,0.2); width: 33.33%;} .foot_mb ul li a { display: block; color: rgba(255,255,255,0.5); font-size: 1.1em; line-height: 1.8em;} .foot_mb ul li a i { display: block; width: 25px; height: 25px; float: left; margin: 0 10% 0 20%; background:url(/images/yk/appfooter_ico.png) no-repeat; background-size: 25px; } .foot_mb li i.icon1{ background-position:0 -1px;} .foot_mb li i.icon2{ background-position:0 -30px;} .foot_mb li i.icon3{ background-position:0 -58px;} /*鏂伴椈鏂囩珷椤?/ .level2_page { background: #efefef; background: #fff url(/images/yk/banner_industry.jpg) no-repeat center top/cover; position: relative; } .article_banner { position: relative; } .article_banner .content { margin: 200px 0 90px 0; /*margin: 120px 0 90px 0;*/ color: #fff; } .article_banner .content h1 { font-size: 42px; font-weight: bold; } .article_banner .content p { font-size: 26px; } .level2_page .main { } .level2_page .main .menu { width: 20%; text-align: center; margin-bottom: 30px; } .level2_page .main .menu_title { color: #fff; background: #ea1d22 url(/images/yk/hd_title.png) no-repeat; background-size: cover; overflow: hidden; } .level2_page .main .menu_title h1 { font-size: 22px; font-weight: bold; margin-top: 20px; margin-bottom: 10px; } .level2_page .main .menu_title h1.multi { font-size: 13px; } .level2_page .main .menu_title p { font-size: 12px; } .level2_page .main .menu dd { /*height: 50px;*/ min-height: 50px; line-height: 50px; margin-bottom: 1px; font-size: 1.1em; background: #f9fafc; cursor: pointer; position: relative; } .level2_page .main .menu dd.on { background: #fff; } .level2_page .main .menu dd a { display: block; height: 50px; line-height: 50px; color: #606060; } .level2_page .main .menu dd a.multi { font-size: 12px; line-height: 25px; } .level2_page .main .menu dd li a { font-size: 0.9em; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .level2_page .main .menu dd li { padding: 0 10px; background: #f2f2f2; } .level2_page .main .menu dd li:hover { background: #f9fafc; color: #333; } .level2_page .main .menu dd li.on { background: #fff; } .level2_page .main .menu dd ul { margin-top: 1px; overflow: hidden; transition: all 0.3s ease-out 0s; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; } .level2_page .main .content { width: 78%; overflow: hidden; margin: 0 auto; position: relative; z-index: 1; } .level2_page .main .content .yk_pagination > li a, .level2_page .main .content .yk_pagination > li span { color: #808080; } .level2_page .main .content .yk_pagination > li:first-child > a, .level2_page .main .content .yk_pagination > li:first-child > span, .level2_page .main .content .yk_pagination > li:last-child > span, .level2_page .main .content .yk_pagination > li:last-child > span { border-radius: unset; } .level2_page .main .content .content_box { overflow: hidden; margin: 0 auto 30px; } .level2_page .rich_section { overflow: hidden; background: #fff; padding: 1em; font-size: 16px; line-height: 30px; color: #333; /* text-align: justify; */ /*word-break: break-all;*/ } .level2_page .rich_header { text-align: center; line-height: 30px; color: #6D6D6D; } .level2_page .rich_header h1 { font-weight: bold; font-size: 21px; margin-top: 18px; margin-bottom: 8px; } .level2_page .rich_header .info { font-size: 15px; font-weight: normal; margin-bottom: 10px; } /*鍒楄〃鍧?/ .level2_page .list_section dl { overflow: hidden; background: #fff; padding: 10px 20px; margin-bottom: 0; } .level2_page .list_section dt { font-size: 1.2em; color: #333333; line-height: 50px; position: relative; padding-left: 16px; } .level2_page .list_section dd { font-size: 1.2em; overflow: hidden; line-height: 46px; position: relative; padding-left: 16px; /*border-bottom: 1px solid #efefef;*/ } .level2_page .list_section dt:before { width: 3px; height: 20px; top: 16px; background: #ea1d22; } .level2_page .list_section dd:before, .level2_page .list_section dt:before { content: ''; position: absolute; left: 0; } .level2_page .list_section dd:before { width: 9px; height: 9px; top: 18px; background: url(/images/yk/new_ico.png) no-repeat 0 0; } .level2_page .list_section dt .more { font-size: 0.9em; margin-top: 10px; font-weight: normal; background: #f9fafc; display: block; float: right; height: 30px; line-height: 30px; border-radius: 20px; padding: 0 10px; color: #333; border: 1px solid #e5e5e5; } .level2_page .list_section dd a { width: 80%; display: block; float: left; color: #606060; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .level2_page .list_section dd em { color: #ea1d22; } .level2_page .list_section dd a:hover { color: #ea1d22; } .level2_page .list_section dd:hover { margin-left: 5px; transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; } .level2_page .list_section dd span { width: 18%; display: block; float: right; color: #808080; font-size: 0.8em; text-align: right; } .level2_page .list_section .search_content { float: left; font-size: 0.9em; line-height: 26px; border-bottom: 1px solid #efefef; padding-bottom: 14px; } .level2_page .pic_txt{ overflow: hidden; background: #fff; padding: 10px; } .level2_page .pic_txt li{ /*width: 24%;*/ /*margin-left: 1%;*/ margin-bottom: 2%; float: left; overflow: hidden; width: 32%; margin-right: 2%; } /*.level2_page .pic_txt li:nth-child(4n+1){*/ /* margin-left: 0;*/ /*}*/ .level2_page .pic_txt li:nth-child(3n){ margin-right: 0; } .level2_page .pic_txt li .list_img { height: 0; padding-bottom: 70%; overflow: hidden; } .level2_page .pic_txt li .list_img img { max-width: 100%; } .level2_page .pic_txt li h3 { font-size: 1em; color: #606060; text-align: center; line-height: 2em; margin-top: 0; background: #f9fafc; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; } /*------------index_about.html start----------------*/ .page_about .h1_title{ width: 200px; font-size: 32px; line-height: 32px; text-align: center; margin: 40px auto; position: relative; font-weight: bold; } .english_page.page_about .h1_title { width: auto; } .page_about .h1_title p { font-size: 13px; color: #999; font-weight: normal; margin-top: 5px; } .page_about .h1_title:before, .page_about .h1_title:after{ /*content: '';*/ display: block; position: absolute; width: 200px; height: 1px; background: #999; top: 50%; margin-top: -0.5px; } .page_about .h1_title:before{ left: -200px; } .page_about .h1_title:after{ right: -200px; } .page_about .about_part1, .page_about .about_part2, .page_about .about_part3, .page_about .about_part4, .page_about .about_part5, .page_about .about_part6{ width: 100%; overflow: hidden; padding: 30px 0; } .page_about .about_part1, .page_about .about_part3, .page_about .about_part5{ background: #fff; } .page_about .about_part2, .page_about .about_part4, .page_about .about_part6{ background: #eef2f5; } .page_about .p_note { font-size: 18px; line-height: 36px; text-align: center; color: #666; } .page_about ul.ul_data{ overflow: hidden; margin: 40px auto; } .page_about .about_part1 ul.ul_data{ margin-bottom: 20px; } .page_about ul.ul_data li{ width: 25%; float: left; text-align: center; margin-bottom: 2%; } .english_page.page_about ul.ul_data li { min-height: 160px; } .page_about .about_part1 ul.ul_data li{ width: 33.33%; } .page_about ul.ul_data li .list_number { display: block; font-size: 22px; color: #ea1d22; } .page_about ul.ul_data li .list_number em { font-size: 54px; line-height: 54px; font-weight: bold; } .page_about ul.ul_data li .list_title { font-size: 1.2em; line-height: 2em; color: #333333; font-weight: bold; } .page_about .about_part2 ul{ overflow: hidden; } .page_about .about_part2 ul li{ width: 48%; float: left; overflow: hidden; border: 1px solid #e5e5e5; margin-bottom: 2%; margin-top: 1%; background: #f7f9fb; color: #857971; height: 216px; box-shadow: 0 0 20px rgba(0,59,96,0.2); } .page_about .about_part2 ul li a{ color: #333; display: block; } .page_about .about_part2 ul li span.more2 { border: 1px solid #e5e5e5; font-size: 0.7em; font-weight: normal; display: block; height: 24px; line-height: 20px; border-radius: 12px; padding: 0 8px; position: absolute; right: 10px; bottom: 8px; } .english_page.page_about .about_part2 ul li span.more2 { bottom: 14px; } .page_about .about_part2 ul li:nth-child(2n){ float: right; } .page_about .about_part2 ul li .li_text{ width: 62%; padding: 15px; height: 100%; position: relative; } .page_about .about_part2 ul li .li_text dl{ overflow: hidden; margin-bottom: 10px; } .page_about .about_part2 ul li .li_text dl dt{ width: 40%; float: left; font-size: 22px; font-weight: normal; border-right: 1px solid #e5e5e5; } .english_page.page_about .about_part2 ul li .li_text dl dt { width: auto; font-size: 20px; color: #262626; border-right: none; } .page_about .about_part2 ul li:nth-child(2) .li_text dl dt{ width: 61%; } .english_page.page_about .about_part2 ul li:nth-child(2) .li_text dl dt { width: auto; font-size: 16px; } .page_about .about_part2 ul li .li_text dl dt span{ display: block; font-size: 10px; color: #999; } .page_about .about_part2 ul li .li_text p{ font-size: 14px; line-height: 20px; color: #666; margin-bottom: 4px; } .english_page.page_about .about_part2 ul li .li_text p { color: #333; } .page_about .about_part2 ul li .li_text dl dd{ width: 50%; margin-left: 5%; margin-top: 25px; float: left; color: #999; } .page_about .about_part2 ul li:nth-child(2) .li_text dl dd{ width: 34%; font-size: 13px; } .page_about .about_part2 ul li .li_text dl dd i{ display: block; width: 16px; height: 16px; float: left; margin: 2px 5px 0 0; background: url(/images/yk/honor.png) no-repeat 0 0; } .page_about .about_part2 ul li .li_img{ width: 37%; } .page_about .about_part2 ul li .li_img img{ width: 100%; } .page_about .about_part3 ul{ overflow: hidden; margin: 40px auto; } .english_page.page_about .about_part3 ul { overflow: unset; } .page_about .about_part3 ul li{ width: 48%; float: left; overflow: hidden; margin-bottom: 4%; height: 250px; position: relative; } .english_page.page_about .about_part3 ul li { overflow: unset; } .english_page.page_about .about_part3 ul li span:nth-child(1){ top: 0; } .english_page.page_about .about_part3 ul li span:nth-child(2){ top: 50px; } .english_page.page_about .about_part3 ul li span:nth-child(3){ top: 100px } .english_page.page_about .about_part3 ul li.l1 span:nth-child(1) { left: -121px; } .english_page.page_about .about_part3 ul li.l1 span:nth-child(2) { left: -50px; } .english_page.page_about .about_part3 ul li.l1 span:nth-child(3) { left: -85px; } .english_page.page_about .about_part3 ul li.l2 span:nth-child(1) { right: -70px; } .english_page.page_about .about_part3 ul li.l2 span:nth-child(2) { left: 201px; } .english_page.page_about .about_part3 ul li.l2 span:nth-child(3) { right: -122px; } .english_page.page_about .about_part3 ul li.l3 span:nth-child(1) { left: -68px; } .english_page.page_about .about_part3 ul li.l3 span:nth-child(2) { left: -266px; } .english_page.page_about .about_part3 ul li.l4 span:nth-child(1) { right: -17px; } .english_page.page_about .about_part3 ul li.l4 span:nth-child(2) { left: 201px; } .page_about .about_part3 ul li:nth-child(2n){ float: right; } .page_about .about_part3 ul li .li_logo{ width: 38%; } .page_about .about_part3 ul li .li_logo img{ max-width: 100%; } .page_about .about_part3 ul li .li_img{ width: 45%; overflow: hidden; } .page_about .about_part3 ul li .li_img img{ max-width: 100%; } .page_about .about_part3 ul li .li_img img:hover{ opacity: 0.6; } .page_about .about_part3 .pos_text{ width: 70%; position: absolute; top: 100px; color: #fff; text-align: center; } .english_page.page_about .about_part3 .pos_text { width: auto; left: 0; } .page_about .about_part3 li:nth-child(2n+1) .pos_text{ left: 0; } .page_about .about_part3 li:nth-child(2n) .pos_text{ right: 0; } .page_about .about_part3 .pos_text span{ display: inline-block; background: #999; height: 36px; line-height: 36px; border-radius: 20px; padding: 0 16px; font-size: 16px; margin-bottom: 10px; } .english_page.page_about .about_part3 .pos_text span { position: absolute; width: max-content; } .page_about .about_part4{ } .page_about #timeline { height: 350px; overflow: hidden; margin: 40px auto; position: relative; background: url('/images/yk/dot.png') left 239px repeat-x; /*background: url('/images/yk/dot.png') left 45px repeat-x;*/ } .page_about #dates { width: 800px; height: 160px; /*height: 60px;*/ overflow: hidden; padding-left: 18px; } .page_about #dates li { float: left; width: 178px; height: 156px; font-size: 24px; text-align: center; background: url('/images/yk/biggerdot.png') center center no-repeat; position: relative; } .page_about #dates li:after { content: ""; position: absolute; width: 14px; height: 14px; background: transparent; border-radius: 100%; border: 1px solid #999; top: 50%; left: 50%; margin-top: -7px; margin-left: -7px; } .page_about #dates a { line-height: 38px; color: #333; display: inline-block; position: absolute; width: 140px; height: 61px; bottom: 0; font-size: 18px; background: url('/images/yk/timeUnselect.png') center bottom no-repeat; background-size: 100%; left: 51px; font-weight: bold; padding: 20px 48px 0 0; text-decoration: none; } .page_about #dates a:hover, .page_about #dates a.selected { color: #fff; } .page_about #dates .selected { width: 140px; height: 61px; font-size: 23px; background: url('/images/yk/timeSelected.png') center bottom no-repeat; top: 0; left: -14px; background-size: 100%; padding-top: 3px; } .page_about #issues { overflow: hidden; height: 162px; } .page_about #issues .container { padding-right: 0; padding-left: 0; margin-right: auto; margin-left: auto; } .content li{ list-style: disc; margin-left:5px } .page_about #issues li { float: left; } .page_about #issues li h1{ font-size: 54px; line-height: 54px; color: #333; text-align: center; font-weight: bold; } .page_about #issues li p{ width: 58%; font-size: 16px; line-height: 23px; color: #000; font-weight: 500; text-align: center; text-align: left; margin: 0 auto 10px; } .page_about #issues li p span { margin-right: 5px; color: #e1001b; } .page_about #grad_left, .page_about #grad_right { width: 100px; height: 174px; position: absolute; top: 140px; } .page_about #grad_left { left: 0; background: url('/images/yk/grad_left.png') repeat-y; } .page_about #grad_right { right: 0; background: url('/images/yk/grad_right.png') repeat-y; } .page_about #next, .page_about #prev { width: 60px; height: 60px; display: inline-block; position: absolute; top: 50%; margin-top: -30px; opacity: 0.6; text-indent: -9999px; } .page_about #prev{ left: 0; background: url(/images/yk/leftArrow.png) no-repeat; /*background: url(/images/yk/btnLeft.png) no-repeat 0 0;*/ } .page_about #next{ right: 0; background: url(/images/yk/rightArrow.png) no-repeat; /*background: url(/images/yk/btnRight.png) no-repeat 0 0;*/ } .page_about #next:hover, .page_about #prev:hover { opacity: 1; } .page_about .about_part5{ } .page_about .about_part6{ } .page_about .part6_box{ overflow: hidden; margin: 30px auto; } .page_about .part6_box li{ width: 16%; margin: 0 0 2% 4%; float: left; border: 1px solid #e5e5e5; overflow: hidden; background: #f5f5f5; padding: 0; } .page_about .part6_box li:nth-child(5n+1){ margin: 0 0 1% 0; } .page_about .part6_box li img{ width: 100%; } /*.part6_box li img:hover{ -moz-transform: scale(1.3,1.3); -ms-transform: scale(1.3,1.3); -o-transform: scale(1.3,1.3); -webkit-transform: scale(1.3,1.3); transform: scale(1.3,1.3); }*/ /*------------index_about.html end----------------*/ /*------------about.html start----------------*/ .page_about .banner, .banner_industry .head_banner { width: 100%; position: relative; } .english_page.banner_industry .head_banner { width: 1170px; } .banner_duty .head_banner { position: relative; } .page_about .banner img{ max-width: 100%; } .page_about .btn_video{ position: absolute; top: 60%; left: 50%; margin-left: -53px; z-index: 2; padding: 10px; background: rgba(0,0,0,0.4); border-radius: 60px; color: #fff; } .page_about .btn_video a { font-size: 18px; color: #fff; } .page_about .btn_video i { display: inline-block; width: 21px; height: 21px; background-image: url(/images/yk/video_ico.png); background-position: 0 0; margin-left: 10px; vertical-align: -5px; } .page_about .btn_video a:hover { color: #ea1d22; } .page_about .btn_video a:hover i { background-position: 0 -21px; } .page_about .video_bg { width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 9; background: #000; } .page_about .video_play{ width: 100%; display: none; z-index: 10; position: fixed; top: 0; } .page_about .video_play video{ width: 100%; /* max-height: 900px; */ max-height: 100vh; z-index: 10; /* margin-top: 50px; */ } .page_about .video_close { display: block; position: absolute; right: 10px; top: 10px; width: 32px; height: 32px; background: url(/images/yk/close_32.png) no-repeat no-repeat center center; z-index: 999; } .page_about .aboutslide .hd { width: 100%; height: 65px; overflow: hidden; background: #fff; box-shadow: 0 1px 1px rgba(0,0,0,0.1); margin: 0 auto; position: relative; } .page_about .fixed-hd { position: fixed; top: 0; left: 0; z-index: 3; } .page_about .aboutslide .hd ul { text-align: center; overflow: hidden; margin: 0 auto; } .page_about .aboutslide .hd ul li{ display: inline-block; padding: 0 30px; cursor: pointer; text-align: center; line-height: 65px; font-size: 1em; } .page_about .aboutslide .hd ul li a{ color: #333; } .page_about .aboutslide .hd ul .on, .page_about .aboutslide .hd ul li:visited, .page_about .aboutslide .hd ul li:active{ background: #ea1d22 } .page_about .aboutslide .hd ul .on a, .page_about .aboutslide .hd ul li:visited a, .page_about .aboutslide .hd ul li:active a{ color: #fff } .page_about .aboutslide .hd ul li:hover{ background: #ea1d22; } .page_about .aboutslide .hd ul li:hover a { color: #fff; } .page_about .aboutslide .bd { overflow: hidden; margin: 0 auto; } .page_about .about_box{ overflow: hidden; margin: 30px auto; } /*鍐堕噾绠€浠?/ .page_about .about_box .video_box{ width: 500px; margin-right: 35px; margin-bottom: 35px; position: relative; box-shadow: 20px 20px 0 rgba(249,250,252,1) } .page_about .about_box .video_box .zhezhao { position: absolute; height: 100%; width: 100%; left: 0; top: 0; z-index: 2; overflow: hidden; cursor: pointer; } .page_about .about_box .video_box .zhezhao img { width: 100%; } .page_about .about_box .video_box video{ width: 100%; } .page_about .about_box p { text-indent: 2em; font-size: 1.1em; line-height: 2em; color: #808080; } /*棰嗗鍥㈤槦*/ .page_about .about_box .team_img{ width: 50%; overflow: hidden; } .english_page.page_about .about_box .team_img { width: 42%; } .page_about .about_box .team_img img{ max-width: 100%; transition: all 2.4s ease 0s; -webkit-transition: all 2.4s ease 0s; -moz-transition: all 2.4s ease 0s; -o-transition: all 2.4s ease 0s; } .english_page.page_about .about_box .team_img img { height: 386px; } .page_about .about_box .team_img:hover img { -moz-transform: scale(1.3,1.3); -ms-transform: scale(1.3,1.3); -o-transform: scale(1.3,1.3); -webkit-transform: scale(1.3,1.3); transform: scale(1.3,1.3); } .page_about .about_box .team_name{ width: 49%; padding: 1% 2%; overflow: hidden; background: #eef2f5; min-height: 340px; } .english_page.page_about .about_box .team_name { width: 57%; padding: 1% 1%; } .page_about .about_box .team_name dl{ width: 100%; overflow: hidden; margin-bottom: 0; } .page_about .about_box .team_name dl dt{ float: left; width: 20%; margin-right: 2%; line-height: 28px; } .english_page.page_about .about_box .team_name dl dt { width: 22%; } .page_about .about_box .team_name dl dd{ float: right; width: 76%; line-height: 28px; } .english_page.page_about .about_box .team_name dl dd { font-size: 13px; } /*缁勭粐鏋舵瀯*/ .page_about .about_box .organize_img{ width: 100%; text-align: center; } .page_about .about_box .organize_img img{ max-width: 100%; } /*鏉冨睘鍏徃*/ .page_about .about_box li{ width: 100%; padding: 20px; border-top: 1px solid #e7e7e7; overflow: hidden; } .page_about .about_box li .branch_img{ width: 20%; overflow: hidden; } .page_about .about_box li .branch_img img{ max-width: 100%; transition: all 2.4s ease 0s; -webkit-transition: all 2.4s ease 0s; -moz-transition: all 2.4s ease 0s; -o-transition: all 2.4s ease 0s; } .page_about .about_box li:hover .branch_img img { -moz-transform: scale(1.3,1.3); -ms-transform: scale(1.3,1.3); -o-transform: scale(1.3,1.3); -webkit-transform: scale(1.3,1.3); transform: scale(1.3,1.3); } .page_about .about_box li .branch_text{ width: 66%; margin-left: 1%; margin-top: 1%; } .page_about .about_box li .branch_text p{ font-size: 14px; } .page_about .about_box li .branch_text p.p_name{ font-weight: bold; margin-bottom: 5px; font-size: 16px; } .page_about .about_box li .branch_text p span{ display: block; float: left; width: 44%; } .page_about .about_box li .branch_text p span:first-child{ width: 58%; padding-right: 2%; } .english_page.page_about .about_box li .branch_text p span:first-child { width: 84%; } .page_about .about_box li .btn_web{ width: 10%; height: 28px; line-height: 28px; display: block; text-align: center; background: #ea1d22; color: #fff; font-size: 16px; border-radius: 5px; margin-top: 2%; } /*鑱旂郴鎴戜滑*/ .page_about .about_box .contact_text{ width: 43%; padding: 1% 2%; background: #eef2f5; min-height: 340px; } .page_about .about_box .contact_text p { text-indent: 0; font-size: 1em; color: #606060; padding-left: 28px; margin-bottom: 10px; background: url(/images/yk/contact.png) no-repeat; } .page_about .about_box .contact_text p.p_addr { background-position: 0 0;} .page_about .about_box .contact_text p.p_code { background-position: 0 -30px;} .page_about .about_box .contact_text p.p_tel { background-position: 0 -60px;} .page_about .about_box .contact_text p.p_fax { background-position: 0 -90px;} .page_about .about_box .contact_text p.p_mail { background-position: 0 -120px;} .page_about .about_box .contact_map{ width: 56%; } /*------------about.html end----------------*/ /*------------industry.html start----------------*/ .banner_industry{ background: url(/images/yk/banner_industry.jpg) no-repeat center top; background-size: cover; } .banner_industry .banner_title { color: #28292d; text-align: center; margin: 200px 0 90px 0; /*margin: 120px 0 90px 0;*/ } .banner_duty .banner_title { margin: 200px 0 90px 0; /*margin: 120px 0 90px 0;*/ color: #fff; } .banner_industry .banner_title h1, .banner_duty .banner_title h1 { font-size: 36px; font-weight: bold; } .english_page.banner_industry .banner_title h1, .banner_duty .banner_title h1 { font-size: 26px; font-weight: normal; line-height: 60px; } .banner_duty .banner_title p, .banner_industry .banner_title p { font-size: 16px; color: #999999; line-height: 30px; margin-top: 20px; } .banner_duty .banner_title h1 { font-size: 42px; } .banner_duty .banner_title p { color: #fff; font-size: 26px; } .industryslide { overflow: hidden; margin: 0 auto 30px; } .industryslide li { width: 31.33%; margin-left: 1%; margin-bottom: 1%; float: left; overflow: hidden; } .industryslide li.li4, .industryslide li.li5{ width: 47.5%; background: #fff; } .industryslide li .list_box { display: block; position: relative; overflow: hidden; } .industryslide li .list_text { background: rgba(255,255,255,0.5); padding: 6%; text-align: center; color: #333; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } .english_page .industryslide li .list_text { padding: 0; height: 66px; } .industryslide li.li4 .list_text, .industryslide li.li5 .list_text{ width: 33%; float: left; padding: 4%; } .industryslide li .list_text .list_title { font-size: 22px; margin-bottom: 10px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; } .english_page .industryslide li .list_text .list_title.multi_title { font-size: 18px; line-height: 28px; padding: 5px 8px; white-space: unset; } .english_page .industryslide li .list_cover .list_title.multi_text { font-size: 20px; line-height: 30px; } .english_page .industryslide li .list_text .list_title { line-height: 66px; margin-bottom: 0; } .english_page .industryslide li.below .list_text { padding: 0; } .english_page .industryslide li.below .list_text .list_title { width: 100%; line-height: 250px; float: left; overflow: inherit; white-space: inherit; text-overflow: inherit; } .industryslide li .list_text .list_p { font-size: 1.1em; line-height: 2em; height: 6em; color: #666; overflow: hidden; text-overflow: ellipsis; } .industryslide li.li4 .list_text .list_title,.industryslide li.li5 .list_text .list_title { width: 20%; line-height: 22px; float: left; overflow:inherit; white-space:inherit; text-overflow:inherit; } .industryslide li.li4 .list_text .list_p,.industryslide li.li5 .list_text .list_p { width: 77%; float: right; height: 12em; } .industryslide li .list_img { height: 0; height: 250px; overflow: hidden; } .industryslide li.li4 .list_img, .industryslide li.li5 .list_img{ width: 67%; float: left; } .industryslide li .list_img img { width: 100%; height: 100%; } .industryslide li:hover .list_img img { -moz-transform: scale(1.3,1.3); -ms-transform: scale(1.3,1.3); -o-transform: scale(1.3,1.3); -webkit-transform: scale(1.3,1.3); transform: scale(1.3,1.3); } .industryslide li .list_cover { background: #fff; position: absolute; top: 0; right: 0; width: 100%; height: 100%; text-align: center; visibility: hidden; opacity: 0; } .english_page .industryslide li .list_cover { visibility: unset; } .industryslide li:hover .list_cover{ visibility:visible; opacity:1;} .industryslide .list_cover .list_ico { width: 100px; height: 100px; background: url(/images/yk/list_ico.png) no-repeat; display: block; margin: 12% auto 4%; } .english_page .industryslide .list_cover .list_ico { margin: 12% auto 3%; } .industryslide .li:nth-child(1) .list_cover .list_ico { background-position: -100px 0px; } .industryslide .li:nth-child(2) .list_cover .list_ico { background-position: -200px 0px; } .industryslide .li1 .list_cover .list_ico { background-position: 0 0;} .industryslide .li2 .list_cover .list_ico { background-position: -100px 0;} .industryslide .li3 .list_cover .list_ico { background-position: -200px 0;} .english_page .industryslide .below .list_cover .list_ico { float: left; margin: 0 auto; height: inherit; } .english_page .industryslide .below .list_cover .brief { padding-left: 120px; height: inherit; padding-top: 60px; } .industryslide .li4 .list_cover .list_ico { background-position: -300px 0; margin: 2% auto 0;} .industryslide .li5 .list_cover .list_ico { background-position: -400px 0; margin: 2% auto 0;} .english_page .industryslide .li4 .list_cover .list_ico { background-position: -300px 50%; margin: 0 } .english_page .industryslide .li5 .list_cover .list_ico { background-position: -400px 50%; margin: 0 } .english_page .industryslide li.below .list_cover { padding: 0 80px; text-align: left; } .english_page .industryslide li.below .more_btn { margin: 0; width: 78%; text-align: center; } .industryslide li .list_cover .list_p { padding: 0 12% 10%; color: #666;} .industryslide li.li4 .list_cover .list_p, .industryslide li.li5 .list_cover .list_p { padding: 0 12% 1%;} .industryslide li .list_cover .list_title { color: #ea1d22; font-size: 30px; margin-bottom: 10px; } .english_page .industryslide li .list_cover .list_title { margin-bottom: 16px; height: 68px; line-height: 60px; } .industryslide .more_btn { margin: 0 auto; width: 58%; background: #ea1d22; border-color: #ea1d22; } /*------------industry.html end----------------*/ /*------------duty.html start----------------*/ .banner_duty{ background: #fff url(/images/yk/banner_duty.jpg) no-repeat center top; } .dutyslide { overflow: hidden; margin: 0 auto 50px; } .dutyslide ul{ padding: 10px; background: #fff; overflow: hidden; } .dutyslide li{ width: 49.5%; margin-left: 1%; margin-bottom: 1%; float: left; overflow: hidden; position: relative; } .dutyslide li:nth-child(2n+1){ margin-left: 0; } .dutyslide li .list_img { height: 0; padding-bottom: 45%; } /*.dutyslide li:first-child .list_img{ padding-bottom: 92%; }*/ .dutyslide li .list_img img { max-width: 100%; transition: all 2.4s ease 0s; -webkit-transition: all 2.4s ease 0s; -moz-transition: all 2.4s ease 0s; -o-transition: all 2.4s ease 0s; } .dutyslide li .list_text { position: absolute; top: 0; left: 0; bottom: 0; right: 0; padding: 12% 8%; display: block; } .dutyslide li .list_text h2 { font-size: 24px; color: #36383c; font-weight: bold; } /*.dutyslide li:first-child .list_text h2 { font-size: 34px; }*/ .dutyslide li .list_text span { font-size: 16px; color: #666666; } .dutyslide li:hover .list_text span { color: #000; } /*.dutyslide li:first-child .list_text span { font-size: 18px; line-height: 30px; }*/ .dutyslide li:hover .list_img img { -moz-transform: scale(1.3,1.3); -ms-transform: scale(1.3,1.3); -o-transform: scale(1.3,1.3); -webkit-transform: scale(1.3,1.3); transform: scale(1.3,1.3); } /*------------duty.html end----------------*/ /*------------yuangongfazhan.html start----------------*/ .employee_page{ overflow: hidden; padding: 10px; background: #fff; } .employee_page li{ width: 49.8%; margin-left: 0.4%; margin-bottom: 0.4%; float: left; overflow: hidden; position: relative; } .employee_page li:nth-child(2n+1){ margin-left: 0; } .employee_page li .list_img { height: 0; padding-bottom: 45%; } .employee_page li .list_img img { max-width: 100%; transition: all 2.4s ease 0s; -webkit-transition: all 2.4s ease 0s; -moz-transition: all 2.4s ease 0s; -o-transition: all 2.4s ease 0s; } .employee_page li .list_text { position: absolute; top: 0; left: 0; bottom: 0; right: 0; padding: 8%; display: block; } .employee_page li .list_text h2 { font-size: 24px; color: #fff; font-weight: bold; min-height: 3em; } .employee_page li .list_text span { display: block; float: right; font-size: 16px; color: rgba(255,255,255,0.8); width: 24%; } .employee_page li .list_text span em{ display: block; float: right; } .employee_page li:hover .list_text span { color: rgba(255,255,255,1); } .employee_page li:hover .list_img img { -moz-transform: scale(1.3,1.3); -ms-transform: scale(1.3,1.3); -o-transform: scale(1.3,1.3); -webkit-transform: scale(1.3,1.3); transform: scale(1.3,1.3); } .employee_page li:hover .list_text span em { -webkit-transform: translateX(6px); -ms-transform: translateX(6px); -o-transform: translateX(6px); transform: translateX(6px); } /*------------yuangongfazhan.html end----------------*/ /*------------sgmg.html start----------------*/ #ssgs_page { overflow: hidden; background: #fff; padding: 10px 20px; margin-bottom: 0; } #ssgs_page dt { font-size: 1.2em; color: #333333; line-height: 50px; position: relative; padding-left: 16px; } #ssgs_page dt:before, #ssgs_page dd:before { content: ''; position: absolute; left: 0; } #ssgs_page dt:before { width: 3px; height: 20px; top: 16px; background: #ea1d22; } #ssgs_page .tab-content > .tab-pane { display: none; } #ssgs_page .tab-content > .active { display: block; } #ssgs_page .tab-content #stockData { background: #eee; padding: 5px 10px; } #ssgs_page .tab-content th, #ssgs_page .tab-content td { padding: 10px 14px; white-space: nowrap; word-break: keep-all; font-size: 16px; } #ssgs_page .trade_chart { margin: 10px auto; } #ssgs_page .trade_chart img { width: 100%; } /*------------sgmg.html end----------------*/ /*鍝嶅簲寮?/ @media screen and (max-width: 640px) { .page_wrap .header { position: relative; } .header_lan { display: none; } .header_nav { height: 66px; } .header_nav .container { width: 350px; } .header_nav .log { width: 40%; height: 66px; margin-top: 0; } .header_nav .query_btn { display: none; } .header_nav .nav_bar { width: 60%; } .pc_nav_bar { display: none !important;} .header_nav .lanAndQuery { display: none; } .mb_nav_bar .nav_btn { display: block; } .banner { /*top: 0;*/ display: none; } .banner_mb { display: block; width: 100%; position: relative; } .banner_mb .bd { margin: 0 auto; position: relative; z-index: 0; overflow: hidden; } .banner_mb .bd li { float: left; overflow: hidden; text-align: center; height: 156px; } .banner_mb .bd li img { max-width: 100%; } .banner_mb .hd { width: 100%; position: absolute; z-index: 1; bottom: 1em; left: 0; height: 12px; } .banner_mb .hd ul { text-align: center; } .banner_mb .hd ul li { display: inline-block; zoom: 1; width: 10px; height: 10px; border-radius: 5px; overflow: hidden; background: #fff; line-height: 999px; opacity: 0.6; } .banner_mb .hd ul .on { background: #fff; opacity: 1; } .news { margin-top: 0; } .news h3, .data_module h3, .industry_module h3, .enterprices_module h3 { font-size: 22px !important; line-height: 22px !important; margin-bottom: 20px !important; } .news .left_scroll { display: none; } .news .left_scroll_mb { display: block; width: 100%; margin-bottom: 2%; height: 100%; } .news .left_scroll_mb .hd { width: 100%; position: absolute; z-index: 1; bottom: 20px; right: 10px; height: 12px; } .news .left_scroll_mb .hd ul { text-align: right; } .news .left_scroll_mb .hd li { cursor:pointer; display:inline-block; *display:inline; zoom:1; width:10px; height:10px; border-radius: 100%; margin:0 4px; overflow:hidden; background:#fff; opacity: 0.6; } .news .left_scroll_mb .hd li.on { opacity: 1; } .news .left_scroll_mb .bd { position: relative; z-index: 0; height: 100%; } .news .left_scroll_mb .bd li { width: 100%; zoom: 1; vertical-align: middle; max-height: 100%; float: left; overflow: hidden; text-align: center; position: relative; background: rgba(0,0,0,0.5); } .news .left_scroll_mb .bd li img { display: block; width: 100%; max-height: 100%; } .news .left_scroll_mb .bd li span { width: 80%; display: block; float: left; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color: #fff; font-size: 16px; text-align: left; } .news .left_scroll_mb .bd li .intro { position: absolute; bottom: 0px; width: 100%; padding: 0 2%; height: 50px; line-height: 50px; background: rgba(0,0,0,0.5); } .news .right_content { clear: left; padding-left: 0; } .news .content_bottom li .title .date { width: 30%; } .news .content_bottom li .title { font-size: 16px; } .news .content_bottom li p { font-size: 14px; } .industry_module .grid_r { padding-left: 0; } .industry_module .grid_l, .industry_module .grid_r .grid_r_1, .industry_module .grid_r .grid_r_2 { width: 100%; } .industry_module .grid_l .img, .industry_module .grid_r .img { height: 200px; } .industry_module .grid_com { margin-bottom: 2%; } .data_module .key_data li { /*width: 100%;*/ } .data_module .key_data li div { font-size: 20px; } .data_module .key_data li p { font-size: 16px; } .data_module .table_data .tbody .td { font-size: 13px; } .foot .foot_wrap dl.one { display: none; } .foot .foot_wrap dl.two { margin-left: 0; } .foot .foot_wrap dl.two, .foot .foot_wrap dl.three { width: 100%; } .foot_mb { display: block; } /*鏂囩珷椤?/ .article_banner .content { margin: 20px 0; } .article_banner .content h1 { font-size: 30px; } .article_banner .content p { font-size: 18px; } .level2_page .main .menu { width: 100%; text-align: center; background: #f9fafc; margin-bottom: 0; } .level2_page .main .content { width: 100%; margin-top: 10px; } .level2_page .main .content .rich_section { width: 100%; } .level2_page .main .menu_title { display: none; } .level2_page .main .menu dd { display: inline-block; padding: 0 8px; vertical-align: top; } .level2_page .list_section dd { font-size: 1.1em; } .level2_page .list_section dd a { width: 68%; } .level2_page .list_section dd span { width: 30%; } /*------------about.html start----------------*/ .page_about .btn_video{ top: 30%; } .page_about .h1_title{ width: auto; font-size: 1.5em; line-height: 2em; margin: 0 auto; } .page_about .h1_title p { line-height: 1; margin-bottom: 12px; } .page_about .about_part1, .page_about .about_part2, .page_about .about_part3, .page_about .about_part4, .page_about .about_part5, .page_about .about_part6{ padding: 20px 0; } .page_about .p_note{ font-size: 1em; line-height: 1.8em; } .page_about ul.ul_data { margin: 20px auto; } .page_about ul.ul_data li { width: 50%; } .page_about .about_part1 ul.ul_data li { /*width: 100%;*/ margin-bottom: 4%; } .page_about ul.ul_data li .list_number { font-size: 16px; } .page_about ul.ul_data li .list_number em { font-size: 28px; line-height: 28px; } .page_about ul.ul_data li .list_title { font-size: 1.1em; line-height: 1.6em; } .page_about .about_part2 ul li{ width: 100%; height: auto; } .page_about .about_part2 ul li .li_img{ display: none; } .page_about .about_part2 ul li .li_text{ width: 100%; padding: 2%; } .page_about .about_part2 ul li .li_text dl { margin-bottom: 10px; } .page_about .about_part2 ul li .li_text dl dt{ width: 100%; padding-bottom: 5px; border-right: none; } .page_about .about_part2 ul li:nth-child(2) .li_text dl dt{ width: 100%; } .page_about .about_part2 ul li .li_text dl dd, .page_about .about_part2 ul li:nth-child(2) .li_text dl dd { width: 100%; margin-left: 0; margin-top: 2%; } .page_about .about_part3 ul { margin: 20px auto 0; } .page_about .about_part3 ul li{ width: 100%; height: 210px; } .page_about .about_part3 .pos_text { width: 80%; top: 60px; } .page_about .about_part3 .pos_text span{ padding: 0 8px; font-size: 0.9em; } .page_about #timeline { height: 350px; margin: 40px auto; background: url(/images/yk/dot.png) left 239px repeat-x; /*background: url(/images/yk/dot.png) left 45px repeat-x;*/ } .page_about #dates { padding-left: 28px; } .page_about #dates li { width: 148px; } .page_about #dates a { left: 37px; } .page_about #dates .selected { left: -28px; } .page_about #issues { } .page_about #issues li { width: 360px; } .page_about #issues li h1 { font-size: 32px; line-height: 32px; } .page_about #issues li p { font-size: 14px; line-height: 24px; width: 100%; } .page_about #grad_left, .page_about #grad_right { width: 40px; height: 178px; } .page_about #next, .page_about #prev { width: 40px; height: 40px; top: 50%; margin-top: -20px; } .page_about #prev{ background-size: 100% 100%; } .page_about #next{ background-size: 100% 100%; } .page_about .part6_box li{ width: 48%; margin: 0 0 4% 4%; } .page_about .part6_box li:nth-child(5n+1){ margin: 0 0 4% 4%; } .page_about .part6_box li:nth-child(2n+1){ margin: 0 0 4% 0; } .page_about .aboutslide .hd { width: 100%; height: 50px; } .page_about .aboutslide .hd ul li{ padding: 0 8px; line-height: 50px; font-size: 0.8em; } .page_about .about_box { margin: 20px auto; } .page_about .about_box .video_box { width: 100%; margin-right: 0; margin-bottom: 10px; box-shadow: none; } .page_about .about_box .team_img { width: 100%; } .page_about .about_box .team_name { width: 100%; padding: 2%; min-height: auto; margin-top: 10px; font-size: 0.8em; } .page_about .about_box li { width: 100%; padding: 10px; border-top: 1px solid #e7e7e7; overflow: hidden; } .page_about .about_box li .branch_img { width: 38%; } .page_about .about_box li .branch_text { width: 60%; margin-left: 2%; margin-top: 0; } .page_about .about_box li .branch_text p { text-indent: 0; } .page_about .about_box li .branch_text p.p_name { margin-bottom: 5px; font-size: 0.8em; } .page_about .about_box li .branch_text p span { width: 100%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; } .page_about .about_box li .branch_text p span:first-child { width: 100%; padding-right: 0; } .page_about .about_box li .btn_web { width: 20%; height: 2em; line-height: 2em; font-size: 0.8em; } .page_about .about_box .contact_text { width: 100%; padding: 2%; min-height: auto; } .page_about .about_box .contact_text p{ font-size: 0.8em; } .page_about .about_box .contact_map { width: 100%; margin-top: 10px; } /*------------about.html end----------------*/ /*------------industry.html start----------------*/ .banner_industry .banner_title { margin: 20px 0; } .banner_industry .banner_title h1 { font-size: 22px; line-height: 30px; } .banner_industry .banner_title p { font-size: 1em; line-height: 2em; } .banner_industry .banner_title p br{ display: none; } .industryslide li { width: 98%; margin-left: 1%; margin-bottom: 2%; } .industryslide li.li4, .industryslide li.li5 { width: 98%; } /*------------industry.html end----------------*/ /*------------duty.html start----------------*/ .banner_duty .banner_title { margin: 20px 0; } .banner_duty .banner_title h1 { font-size: 30px; } .banner_duty .banner_title p { font-size: 18px; margin-top: 10px; } .dutyslide li { width: 100%; margin-left: 0; margin-bottom: 2%; } .dutyslide li .list_text{ padding: 10% 8%; } .dutyslide li .list_text h2 { margin-top: 0; } /*------------duty.html end----------------*/ /*------------employee.html start----------------*/ .employee_page li{ width: 100%; margin-left: 0; margin-bottom: 2%; } .employee_page li .list_text h2{ min-height: 2.6em; margin-top: 0; } .employee_page li .list_text span { width: 32%;} /*------------employee.html end----------------*/ } @media (min-width: 1200px) { .header_nav .top_title { font-size: 12px; } } @media (min-width: 992px) { .header_nav .top_title { font-size: 15px; } } @media (min-width: 768px) { .header_nav .top_title { font-size: 16px; } } /* zw 20200628+ 璇︽儏椤甸€氱敤鏍峰紡 */ .yj_desc > [style*="text-indent"]{ margin: 1em 0; } .yj_desc > [style*="text-indent"] img{ margin-left: -2em; } .pindent p{ margin: 1em 0; text-indent: 2em; } .yj_desc video, .yj_desc img{ max-width: 100% !important; vertical-align: top; } .yj_desc .cke_widget_drag_handler_container{ display: none; } /* 鍗曞浘鐗囬泦 */ .yj_imgtbl{ margin: 0 auto !important; border: 0 !important; } .yj_imgtbl td{ padding: 0; } .yj_imgtbl tbody tr:nth-child(even) td{ padding: 10px 10%; font-size: 13px; color: #999; text-align:center; } .yj_imgtbl tbody tr:nth-child(even) td:after { content: ''; width: 100%; display: block; margin-top: 10px; border-bottom: 1px solid #eee; font-size: 0; line-height: 0; } .yj_imgtbl img{ vertical-align: top; } /* 鍗曞浘缁撴潫 */ .rich_section a{ color: #0782C1; } .rich_section a:hover{ text-decoration: underline; } .rich_section table[align=center]{ margin: 0 auto; } .rich_section table { border: 1px solid #c3c3c3; } .rich_section table th, .rich_section table td { text-align: center; padding: 3px 10px; } .fangsong_2, .fangsong_x2, .fangsong_3{ font-family: FangSong, FangSong_GB2312, 浠垮畫 !important; } .simsun_2, .simsun_x2, .simsun_3{ font-family: SimSun,'\5b8b\4f53',瀹嬩綋 !important; } .kaiti_2, .kaiti_x2, .kaiti_3{ font-family: KaiTi, KaiTi_GB2312, 妤蜂綋 !important; } .arial_2, .arial_x2, .arial_3{ font-family: Arial; } .arial_2, .kaiti_2, .simsun_2, .fangsong_2{ font-size: 22px; } .arial_x2, .kaiti_x2, .simsun_x2, .fangsong_x2{ font-size: 18px; } .arial_3, .kaiti_3, .simsun_3, .fangsong_3{ font-size: 16px; } .fangsong_2 p [style*=font-size], .fangsong_x2 p [style*=font-size], .fangsong_3 p [style*=font-size], .simsun_2 p [style*=font-size], .simsun_x2 p [style*=font-size], .simsun_3 p [style*=font-size], .kaiti_2 p [style*=font-size], .kaiti_x2 p [style*=font-size], .kaiti_3 p [style*=font-size], .arial_2 p [style*=font-size], .arial_x2 p [style*=font-size], .arial_3 p [style*=font-size] { font-size: inherit!important; } /* ---- END 璇︽儏椤垫牱寮 ----- */ /*鍐舵帶鍐呯綉*/ /*home.html*/ .home_affiche_bar { margin-top: 10px; margin-bottom: 12px; height: 44px; line-height: 44px; } .home_login_module { margin-bottom: 10px; } .home_news_carousel { margin-bottom: 30px; } .home_news_carousel:after { content:"."; display:block; height:0; visibility:hidden; clear:both; } .link_module { margin-bottom: 28px; } .row_mb_item { width: calc(100%/3); text-align: center; margin-bottom: 20px; } .imgBtoom_ { width:100%; padding: 0 10px; } @media screen and (max-width: 1000px) { .enterprices_module .row_mb { display: flex; flex-wrap: wrap; } .imgBtoom_{ width: 100% !important; padding:0 10px !important; } }