/* * @Author: Sun Jijing * @Date: 2023-06-05 09:21:22 * @Last Modified by: Sun Jijing * @Last Modified time: 2023-06-06 14:39:27 */ /* 图片自适应 */ img { width: auto\9; max-width: 100%; height: auto; -ms-interpolation-mode: bicubic; object-fit: cover; } /* 去除苹果手机默认按钮样式 */ input[type='button'], input[type='submit'], input[type='reset'], textarea { resize: none; -webkit-appearance: none; } /* 初始化 */ html, body, div, ul, li, ol, h1, h2, h3, h4, h5, h6, input, textarea, select, p, dl, dt, dd, a, span, i, img, button, form, table, th, tr, td, tbody, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); font-family: "微软雅黑", Arial; margin: 0; padding: 0; color: #333; border: none; -webkit-overflow-scrolling: touch; } html, body { min-width: 320px; max-width: 1920px; margin: 0 auto; overflow-x: hidden; width: 100%; -height: 100%; } html { font-size: 62.5%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } body { font-size: 1.4rem; position: relative; overflow-x: hidden; color: #333; background-color: #fff; } input, button, select, textarea { outline: none; } em, i { font-style: normal; } strong { -font-weight: normal; } .clearfix:after { display: block; visibility: hidden; clear: both; height: 0; content: ''; } .clearfix { zoom: 1; } .clear{ clear:both;} a { text-decoration: none; cursor: pointer; } a:hover { text-decoration: none; } ul, li, ol { list-style: none; } h1, h2, h3, h4, h5, h6 { font-size: 100%; } img { border: none; max-width: 100%; max-height: 100%; } .fl { float: left; } .fr { float: right; } .pubcon { width: 1200px; margin: 0 auto; } .over { overflow: hidden; } /* 头部样式 */ .header { padding: 30px 0; width: 100%; background: #fff; } .logo { width: 332px; } .topBut { display: flex; align-items: center; } .topBut span.search { width: auto; display: inline-block; } #head_search { background: #eee; border-radius: 40px; overflow: hidden; } #head_search input { width: 140px; height: 40px; background: none; border: none; padding: 0 10px; line-height: 40px; float: left; display: none; } #head_search button { display: inline-block; width: 40px; height: 40px; text-align: center; border-radius: 50%; background: #1e4d9c; float: right; } #head_search button img { height: 16px; } #head_search:hover input { display: block; } .topBut span.menu { display: inline-block; width: 40px; height: 40px; text-align: center; border-radius: 50%; background: #1e4d9c; margin-left: 35px; cursor: pointer; display: none; } .topBut span.menu img { margin-top: 12px; height: 16px; } .topBut span.menu img.c { display: none; } .header.open #head_search input { display: block; } .header.open .topBut { position: fixed; right: 40px; } .header.open .topBut img.o { display: none; } .header.open .topBut img.c { display: inline-block; } .topTips { margin-right: 15px; } .topTips p { font-size: 14px; line-height: 1.6em; color: #1e4d9c; padding-left: 30px; } .topTips .email { background: url(/eportal/uiFramework/commonResource/image/2024092911402222277.png) no-repeat left center; } .topTips .tel { background: url(/eportal/uiFramework/commonResource/image/2024092911403188367.png) no-repeat left center; } .menu_gray { width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 20; background: rgba(0, 0, 0, .4); display: none; } .menu_box { -position: fixed; -width: 30%; height: 100%; background: #1e4d9c; -box-shadow: 0 -5px 20px #ccc; right: -30%; z-index: 21; transition: right ease-in-out 400ms; width: 100%; } .menu_box.open { right: 0; } .menu_con { -padding: 100px 40px 40px; -height: calc(100% - 140px); } .menu_list { -height: 100%; width: 94vw; display: flex; justify-content: space-between; margin: 0 auto; } .menu_list > li { -padding: 15px 0; -border-bottom: 1px solid #ccc; } .menu_list > li .level1 { overflow: hidden; display: flex; justify-content: space-between; align-items: center; } .menu_list > li .level1 a { font-size: 20px; color: #fff; display: inline-block; } .menu_list > li .level1 span { display: inline-block; font-size: 30px; line-height: 30px; float: right; width: 40px; text-align: center; display: none; } .menu_list > li .level1 span::after { content: "+"; display: block; } .menu_list > li.on .level1 span::after { content: "-"; } .menu_list > li.on .level1 a, .menu_sub li.on a { -color: #1e4d9c; color: #fff; font-weight: bold; } .menu_sub { display: none; padding-top: 10px; padding-left: 1em; } .menu_sub li a { font-size: 16px; color: #666; line-height: 1.8; display: block; } .menu_list > li.on .menu_sub { -display: block; } .wzzb {width:1200px;margin: 20px auto;} .wzzb p {height:40px;line-height:40px;font-size: 12px;/*text-indent: 30px;*/color:#707070; } /* 底部样式 */ .footer { background: url(/eportal/fileDir/sctk/template/common/footer/footer_bg.jpg) no-repeat top center/cover; padding-top: 42px; } .foot_top { padding-bottom: 35px; } .foot_left { width: 210px; margin-right: 40px; } .foot_left .phone { font-size: 18px; font-family: "幼圆"; color: #fff; margin-top: 25px; display: block; } .foot_left .phone p span { color: #fff; font-size: 14px; } .foot_left .phone strong { font-size: 18px; font-family: "微软雅黑"; font-weight: bold; color: #fff; } .foot_center { margin-top: 10px; } .nav_item { width: 145px; float: left; } .nav_item li { padding-left: 40px; opacity: 0.8; } .nav_item li.first { font-size: 14px; border-right: 1px solid rgba(255,255,255,.3); color: #fff; font-family: "幼圆"; margin-bottom: 15px; } .nav_item li.first a { font-size: 14px; } .nav_item li a { font-size: 12px; color: #fff; line-height: 2; font-family: "幼圆"; } .nav_item li:hover { opacity: 1; } .nav_item:last-child li.first { border: 0; } .foot_right { padding-left: 50px; padding-right: 30px; text-align: center; margin-top: 10px; border-left: 1px solid rgba(255,255,255,.3); } .foot_right img { width: 100px; } .foot_right p { font-size: 12px; color: #fff; opacity: 0.8; line-height: 2; margin-top: 5px; } .foot_bot { border-top: 1px solid rgba(255,255,255,.3); line-height: 70px; } .foot_bot * { font-size: 12px; color: #fff; opacity: 0.8; } .foot_bot p { margin: 0 4%; } .foot_bot p span { margin: 0 5px; } /* 侧边栏 */ .slider { width: 80px; background: #fff; box-shadow: 0 0 10px #ccc; position: fixed; right: 0; z-index: 5; top: 50%; margin-top: -120px; border-radius: 8px 0 0 8px; } .slider_list li { width: 100%; height: 80px; line-height: 80px; text-align: center; position: relative; } .slider_list li a {display: block;} .slider_list>li>a>img { height: 38px; margin-top: 21px; } .backTop { display: none; } .slider_list li .slider_sub { position: absolute; left: -130px; top: 0; display: none; background: #1e4d9c; padding: 10px; border-radius: 8px; } .slider_list li .slider_sub img { display: block; width: 100px; height: 100px; } .slider_list li .slider_sub::before { content: ''; display: block; width: 0; height: 0; border-width: 10px; border-style: solid; border-color: transparent transparent transparent #1e4d9c; position: absolute; left: 120px; top: 40px; } .slider_list li:hover .slider_sub { display: block; } @media screen and (max-width: 1920px) { html, body, div, ul, li, ol, h1, h2, h3, h4, h5, h6, input, textarea, select, p, dl, dt, dd, a, span, i, img, button, form, table, th, tr, td, tbody, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; } .pubcon { width: 94vw; } /* 头部样式 */ .header { padding: 0.5rem 0; } .logo { width: 6.7rem; } #head_search { border-radius: 0.75rem; } #head_search input { width: 3.4rem; height: 0.75rem; padding: 0 0.19rem; line-height: 0.75rem; font-size: 0.25rem; } #head_search button { width: 0.75rem; height: 0.75rem; } #head_search button img { height: 0.3rem; } .topBut span.menu { width: 0.75rem; height: 0.75rem; margin-left: 0.75rem; display: flex; justify-content: center; align-items: center; display: none; } .topBut span.menu img { margin-top: 0; height: 0.3rem; } .header.open .topBut { right: 0.75rem; } .menu_con { -padding: 2rem 0.75rem 0.75rem; height: 100%; } .menu_list > li { padding: 0.25rem 0; } .menu_list > li .level1 a { font-size: 0.32rem; } .menu_list > li .level1 > span {font-size: 0.38rem; width: 0.5rem; cursor: pointer; } .menu_sub li a { font-size: 0.25rem; color: #666; line-height: 1.8; display: block; } /* 底部样式 */ .footer { padding-top: 0.78rem; } .foot_top { padding-bottom: 0.75rem; } .foot_left { width: 4.35rem; margin-right: 0.7rem; } .foot_left .phone { font-size: 0.33rem; margin-top: 1rem; } .foot_left .phone strong { font-size: 0.29rem; } .foot_center { margin-top: 0.25rem; } .nav_item { width: 2.75rem; } .nav_item li { padding-left: 0.81rem; } .nav_item li a { font-size: 0.24rem; } .nav_item li.first { font-size: 0.28rem; margin-bottom: 0.31rem; } .nav_item li.first a { font-size: 0.28rem; line-height: initial; } .foot_right { padding-left: 1.0rem; padding-right: 0.5rem; margin-top: 0.25rem; } .foot_right img { width: 1.88rem; } .foot_right p { font-size: 0.2rem; margin-top: 0.1rem; } .foot_bot { line-height: 1.31rem; } .foot_bot * { font-size: 0.23rem;} .foot_bot p span { margin: 0 0.06rem; } .slider { width: 1.5rem; margin-top: -2.25rem; } .slider_list li { height: 1.5rem; line-height: 1.5rem; } .slider_list li a { display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; } .slider_list>li>a>img { height: 50%; margin-top: 0px; } .slider_list li .slider_sub { left: -2.4rem; padding: 0.2rem; border-radius: 0.15rem; } .slider_list li .slider_sub img { width: 1.85rem; height: 1.85rem; } .slider_list li .slider_sub::before { left: 2.22rem; top: 0.74rem; } } @media screen and (max-width: 1200px) { .foot_bot p { margin: 0; } #head_search input { display: block; } } @media screen and (max-width: 1024px) { .foot_left { width: 100%; display: flex; float: none; align-items: center; justify-content: space-between; margin-right: 0; } .foot_lofo { height: 1.2rem; } .foot_left .phone { margin-top: 0; } .foot_center { margin-top: 0.6rem; } .nav_item { width: 2.8rem; } .foot_right { padding-left: 0.5rem; border: none; padding-right: 0; } .foot_right img { width: 3rem; } } @media screen and (max-width: 768px) { .header { padding-top: 0.2rem; padding-bottom: 0; position: absolute; z-index: 100; left: 0; } .logo { width: auto; height: 1rem; } .topBut { margin-top: 0rem; } .topBut span.menu { width: 0.8rem; height: 0.8rem; margin-left: 0.3rem; display: flex; } #head_search input { height: 0.8rem; line-height: 0.8rem; width: 5.2rem; display: none; } #head_search button { width: 0.8rem; height: 0.8rem; display: none; } .topTips { display: none; } .menu_box { width: 100%; right: -100%; position: fixed; box-shadow: 0 -5px 20px #ccc; background: #f1f1f1; } .menu_con { padding: 2rem 0.5rem 0.5rem; height: 100%; } .header.open #head_search button { display: block; } .header.open .topBut { right: 4vw; margin-top: 0; } .menu_sub { padding-left: 0.2rem; } .menu_list { height: 100%; display: block; } .menu_list > li > a { font-size: 0.34rem; } .menu_list > li > a.hasChild span { font-size: 0.5rem; } .menu_list > li .level1 a { color: #333; } .menu_list > li.on .level1 a, .menu_sub li.on a { color: #1e4d9c; font-weight: normal; } .menu_list > li .level1 span { display: inline-block; } .menu_list > li.on .menu_sub { display: block; } .menu_sub li a { font-size: 0.32rem; } .footer { padding-top: 0.4rem; } .foot_top { padding-bottom: 0.2rem; } .foot_lofo { height: 0.6rem; display: inline-flex; } .foot_left .phone { -font-size: 0.32rem; } .foot_center { margin-top: 0.3rem; width: 100%; } .nav_item { width: 100%; display: block; float: none; overflow: hidden; margin-bottom: 0.1rem; } .nav_item li { padding-left: 0; float: left; line-height: 1.8; font-size: 0.3rem; margin-right: 0.15rem; } .nav_item li a { font-size: 0.34rem; } .nav_item li.first { font-size: 0.36rem; margin-bottom: 0rem; width: 100%; border: 0; font-weight: bold; } .foot_right { display: none; } .foot_bot { line-height: 0.5rem; text-align: center; padding: 0.2rem 0; } .foot_bot * { font-size: 0.34rem; } .slider { display: none; } .menu_con { padding-top: 1.4rem; } } @media screen and (max-width: 460px) { .menu_list > li .level1 a { font-size: 0.4rem; } .menu_list > li .level1 > span { font-size: 0.6rem; } .menu_sub li a { font-size: 0.38rem; } } /*分页模板*/ .fenyePageBoxCom {} .fenyePageBoxCom .fenyeLeft{float:left;} .fenyePageBoxCom .fenyeLeft a{display:inline-block;margin-left:5px;width:45px;line-height:30px;border:1px solid #cecece;vertical-align:top;font-size:12px;text-align:center;color:#707070;} .fenyePageBoxCom .fenyeLeft a:hover{background:#008A7C;border-color:#008A7C;color:#fff;} .fenyePageBoxCom .fenyeLeft a:first-child{margin-left:0;} .fenyePageBoxCom .fenyeRight{float:right;} .fenyePageBoxCom .fenyeRight span, .fenyePageBoxCom .fenyeRight input{font-size:12px;display:inline-block;text-align:center;vertical-align:top;line-height:30px;} .fenyePageBoxCom .fenyeRight input{border:none;background:none;} .fenyePageBoxCom .fenyeRight input.easysite-page-text{line-height:28px;border:1px solid #ccc;margin:0 8px;height:28px;} .fenyePageBoxCom .fenyeRight .fenyeButton{padding:0 .5em;cursor:pointer;text-decoration:none;line-height:28px;background:#008A7B;border-color:#008A7B;color:#fff;} /*分页模式2*/ .fenyePageBox{text-align:center;margin-top:40px;} .fenyePageBox a, .fenyePageBox font, .fenyePageBox span{border-radius:3px;display:inline-block;width:26px;height:26px;line-height:26px;text-align:center;border:1px solid #e4e4e4;color:#707070;} .fenyePageBox a, .fenyePageBox font{margin-left:5px;} .fenyePageBox font{background:#008a7c;color:#fff;} .fenyePageBox a:first-child{margin-left:0;} /* 分页样式 */ .page_box { font-size: 14px; color: #333; text-align: center; } .page_box a, .page_box font { display: inline-block; padding: 0 10px; background: #eee; line-height: 30px; margin: 0 5px; border-radius: 4px; font-size: 14px; } .page_box span { display: none !important; } .page_box span.txt { display: inline-block !important; } .page_box a:hover, .page_box font { background: #03897b; color: #fff; } .page_box span.txt font { padding: 0; background: none; color: #333; }