/* 模块样式 */ .mkTit { text-align: center; margin-bottom: 65px; } .mkTit .EN { font-size: 42px; font-weight: bold; color: #f2f2f2; line-height: 1em; } .mkTit .CN { font-size: 30px; color: #3e3a39; line-height: 1em; position: relative; z-index: 2; margin-top: -15px; } /* banner */ .banner_list li img { width: 100%; } .banner_but { position: absolute; z-index: 5; bottom: 50px !important; width: auto !important; left: 50% !important; margin-left: -600px; } .banner_but li { width: 30px; height: 4px; background: rgba(255, 255, 255, .9); float: left; margin-right: 20px; transition: all ease-out 300ms; } .banner_but li.on { width: 95px; background: #fff; } /* 新闻中心 */ .cybj {padding:60px 0 70px;} .xwzx {padding:60px 0 0px;} .xwzx .mkTit {margin-bottom:35px;} .newTab {width:40%;margin:auto;} .newTab ul li {float:left;height:30px;font-size:20px;margin:0px 20px;} .newTab ul li a{font-size:20px;} .newTab ul li.newTabOn {border-bottom:2px solid #0162b1;} .xwzx_box { display: none; } .xwzx_box { margin-top: 60px; margin-bottom: 70px; } .xwzx_pic { width: 670px; height: 430px; } .xwzx_pic_list li { width: 100px; height: 100%; position: relative; overflow: hidden; } .xwzx_pic_list li img { width: 100%; height: 100%; object-fit: cover; transform: scale(1,1); transition: all ease-in-out 300ms; } .xwzx_pic_list li p { width: 100%; height: 50px; line-height: 50px; background: rgba(43,93,160,.7); position: absolute; left: 0; bottom: 0; } .xwzx_pic_list li span { padding: 0 20px; font-size: 16px; color: #fff; display: block; width: 70%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .xwzx_pic_but { width: auto !important; position: absolute; z-index: 5; text-align: right; left: inherit !important; right: 20px !important; bottom: 14px !important; } .xwzx_pic_but li { width: 10px; height: 10px; border-radius: 10px; border: 1px solid #fff; background: #fff; display: inline-block; margin-left: 10px; } .xwzx_pic_but li.on { background: #2b5da0; } .xwzx_news_list { width: 510px; } .xwzx_news_list li { padding:16px 0; border-bottom: 1px solid #d8d9d9; position: relative; display: flex; align-items: center; } .xwzx_news_list li .date { color: #2b5da0; font-size: 20px; float: left; padding: 0 20px; margin-right: 10px; margin-top: 40px; } .xwzx_news_list li .date span { color: #2b5da0; display: block; font-size: 22px; font-weight: bold; border-bottom: 1px solid #2b5da0; line-height: 1em; padding-bottom: 5px; margin-bottom: 6px; text-align: center;} .xwzx_news_list li .tit a { display: block; font-size: 20px; line-height: 2em; color: #3e3a39; margin-bottom: 10px; } .xwzx_news_list li .smy { font-size: 14px; color: #333; line-height: 26px; padding: 0 25px;overflow: hidden;text-overflow: ellipsis;} .xwzx_news_list li .smy span{float:right;} .xwzx_pic_list li:hover img { transform: scale(1.1,1.1); } .xwzx_news_list li:hover { background: #2b5da0 url(../img/news_bg.png) no-repeat 70% center; } .xwzx_news_list li:hover .date, .xwzx_news_list li:hover .date span, .xwzx_news_list li:hover .tit a, .xwzx_news_list li:hover .smy, .xwzx_news_list li:hover .smy span { color: #fff; } .xwzx_news_list li:hover .date span { border-color: #fff; } .xwzx_news_list li:hover .xwzx_right .xwzx_right_mor{font-size:14px;line-height:30px;} /* 产品与服务 */ .cybj .mkTit {margin-bottom:35px;} .cybjTab {width:20%;margin:auto;} .cybjTab ul li {float:left;height:30px;font-size:20px;margin:0px 20px;} .cybjTab ul li.newTabOn {border-bottom:2px solid #0162b1;} .qqbj.clearfix {display:flex;justify-content:space-between;} .qqbjp.fr {width:20%;} .qqbjBox p:first-child {font-size:22px;display:flex;font-weight:bold;} .qqbjBox p:first-child span {margin-right:15px;} .qqbjBox:nth-child(2) p:last-child {color:#0162b1;line-height:30px;margin-top:10px;width: 80%;margin-left: 20%;} .qqbjBox:last-child {border-bottom:1px solid #eee;} .qqbjBox {border-top:1px solid #eee;padding:20px 0px;} .cybj_box { display: none; } /* 企业文化 */ .qywh .mkTit {margin-bottom:35px;} .qywh.pubcon .EN {color:#c8dbec;} .qywhTab_hd {width:62%;margin:auto;} .qywhTab_hd span {height:30px;font-size:20px;margin:0px 20px;} .qywhTab_hd span.on {border-bottom:2px solid #0162b1;} div#qywhTab {position:relative;} .qywhbg { background: #ebf1f8; } .qywh { padding: 60px 0 70px; } .qywh .mkTit .en { color: #fff; } .qywh_con { position: relative; } .qywhTab_hd { text-align: center; margin-bottom: 52px; } .qywhTab_hd a { font-size: 18px; color: #595757; display: inline-block; margin: 0 20px; line-height: 2em; } .qywhTab_hd a.on { border-bottom: 2px solid #004da0; } .qywhTab_bd .item .img { width: 550px; height: 350px; overflow: hidden; box-shadow: 0 5px 10px #eee;border: 5px solid #e0e0e0; } .qywhTab_bd .item .img img { width: 100%; height: 100%; object-fit: cover; transform: scale(1,1); transition: all ease-in-out 400ms; } .qywhTab_bd .item:hover .img img { transform: scale(1.1,1.1); } .qywhTab_bd .item .txt { width: 600px; height: 200px; padding: 50px 20px; background: #fff url(/uiFramework/commonResource/image/2023082509531064475.jpg) no-repeat right bottom; margin-top: 25px; box-shadow: 0 5px 10px #eee; } .qywhTab_bd .item .tit { font-size: 24px; color: #0162af; font-weight: bold; margin-bottom: 30px;display: flex;align-items: center;justify-content: center; } .qywhTab_bd .item .tit::after {content:"";background-image:url(/uiFramework/commonResource/image/2025101714291750777.png);width:22px;display:inline-block;height:48px;} .qywhTab_bd .item .tit::before {content:"";background-image:url(/uiFramework/commonResource/image/2025101714291292082.png);width:22px;display:inline-block;height:48px;} .qywhTab_bd .item .smy {margin-bottom:0px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;height:50px;text-align:center;} .qywhTab_bd .item .smy a{font-size:24px;line-height:40px;color:#333;} .qywhTab_bd .item .con p {text-align:center;color:#b6b6b6;} .qywhTab_bd .item .con{ font-size: 14px;text-indent: 2em; line-height: 30px;} .qywhTab_bd .item .more { width: 85px; height: 40px; display: block; background: #004da0 url(zhsl_more.png) no-repeat 20px center; border-radius: 4px; padding-left: 62px; line-height: 40px; font-size: 16px; color: #fff; } .qywh_but { display: block; width: 42px; height: 42px; position: absolute; top: 50%; z-index: 10; box-shadow: 0 2px 5px #eee; border-radius: 50%; } .qywh_but.prev { background: url(/uiFramework/commonResource/zip/en/2023061511084833389.png); left: -21px; } .qywh_but.next { background: url(/uiFramework/commonResource/zip/en/2023061511083425402.png); right: -21px; } .qywh_but.prev:hover { background: url(/uiFramework/commonResource/zip/en/2023061511085335138.png); } .qywh_but.next:hover { background: url(/uiFramework/commonResource/zip/en/2023061511084133869.png); } /* 综合实力 e */ .cpfw { padding-top: 75px; padding-bottom : 109px; background: url(/uiFramework/commonResource/image/2025101511131155411.jpg) no-repeat top center; } .cpfw .mkTit .EN { color: rgba(255,255,255,.4); } .cpfw .mkTit .CN { color: #fff; } .cpfw_list { overflow: hidden; } .cpfw_ul { width: 110%; } .cpfw_ul li { float: left; overflow: hidden; width: 305px !important; margin-right: 10px; border-radius: 24px; position: relative; height:237px;} .cpfw_ul li img { width: 100%; transform: scale(1,1); transition: all ease-out 300ms;height: 100%; object-fit: cover; } .cpfw_ul li p { position: absolute; bottom: 0; left: 0; width: 100%; height: 46px; padding-top: 80px; background: url(/uiFramework/commonResource/image/2025101714163551059.png) no-repeat center bottom/102% 100%; } .cpfw_ul li p span { padding-left: 55px; font-size: 22px; color: #fff; } .cpfw_ul li:hover p { background-image: url(/uiFramework/commonResource/image/2025101714161619240.png); } .cpfw_ul li:hover img { transform: scale(1.1,1.1); } .cpfw_box{ position: relative;width:1250px;} .ztzl_prev{ position: absolute; background: url(/uiFramework/commonResource/image/2023091300201117049.png); width: 30px; height: 30px; left: 45%; bottom: -15%;} .ztzl_next{position: absolute; background: url(/uiFramework/commonResource/image/2023091300201983591.png); width: 30px; height: 30px; right: 45%; bottom: -15%;} /* 专题专栏 */ .ztzl { padding-top: 70px; margin-bottom: 75px; } .ztzl_pad { padding-left: 115px; position: relative; } .ztzl_list li, .ztzl_list li a, .ztzl_list li img { width: 100%; height: 100%; overflow: hidden; } .ztzl_list li img { transform: scale(1, 1); animation: autoZT 3s linear infinite; } .ztzl_page { position: absolute; left: 0; top: 50%; margin-top: -96px; } .ztzl_pause { display: block; width: 50px; height: 50px; border-radius: 50%; border: 1px solid #c9caca; background: transparent url(/uiFramework/commonResource/image/2023032211441898991.png) no-repeat center; } .ztzl_pause.on { background-image: url(/uiFramework/commonResource/image/2023032211445627078.png); } .ztzl_pause circle { stroke: #2b5da0; stroke-width: 2; stroke-linecap: round; stroke-dashoffset: 158; stroke-dasharray: 158; animation: playC 3.2s linear infinite; } .ztzl_but li { display: block; width: 14px; height: 14px; border-radius: 50%; background: #fff; border: 1px solid #b3b3b3; transition: all ease-in-out 300ms; margin: 25px auto; } .ztzl_but li.on { border-color: #2b5da0; background: #2b5da0; } @keyframes playC { 0% { stroke-dashoffset: 158; } 100% { stroke-dashoffset: 0; } } @keyframes autoZT { 0% { transform: scale(1, 1); } 100% { transform: scale(1.1, 1.1); } } /* 公司概况 */ .gsgk_box { overflow: hidden; margin-bottom: 85px; position: relative; } .gsgk_left { width: calc(50vw + 250px); background: #f4f9ff; padding: 70px 0; overflow: hidden; } .gsgk_con { float: right; width: 550px; padding-right: 300px; } .gsgk_con p { font-size: 16px; line-height: 34px; color: #666; } .gsgk_con a { display: inline-block; line-height: 38px; padding: 0 30px; background: #2b5da0; font-size: 16px; color: #fff; border-radius: 8px; margin-top: 50px; } .gsgk_img { position: absolute; z-index: 2; right: calc( 50vw - 600px ); box-shadow: 0 0 10px #ccc; top: 70px; width: 565px; height: 350px; overflow: hidden; } .gsgk_img img { width: 100%; height: 100%; object-fit: cover; transform: scale(1, 1); transition: all ease-in-out 500ms; } .gsgk_img:hover img { transform: scale(1.1, 1.1); } /* 适配样式 */ @media screen and (max-width:1200px) { .banner_but { bottom: 20px !important; margin-left: 0; left: 4vw !important; } .xwzx_left { width: 52%; } .xwzx_pic, .xwzx_news_list { width: 100%; } .xwzx_right { width: 45%; } .xwzx_news_list li .date { font-size: 16px; padding: 0; padding-left: 10px; text-align: center; } .xwzx_news_list li .date span { font-size: 22px; } .xwzx_news_list li .txt { width: calc(100% - 85px) } .xwzx_news_list li .tit a { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .ztzl_pad { padding-left: 80px; } .cpfw_ul { width: 100%; display: flex; justify-content: space-between; } .cpfw_ul li { width: 31%; margin-right: 0; } .cpfw_ul li p { height: 130px; padding-top: 80px; } .cpfw_ul li p span { padding-left: 40px; } .gsgk_left { width: 62.5vw; } .gsgk_con { width: 58.5vw; padding-right: 16vw; } .gsgk_img { width: 45vw; right: 4vw; } } @media screen and (max-width:1025px) { .mkTit { margin-bottom: 30px; } .mkTit .EN { font-size: 26px; } .mkTit .CN { font-size: 22px; } .xwzx_box { margin-top: 20px; margin-bottom: 20px; } .xwzx_left, .xwzx_right { width: 100%; float: none; } .cpfw { padding-top: 30px; padding-bottom: 30px; background-size: cover; } .cpfw_ul li p { height: 68%; padding-top: 28%; } .ztzl { padding-top: 30px; margin-bottom: 30px; } .gsgk_box { width: 92vw; margin: 0 auto 30px; } .gsgk_left { padding: 20px; width: 100%; } .gsgk_con { width: 100%; padding-right: 0; } .gsgk_con a { margin-top: 15px; } .gsgk_img { width: 100%; position: static; height: auto; } } @media screen and (max-width:769px) { .banner_list li img { height: 27vh;} .xwzx_pic { height: 60vw; } .cpfw_ul { flex-wrap: unset; } .cpfw_ul li {width: 100% !important; } .xwzx_news_list li .tit a { margin-bottom: 0; } .cpfw_ul li img{ height: 100%;} .xwzx{padding: 20px 0 0px;} .xwzx .mkTit{ margin-bottom: 25px;} .newTab{ display: none;} .xwzx_news_list li{padding: 15px 0;} .xwzx_news_list li .txt { width: 100%; } .xwzx_news_list li .smy{ line-height: 30px; height: auto;} .xwzx_news_list li .tit a{font-weight: bold;} .xwzx_right_more{ text-align: center;float: unset; width: 40%; display: block; margin: 0 auto; padding: 5px 30px; border: 1px solid #ccc; border-radius: 20px; margin-top: 20px;} .cpfw_box{ width: 92%;} .qywh{ padding: 30px 0 0;} .qywhTab_hd{ margin-bottom: 20px; width: 48%; display: none;} .qywhTab_bd .item .img{ width: 100%;height: 100%;} .qywh_but.prev{ left: 10px;} .qywh_but.next{ right: 10px;} .qywh_but{ top: 18%;} .qywhTab_bd .item .txt{ width: 100%;padding: 20px 20px; height: auto;} .qywhTab_bd .item .tit{ margin-bottom: 20px; font-size: 20px;} .qywhTab_hd span.on{ display: block;height: auto;padding-bottom: 15px;} .qywhTab_hd span{ display: none;} .qywhTab_bd .item .img img{ height: 225px;} .qywhTab_bd .item .smy a{ font-size: 20px} .qywhTab_bd .item .smy{height: auto;} .qywh .mkTit{} } @media screen and (max-width:561px) { .banner_but li { width: 15px; margin-right: 10px; border-radius: 5px; } .banner_but li.on { width: 25px; } .xwzx_pic_list li span { font-size: 14px; } .xwzx_pic_list li p { height: 40px; line-height: 40px; } .xwzx_news_list li .tit a { font-size: 16px; } .xwzx_news_list li .date span { font-size: 40px; } .xwzx_pic_but { bottom: 10px !important; } .cpfw_ul li { width: 100%; } .cpfw_ul li p span { font-size: 18px; } .ztzl_pad { padding-left: 40px; } .ztzl_page { margin-top: -46px; } .ztzl_but li { margin: 6px auto; } .ztzl_pause { width: 30px; height: 30px; background-size: 6px; } .ztzl_pause circle { cx: 15px; cy: 15px; r: 14px; stroke-dashoffset: 95; stroke-dasharray: 95; } .gsgk_con p { font-size: 14px; line-height: 2em; } .gsgk_con a { font-size: 14px; line-height: 2em; padding: 0px 10px; } @keyframes playC { 0% { stroke-dashoffset: 95; } 100% { stroke-dashoffset: 0; } } }