/**************************************/ /*************[公用start]**************/ /**************************************/ body { overflow-x: hidden; font-size: 16px; } h1, h2, h3, h4, h5, h6, dl { margin: 0px; } div.clear { clear: both; height: 0; width: 0; } input, textarea, select, a:focus { outline: none; } a { text-decoration: none; color: inherit; cursor: pointer; } ul, li { padding: 0; margin: 0; list-style: none } img { border: 0; /* width: 100%;*/ max-width: 100%; } div.wp { width: 1640; /*主要内容区尺寸大小,每次制作前更新!!! */ margin: 0 auto; } div.wp2 { padding: 0 140px; } .fl { float: left; } .fr { float: right; } .tran { transition: all .3s ease-out 0s; } /*图片中心放大代码区域*/ .img-box { /*图片盒子类名*/ overflow: hidden; } .img-box img { transition: .3s; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; /* ueco 时间曲线*/ width: 100%; max-width: 100%; } .img-box:hover img { /*图片中心放大代码*/ -webkit-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); } .imgbox_a { position: relative; padding-bottom: 100%; overflow: hidden; display: block; } .imgbox_a>img { position: absolute; left: 0; top: 0; width: 100% !important; height: 100% !important; } .imgbox_hover>img { /* ueco 鏃堕棿鏇茬嚎*/ /*transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; */ -webkit-transition: .3s; -moz-transition: .3s; -ms-transition: .3s; -o-transition: .3s; transition: .3s; } .imgbox_hover:hover>img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); } @font-face { font-family : 'dinpro'; src: url(../font/DINPRO.OTF); } @font-face { font-family : 'bebas'; src: url(../font/bebas.TTF); } /*图片中心放大代码区域*/ /**************************************/ /************[公用over]****************/ /**************************************/ /*header-start*/ /**************************************************************/ #header { width: 100%; } .pc-header{ overflow: hidden; background: url(../images/header-center.png) repeat-x; background-position-y: 45px; } .header-top { height: 45px; background: url(../images/header-top-bj.png) repeat-x; overflow: hidden; } .header-top .container { height: 45px; display: flex; align-items: center; } .header-top-l { flex-shrink: 0; } .header-top-r { flex-grow: 1; display: flex; justify-content: flex-end; } .header-top-home { display: flex; align-items: center; margin-left: 36px; } .header-top-home span { margin-left: 8px; } .header-top-search { height: 33px; background: #ededed; border-radius: 24px; overflow: hidden; padding: 0px; margin-left: 36px; padding-right:10px; } .header-top-search form { display: flex; align-items: center; justify-content: space-between; } .header-top-search input[name="showkeycode"] { width: 150px; height: 33px; border: none; padding-left: 20px; box-sizing: border-box; background: none; font-size: 15px; } .header-top-search form input[name="showkeycode"]::placeholder { color: #afafaf; } .header-top-search input[name="searchButton"] { width: 42px; height: 33px; background: #fff; border: none; background: url(../images/search-bj.png) no-repeat center; } .header-center { background: url(../images/header-center-bj.png) no-repeat right top; } .header-center .container { display: flex; align-items: center; height: 132px; } .pc-logo { width: 476px; flex-shrink: 0; } .home-jz-tel { flex-grow: 1; } .home-jz-tel dl { display: flex; justify-content: flex-end; align-items: center; } .home-jz-tel dt { margin-right: 12px; } .home-jz-tel dd h1 { height: 22px; display: flex; align-items: center; } .home-jz-tel dd h1>span { width: 138px; font-size: 13px; display: inline-block; text-align: justify; text-justify: distribute-all-lines; text-align-last: justify; } .home-jz-tel dd h1>span+span { width: 244px; font-size: 15px; font-weight: bolder; font-family : 'bebas'; } .pc-nav-box { width: 100%; height: 60px; line-height: 60px; background: #078a84; } .pc-nav ul li { float: left; width: 11.11%; } .pc-nav ul li a { color: #fff; font-size: 18px; text-align: center; display: block; } .pc-nav ul li a:hover { background: #067771; } .pc-nav ul li.cur a { background: #067771; } .banner .swiper-pagination-bullet-active{ background-color: #e20208; } #header_sj { display: none; } .banner { text-align: center; display: block; } .banner .swiper-container .swiper-slide img { width: 100%; height: 100%; } .ph-banner { display: none; } /********[手机导航开始]**********/ #header-2 { display: none; height: 68px; /*border-bottom:0px solid #035cac;*/ box-shadow: 0 4px 8px -3px #000; position: fixed; top: 0px; left: 0; width: 100%; z-index: 1001; background-color: #fff; /*background-color: #0089d0;*/ } .nav-2 { display: none; background-color: #fff; position: relative; z-index: 900; } .nav-2>ul>li { border-top: 1px dotted #ccc; position: relative; } .jiaspan { position: absolute; width: 30px; height: 30px; background-image: url(../images/jia.png); background-repeat: no-repeat; background-position: center; top: 8px; right: 14px; } .jiaspan.cur { background-image: url(../images/jian.png); } .nav-2>ul>li:first-child { /*border-top: 0;*/ } .nav-2>ul>li>a { padding: 12px 10px; display: block; font-size: 16px; width: 100%; color: #333; font-family: "anb"; text-transform: uppercase; } .nav-2>ul>li>ul { padding-bottom: 10px; display: none; } .nav-2>ul>li>ul>li>a { padding: 6px 10px; display: block; font-size: 14px; padding-left: 25px; width: 100%; color: #666; } /*.downla-2 { padding: 5px 0 10px; display: none; } .downla-2 dd{ padding-left: 30px; } .downla-2 dd a{ font-size: 14px; display: inline-block; padding: 3px 0; width: auto; }*/ /*.nav-2 li a:hover{ color:#1a0d07; }*/ .nav-2-form { padding: 10px; position: relative; } .nav-2-form input[type="image"] { position: absolute; right: 19px; top: 17px; width: 18px; } .nav-2-form .form-control { padding-right: 50px; } .logo-2 { font-size: 0; width: 318px; margin-left: 15px; margin-top: 10px; } .logo-2 img { display: block; padding-top: 0px; } .menu2 { margin-right: 15px; height: 68px; font-size: 0; } .menu2 li { cursor: pointer; margin-left: 15px; float: right; margin-top: 24px; } .menu2 li+li { margin-top: 21px; } .menu2 li img { /*vertical-align: middle;*/ } .chenggao { display: none; height: 75px; } #nav-2-heidi { position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 800; background-image: url(../images/heidi.png); display: none; } .nav-2-form { padding-bottom: 20px; } .nav-2-form .form-control { height: 42px; line-height: 42px; } .nav-2-form input[type="image"] { top: 22px; } /********[手机导航结束]**********/ #main { background: #f7fbfb; padding-bottom: 20px; } .quick-nav-box { height: 110px; background: #078a84; } .quick-nav-box .container{ position: relative; } .quick-nav-box .container:before{ content: ""; width: 116px; height: 100px; position: absolute; background: url(../images/qnav-first-bj.jpg) no-repeat; top: 0px; left: -116px; z-index: 3; } .quick-nav-item { height: 110px; background: url(../images/q-nav-bj.jpg) no-repeat; background-size: cover; display: flex; justify-content: center; } .quick-nav-item:first-child { position: relative; } /*.quick-nav-item:first-child:before { content: ""; width: 116px; height: 100px; position: absolute; background: url(../images/qnav-first-bj.jpg) no-repeat; top: 0px; left: -116px; z-index: 3; } */ .quick-nav-item a { color: #fff; display: block; padding-top: 15px; text-align: center; } .quick-nav-item a:hover{ font-weight: bolder; } .quick-nav-item a i { width: 46px; display: block; margin: 0px auto; } .quick-nav-item a span { display: inline-block; padding-top: 5px; } .m-top-30 { margin-top: 30px; } .w-406 { width: 406px; margin-left: 40px; } .home-tzgg { overflow: hidden; height: 383px; } .home-tit { height: 46px; line-height: 30px; border-bottom: 1px solid #ededed; overflow: hidden; } .home-tit span { float: left; height: 46px; font-size: 20px; display: inline-block; font-weight: bolder; border-bottom: 4px solid #078d87; } .home-tit a { float: right; font-size: 14px; color: #999; } .home-tzgg-con ul li { height: 48px; line-height: 48px; border-bottom: 1px solid #eaebeb; background: url(../images/li_bj.png) no-repeat left center; padding-left: 12px; overflow: hidden; display: flex; align-items: center; } .home-tzgg-con ul li a { overflow: hidden; color: #222; flex-grow: 1; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .home-tzgg-con ul li span { color: #999; width: 96px; text-align: right; flex-shrink: 0; } .home-tzgg-con ul li a:hover { color: #078d87; } .home-xwdt { overflow: hidden; height: 383px; } .home-xwdt-con { padding-top: 25px; } .home-xwdt-picnews { width: 398px; height: 312px; margin-right: 26px; background: #fff; } .pc-picnews ul li a i.imgbox_a { padding-bottom: 64.573%; } .pc-picnews ul li a i{ position: relative; } .pc-picnews ul li a i h1{ position: absolute; width: 82px; height: 40px; background: rgba(0, 0, 0, 0.5); display: flex; align-items: center; justify-content: center; bottom: 0px; left: 0px; color: #fff; border-bottom-right-radius: 3px; border-top-right-radius: 3px; font-style: normal; font-size: 26px; } .pc-picnews ul li a i h1 span{ font-size: 16px; margin-left: 4px; padding-top: 3px; } .pc-picnews ul li { position: relative; } .pc-picnews ul li a .tver { width: 100%; height:58px; line-height: 58px; background: #fff; color: #333; display: flex; align-items: center; position: relative; } .pc-picnews ul li a .tver>.pc-news-date { width: 94px; height: 68px; background: #078a84; text-align: left; padding-left: 14px; color: #fff; position: absolute; top:-10px; right: 0px; } .pc-picnews ul li a .tver>.pc-news-date h1 { margin: 0px; font-size: 24px; line-height: 35px; margin-top: 5px; } .pc-picnews ul li a .tver>.pc-news-date h2 { margin: 0px; font-size: 14px; } .pc-picnews ul li a .tver>span { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; padding-left: 10px; padding-right:100px; } .pc-picnews .flex-direction-nav { display: flex; justify-content: space-between; align-items: center; position: absolute; z-index: 2; width: 100%; padding-left: 15px; padding-right: 15px; height: 28px; top: 50%; margin-top: -14px; } .pc-picnews .flex-direction-nav li { width: 15px; height: 28px; } .pc-picnews .flex-direction-nav li a.flex-prev { width: 15px; height: 28px; background: url(../images/jt-l.png) no-repeat center; } .pc-picnews .flex-direction-nav li a.flex-next { width: 15px; height: 28px; background: url(../images/jt-r.png) no-repeat center; } .home-xwdt-listbox { overflow: hidden; } .home-xwdt-recommend { padding-bottom: 15px; border-bottom: 1px solid #e6e6e6; } .home-xwdt-recommend h1 { font-size: 18px; line-height: 1.5; height: 1.5em; overflow: hidden; } .home-xwdt-recommend h2 { font-size: 14px; color: #999; margin-top: 12px; margin-bottom: 20px; } .home-xwdt-recommend h3 { font-size: 16px; color: #999; line-height: 1.5; height: 3em; overflow: hidden; } .home-xwdt-list { padding-top: 8px; } .home-xwdt-list ul li { display: flex; align-items: center; padding-top: 10px; } .home-xwdt-list ul li a { float: left; line-height: 1.5; height: 1.5em; overflow: hidden; flex-grow: 1; } .home-xwdt-list ul li a:hover { color: #067771; } .home-xwdt-list ul li span { flex-shrink: 0; width: 70px; display: block; text-align: right; } .home-box2-r { background: #e3f3f2; height: 680px; border-radius: 8px; padding: 24px; } .home-zt ul li { margin-bottom: 12px; height: 70px; } .home-zt ul li a { padding-left: 132px; height: 100%; display: flex; align-items: center; color: #fff; height: 70px; } .home-zt ul li.zt-1 { background: url(../images/zt-1.png) no-repeat; background-size: 100%; } .home-zt ul li.zt-2 { background: url(../images/zt-2.png) no-repeat; background-size: 100%; } .home-zt ul li.zt-3 { background: url(../images/zt-3.png) no-repeat; background-size: 100%; } .home-zt ul li.zt-4 { background: url(../images/zt-4.png) no-repeat; background-size: 100%; } .home-zt ul li.zt-5 { background: url(../images/zt-5.png) no-repeat; background-size: 100%; } .home-contact-tit { height: 66px; line-height: 66px; font-size: 20px; font-weight: bolder; position: relative; padding-left: 15px; } .home-contact-tit::before { position: absolute; content: ""; width: 6px; height: 20px; border-radius: 6px; background: #078d87; top: 50%; left: 0px; margin-top: -10px; } .home-contact-con { height: 163px; padding: 20px; background: url(../images/contact-bj.png) no-repeat right center #fff; border-radius: 8px; } .home-contact-tel{ position: relative; height: 123px !important; top: 0px; overflow: hidden; display: block; } .home-contact-tel ul{ position: absolute; } .home-contact-tel ul li{ height: 30px; line-height: 30px; font-size: 16px; } .home-contact-tel ul li:hover{ cursor: pointer; } .home-box2-l { overflow: hidden; } .home-dqgz-tit { display: flex; height: 46px; line-height: 46px; align-items: center; border-bottom: 1px solid #ededed; } .home-dqgz-name { flex-grow: 1; } .home-dqgz-name ul li { height: 20px; line-height: 20px; float: left; font-size: 20px; border-right: 1px solid #ccc; padding-left: 20px; padding-right: 20px; } .home-dqgz-name ul li:first-child { padding-left: 0px; } .home-dqgz-name ul li:last-child { border-right: none; } .home-dqgz-name ul li a { color: #666; font-weight: bold; } .home-dqgz-name ul li.cur a { color: #333; } .home-dqgz-more { width: 90px; text-align: right; flex-shrink: 0; } .home-dqgz-more.cur{ display: block; } .home-dqgz-more ul li.cur{ display: block; } .home-dqgz-more ul li{ display: none; } .home-dqgz-more ul li a { color: #999; font-size: 14px; } .home-dqgz-list { margin-top: 12px; display: none; } .home-dqgz-list.cur{ display: block; } .home-dqgz-list ul li { display: flex; align-items: center; padding-top: 14px; } .home-dqgz-list ul li a { float: left; line-height: 1.5; height: 1.5em; overflow: hidden; flex-grow: 1; } .home-dqgz-list ul li a:hover{ color:#067771; } .home-dqgz-list ul li span { flex-shrink: 0; width: 70px; display: block; text-align: right; } .home-tsks-list { margin-top: 22px; } .home-tsks-item a:hover .home-tsks-txt h1{ color: #067771; } .home-tsks-pic i { position: relative; } .home-tsks-pic i.imgbox_a { padding-bottom: 64.61%; } .home-tsks-pic span { position: absolute; bottom: 0px; right: 0px; background: #067771; color: #fff; font-style: normal; padding: 5px 10px; font-size: 14px; border-top-left-radius: 8px; } .home-tsks-txt { background: #fff; padding: 15px; height: 122px; } .home-tsks-txt h1 { font-size: 18px; line-height: 1.5; height: 1.5em; overflow: hidden; } .home-tsks-txt h2 { line-height: 1.5; height: 3em; overflow: hidden; font-size: 14px; color: #999; margin-top: 5px; } .home-tsks-list ul li a:hover .home-tsks-txt h1 { color: #067771; } #footer { background: url(../images/footer-bj.jpg) no-repeat; background-size: cover; } .home-footer-top { display: flex; padding-top: 40px; padding-bottom: 40px; } .home-footer-box1, .home-footer-box2 { flex: 1; border-right: 1px solid #3e8a85; } .home-footer-box2 { position: relative; } .home-footer-box3 { flex: 1; display: flex; justify-content: flex-end; align-items: center; } .home-footer-link { width: 340px; margin-top: 20px; } .home-footer-link .form-control { background: rgba(255, 255, 255, 0.2); border: 1px solid #3fafab; height: 46px; border-radius: 2px; color: #fff; } .home-footer-link .form-control option { color: #333; border: none; } .home-footer-contactinf { display: inline-block; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 230px; } .home-footer-contactinf h1 { font-size: 14px; color: #fff; padding: 8px 0; } .footer-ewm { text-align: center; margin-left: 35px; } .footer-ewm:first-child { margin-left: 0px; } .footer-ewm i { display: block; } .footer-ewm span { color: #fff; display: block; margin-top: 8px; font-size: 14px; } .home-footer-down { border-top: 1px solid #217771; display: flex; justify-content: space-between; padding-top: 15px; padding-bottom: 15px; } .home-footer-down span { color: #fff; font-size: 14px; } /*************[新闻列表]**************/ #ej-main { background: #f7fbfb; } .ej-banner { text-align: center; } .ej-box { position: relative; background: url(../images/ej-bj.jpg) no-repeat bottom center; height: auto; } .ej-box-con { background-color: #fff; position: relative; top: -75px; padding: 20px; } .ej-menu { background: url(../images/ej-menu-bj.png) no-repeat bottom center; overflow: hidden; margin-right: 38px; padding-bottom: 300px; } .ej-menu-list { overflow: hidden; } .ej-menu-tit { width: 265px; height: 107px; font-size: 26px; color: #fff; display: flex; align-items: center; justify-content: center; background: url(../images/ej-menu-tit.png); } .ej-menu-list ul li a { width: 265px; height: 64px; display: flex; align-items: center; justify-content: center; border-radius: 5px; margin-top: 16px; background: #f6f8f8; position: relative; } .ej-menu-list ul li a::after { content: ""; width: 8px; height: 16px; position: absolute; top: 50%; margin-top: -8px; right: 15px; background: url(../images/li-jt.png) no-repeat; z-index: 1; } .ej-menu-list ul li a:hover { background: #e8f5f4; color: #078a84; } .ej-menu-list ul li a:hover::before { width: 4px; content: ""; height: 100%; position: absolute; left: 0px; background: #078a84; border-bottom-left-radius: 5px; border-top -left-radius: 5px; } .ej-menu-list ul li a:hover::after { background: url(../images/li-jth.png) no-repeat; } .ej-menu-list ul li.cur a { background: #e8f5f4; color: #078a84; } .ej-menu-list ul li.cur a::after { background: url(../images/li-jth.png) no-repeat; } .ej-menu-list ul li.cur a::before { width: 4px; content: ""; height: 100%; position: absolute; left: 0px; background: #078a84; border-bottom-left-radius: 5px; border-top -left-radius: 5px; } .ej-main-box { overflow: hidden; } .ej-mbx { display: flex; align-items: center; border-bottom: 1px solid #ededed; height: 72px; position: relative; } .ej-mbx:before { position: absolute; content: ""; width: 6px; height: 20px; border-radius: 8px; background: #078d87; top: 50%; left: 0px; margin-top: -10px; } .ej-mbx-tit { width: inherit; height: 72px; line-height: 72px; flex-shrink: 0; border-bottom: 2px solid #078a84; padding-left: 15px; font-size: 22px; color: #078a84; } .ej-mbx-nav { display: flex; flex-grow: 1; align-items: center; justify-content: flex-end; } .ej-mbx-nav span { margin: 0px 3px; } .ej-news-list ul li { border-bottom: 1px solid #f5f5f5; padding-bottom: 28px; padding-top: 28px; } .ej-news-list ul li a { display: flex; } .ej-news-date { width: 90px; flex-shrink: 0; margin-right: 26px; } .ej-news-date h1 { font-size: 28px; color: #333; position: relative; padding-bottom: 10px; font-family: 'dinpro'; } .ej-news-date h1::after { position: absolute; content: ""; width: 24px; height: 1px; background-color: #ccc; margin-top: 10px; left: 0px; bottom: 0px; } .ej-news-date h2 { font-size: 16px; color: #999999; padding-top: 10px; } .ej-news-inf { flex-grow: 1; display: flex; } .ej-news-img { width: 187px; flex-shrink: 0; margin-right: 26px; } .ej-news-img i.imgbox_a { padding-bottom: 74.87%; } .ej-news-txt h1 { font-size: 18px; color: #333; line-height: 1.5; height: 1.5em; margin-top: 10px; overflow: hidden; font-weight: bolder; } .ej-news-txt h2 { font-size: 16px; color: #333; line-height: 1.75; height: 3.5em; overflow: hidden; margin-top: 30px; color: #999; } .ej-news-list ul li a:hover .ej-news-txt h1, .ej-news-list ul li a:hover .ej-news-date h1 { color: #078a84; } .page { padding-top: 50px; padding-bottom: 30px; } .page ul { display: table; margin: 0px auto; } .page ul li { display: table-cell; } .page ul li a { display: block; padding: 5px 14px; border: 1px solid #dee4e9; margin: 0px 5px; text-align: center; } .page ul li a:hover { background: #078a84; color: #fff; border: 1px solid #078a84; } /*************[通知列表]**************/ .ej-notice-inf { flex-grow: 1; background: url(../images/li_bj.png) no-repeat left 10px; padding-left: 16px; } .ej-notice-inf h1 { font-size: 18px; color: #333; line-height: 1.5; height: 1.5em; overflow: hidden; font-weight: bolder; } .ej-notice-inf h2 { font-size: 16px; color: #333; line-height: 1.5; height: 1.5em; overflow: hidden; color: #999; margin-top: 16px; } .ej-notice-time { font-size: 22px; color: #078a84; width: 150px; flex-shrink: 0; justify-content: flex-end; display: flex; font-family: 'dinpro'; } .ej-notice-list ul li a:hover .ej-notice-inf h1 { color: #078a84; } /*************[医院风采]**************/ .case-box { overflow: hidden; } .case-box ul li { margin-top: 34px; } .case-box ul li a { background: #fff; display: block; position: relative; } .case-box ul li a i span { position: absolute; height: 100%; width: 100%; position: absolute; z-index: 3; width: 46px; height: 46px; top: 50%; left: 50%; margin-top: -23px; margin-left: -23px; color: #fff; } .case-box ul li a i::before { content: ""; position: absolute; width: 100%; height: 100%; z-index: 2; background: url(../images/play.png) no-repeat center rgba(0, 0, 0, 0.5); } .pic-box ul li a i::before { content: ""; position: absolute; width: 100%; height: 100%; z-index: 2; background: none; } .case-box ul li .imgbox_a { padding-bottom: 73.11%; position: relative; } .pro-case ul li .imgbox_a { padding-bottom: 120.32% !important; position: relative; } .case-box ul li a .case-text { height: 68px; line-height: 68px; background: #f3f3f3; text-align: center; font-size: 16px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .case-box ul li a:hover i span { display: none; } .case-box ul li a:hover i::before { opacity: 0; } /*************[现任领导]**************/ .xrld-box ul li .imgbox_a { padding-bottom: 137.78%; position: relative; } /************[单篇]****************/ .danpian { padding-top: 32px; padding-bottom: 32px; } .danpian-h1 { font-size: 24px; line-height: 1.6; color: #333; text-align: center; font-weight: bolder; } .danpian-h2 { font-size: 14px; line-height: 1.6; color: #999; text-align: center; border-bottom: 1px solid #eee; padding: 10px 0 15px; } .danpian-con { font-size: 14px; color: #666; line-height: 2; padding: 20px 0px 0px; min-height: 600px; } .danpian-con * { font-size: 16px !important; color: #666 !important; line-height: 2.4 !important; } .danpian-con img { margin: 15px auto; } .danpian-con p{ text-indent: 2em; } .dan-page { padding-top: 10px; border-top: 1px solid #eee; } .dan-a { margin-top: 12px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .dan-a a { font-size: 16px; color: #666; } .dan-a a:hover { color: #004998; } /*新闻内容*/ .news-main { margin-top: 105px; padding-top: 30px; overflow: hidden; border-top: 1px solid #d8d8d8; } .news-main-l { width: calc(100% - 462px); } .news-main-tit { width: 100%; border-bottom: 1px solid #E1E1E1; overflow: hidden; padding-bottom: 32px; } .news-main-mbx { position: relative; padding-top: 15px; } .news-main-mbx:before { content: ""; position: absolute; width: 200px; height: 3px; background: #AE1C1C; top: 0px; } .news-main-mbx a { font-size: 20px; font-weight: bolder; color: #707070; } .news-main-mbx a:first-child { color: #AAAEAD; } .news-main-tit h1 { padding-top: 32px; padding-bottom: 32px; font-size: 18px; font-weight: bolder; } .news-main-tit h2 { font-size: 18px; color: #707070; border-left: 1px solid #E1E1E1; padding-left: 30px; } .news-main-page { display: flex; align-items: center; justify-content: space-between; } .news-page-box a { font-size: 15px; display: block; font-weight: bolder; padding: 8px 0; } .news-main-r { width: 462px; padding-left: 30px; } .news-recommend-pic i.imgbox_a { padding-bottom: 66.74%; } .news-zxgx-tit { font-size: 24px; font-weight: bolder; color: #333; margin-top: 20px; padding-bottom: 15px; } .news-zxgx-con ul li { border-top: 1px solid #e1e1e1; padding-top: 20px; padding-bottom: 20px; } .news-zxgx-con ul li h1 { color: #333; font-size: 16px; } .news-zxgx-con ul li h2 { color: #333; font-size: 16px; margin-top: 10px; } .xrld-list1{ padding-left: 220px; padding-right: 220px; } .xrld-list2{ padding-left: 100px; padding-right: 100px; } .pc-nav-box { width: 100%; height: 60px; line-height: 60px; background: #078a84; } .pc-nav-main{ display: flex; } .pc-search{ width: 30px; flex-shrink: 0; } .pc-nav{ flex-grow: 1; }