/*
* @Author: sunjijing
* @Date:   2021-09-13 17:34:33
* @Last Modified by:   sunjijing
* @Last Modified time: 2021-09-27 13:41:12
*/
html, body, .content { width: 100%; height: 100%; overflow: hidden; max-width: auto; }
.header { display: none; }
.content { display: flex; overflow: hidden; }
.con_left { width: 14.5%; width: 14.5vw; height: 100%; float: left; background: #0073c1; background-image: linear-gradient(to bottom, #0054a5, #0095de); }
.logo { width: 54%; margin: 15px auto 45px; margin: 2vh auto 6vh; }
.con_right { width: 85.5%; width: 85.5vw; height: 100%; float: right; background-size: cover !important; background: url(../image/2021092711183272202.jpg) center center no-repeat; }
.slide_nav_list { margin-bottom: 12%; margin-bottom: 12vh; }
.slide_nav_list > li.on > a, .slide_nav_list > li:hover > a { -color: #f67f09; font-weight: bold; }
.slide_nav_list > li > a { font-size: 18px; color: #fff; line-height: 2.2em; display: block; padding-left: 30px; padding-right: 20px; padding-left: 3vw; padding-right: 2vw; text-shadow: 1px 1px 1px #000; }
.ej_nav_list { margin-top: 10px; }
.ej_nav_list > li > a { font-size: 16px; color: #fff; line-height: 1.2em; display: block; padding: 8px 20px 8px 40px; padding: 8px 2vw 8px 4vw; }
.ej_nav_list > li > ul > li > a { font-size: 16px; color: #fff; line-height: 1.2em; display: block; padding: 8px 20px 8px 40px; padding: 8px 2vw 8px 4vw; text-indent: 16px }
.ej_nav_list > li.on > a, .ej_nav_list > li:hover > a { background: #005d9a url(../image/nav_li_bg.png) no-repeat 94% center; }
.ej_nav_list > li.on > ul > li.on > a, .ej_nav_list > li.on > ul > li:hover > a { color: #005d9a; background-color: #fff; }
.page_name { padding-left: 15%; padding-left: 10vw; padding-top: 5%; height: 40%; height: 40vh; display: flex; justify-content: center; align-items: flex-start; flex-direction: column; }
.page_name p { color: #fff; }
.page_name p.CN { font-size: 42px; }
.page_name p.EN { font-size: 20px; }
.page_name.djztTit { background-image: url(../image/2022031003143234921.png); }
.page_name.djztTit p { color: #faaf3b; }
.conPanel { width: 66%; width: 66vw; /*height: 58%; height: 58vh;*/ margin: 5% auto; margin: 8vh auto; padding-right: 15px; overflow: unset !important; }
.conPanel .tit { font-size: 24px; font-weight: bold; color: #fff; display: flex; align-items: center; margin-bottom: 20px; }
.conPanel.black .tit, .conPanel.red .tit { color: #000; }
.conPanel .tit i { display: inline-block; width: 3px; height: 28px; background: #f67f0a; margin-right: 15px; }
.conTxt, .conTxt * { font-size: 18px; color: #fff; line-height: 40px; text-align: justify; }
.conTxt * { font-family: inherit; font-weight: inherit; color: inherit; }
.conTxt strong { font-weight: bold; }
.conTxt .detail_img { display: flex; justify-content: space-between; margin-top: 1em; }
.conTxt .detail_img img { width: 23%; }
.conTxt .detail_img2 img { width: 15%; }
.black .conTxt, .black .conTxt * { color: #1a1a1a; }
.conTxt h2 { padding: 0 15px; background: orange; display: inline-block; border-radius: 6px; margin-top: 40px; font-size: 20px; color: #fff !important; }
.conTxt p img { vertical-align: middle; }
.pic_wrap { z-index: 100000 !important; }
.pic_list { -margin-top: 45px; }
.pic_list li { width: 18%; float: left; margin: 0 1% 2%; position: relative; line-height: 1em; }
.pic_list li img { height: 8vw; width: 100%; object-fit: cover; }
.pic_list li p { width: 100%; min-height: 26px; line-height: 1.2em; color: #fff !important; font-size: 12px; text-align: center; background: #f67f0a; background: rgba(246, 127, 10, .7); position: absolute; bottom: 0; left: 0; padding: 5px; }
.newsList li { padding: 20px 0; border-bottom: 1px dashed #eee; }
.newsList li .tit { font-size: 22px; margin-bottom: 15px; color: #fff; display: block; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color:; }
.newsList li .tit a { font-size: 18px; color: #fff; font-weight: normal; }
.newsList li .tit span { display: inline-block; margin-right: 20px; padding: 0 10px; background: #29aae1; border-radius: 4px; color: #fff; font-size: 16px; line-height: 30px; }
.newsList li .smy { font-size: 14px; line-height: 1.5em; color: #eee; margin-bottom: 10px; text-align: justify; }
.newsList li .date { font-size: 14px; color: #fff; }
.newsList li:hover .tit a { color: #f67f09; }
.newsListHover li { padding: 20px 0; }
.newsListHover .date { font-size: 14px; color: #fff; background-color: #fff; width: 100px; height: 100px; float: left; margin-right: 20px; }
.newsListHover li:hover { -background-color: rgba(24, 128, 179, .7); }
.newsListHover .date .ri { font-size: 26px; text-align: center; line-height: 50px; border-bottom: 1px solid #ddd; width: 80%; margin: auto; color: #f67f0a; }
.newsListHover .date .nian { text-align: center; line-height: 40px; color: #f67f0a; }
.newsListHover .tit { width: auto !important; }
.black .newsList li { border-bottom: 1px dotted #bbb; overflow: hidden; }
.black .newsList li .date { display: block; float: left; width: 72px; height: 72px; background: #0054a5; margin-right: 20px; text-align: center; font-weight: bold; }
.black .newsList li .txt { width: 90%; width: calc(100% - 92px); float: left; }
.black .newsList li .date font { font-size: 36px; display: block; }
.black .newsList li .tit { margin-bottom: 5px; }
.black .newsList li .tit a { color: #000; }
.black .newsList li .smy { color: #333; margin-bottom: 0; }
.red .newsList li { border-bottom: 1px dotted #bbb; overflow: hidden; }
.red .newsList li .date { display: block; float: left; width: 72px; height: 72px; background: #c0272d; margin-right: 20px; text-align: center; font-weight: bold; }
.red .newsList li .txt { width: 100%; -width: calc(100% - 92px); float: left; }
.red .newsList li .date font { font-size: 36px; display: block; }
.red .newsList li .tit { margin-bottom: 5px; }
.red .newsList li .tit a { color: #000; }
.red .newsList li .tit font { font-size: 16px; font-weight: normal; }
.red .newsList li .smy { color: #333; margin-bottom: 0; }
.pageWrap { margin-top: 20px; text-align: center; display: flex; justify-content: center; align-items: center; }
.pageWrap { margin-top: 20px; text-align: center; display: flex; justify-content: center; align-items: center; }
.pageWrap a, .pageWrap font { display: inline-block; margin: 0 5px; padding: 0 10px; line-height: 30px; height: 30px; font-size: 14px; color: #333; background: rgba(255, 255, 255, .8); border: 1px solid #0054a5; }
.pageWrap .txt, .red .pageWrap .txt { background: none !important; color: #333; border: none; }
.pageWrap font, .pageWrap a:hover { background: #0054a5; color: #fff; }
.pageWrap .txt:hover { color: #333; }
.red .pageWrap a, .red .pageWrap font { border: 1px solid #c0272d; }
.red .pageWrap font, .red .pageWrap a:hover { background: #c0272d; }

/* 人才招聘 */
.desc { background: rgba(183, 210, 255, 0.35); padding: 10px 25px; position: relative; }
.desc .text { color: #fff; }
.desc .text p { padding: 10px 0; text-align: justify; text-justify: inter-ideograph; font-size: 18px; overflow: hidden; zoom: 1; color: #fff; }
.talent_pin { padding: 0; width: 100%; overflow: hidden; margin-top: 50px; }
.talent_pin .first { margin-right: 4%; }
.talent_pin dl { width: 48%; margin: 0; float: left; position: relative; cursor: pointer; overflow: hidden; }
.talent_pin img { -webkit-transition: ease .5s; transition: ease .5s; -webkit-transform-origin: 50% 50%; /* transform-origin默认值就是居中，可以不加 */ transform-origin: 50% 50%; /* transform-origin默认值就是居中，可以不加 */ }
.talent_pin img:hover { transform: scale(1.07); -webkit-transform: scale(1.07); -moz-animation: rotate 20s infinite linear; -webkit-animation: rotate 20s infinite linear; animation: rotate 20s infinite linear; }
.talent_pin dl dd { position: absolute; width: 100%; text-align: center; color: #fff; bottom: 15px; }
.talent_pin dl dd .chinese { font-size: 22px; color: #fff; }
.talent_pin dl dd .english { height: 30px; line-height: 30px; font-size: 20px; font-family: futura; color: #fff; }

  .rczp_list {    width: 66vw;
    margin: 8vh auto;} 
   .rczp_list ul{} 
   .rczp_list ul li{    background: url(../image/2024052717501513409.png) no-repeat;
    height: 152px;
    width: 429px;
    text-align: center;
    padding: 33px;
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    margin-bottom: 30px;    border-radius: 40px 0px 40px 0px;} 
  .rczp_list ul li img{}  
  .rczp_list ul li a{    font-size: 40px;  line-height: 100%;    cursor: pointer;} 
.rczp_list ul li a:hover{    color: #0054a5;}

/* 20220124 */
.zhaopin { margin-top: 70px; }
.zhaopin_list li { width: 46%; position: relative; }
.zhaopin_list li a { display: block; }
.zhaopin_list li p { width: 100%; height: 46px; line-height: 46px; background: #f67f0a; background: rgba(246, 127, 0, .7); color: #fff !important; text-align: center; font-size: 24px; position: absolute; bottom: 0; }
.zhaopin_box { box-shadow: 0 5px 10px #ccc; background: #fff; border-radius: 6px; overflow: hidden; padding-bottom: 20px; }
.zp_tr { margin: 0 20px; display: flex; height: 50px; -line-height: 50px; border-bottom: 1px solid #f2f2f2; align-items: center; }
.zp_tr.tit { background: #0054a5; margin-bottom: 0; margin: 0; padding: 0 20px; }
.zp_tr span { display: inline-block; font-size: 16px; color: #333; width: 15%; text-align: center; }
.zp_tr a { display: inline-block; font-size: 16px; color: #333; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.zp_tr.tit span { font-size: 18px; color: #fff; }
.zp_tr .job { width: 30%; text-align: left; }
.zp_tr span.ggName { width: 60%; text-align: left; }
.zp_tr .ads { width: 25%; }
.zp_tr .date { width: 20%; }
.zp_tr .detail { width: 10%; }
.zp_tr .detail a { display: inline-block; -border: 1px solid #0054a5; width: auto; -padding: 5px 10px; font-size: 14px; color: #0054a5; border-radius: 4px; }

/* 科技服务 S */
.keji-ball { width: 855px; height: 355px; position: relative; margin-left: auto; margin-right: auto; width: 856px; height: 357px; background: url(../image/2021121502110621192.png) no-repeat center center }
.keji-ball .ball1 { position: absolute; left: 0px; top: 105px; animation-name: ani-float; animation-duration: 3s; animation-iteration-count: infinite; animation-direction: alternate-reverse; animation-timing-function: linear; animation-delay: 0s }
.keji-ball .ball2 { position: absolute; left: 165px; top: 51px; animation-name: ani-float; animation-duration: 3s; animation-iteration-count: infinite; animation-direction: alternate-reverse; animation-timing-function: linear; animation-delay: .5s }
.keji-ball .ball3 { position: absolute; left: 300px; top: 192px; animation-name: ani-float; animation-duration: 3s; animation-iteration-count: infinite; animation-direction: alternate-reverse; animation-timing-function: linear; animation-delay: .3s }
.keji-ball .ball4 { position: absolute; left: 382px; top: 0px; animation-name: ani-float; animation-duration: 3s; animation-iteration-count: infinite; animation-direction: alternate-reverse; animation-timing-function: linear; animation-delay: .4s }
.keji-ball .ball5 { position: absolute; left: 550px; top: 157px; animation-name: ani-float; animation-duration: 3s; animation-iteration-count: infinite; animation-direction: alternate-reverse; animation-timing-function: linear; animation-delay: 1s }
.keji-ball .ball6 { position: absolute; left: 650px; top: 82px; animation-name: ani-float; animation-duration: 3s; animation-iteration-count: infinite; animation-direction: alternate-reverse; animation-timing-function: linear; animation-delay: .6s }
.keji-ball .ball7 { position: absolute; left: 714px; top: 99px; animation-name: ani-float; animation-duration: 3s; animation-iteration-count: infinite; animation-direction: alternate-reverse; animation-timing-function: linear; animation-delay: .8s }
.keji-ball .ball8 { position: absolute; left: 324px; top: 21px; animation-name: ani-float; animation-duration: 3s; animation-iteration-count: infinite; animation-direction: alternate-reverse; animation-timing-function: linear; animation-delay: .9s }
.ani-float { animation-name: ani-float; animation-duration: 3s; animation-iteration-count: infinite; animation-direction: alternate-reverse; animation-timing-function: linear }
@keyframes ani-float {
	0% { transform: translateY(0) }
	50% { transform: translateY(-10px) }
	100% { transform: translateY(0) }
}

/* 核心业务-投资经营 S */
.hxyw-tzjy { margin-bottom: 0px; }
.ztzl{    padding-bottom: 40px;}
.ztzl li{    float: left; width:31%;margin-left: 2%;overflow: hidden; position: relative;margin-bottom: 2%;}
.ztzl li:first-child {margin-left: 0;}
.ztzl li img{    width: 100%;height:250px;object-fit: cover;transition: all 0.5s ease-out 0s;}
.ztzl li :hover img {transform:scale(1.1);}
.ztzl li span{position: absolute; bottom: 0; z-index: 10;width: 100%;left: 0; text-align: center;font-size: 16px; color: #fff; background: rgb(0, 150, 223, .8);  line-height: 40px;}
.ztzl li span a{display: block;}

/* 核心业务-投资经营 E */

/* 排水服务-业务指南 S */
.ywznTab ul li { float: left; line-height: 40px; text-align: center; padding: 0 2%; }
.ywznTab ul li:last-child { margin-right: 0px; }
.ywznTab ul li a { color: #1a1a1a; font-size: 22px; font-weight: bold; display: block; }
.ywznTab ul li:hover, .ywznTab ul li.ywznok { background-image: linear-gradient(to right, #0054a5, #0095de); border-radius: 40px }
.ywznTab ul li:hover a, .ywznTab ul li.ywznok a { color: #fff; }

/* 排水服务-业务指南 E */

/* 运营服务 12/22 GJJ */
.f-mt25 { margin-bottom: 25px; }
.list_des { background-color: #fff; padding: 25px 25px 50px 25px; width: 1000px; margin-left: auto; margin-right: auto; }
.list_des h2 { padding: 15px; color: #fff; font-size: 24px; background-color: #5074b1; margin-bottom: 25px; font-weight: 400; background-color: #3c6ba8; background-image: -moz-linear-gradient(90deg, #10a6a6, #3c6ba8); background-repeat: repeat-x; background-image: -webkit-linear-gradient(90deg, #10a6a6, #3c6ba8); background-image: -o-linear-gradient(90deg, #10a6a6, #3c6ba8); background-image: linear-gradient(90deg, #10a6a6, #3c6ba8); }
.list_des_top { width: 54%; height: 230px; overflow-y: scroll; float: left; padding-right: 20px; box-sizing: border-box; }
.list_des_top p, .list_des_top p  span { font-size: 18px !important; }
::-webkit-scrollbar { width: 6px; height: 6px; }

/* 滚动条的内层滑轨背景颜色 */
::-webkit-scrollbar-track-piece { background-color: #fff; }

/* 滚动条的外层滑轨背景颜色 */
::-webkit-scrollbar-track { background-color: #fff; }

/* 滚动条的内层滑块颜色 */
.list_des_top::-webkit-scrollbar-thumb { border-radius: 10px; box-shadow: inset 0 0 0px rgba(52, 118, 168, 0.5); background-color: #075395; }
.list_des p { text-align: justify; font-size: 18px; color: #666; line-height: 28px; padding-left: 15px; }
.list_des .img { width: 45%; float: right; height: 230px; }
.list_des .img img { width: 100%; height: 100%; }
.banner_but { text-align: center; position: absolute; z-index: 999; }
.banner_but li { width: 10px; height: 10px; display: inline-block; border-radius: 50%; background: #fff; margin-right: 10px; }
.banner_but li.on { background: #0058a8; }

/* 运营服务 2022-01-28 */
.yyfw_list22 li { width: 46%; float: left; margin: 0 2%; background: #0073c1; background-image: linear-gradient(to right, #0054a5, #0095de); margin-bottom: 30px; margin-bottom: 2.5vw; }
.yyfw_list22 li .tit { margin: 0 5%; padding: 10px 0; font-size: 20px; font-weight: bold; border-bottom: 1px solid #eee; border-color: rgba(255, 255, 255, .6); }
.yyfw_list22 li .con { margin: 20px 5%; text-align: justify; min-height: 255px; }
.yyfw_list22 li .con p { font-size: 14px; color: #fcfcfc; line-height: 2em; }
.yyfw_list22 li .con strong { font-size: 14px; color: #fff; font-weight: bold; font-family: "微软雅黑"; }

/* 信息公开 12/22 GJJ */
.xxgk { margin-bottom: 20px; }
.xxgk_tit { text-align: center; color: #fff; font-size: 26px; font-weight: bold; margin-bottom: 20px; }
.xxgk { width: 49%; background-color: rgba(246, 246, 246, .5); }
.xxgk .xxgk_tit { font-size: 22px; font-weight: bold; color: #fff; display: flex; align-items: center; margin-bottom: 20px; background: rgb(183, 178, 178, .5); }
.xxgk .xxgk_tit a { font-size: 22px; font-weight: bold; color: #fff; }
.xxgk .xxgk_tit i { display: inline-block; width: 3px; height: 28px; background: #f67f0a; margin-right: 15px; }
.xxgk_xsqy .xsqy_tit ul li { width: 49%; margin-right: 2%; float: left; background-color: rgb(245 244 255 / 50%); margin-bottom: 20px; padding: 20px; }
.xxgk_xsqy .xsqy_tit ul li:nth-child(2n) { margin-right: 0; }
.xxgk_xsqy .xsqy_tit ul li a { font-size: 24px; display: flex; }
.xxgk_xsqy .xsqy_tit ul li:hover { background-color: #f67f0a }
.xxgk_xsqy .xsqy_tit ul li:hover a { color: #fff; }
.xxgk_xsqy .xsqy_tit ul li a img { height: 30px; margin-right: 20px; transform: rotateY(0); transition: all ease-in-out 300ms; }
.xxgk_xsqy .xsqy_tit ul li:hover a img { transform: rotateY(180deg); }

/* 专题专栏列表页 12/26 GJJ */
.ztzl_list .ztzl_list_tit ul li { width: 32%; float: left; margin-right: 2%;/*background: rgb(224, 118, 14);background: rgba(224, 118, 14, .8);*/ text-align: center; overflow: hidden; margin-bottom: 35px; position: relative; }
.ztzl_list .ztzl_list_tit ul li:nth-child(3n) { margin-right: 0; }
.ztzl_list .ztzl_list_tit ul li p { font-size: 16px; color: #fff; line-height: 1.5em; text-align: center; position: absolute; bottom: 0; left: 0; display: block; width: 100%; background: rgb(0, 0, 0); background: rgba(0, 0, 0, .7); -white-space: nowrap; -text-overflow: ellipsis; -overflow: hidden; -word-break: break-all; padding: 5px; }
.ztzl_list .ztzl_list_tit ul li img { width: 100%; height: 21rem; transform: scale(1); transition: all ease-in-out 500ms; overflow: hidden; object-fit: cover; }
.ztzl_list .ztzl_list_tit ul li:hover img { transform: scale(1.1); }
.ztzl_list .ztzl_list_tit ul li .video_but { position: absolute; top: 50%; width: 46px; height: auto; left: 50%; margin-left: -23px; margin-top: -25px; }

/* 二级页banner 12/24 GJJ */
#con_right { background: url(   ../image/2021122403274910315.png) center center no-repeat; background-size: cover; }
.page_name { background: url(../image/2021122403330493686.png) center bottom no-repeat; background-size: cover; }

/* 工程介绍 20220126 */
.gcjs_info { margin: 60px 0; }
.gcjs_info_ul li { width: 23%; float: left; background: #fff; border-radius: 25px; margin: 0 1%; overflow: hidden; box-shadow: 0 5px 10px #ccc; }
.gcjs_info_ul li p { margin-bottom: 0 !important; }
.gcjs_info_ul li .tit { height: 160px; background: url(../image/gcN_tit_bg01.png) no-repeat center top; background-size: 100% 100%; text-align: center; }
.gcjs_info_ul li .tit img { width: 35%; margin: 0 auto; }
.gcjs_info_ul li.odd .tit img { margin-top: -30px; }
.gcjs_info_ul li.even .tit img { margin-top: 30px; }
.gcjs_info_ul li:hover .tit img { animation-name: ani-float; animation-duration: 1s; animation-iteration-count: 1; animation-direction: alternate-reverse; animation-timing-function: linear; animation-delay: 0s; }
.gcjs_info_ul li.li02 .tit { background-image: url(../image/gcN_tit_bg02.png); }
.gcjs_info_ul li.li03 .tit { background-image: url(../image/gcN_tit_bg03.png); }
.gcjs_info_ul li.li04 .tit { background-image: url(../image/gcN_tit_bg04.png); }
.gcjs_info_ul li.li05 .tit { background-image: url(../image/gc_tit_bg05.png); }
.gcjs_info_ul li.li06 .tit { background-image: url(../image/gc_tit_bg06.png); }
.gcjs_info_ul li.li07 .tit { background-image: url(../image/gc_tit_bg07.png); }
.gcjs_info_ul li .txt { height: 180px; display: flex; flex-direction: column; justify-content: center; }
.gcjs_info_ul li .txt span { display: inline-block; font-size: 12px; padding: 5px 20px; line-height: 26px; }
.gcjs_info_ul li .txt font { font-size: 22px; line-height: 22px; }
.gcjs_info_ul li.li01 .txt font { color: #009145; }
.gcjs_info_ul li.li02 .txt font { color: #29aae1; }
.gcjs_info_ul li.li03 .txt font { color: #f6921e; }
.gcjs_info_ul li.li04 .txt font { color: #9d005d; }
.gcjs_info_ul li.li05 .txt font { color: #00a89c; }

/* 碳中和 */
.tzh_cg { margin: 80px 0 50px; }
.tzh_cg_list li { float: left; width: 23%; margin: 0 1%; border: 1px solid #ccc; position: relative; }
.tzh_cg_list li .tit { position: absolute; width: 40%; left: 30%; top: -40px; background: red; font-size: 14px; text-align: center; margin-bottom: 0; display: block; line-height: 1em; height: 80px; border-radius: 10px 0 10px 0; box-shadow: 0 0 8px #aaa; color: #fff !important; font-weight: normal; }
.tzh_cg_list li .tit img { display: block; margin: 10px auto; height: 40px; }
.tzh_cg_list li .txt { padding: 50px 10px 10px; font-size: 14px; min-height: 280px; }
.tzh_cg_list li .txt p { font-size: 14px; line-height: 1.2em; }
.tzh_cg_list li.li01 { border-color: #35bae9; }
.tzh_cg_list li.li02 { border-color: #9b55e5; }
.tzh_cg_list li.li03 { border-color: #f9327a; }
.tzh_cg_list li.li04 { border-color: #f67f0a; }
.tzh_cg_list li.li01 .tit { background-color: #35bae9; }
.tzh_cg_list li.li02 .tit { background-color: #9b55e5; }
.tzh_cg_list li.li03 .tit { background-color: #f9327a; }
.tzh_cg_list li.li04 .tit { background-color: #f67f0a; }
.tzh_cg_list li.li01 .txt p span { color: #35bae9; }
.tzh_cg_list li.li02 .txt p span { color: #9b55e5; }
.tzh_cg_list li.li03 .txt p span { color: #f9327a; }
.tzh_cg_list li.li04 .txt p span { color: #f67f0a; }
.tzh_cg_list li .txt p span { height: 20px !important; display: inline-block !important; }

/*政府机构*/
.zfjg_list { overflow: hidden; }
.zfjg_list li { width: 33.33%; float: left; }
.zfjg_list li a { display: block; background: url(../image/2022022501425140323.png) no-repeat left center; padding-left: 40px; margin: 10px 0 }


/* 核心业务-投资经营 */
.touzi_wrap { width: 80%; margin: 40px auto; }
.touzi_list { display: flex; justify-content: space-between; flex-wrap: wrap; }
.touzi_list li { width: 24%; float: left; margin-bottom: 20px; }
.touzi_list li .img { width: 100%; height: 150px; border-radius: 8px; overflow: hidden; }
.touzi_list li img { width: 100%; height: 100%; display: block; transform: scale(1,1); transition: all ease-in-out 400ms; object-fit: cover; }
.touzi_list li p { font-size: 16px; line-height: 1.8em; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; height: 3.6em; overflow: hidden; }
.touzi_list li:hover img { transform: scale(1.1,1.1); }
.touzi_list li:hover p { color: #0054a5; }

/*运营服务*/
.yunyfw{    width: 46%; float: left;background: #ecf3fa; padding: 3%; border-radius: 20px;}
.yunyfw li{    float: left;width: 100%;}
.yunyfw li .yunyfw_fl{    float: left; width: 18%;}
.yunyfw li .yunyfw_fr{    float: left; width: 82%;}
.yunyfw li h2{width: 100%;font-size: 18px; color: #0096df; line-height: 30px; float: left;   margin-bottom: 10px;}
.yunyfw li .yunyfw_fr>span{    float: left;width: 50%; font-size: 14px;margin-bottom: 20px;    line-height: 30px;}
.yunyfw li .yunyfw_fr>span span{    font-size: 26px; color: #0096df;}

/* 响应式代码 */
@media screen and (max-width:2560px) {
	.page_name { padding-top: 0; }
	.pic_list li { margin: 0 0 2%; }
}
@media screen and (max-width:1340px) {
	.ywznTab ul li a { font-size: 16px; }
	.ztzl_list .ztzl_list_tit ul li img { height: 13rem; }
}
@media screen and (max-width:1200px) {
	.conPanel { height: 54vh; margin: 10vh auto; }
	.con_left { width: 25vw; }
	.con_right { width: 75vw; }

	/* 12/23 GJJ 运营服务  */
	.yyfw_conP { height: auto; margin-bottom: 0; }
	.list_des { padding: 15px; width: 98%; }
	.list_des h2 { padding: 5px 15px; margin-bottom: 10px; }
	.ztzl_list .ztzl_list_tit ul li a { font-size: 16px; }

	/* 核心业务-投资经营 */
	.touzi_list li { width: 48%; }
	.touzi_list li .img { height: 20vw; }

}
@media screen and (max-width:1024px) {
	html, body, .content { height: auto; overflow: auto; }
	body { padding-top: 85px; }
	.header { display: block; background: linear-gradient(to bottom, #0054a5, #0095de); height: 85px; }
	.con_left { display: block; width: 40vw; position: fixed; transform: translateZ(120px); z-index: 120; top: 0; right: -40vw; }
	.con_right { width: 100%; height: auto; background: none !important; }
	.page_name { padding-left: 0; width: 92%; margin: 0 auto; padding: 4vw 0; height: auto; }
	.page_name p.CN { -color: #004098; color: #fff; }
	.page_name p.EN { color: #e0760e; }
	.conPanel { height: auto; margin: 4vw auto; width: 92%; padding-right: 0; }
	.conPanel .tit { color: #004098; }
	.conTxt, .conTxt * { color: #333; }
	.pic_list li img { height: 15vw; }
	.newsList li { border-bottom: 1px dashed #aaa; }
	.newsList li .tit a { color: #333; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
	.newsList li .smy { color: #666; }
	.newsList li .date { color: #333; }
	.red .newsList li .date, .black .newsList li .date { color: #fff; }
	.pageWrap { flex-wrap: wrap; }
	.pageWrap .txt { color: #333; }

	/* 12/23 GJJ 运营服务  */
	.list_des { padding: 0; }
	.list_des { ; width: 92%; }
	.list_des .img, .list_des_top { height: 200px; }

	/* 12/24 GJJ 增加头部热线 */
	.logo { width: 35%; }
	.hotline { background: none; margin-top: 3px; }
	.hotline img { height: 22px; }
	.hotline a { font-size: 26px; }

	/* 12/26 GJJ 列表banner适配 */
	#con_right .page_name { width: 100%; padding: 4vw; }

	/* 核心业务-投资经营 */
	.touzi_wrap { width: 92%; }
	.touzi_list li .img { height: 30vw; }
}
@media screen and (max-width:768px) {
	.pic_list li img { height: 20vw; }
	.logo { margin: 3vh auto 0; width: auto; }
	.slide_nav_list > li > a { font-size: 18px; }
	.ej_nav_list > li > a { font-size: 14px; }
	.ywznTab ul li { width: 30%; margin-right: 3%; margin-bottom: 15px; }

	/* 专题专栏列表页 12/26 GJJ */
	.ztzl_list .ztzl_list_tit ul li { width: 49%; margin-right: 0; margin-bottom: 15px; }
	.ztzl_list .ztzl_list_tit ul li:nth-child(odd) { margin-right: 2%; }
	.ztzl_list .ztzl_list_tit ul li img { height: 16rem; }
	.ztzl_list .ztzl_list_tit ul li a { line-height: 30px; font-size: 16px; }

	.zhaopin_list li, .yyfw_list22 li { width: 100%; float: none; margin-bottom: 20px; }

.rczp_list{    width: 96%;margin: 30px auto;}
.rczp_list ul li{    height: 90px;width: 100%;    padding: 5px;    margin-bottom: 20px;    background-size: 100%;        box-shadow: 0 5px 10px #ccc;        border-radius: 40px;}
.rczp_list ul li a{    font-size: 20px;}
.rczp_list ul li img{    width: 20%;}

.ztzl li{    width: 100%;}
}
@media screen and (max-width:640px) {
	.conTxt video { width: 100% !important; height: auto !important; }
	.pic_list li img { height: 30vw; }
	.page_name { height: 40vw; }
	.page_name p.CN { font-size: 30px; }
	.page_name p.EN { font-size: 14px; }
	.conPanel .tit { font-size: 20px; margin-bottom: 10px; }
	.conTxt, .conTxt * { font-size: 14px; line-height: 2em; }
	.pic_list { margin-top: 20px; }
	.pic_list li p { font-size: 12px; }
	.newsList li .tit a { font-size: 16px; }
	.newsList li .smy, .newsList li .date { font-size: 12px; }
	.ywznTab ul li a { font-size: 14px; }

	/* 12/24 GJJ 增加头部热线 */
	.hotline { margin-top: 9px; margin-right: 0; }
	.hotline img { height: 18px; }
	.hotline a { font-size: 20px; }

	.conTxt p, .conPanel .clearfix { display: block !important; }
	.conTxt img { max-width: 100%; }
	.conTxt p span, .mkPic, .pic_wrap { width: 100% !important; }
	.conPanel .clearfix { float: none; }
	.pic_wrap { width: 100%; float: none; }
	.pic_list li img { height: 30vw !important; }

	.tzh_cg_list li { width: 100%; float: none; margin-top: 50px; }
	.tzh_cg_list li .tit img { width: auto; }

	.conTxt .detail_img img { width: 46%; }
	.conTxt .detail_img2 img { width: 46%; }
}
@media screen and (max-width:560px) {
	body { padding-top: 60px; }
	.header { height: 60px; }
	.logo img { height: 50px; margin-top: -10px; }
	.con_left { width: 80vw; right: -80vw; }

	.newsList li .tit span { display: block; font-size: 14px; }

	/* 12/23 GJJ 运营服务  */
	.list_des h2 { font-size: 20px; }
	.list_des_top, .list_des .img { width: 100%; float: none; }
	.list_des_top p, .list_des_top p span { font-size: 14px !important; }
	.list_des_top { height: 170px; margin-bottom: 10px; }
	.list_des .img { height: 245px; }

	/* 专题专栏列表页 12/26 GJJ */
	.ztzl_list .ztzl_list_tit ul li { width: 100%; margin-right: 0; margin-bottom: 15px; }
	.ztzl_list .ztzl_list_tit ul li:nth-child(odd) { margin-right: 0; }
	.ztzl_list .ztzl_list_tit ul li img { height: 18rem; }
	.ztzl_list .ztzl_list_tit ul li a { line-height: 30px; font-size: 16px; }

	.zfjg_list li { width: 100%; }
	.newsListHover .date { background: #eee; }

	.zhaopin_box .zp_tr.tit { display: none; }
	.zp_tr { display: block; height: auto; line-height: 2em; }
	.zp_tr span { width: 100%; text-align: left; }
	.zp_tr .job, .zp_tr .ads { width: 100%; text-align: left; }
	.zp_tr .job::before { content: '招聘职位：'; font-weight: bold; }
	.zp_tr .num::before { content: '招聘人数：'; font-weight: bold; }
	.zp_tr .ads::before { content: '工作地点：'; font-weight: bold; }
	.zp_tr .date::before { content: '发布时间：'; font-weight: bold; }
}
@media screen and (max-width:420px) {
	.list_des .img { height: 200px; }
}