@import "https://at.alicdn.com/t/font_1894854_4wxd8vn1702.css"; @charset "utf-8"; * { /*font-family: 'microsoft yahei', arial;*/ padding: 0; margin: 0; /*font-size: 14px;*/ box-sizing: border-box; /*font-weight: 400;*/ outline: none; } a { text-decoration: none; } li { list-style-image: url(/uploads/image/asrimg/list-icon.jpg); } .cd-accordion-menu li,.cd-accordion-menu2 li {list-style-image:none;} .container { width: 100%; } .view-width { font: normal 16px/45px "微软雅黑"; max-width: 1200px; width: 1200px; margin: auto; } .flex { display: flex; flex-wrap: wrap; } .j-center { justify-content: center; } .a-center { align-items: center; } .j-end { text-align: right; } .col-1 { max-width: 8.333334%; flex: 0 0 8.333334%; } .col-2 { max-width: 16.666667%; flex: 0 0 16.666667%; } .col-3 { max-width: 23%; flex: 0 0 25%; } .col-4 { max-width: 33.333334%; flex: 0 0 33.333334%; } .col-5 { max-width: 41.666667%; flex: 0 0 41.666667%; } .col-15 { max-width:23%; flex: 0 0 23%; } .col-6 { max-width: 50%; flex: 0 0 50%; } .col-7 { max-width: 58.333334%; flex: 0 0 58.333334%; } .col-8 { max-width: 66.666667%; flex: 0 0 66.666667%; } .col-9 { max-width: 75%; flex: 0 0 75%; } .col-10 { max-width: 83.333334%; flex: 0 0 83.333334%; } .col-11 { max-width: 91.666667%; flex: 0 0 91.666667%; } .col-25 { max-width: 20%; flex: 0 0 20%; } .col-75 { max-width: 77%; flex: 0 0 77%; } .col-100 { max-width: 100%; flex: 0 0 100%; } .header { background-color: #fafafa; border-bottom: 1px solid #e1e1e1; color: #444; font-size: 14px; } .header .view-width{ font-size: 14px; } .header .header-top { height: 60px; } .header .header-top > div .csjs { margin-left: 20px; color: #2258a9; } .header .header-top > div a { margin-top: -10px; color: #444; } .header .header-top > div .lang { margin: 0 40px; } .header .header-top > div .lang a { color: #444; } .header .header-top > div .lang a.active { text-decoration: underline; } .header .header-top > div .input { position: relative; } .header .header-top > div .input input { height: 40px; width: 270px; padding-left: 10px; } .shangxia { text-align: center; } .shangxia i { font-size: 35px !important; } .shangxia p { width: 100%; font-size: 20px; } .header-banner { height: 220px; width: 100%; overflow: hidden; position: relative; border-radius: 4px 4px 0 0; } .header-banner img { height: 100%; width: auto; position: absolute; top: 0; left: 50%; transform: translatex(-50%); } .phwza{ display:none; } .phwza a{ border: 1px #ddd solid; padding: 2px 5px; border-radius: 4px; color: #fff!important; background: #2258a9; box-shadow: 0 4px 6px rgb(100 100 100 / 15%); transition: all 0.35s ease-in-out; } .nav { height: 52px; background-color: #2258a9; } .nav .nav-item { height: 52px; } .nav .nav-item > div { text-align: center; position: relative; height: 100%; } .nav .nav-item > div a { font: normal 20px/50px "微软雅黑"; font-weight: 500; color: #fff; line-height: 52px; } .nav .nav-item > div a.active { border-bottom: 5px solid #fff; padding-bottom: 11px; } .nav .nav-item > div .more-item { position: absolute; width: 100%; border: 1px solid #d1d1d1; border-radius: 5px; background: #fff; display: none; z-index: 999; top: 50px; /* 小角的背景填充*/ } .nav .nav-item > div .more-item ul { padding: 10px 0; } .nav .nav-item > div .more-item ul li { list-style: none; color: #444; line-height: 35px; cursor: pointer; } .nav .nav-item > div .more-item ul li a { color: #444; font-weight: 400; } .nav .nav-item > div .more-item ul li:hover { color: #2258a9; } .nav .nav-item > div .more-item::after { position: absolute; z-index: 999; display: inline-block; border-width: 10px; /*与before的三角形重叠差1px,和元素边框是边框宽度一致*/ border-style: solid; border-color: transparent transparent #fff transparent; /*边框颜色(小角的填充色)要与整体元素背景一致*/ left: 49%; top: -20px; content: ''; } .main-info .hot-news { height: 105px; line-height: 105px; } .main-info .hot-news div { text-align: center; } .main-info .hot-news div a { color: #2258a9; font-size: 28px; font-weight: 900; } .main-info .hot-news div a:hover { text-decoration: underline; } .main-info .hot-news div:first-child { border-left: none; } .main-info .info .swiper-slide { height: 400px; background-position: center; background-size: cover; } .main-info .info .swiper-slide .title { position: absolute; bottom: 0; height: 62px; display: flex; align-items: center; color: #fff; width: 100%; padding-right: 30%; justify-content: center; background: rgba(0, 0, 0, 0.4); } .main-info .info .info-swiper-pagination { position: absolute; bottom: 24px; z-index: 2; right: 20px; width: 20%; left: auto; } .main-info .info .info-swiper-pagination .swiper-pagination-bullet { border-radius: 0; --swiper-theme-color: #2258a9; } .main-info .info .info-swiper-pagination1 { position: absolute; bottom: 24px; z-index: 2; right: 20px; width: 20%; left: auto; } .main-info .info .info-swiper-pagination1 .swiper-pagination-bullet { border-radius: 0; --swiper-theme-color: #2258a9; } .main-info .info-tabs { margin-left: 45px; border-bottom: 1px solid #d1d1d1; padding-bottom: 7px; } .main-info .info-tabs span { color: #999; font-size: 18px; cursor: pointer; } .main-info .info-tabs span.active { color: #2258a9; border-bottom: 3px solid #2258a9; padding-bottom: 9px; } .main-info .info-box { margin-left: 45px; padding: 0 0 15px 15px; } .main-info .info-box ul { display: none; } .main-info .info-box ul.active { display: block; } .main-info .info-box ul li { margin: 35px 0; } .main-info .info-box ul li a { color: #444; font-size: 16px; width: 414px; display: inline-block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; vertical-align: middle; } .main-info .info-box ul li span { color: #a1a1a1; float: right; } .online-work .title { width: 100%; height: 55px; background-image: url(/uploads/image/asrimg/bsbg.jpg); background-size: cover; background-position: center; color: #2e7f4a; text-align: center; line-height: 55px; font-weight: 500; font-size: 20px; } .online-work .box { height: 268px; padding: 5px 0 23px 0px; } .online-work .box .item { background-position: center; background-size: cover; } .online-work .box .item i { font-size: 30px; margin-right: 10px; } .online-work .box > div a { display: flex; width: 100%; height: 100%; right: 0; justify-content: center; align-items: center; color: #fff; font-size: 20px; } .online-work .box > div:nth-child(1) { padding: 15px 30px 15px 0; } .online-work .box > div:nth-child(1) a { height: 46%; } .online-work .box > div:nth-child(1) a:first-child { background-image: url(/uploads/image/asrimg/cardbg1.jpg); margin: 1% 0 7%; } .online-work .box > div:nth-child(1) a:last-child { background-image: url(/uploads/image/asrimg/cardbg2.jpg); } .online-work .box > div:nth-child(3) { padding: 15px 0 15px 30px; } .online-work .box > div:nth-child(3) a { background-image: url(/uploads/image/asrimg/cardbg3.jpg); } .online-work .box > div:nth-child(3) i { margin-right: 0; } .online-work .box .service { border: 1px solid #d1d1d1; box-shadow: 0 0 10px 2px #e1e1e1; } .online-work .box .service .t { height: 56px; line-height: 56px; text-align: center; background-color: #579fce; color: #fff; font-size: 20px; } .online-work .box .service .t i { font-size: 26px; vertical-align: middle; margin-right: 10px; } .online-work .box .service .zxbox { padding: 40px; } .online-work .box .service .zxbox a { text-align: center; color: #444; font-size: 16px; padding: 15px; } .online-work .box .service .zxbox a i { font-size: 20px !important; vertical-align: middle; margin-right: 10px; color: #2258a9; } .hengfu { height: 120px; background-image: url(/uploads/image/asrimg/hengfu.jpg); background-position: center; background-size: cover; width: 100%; display: block; } .zhuanti { margin-top: 30px; } .zhuanti > div.xgg > .col-4:nth-child(1) { padding-right: 15px; } .zhuanti > div.xgg > .col-4:nth-child(2) { padding: 0 5px; } .zhuanti > div.xgg > .col-4:nth-child(3) { padding-left: 15px; } .zhuanti > div > .col-4:nth-child(1) { padding-right: 30px; } .zhuanti > div > .col-4:nth-child(2) { padding: 0 15px; } .zhuanti > div > .col-4:nth-child(3) { padding-left: 30px; } .zhuanti > div > .col-3 { margin-top: 30px; } .zhuanti > div > .col-3:nth-child(1) { padding-right: 15px; } .zhuanti > div > .col-3:nth-child(2) { padding: 0 10px 0 5px; } .zhuanti > div > .col-3:nth-child(3) { padding: 0 5px 0 10px; } .zhuanti > div > .col-3:nth-child(4) { padding-left: 15px; } .zhuanti .title { padding-bottom: 7px; border-bottom: 1px solid #d1d1d1; } .zhuanti .title a { font-size: 20px; font-weight: 500; color: #2258a9; border-bottom: 3px solid #2258a9; padding-bottom: 9px; } .zhuanti .box ul { padding: 15px 0 0 15px; } .zhuanti .box ul li { padding: 15px 0; } .zhuanti .box ul li a { display: block; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; vertical-align: middle; color: #444; font-size: 16px; } .zhuanti .box ul li a:hover { color: #2258a9; text-decoration: underline; } .zhuanti .img { background-position: center; background-size: cover; height: 180px; width: 100%; display: block; position: relative; } .zhuanti .img span { position: absolute; padding: 7px 35px 7px 40px; border-top-left-radius: 25px; border-bottom-left-radius: 25px; background-color: rgba(73, 171, 85, 0.7); right: 0; bottom: 10px; color: #fff; font-size: 18px; } .zhuanti .img:hover { transition: all .4s; -webkit-filter: brightness(200%); filter: brightness(160%); } .zhuanti .img:hover span { -webkit-filter: brightness(60%); filter: brightness(60%); } .zhuanti .gg { margin: 30px 0; background-position: center; background-size: cover; height: 106px; width: 100%; display: block; } .link { background-color: #2258a9; background-position: center; background-size: cover; border-bottom: 1px solid #f4f4f4; padding: 5px; } .link > div { justify-content: space-between; } .link > div .col-3 { position: relative; max-width: 24%; flex: 0 0 24%; height: 42px; background-color: #2258a9; text-align: center; line-height: 42px; color: #fff; cursor: pointer; } .link > div .col-3 > div { font: normal 18px/40px "微软雅黑"; position: relative; } .link > div .col-3 > div > a { font: normal 18px/40px "微软雅黑"; color: #fff; } .link > div .col-3 > div .down { position: absolute; right: 18px; } .link > div .col-3 > div .down i { display: block; transition: all .3s; } .link > div .col-3 .more-link { position: absolute; width: 100%; border: 1px solid #d1d1d1; border-radius: 5px; margin-top: 2px; background: #fff; display: none; } .link > div .col-3 .more-link ul { height: 126px; overflow: auto; } .link > div .col-3 .more-link ul li { list-style: none; color: #444; } .link > div .col-3 .more-link ul li a { color: #444; } .link > div .col-3 .more-link ul li:hover { color: #2258a9; } .footer { height: 110px; background-color: #2258a9; display: flex; align-items: center; } .footer img { height: 100%; } .footer > div > div p { text-align: left; line-height: 30px; color: #fff; } .footer > div > div p a { color: #fff; padding: 0 10px; } .footer > div > div:last-child p { text-align: right; } .footer > div > div:last-child p a { padding: 0; } .left-bar { position: fixed; right: calc((100% - 1200px) / 2 1250px); top: 350px; transition: all 1s; } .left-bar > div { text-align: center; cursor: pointer; } .right-bar { position: fixed; left: calc((100% - 1200px) / 2 1250px); top: 350px; transition: all 1s; } .right-bar > div { width: 60px; height: 60px; border-radius: 50%; margin-bottom: 15px; } .right-bar > div.vx { position: relative; } .right-bar > div.vx .ercode { display: none; width: 100px; height: 100px; position: absolute; left: -120px; box-shadow: 0 0 5px 1px #d1d1d1; } .right-bar > div.vx .ercode img { width: 100%; height: 100%; } .right-bar > div:first-child { background-color: #2258a9; position: relative; } .right-bar > div:first-child i { font-size: 40px; color: #fff; position: absolute; top: 7px; left: 10px; } .right-bar > div:last-child { background-color: #2e7f4a; text-align: center; line-height: 60px; } .right-bar > div:last-child i { font-size: 34px; color: #fff; } .bread { background-color: #f4f4f4; display: flex; align-items: center; justify-content: left; height: 50px; } .bread a { font: normal 16px/45px "微软雅黑"; color: #a1a1a1; } .bread a:hover { text-decoration: underline; } .bread span { color: #a1a1a1; margin: 0 10px; } .list-box { padding: 50px 0; } .list-box .list-left .item { position: relative; width: 100%; background-color: #f4f4f4; margin-bottom: 28px; text-align: center; } .list-box .list-left .item.active { background-color: #2258a9; } .list-box .list-left .item.active a { color: #f4f4f4 !important; } .list-box .list-left .item.active .slidedown { color: #f4f4f4; } .list-box .list-left .item.active::after { position: absolute; display: inline-block; border-width: 8px; border-style: solid; border-color: transparent transparent transparent #2258a9; right: -16px; top: 36%; content: ''; } .list-box .list-left .item:hover { background-color: #2258a9; } .list-box .list-left .item:hover > a { color: #f4f4f4; } .list-box .list-left .item:hover.noj { background-color: #f4f4f4; } .list-box .list-left .item:hover.noj::after { display: none; } .list-box .list-left .item:hover.noj.active { background-color: #2258a9; } .list-box .list-left .item:hover.noj.active > a { color: #fff; } .list-box .list-left .item:hover.noj.active .first div { color: #fff; } .list-box .list-left .item:hover.noj.active .first div a { color: #fff; } .list-box .list-left .item:hover::after { position: absolute; display: inline-block; border-width: 8px; border-style: solid; border-color: transparent transparent transparent #2258a9; right: -16px; top: 36%; content: ''; } .list-box .list-left .item > a { display: block; width: 100%; height: 100%; line-height: 54px; font: bold 18px/60px "微软雅黑"; color: #2258a9; } .list-box .list-left .item .slidedown { font: bold 18px/60px "微软雅黑"; width: 100%; height: 100%; line-height: 54px; font-size: 18px; color: #2258a9; cursor: pointer; } .list-box .list-left .item .slidedown i { transition: all .3s; display: inline-block; } .list-box .list-left .item .slidedown .first { display: none; margin-top: 10px; } .list-box .list-left .item .slidedown .first li { line-height: 40px; list-style: none; border-bottom: 1px solid #fff; } .list-box .list-left .item .slidedown .first li:last-child { border-bottom: none; } .list-box .list-left .item .slidedown .first li a { font-size: 16px; color: #2258a9; } .list-box .list-left .item .slidedown .third { display: none; margin-top: 10px; } .list-box .list-left .item .slidedown .third li { line-height: 40px; list-style: none; border-bottom: 1px solid #fff; } .list-box .list-left .item .slidedown .third li:last-child { border-bottom: none; } .list-box .list-left .item .slidedown .third li a { font-size: 16px; color: #2258a9; } .list-box .list-left .item .slidedown .first .second { display: none; } .list-box .list-left .item .slidedown .first .second .second1 { display: none; } .list-box .list-left .item .slidedown .first .second li { line-height: 40px; list-style: none; border-bottom: 1px solid #fff; } .list-box .list-left .item .slidedown .first .second .second1 li { line-height: 40px; list-style: none; border-bottom: 1px solid #fff; } .list-box .list-left .item .slidedown .first .second li a { font-size: 14px; color: #2258a9; margin-left: 15px; } .list-box .list-left .item .slidedown .first .second .second1 li a { font-size: 14px; color: #2258a9; margin-left: 15px; } .list-box .list-left .item .slidedown .first .second li:last-child { border-bottom: none; } .list-box .list-left .item .slidedown .first .second .second1 li:last-child { border-bottom: none; } .list-box .list-right { padding-left: 50px; } .list-box .list-right .title { padding-bottom: 7px; border-bottom: 1px solid #d1d1d1; } .list-box .list-right .title a { font-size: 20px; font-weight: 500; color: #2258a9; border-bottom: 3px solid #2258a9; padding-bottom: 9px; } .list-box .list-right .list-content .box { padding: 0 0 0 15px; /*border-bottom: 1px dashed #d1d1d1;*/ } .list-box .list-right .list-content .box ul li { line-height: 41px; margin: 6px 0; padding-left: 6px; height: 41px; list-style-image:url(/uploads/image/asrimg/list-icon.jpg); } .list-box .list-right .list-content .box ul li a { color: #333333; font: normal 17px/36px; width: 80%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; float: left; } .list-box .list-right .list-content .box ul li span { color: #a1a1a1; float: right; } .list-box .list-right .list-content .content .tips { margin-top: 28px; padding: 20px 20px; background: #fafafa; } .list-box .list-right .list-content .content .tips p { line-height: 28px; color: #a1a1a1; } .list-box .list-right .list-content .content .form { margin-top: 30px; } .list-box .list-right .list-content .content .form > .flex { margin-bottom: 20px; } .list-box .list-right .list-content .content .form > .flex .label { width: 140px; text-align: right; padding-right: 10px; font-size: 16px; color: #333; line-height: 38px; } .list-box .list-right .list-content .content .form > .flex .label .required { margin-right: 10px; color: red; font-size: 16px; } .list-box .list-right .list-content .content .form > .flex .input textarea { resize: none; margin: 0px; padding: 10px; color: #333; width: 770px; height: 120px; border: 1px solid #d1d1d1; } .list-box .list-right .list-content .content .form > .flex .input input { margin: 0px; padding: 10px; color: #333; width: 770px; height: 38px; border: 1px solid #d1d1d1; } .list-box .list-right .list-content .content .form > .flex .input.code input { width: 150px; } .list-box .list-right .list-content .content .form > .flex .input.code img { vertical-align: middle; } .list-box .list-right .list-content .content .submit { display: block; width: 100px; background: #2258a9; padding: 15px 30px; text-align: center; color: #fff; border-radius: 5px; margin: 50px auto; } .list-box .list-right .list-content .pt-list.df .avator { width: 136px !important; height: 176px; background-position: center; background-size: cover; } .list-box .list-right .list-content .pt-list.df .introduce { width: calc(100% - 250px) !important; } .list-box .list-right .list-content .pt-list h1 { width: 100%; margin: 40px 0 10px; text-align: center; font-size: 22px; font-weight: 900; color: #2258a9; } .list-box .list-right .list-content .pt-list .item { height: 238px; padding: 30px 0; border-bottom: 1px dashed #d1d1d1; } .list-box .list-right .list-content .pt-list .item .avator { width: 136px; height: 176px; background-position: center; background-size: cover; } .list-box .list-right .list-content .pt-list .item .introduce { width: calc(100% - 136px); padding: 0 30px; } .list-box .list-right .list-content .pt-list .item .introduce .name { color: #2258a9; font-size: 20px; font-weight: 900; margin-bottom: 20px; } .list-box .list-right .list-content .pt-list .item .introduce .intro { font-size: 15px; color: #a1a1a1; line-height: 28px; } .list-box .list-right .list-content .ls-list img { margin: 20px 0; width: 100%; } .list-box .list-right .list-content .ls-list .ls-list-search{ width:32%; margin:0 auto; position:relative; border:1px solid #dedede; border-radius:5px; background: url(/uploads/image/asrimg/search_34.jpg) 20% center no-repeat; padding-left:11%; margin:3% auto; } @font-face { font-family: 'fzdbsjw'; src: format("truetype"); } .list-box .list-right .list-content .ls-list .ls-list-search a{ width:95%; border:0; font: 32px/64px "fzdbsjw"; color:#2158aa; } .list-box .list-right .list-content .ls-list .ls-box { border: 1px solid #d1d1d1; padding: 20px 30px 50px 30px; } .list-box .list-right .list-content .ls-list .ls-box p { padding: 20px 0; } .list-box .list-right .list-content .ls-list .ls-box h3 { width: 100%; text-align: center; color: #2258a9; font-size: 20px; font-weight: 500; margin: 0 0 20px 0; } .list-box .list-right .list-content .ls-list .ls-box h5 { line-height: 40px; } .list-box .list-right .list-content .ls-list .ls-box h5 a { padding: 0; border: none; float: right; } .list-box .list-right .list-content .ls-list .ls-box a { padding-right: 20px; color: #2258a9; line-height: 40px; padding-bottom: 10px; border-bottom: 1px dashed #a1a1a1; } .list-box .list-right .list-content .ls-list .ls-box span { line-height: 30px; } .article-box { padding: 19px 0; } .article-box .title { font: normal 24px/36px "microsoft yahei"; text-align: center; border-bottom: 1px solid #d1d1d1; padding-bottom: 20px; position: relative; } .article-box .title h5 { margin-top: 20px; color: #a1a1a1; } .article-box .content { margin: 30px 0; padding-bottom: 30px; border-bottom: 1px solid #d1d1d1; } .article-box .content h3 { font-weight: 500; margin: 10px 0 20px; font-size: 16px; text-align: center; } .article-box .content b { font-size: 18px; font-weight: bolder; } .article-box .content b.btitle { display: block; margin-top: 20px; } .article-box .content p { font-size: 16px; line-height: 28px; margin-top: 10px; color: #444; } /*.article-box .content img {*/ /* display: block;*/ /* margin: 20px auto;*/ /*}*/ .map-item { margin: 20px 0; } .map-item > div a { color: #666; line-height: 30px; } .icon-canjiren { font-size: 22px !important; vertical-align: middle; color: #2258a9; } .icon-iconfonticonfontsousuo1 { position: absolute; right: 10px; top: -2px; font-size: 20px !important; color: #c1c1c1 !important; font-weight: 900; cursor: pointer; } @media (max-width: 1400px) { .left-bar { position: fixed; right: calc((100% - 1200px) / 2 1150px); top: 350px; transition: all 1s; z-index: 999; } .right-bar { position: fixed; left: calc((100% - 1200px) / 2 1205px); top: 350px; transition: all 1s; } } @media (max-width: 768px) { a { font-size: 12px !important; } .list-box .list-right .list-content .ls-list .ls-list-search a { font-size: 18px!important; } .list-box .list-right .list-content .ls-list .ls-list-search{ width:70%; margin:0 auto; position:relative; border:1px solid #e6e6e6; background: url(/uploads/image/asrimg/search_34.jpg) 9% center no-repeat; background-size: 9% 38%; padding-left:16%; margin:3% auto; } .view-width { font: normal 16px/45px "微软雅黑"; width: 100%; } .header { display: block; } .nav { height: 40px; } .nav .nav-item { height: 40px; } .nav a { font-size: 12px !important; line-height: 40px !important; } .nav .nav-item > div a.active { border-bottom: 5px solid #fff; padding-bottom: 6px; } .main-info .info .swiper-slide { height: 200px; } .main-info .info-box { padding: 0 15px; } .main-info .hot-news { height: 60px; line-height: 60px; } .main-info .hot-news div a { font-size: 16px; } .header-banner { height: 100px; width: 100%; overflow: hidden; position: relative; border-radius: 4px 4px 0 0; } .header-banner img { height: 100%; width: auto; position: absolute; top: 0; left: 88% !important; transform: translatex(-50%); } .left-bar { display: none; } .right-bar { display: none; } .col-6 { max-width: 100%; flex: 0 0 100%; } .hot-info .info .title { padding: 0 5%; } .hot-info .info-tabs { margin-left: 0; margin: 10px; } .hot-info .info-tabs span { font-size: 14px; } .hot-info .info-tabs span.active { padding-bottom: 8px; } .hot-info .info-box { margin: 10px; } .hot-info .info-box li { margin: 15px 0 !important; } .hot-info .info-box li a { font-size: 12px; } .hot-info .info-box li span { display: none; } .online-work .box { height: auto; padding: 0; } .online-work .box .col-3 { transition: all 1s; max-width: 100%; flex: 0 0 100%; padding: 0 !important; } .online-work .box .col-3 .item { margin: 0 0 !important; padding: 10px; } .online-work .box .col-6 { box-shadow: none; border: none; max-width: 100%; flex: 0 0 100%; } .online-work .box .col-6 .zxbox { padding: 20px; } .online-work .box .col-6 .zxbox .col-3 { transition: all 1s; max-width: 33.333334%; flex: 0 0 33.333334%; padding: 5px !important; } .hengfu { display: none; } .zhuanti { margin-top: 10px; padding: 10px; } .zhuanti .title a { font-size: 16px !important; } .zhuanti .col-4 { transition: all 1s; margin-top: 10px; padding: 0 !important; max-width: 100%; flex: 0 0 100%; } .zhuanti .col-4 li { padding: 10px 0 !important; } .zhuanti .col-3 { transition: all 1s; margin-top: 10px; padding: 0 !important; max-width: 100%; flex: 0 0 100%; } .zhuanti .xgg .col-4 { height: 100px; } .link { padding: 5px; margin-top: 45px; } .link > div .col-3 { max-width: 100%; flex: 0 0 100%; } .link p { font-size: 12px !important; } .link div { font-size: 12px !important; } .link span { font-size: 12px !important; } .footer { height: auto; padding: 10px; } .footer p { font-size: 12px !important; } .footer div { font-size: 12px !important; } .footer span { font-size: 12px !important; } .footer .col-1 { transition: all 1s; max-width: 100%; flex: 0 0 100%; text-align: center; } .footer .col-5 { transition: all 1s; max-width: 100%; flex: 0 0 100%; text-align: center; } .footer .col-5 p { line-height: 30px; text-align: center !important; } .footer .col-5 span { text-align: center; display: block; width: 100%; text-align: center; line-height: 15px; } .footer .col-6 { transition: all 1s; max-width: 100%; flex: 0 0 100%; } .footer .col-6 p { line-height: unset; text-align: center; } .footer .col-6 p:last-child { margin-top: 10px; line-height: 30px; } .footer .col-6 span { text-align: center; display: block; width: 100%; text-align: center; line-height: 15px; } .bread { padding: 0 10px; } .list-box { padding: 0; } .list-box .col-25 , .list-box .col-lt7 { transition: all 1s; max-width: 100%; flex: 0 0 100%; } .list-box .col-25 .item { margin: 0; } .list-box .col-lt7{ padding: 0 10px!important; } .list-box .col-25 .item a { line-height: 40px; } .list-box .col-25 .item .slidedown { line-height: 40px; font-size: 12px; } .list-box .col-25 .item .slidedown .first div { font-size: 10px; } .list-box .col-75, .list-box .col-lt5 { transition: all 1s; max-width: 100%; flex: 0 0 100%; padding: 10px; } .pt-list .introduce .name { font-size: 16px !important; } .pt-list .introduce .intro { font-size: 12px; line-height: 20px !important; } .pt-list div { font-size: 12px !important; } .list-content .title a { font-size: 16px !important; } /* .list-content ul li { margin: 15px 0 !important; } */ .list-content ul li a { display: block; width: 100%!important; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; vertical-align: middle; } .list-content ul li span, .col-lt7 .info-box ul li span { display: none; } .list-content .tips p { font-size: 12px; } .list-content .form .label { text-align: left !important; font-size: 14px !important; } .list-content .form .label span { font-size: 14px !important; } .list-content .form .input { width: 100%; margin: 0 10px; } .list-content .form .input input { width: 100% !important; } .list-content .form .input textarea { width: 100% !important; } .list-box .list-right .list-content .pt-list.df .item { height: auto; } .list-box .list-right .list-content .pt-list.df .avator { width: 100% !important; } .list-box .list-right .list-content .pt-list.df .introduce { width: 100% !important; margin-top: 20px; } } .zhuanti .img2{ background-image: url(/uploads/image/asrimg/f2.jpg); background-position: center; background-size: cover; height: 180px; width: 100%; display: block; position: relative; } .zhuanti .img2 span { position: absolute; padding: 7px 35px 7px 40px; border-top-left-radius: 25px; border-bottom-left-radius: 25px; background-color: rgba(73, 171, 85, 0.7); right: 0; bottom: 10px; color: #fff; font-size: 18px; } .zhuanti .img2:hover { transition: all .4s; -webkit-filter: brightness(200%); filter: brightness(160%); } .zhuanti .img2:hover span { -webkit-filter: brightness(60%); filter: brightness(60%); } .zhuanti .img1{ background-image: url(/uploads/image/asrimg/f1.jpg); background-position: center; background-size: cover; height: 180px; width: 100%; display: block; position: relative; } .zhuanti .img1 span { position: absolute; padding: 7px 35px 7px 40px; border-top-left-radius: 25px; border-bottom-left-radius: 25px; background-color: rgba(73, 171, 85, 0.7); right: 0; bottom: 10px; color: #fff; font-size: 18px; } .zhuanti .img1:hover { transition: all .4s; -webkit-filter: brightness(200%); filter: brightness(160%); } .zhuanti .img1:hover span { -webkit-filter: brightness(60%); filter: brightness(60%); } .zhuanti .img3{ background-image: url(/uploads/image/asrimg/f3.jpg); background-position: center; background-size: cover; height: 180px; width: 100%; display: block; position: relative; } .zhuanti .img3 span { position: absolute; padding: 7px 35px 7px 40px; border-top-left-radius: 25px; border-bottom-left-radius: 25px; background-color: rgba(73, 171, 85, 0.7); right: 0; bottom: 10px; color: #fff; font-size: 18px; } .zhuanti .img3:hover { transition: all .4s; -webkit-filter: brightness(200%); filter: brightness(160%); } .zhuanti .img3:hover span { -webkit-filter: brightness(60%); filter: brightness(60%); } .zhuanti .img4{ background-image: url(/uploads/image/asrimg/f4.jpg); background-position: center; background-size: cover; height: 180px; width: 100%; display: block; position: relative; } .zhuanti .img4 span { position: absolute; padding: 7px 35px 7px 40px; border-top-left-radius: 25px; border-bottom-left-radius: 25px; background-color: rgba(73, 171, 85, 0.7); right: 0; bottom: 10px; color: #fff; font-size: 18px; } .zhuanti .img4:hover { transition: all .4s; -webkit-filter: brightness(200%); filter: brightness(160%); } .zhuanti .img4:hover span { -webkit-filter: brightness(60%); filter: brightness(60%); } .zhuanti .gg1 { background-image: url(/uploads/image/asrimg/gg1.jpg); position: relative; margin: 30px 0; background-position: center; background-size: cover; height: 106px; width: 100%; display: block; } .zhuanti .gg2 { background-image: url(/uploads/image/asrimg/gg2.jpg); position: relative; margin: 30px 0; background-position: center; background-size: cover; height: 106px; width: 100%; display: block; } .zhuanti .gg3 { background-image: url(/uploads/image/asrimg/gg3.jpg); position: relative; margin: 30px 0; background-position: center; background-size: cover; height: 106px; width: 100%; display: block; } /* 底部 */ #footer1{ font: normal 14px "微软雅黑"; text-align: center; background-color: #2258a9; height: 190px;} #footer1 a{color: #fff;} #footer1 .container{position: relative;} #footer1 ul > li{display: inline-block; margin-top:44px; } #footer1 p{margin-top: 10px;} .shibie{position: absolute;top:48px;left: 234px;} .jiucuo{position: absolute;top:48px;right: 14px;} .list-box .list-right .list-content .content .fkform { padding: 20px 0; width: 100%; border-bottom: 1px solid #d1d1d1; } .list-box .list-right .list-content .content .fkform .label { font-size: 16px; color: #2258a9; height: 38px; line-height: 38px; font-weight: 500; margin-right: 10px; } .list-box .list-right .list-content .content .fkform .input { height: 38px; } .list-box .list-right .list-content .content .fkform .input input { height: 38px; } .list-box .list-right .list-content .content .fkform select { height: 38px; width: 100%; } .list-box .list-right .list-content .content .fkform .fksearch { display: block; height: 38px; width: 38px; background: #2258a9; text-align: center; } .list-box .list-right .list-content .content .fkform .fksearch i { color: #fff !important; position: unset; line-height: 38px; } .list-box .list-right .list-content .content .fkbox li { list-style: none; margin: 30px 0; padding-bottom: 30px; border-bottom: 1px solid #d1d1d1; } .list-box .list-right .list-content .content .fkbox li:last-child { border: none; } .list-box .list-right .list-content .content .fkbox li .fk-title { padding: 10px; background-color: #f1f1f1; } .list-box .list-right .list-content .content .fkbox li .fk-title img { margin-right: 15px; } .list-box .list-right .list-content .content .fkbox li .fk-title a { color: #2258a9; font-size: 15px; width: 70%; display: inline-block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; vertical-align: middle; } .list-box .list-right .list-content .content .fkbox li .fk-title span { color: #a1a1a1; float: right; } .list-box .list-right .list-content .content .fkbox li .fk-details { padding: 10px; } .list-box .list-right .list-content .content .fkbox li .fk-details h1 { font-weight: 500; font-size: 16px; } .list-box .list-right .list-content .content .fkbox li .fk-details p { padding: 10px 0; text-indent: 2em; } .list-box .list-right .list-content .content .fkbox li .fk-details a { color: #2258a9; float: right; } .list-box .list-right .list-content .content .fkbox li .fk-details .status p { text-align: right; padding: 0; } .list-box .list-right .title a.fk { float: right; color: red; border: none; font-size: 14px; padding: 0; line-height: 40px; } .more{ font-size: 18px!important; color: #999999!important; border-bottom: none!important; float: right; } .comme-k .title, .col-lt7 .title{ margin-bottom: 15px; } .comme-k .list-content{ margin-bottom: 10px; } .navcontent li{ float: left; width: 100%; position: relative; display: block; } .subnav{ cursor: pointer; height: 70px; line-height: 28px; display: flex; justify-content: center; align-items: center; background: #fff; border: 1px solid #dadada; font-size: 23px; color: #2258a9; font-weight: 500; border-radius: 0; margin-bottom: 12px; } .subnav i { font-size: 36px; } .subnav span { margin-left: 20px; display: block; } .currentdd { color: white; height: 70px; line-height: 28px; background: #2258a9; border: 1px solid #dadada; } .navcontent li a{ height: 30px; font-size: 17px; line-height: 30px; color: #333333; border: none; display: block; margin-bottom: 0; padding-left: 55px; background: url(/uploads/image/asrimg/bock-radus.png) 28px 14px no-repeat; } .activer a{ background: #eef8ff url(/uploads/image/asrimg/blue-radus.png) 28px 14px no-repeat!important; color: #2258a9!important; } .sanji .activer a{ background: #eef8ff url(/uploads/image/asrimg/blue-radus.png) 0px 14px no-repeat!important; } .lt-naver li ul li{ padding-left: 0; list-style: disc; } .navcontent { overflow: hidden; margin-bottom: 3px; padding: 20px 0; display: none; border: 1px solid #dadada; } .lt-naver li em { margin-left: 20px; width: 22px; height: 22px; background: url(/uploads/image/asrimg/add-white.png) no-repeat; background-size: cover; } .right-side-inner { border: 1px solid #dadada; background: #fff; padding: 33px; flex: 1; margin-left: 16px; } .comme-k01{ padding-left: 4px!important; } .right-side-inner h1 { font-size: 34px; color: #2258a9; margin: 19px 0px 38px 0px; text-align: center; font-weight: 600; } .title-red { overflow: hidden; width: 100%; margin-bottom: 15px; border-bottom: 2px solid #2258a9; } .title-red span { font-size: 18px; padding: 0px 20px; background: #2258a9; color: #fff; text-align: center; width: 160px; border-bottom: 1px solid #2258a9; display: block; clear: both; font-weight: bold; } .decer ul li{ list-style-image: url(/uploads/image/asrimg/dot.png) !important; padding-left: 6px; } .decer .box{ padding: 0 0 0 25px!important; } .btn-more{ color: #2258a9; font-size: 14px; width: 105px; height: 38px; background:#eef8ff; border:none; margin-top: 45px!important; margin-bottom: 80px!important; display: block; margin: 0 auto; cursor: pointer; } .col-lt7{ max-width: 65%; flex: 0 0 65%; padding-left: 0!important; } .two-qh{ border-bottom: 1px solid #d1d1d1; padding-bottom:7px; position: relative; } .two-qh span { margin: 0 35px; line-height: 39px; font-size: 20px; /* font-weight: bold; */ color: #676666; /* font: 20px/40px "微软雅黑"; */ cursor: pointer; /* color: #999; */ /* font: 20px/40px "微软雅黑"; */ /* cursor: pointer; */ } .two-qh .active{ color: #2258a9; border-bottom: 3px solid #2258a9; padding-bottom: 9px!important; } /*jt0707*/ .two-qh2{ /*border-bottom: 1px solid #d1d1d1;*/ /*padding-bottom:7px;*/ position: relative; margin-left: -35px; } .two-qh2 span { margin: 0 35px; line-height: 39px; font-size: 17px; /* font-weight: bold; */ color: #676666; /* font: 20px/40px "微软雅黑"; */ cursor: pointer; /* color: #999; */ /* font: 20px/40px "微软雅黑"; */ /* cursor: pointer; */ } .two-qh2 .active{ color: #2258a9; border-bottom: 3px solid #2258a9; padding-bottom: 9px!important; } .list-more2 { display: none; float: right; margin-top: 1px; color: #999999; font-size: 18px; margin-right: -110px; } .list-more4 { display: none; float: right; margin-top: 1px; color: #999999; font-size: 18px; margin-right: -110px; } .show { display: block; } .two-qh .li-more{ position: absolute; right: 0; } .two-qh2 .li-more3{ position: absolute; right: 0; } .two-qh .list-more2{ margin-right: 0; } .two-qh2 .list-more4{ margin-right: 0; } .two-qh>div:first-child span{ margin: 0; } .col-lt7 .info-box ul { display: none; } .col-lt7 .info-box ul.active { display: block; } .col-lt7 .info-box ul li a { font-family: "微软雅黑"; color: #444; font-size: 16px; width:85%; display: inline-block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; vertical-align: middle; } .col-lt7 .info-box ul li span { color: #a1a1a1; float: right; } /*jt0706*/ .col-lt7 .info-box2 ul { display: none; } .col-lt7 .info-box2 ul.active { display: block; } .col-lt7 .info-box2 ul li a { font-family: "微软雅黑"; color: #444; font-size: 16px; width:85%; display: inline-block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; vertical-align: middle; } .col-lt7 .info-box2 ul li span { color: #a1a1a1; float: right; } .six-btn{ margin: 0 -8px; overflow: hidden; margin-bottom: 29px; } .six-btn li{ list-style: none; float: left; padding: 0 8px; width: 16.6666%; } .six-btn li a{ border: 1px solid #2258a9; display: block; font-size: 18px; color: #2258a9; text-align: center; padding: 2px 0; } .zwgzzq li a{ border:0;display:flex;flex-direction:column; } .zwgzzq a p{ line-height:1.8em; } .margin-botom20{ margin-bottom: 20px; } .col-lt5{ max-width: 35%; flex: 0 0 35%; padding-left: 50px; } .four-list-content .bg01{ background: url(/uploads/image/asrimg/bg1.jpg) no-repeat; } .four-list-content .bg02{ background: url(/uploads/image/asrimg/bg2.jpg) no-repeat; } .four-list-content .bg03{ background: url(/uploads/image/asrimg/bg3.jpg) no-repeat; } .four-list-content .bg04{ background: url(/uploads/image/asrimg/bg4.png) no-repeat; } .four-list-content .bg05{ background: url(/uploads/image/asrimg/zwgk-01.png) no-repeat; } .four-list-content .bg06{ background: url(/uploads/image/asrimg/zwgk-02.png) no-repeat; } .four-list-content .bg07{ background: url(/uploads/image/asrimg/zwgk-03.png) no-repeat; } .four-list-content .bg08{ background: url(/uploads/image/asrimg/zwgk-04.png) no-repeat; } .four-list-content .bg09{ background: url(/uploads/image/asrimg/zwgk-05.png) no-repeat; } .four-list-content li{ list-style: none; margin-bottom: 24px; } .four-list-content li a{ display: block; text-align: center; padding: 11px 0; } .four-list-content .iconfont{ font-size: 36px; color: #fff; } .four-list-content li p{ font-size: 17px; color: #fff; line-height: 20px; margin-top: -7px; } .rg-conter .title{ margin-bottom: 15px; } .wd100 li a{ width: 100%!important; } .according li{ list-style: none; padding: 0 4px; float: left;width: 25%; } .according li a{ border: 1px solid #2258a9; display: block; text-align: center; color: #2258a9; padding: 20px 25px; line-height: 23px; } .according{ margin: 0 -4px; overflow: hidden; margin-bottom: 15px; margin-top: 25px; } .four-list-content li:last-child{ margin-bottom: 10px; } div#ivs_content{ padding-top: 30px; padding-left: 100px; padding-right: 100px; } div#ivs_content a{ font-family: inherit; } .cd-accordion-menu{ list-style-type: none; /* background: #666; margin:30px auto; width: 400px; padding:10px 20px; line-height: 2; */ } .cd-accordion-menu>li{ position: relative; width: 100%; background-color: #f4f4f4; margin-bottom: 28px; text-align: center; font: bold 18px / 60px "微软雅黑"; width: 100%; /* height: 100%; */ line-height: 54px; font-size: 18px; color: #2258a9; cursor: pointer; } .cd-accordion-menu>li i{ transition: all .3s; display: inline-block; transform:rotate(0deg) } .cd-accordion-menu>li a{ color: #2258a9; } .cd-accordion-menu .menu-item .label{ border-bottom: 1px solid rgba(255,255,255,.1); /* display: block; padding:10px 0; */ cursor: pointer; } .cd-accordion-menu .menu-item.yiji:hover,.cd-accordion-menu .menu-item.yiji.active{ background-color: #2258a9; } .cd-accordion-menu .menu-item.yiji:hover a,.cd-accordion-menu .menu-item.yiji.active a{ color: #fff; } .cd-accordion-menu .menu-item.yiji:hover::after,.cd-accordion-menu .menu-item.yiji.active:after { position: absolute; display: inline-block; border-width: 8px; border-style: solid; border-color: transparent transparent transparent #2258a9; right: -16px; top: 36%; content: ''; } .rotate{ transform:rotate(90deg)!important; } .cd-accordion-menu .menu-item:last-child .label{ border-bottom: 0; } .cd-accordion-menu .menu-item ul{ display: none; padding-left: 20px; } .cd-accordion-menu .menu-item.active ul{ display: block; list-style-type: none; } .cd-accordion-menu .menu-item .sub-menu{ display: none; } .cd-accordion-menu .menu-item.active>ul{ display: block; } .cd-accordion-menu .menu-item ul li{ /* padding:10px 20px; */ } .cd-accordion-menu .menu-item ul li a { display: block; } .cd-accordion-menu .menu-item ul li ul { display: none; padding-left: 20px; } .cd-accordion-menu .menu-item ul li.active ul { display: block; } .cd-accordion-menu .menu-item .sub-menu .sub-menu{ display: none; } .cd-accordion-menu .menu-item.active>ul .menu-item.active ul{ display: block; } .cd-accordion-menu2{ list-style-type: none; /* background: #666; margin:30px auto; width: 400px; padding:10px 20px; line-height: 2; */ } .cd-accordion-menu2>li{ position: relative; width: 100%; background-color: #f4f4f4; margin-bottom: 28px; text-align: center; font: bold 18px / 60px "微软雅黑"; width: 100%; /* height: 100%; */ line-height: 54px; font-size: 18px; color: #2258a9; cursor: pointer; } .cd-accordion-menu2>li i{ /* transition: all .3s; */ display: inline-block; transform:rotate(0deg); margin-left:-22%; } .cd-accordion-menu2>li a{ color: #2258a9; } .cd-accordion-menu2 .menu-item .label{ border-bottom: 1px solid rgba(255,255,255,.1); /* display: block; padding:10px 0; */ cursor: pointer; } .cd-accordion-menu2 .menu-item.yiji:hover{ background-color: #2258a9; } .cd-accordion-menu2 .menu-item.yiji:hover a{ color: #fff; } .cd-accordion-menu2 .menu-item.yiji:hover::after { position: absolute; display: inline-block; border-width: 8px; border-style: solid; border-color: transparent transparent transparent #2258a9; right: -16px; top: 36%; content: ''; } .rotate{ transform:rotate(90deg)!important; } .cd-accordion-menu2 .menu-item:last-child .label{ border-bottom: 0; } .cd-accordion-menu2 .menu-item{ cursor: pointer; line-height: 28px; background: #fff; border: 1px solid #dadada; font-size: 23px; color: #2258a9; margin-bottom: 3px; font-weight: 500; /* padding-left: 20px; */ border-radius: 0; } .cd-accordion-menu2 .menu-item i{ font-size: 36px; padding:20px 0; } .cd-accordion-menu2 .menu-item a{ margin-left:7px; } .cd-accordion-menu2>.menu-item.current{ color: white; line-height: 28px; background: #2258a9; border: 1px solid #dadada; margin-bottom: 0; } .cd-accordion-menu2>.menu-item.current>a{ color: white; } .cd-accordion-menu2 .menu-item ul{ display: none; /* padding-left: 20px; */ } .cd-accordion-menu2 .menu-item.active ul{ display: block; padding: 20px 0; background: #fff; list-style-type: none; } .cd-accordion-menu2 .menu-item.active ul li{ border:0; } .cd-accordion-menu2 .menu-item.active ul li a{ height: 30px; font-size: 17px; line-height: 30px; color: #333333; border: none; display: block; margin-bottom: 0; padding-left: 55px; text-align: left; background: url(/uploads/image/asrimg/bock-radus.png) 28px 14px no-repeat; } .cd-accordion-menu2 .menu-item .sub-menu{ display: none; } .cd-accordion-menu2 .menu-item .sub-menu.erji a{ color:#26478d; background: none; display: inline-block; padding-left: 0; text-align: left; } /* .cd-accordion-menu2 .menu-item .sub-menu.erji li{ padding-left:10%; text-align: left; } */ .cd-accordion-menu2 .menu-item .sub-menu.erji i{ font-size: 23px; display: inline-block; margin-left: -26%; padding: 0; } .cd-accordion-menu2 .menu-item .sub-menu.erji>li:nth-child(3) i{ position: relative; left:10%; margin-left: -29%; transform: rotate(0deg); } .cd-accordion-menu2 .menu-item .sub-menu.sanji>li a{ color:#333333; background: url(/uploads/image/asrimg/bock-radus.png) left 14px no-repeat; margin-left: -25%; padding-left: 6%; } .cd-accordion-menu2 .menu-item .sub-menu.sanji{ padding: 10px 0;; } .cd-accordion-menu2 .menu-item .sub-menu.erji li:nth-child(3) .sanji li a{ margin-left: -32%; } .cd-accordion-menu2 .menu-item .sub-menu.erji li:nth-child(3) .sanji li:nth-child(2) a{ margin-left: -10%; } .cd-accordion-menu2 .menu-item .sub-menu.erji>li:nth-child(3) a{ padding-left:10%; } .cd-accordion-menu2 .menu-item.active>ul{ display: block; } .cd-accordion-menu2 .menu-item ul li a { display: block; } .cd-accordion-menu2 .menu-item ul li ul { display: none; padding-left: 20px; } .cd-accordion-menu2 .menu-item ul li.active ul { display: block; } .cd-accordion-menu2 .menu-item .sub-menu .sub-menu{ display: none; } .cd-accordion-menu2 .menu-item.active>ul .menu-item.active ul{ display: block; } .avator{ width: 24%; } .introduce{ width: 73%; } @media (max-width: 768px) { .cd-accordion-menu2>li i { /* transition: all .3s; */ display: inline-block; transform: rotate(0deg); margin-left: -50%; } .cd-accordion-menu2>li a{ font-size: 23px!important; } .cd-accordion-menu2 .sub-menu.yiji li a,.cd-accordion-menu2 .sub-menu.erji li a{ font-size:16px!important; } .cd-accordion-menu2 .menu-item .sub-menu.erji i { font-size: 23px; display: inline-block; margin-left: -52%; padding: 0; } .cd-accordion-menu2 .menu-item .sub-menu.erji>li:nth-child(3) i { margin-left: -58%; } .cd-accordion-menu2 .menu-item .sub-menu.erji li:nth-child(3) .sanji li a { margin-left: -54%; padding-left: 5%; } .cd-accordion-menu2 .menu-item .sub-menu.erji li:nth-child(3) .sanji li:nth-child(2) a { margin-left: -41%; } .cd-accordion-menu2 .menu-item .sub-menu.sanji>li a { background: url(/uploads/image/asrimg/bock-radus.png) left 14px no-repeat; margin-left: -52%; padding-left: 6%; } div#ivs_content{ padding-top: 30px; padding-left: 0px; padding-right: 0px; } div#ivs_content img{ width:100% !important; height:auto !important; } .phwza{ display:block; padding-left: 10px; } /* .list-left{ display: flex; flex-wrap: wrap; } */ .col-15 { max-width: 100%; flex: 100%; } .subnav{ float: left; width: 32%; height: 55px; margin-right: 1%; padding: 0px 1%; overflow: hidden; } .currentdd{ height: 55px; } .subnav i { font-size: 25px!important; } .subnav span { font-size: 18px; margin-left: 0px; } .list-left > div{ width: 100%!important; } .list-left .first{ position: absolute; background: #fff; z-index: 2; padding: 0 20px; border: 1px solid; border-radius: 5px; width: 100%; } .list-left .first li{ line-height: 26px!important; } .list-left .first a{ line-height: 20px!important; } .header-banner { display: none; } .footer1 .container > div{ width: 100%!important; } .footer1 .container > .shibie { width: 25px!important; top: 40px; left: 243px; } .footer1 .container > .shibie img{ width: 100%; } .footer1 span{ font-size: 12px; } .footer1 p{ font-size: 12px; } .outerlayer .container{ width: 96%; margin:0 auto; } .details_page > h2 > p{ font-size: 20px; } .details_page h2{ position: relative; } .div_zhengwen{ padding: 30px; } .div_zhengwen img{ max-width: 90%; height: auto; margin: auto; display: block; } .div_zhengwen span{ font-size: 14px!important; } .more{ font-size: 12px!important; margin-top: 2px; } .sidemenu{ /* padding:0 10px; */ width: 100%; } .lt-naver li i { font-size: 16px; } .lt-naver li em { margin-left: 12px; width: 12px; height: 12px; } .navcontent{ width: 100%; } .right-side-inner{ margin-left:6px; padding: 33px 20px; } .six-btn li{ width: 33.3333%; margin-bottom: 20px; } .six-btn{ margin-bottom: 0; } .zwgzzq li{ width:16.66666%; } .four-list-content li{ background-size: cover!important; } .according li a{ padding: 20px 5px; } .bdsharebuttonbox,.auxiliary{ display: none; } } .six-btn li a:hover , .according li a:hover{ background-color: #2258a9; color: #fff; } #ivs_content table{ margin:0 auto; } .dwbs-btn{ width:20%; } @media(max-width:768px){ .view-width { width: 100%; } .header .col-6 { display: none; } .header .header-top{ height: 30px; } .dwbs-btn{ width:35%; } .jcsfb{ padding:0 10px; } .phwza{ display:block; padding-left: 10px; margin-top:-6px; } }