/* section */ .section { width: 100%; padding-bottom: 30px; position: relative; } .section>.container { padding: 20px; background: #ffffff; } /* side column */ .side-column { width: 60px; height: 100%; position: absolute; top: 0; right: 0; background: #949494; padding-top: 105px; } .side-column ul li { width: 100%; height: 60px; line-height: 60px; text-align: center; } .side-column ul li.policy-library { background: #1a56a8; line-height: 25px; padding-top: 5px; } .side-column ul li.policy-library a { color: #ffffff; } /* e-tax */ .e-tax { width: 100%; height: 150px; } .e-tax-1 { width: 280px; height: 150px; float: left; } .e-tax-2 { width: 480px; height: 150px; float: left; margin-left: 10px; background: #e9f6fd; } #e-tax-2-01 { border-right: 1px solid #c6e5f6; border-bottom: 1px solid #c6e5f6; } #e-tax-2-02 { border-right: 1px solid #c6e5f6; border-bottom: 1px solid #c6e5f6; } #e-tax-2-03 { border-bottom: 1px solid #c6e5f6; } #e-tax-2-04 { border-right: 1px solid #c6e5f6; } #e-tax-2-05 { border-right: 1px solid #c6e5f6; } .e-tax-service { overflow: hidden; width: 100%; } .e-tax-service li { float: left; width: 33.3%; height: 75px; line-height: 75px; position: relative; font-size: 16px; } .e-tax-service li a { color: #1a56a8; float: left; width: 100%; height: 100%; padding-left: 70px; font-weight: bold; } .e-tax-service li img { position: absolute; top: 22px; left: 30px; } .e-tax-3 { width: 170px; height: 150px; float: left; margin-left: 10px; } .e-tax-4 { width: 220px; height: 150px; float: left; margin-left: 10px; } .e-tax-4-1 { width: 100%; height: 68px; } .e-tax-4-2 { width: 100%; height: 68px; margin-top: 13px; } /* headline */ .lead-headline { width: 100%; height: 111px; line-height: 111px; text-align: center; font-weight: bold; color: #0055ae; font-size: 36px; } /* box */ .box-1 { width: 100%; height: 366px; } .box-1-1 { width: 580px; height: 366px; float: left; } .box-1-2 { width: 579px; height: 366px; float: left; margin-left: 20px; } .box-1-2 .tit { width: 100%; height: 51px; } .box-1-2 .tit ul { width: 100%; height: 44px; border-bottom: 1px solid #efefef; } .news-list-tits li { float: left; height: 50px; line-height: 40px; font-size: 22px; margin-right: 35px; /*width: 100%;*/ } .box-1-2 .tit ul li.on { width: 130px; height: 51px; line-height: 44px; text-align: center; font-weight: bold; background: url(tit-bg.png) no-repeat; font-size: 22px; } .box-1-2 .tit ul li.on a { color: #ffffff; } .box-1-2 .list li { width: 100%; height: 35px; line-height: 35px; font-size: 16px; padding-left: 15px; background: url(dot-blue.png) no-repeat left center; margin-top: 5px; } .box-1-2 .list li span { float: right; color: #adadad; } .box-2 { width: 100%; height: 160px; background: #f0f9fe; margin-top: 30px; padding-bottom:20px; } .box-2 ul { overflow: hidden; width: 100%; margin-left: 35px; } .box-2 ul li { width: 96px; float: left; text-align: center; margin-right: 50px; margin-top: 20px; } .box-2 ul li a { float: left; width: 100%; text-align: center; } .box-2 ul li.active a { color: #1a56a8; } .box-2 ul li a img { margin-bottom: 10px; } .box-3 { width: 100%; height: 280px; margin-top: 20px; } .box-3-1 { width: 580px; height: 280px; float: left; } .box-3-2 { width: 580px; height: 280px; float: left; margin-left: 20px; } .box-4 { width: 100%; height: 270px; margin-top: 20px; } .box-4-1 { width: 340px; height: 270px; float: left; } .box-4-1-1 { width: 100%; height: 200px; margin-top: 20px; } .box-4-2 { width: 340px; height: 270px; float: left; margin-left: 20px; } .box-4-2-1 { width: 100%; height: 200px; margin-top: 20px; } .box-4-3 { width: 460px; height: 270px; float: left; margin-left: 20px; } .box-4-3 .common-list-items li { margin-top: 7px; } .box-5 { width: 100%; height: 90px; margin-top: 20px; } .box-6 { width: 100%; padding-bottom: 20px; } /* */ .links { width: 100%; border-top: 1px solid #1a56a8; padding-bottom: 20px; background: #eff9fe; } .links .tit { width: 100%; overflow: hidden; } .links .tit li { width: 126px; height: 40px; line-height: 40px; text-align: center; color: #1a56a8; font-weight: bold; float: left; } .links .tit li.on { background: #ffffff; } .links-items { width: 100%; background: #ffffff; padding: 10px 15px 10px; } .links-items ul { width: 100%; overflow: hidden; } .links-items ul li { float: left; width: 108px; height: 35px; line-height: 35px; font-size: 16px; padding-left: 5px; } .div7 .picScroll-left { overflow: hidden; position: relative; margin-left: -15px; margin-right: -15px; } .div7 .picScroll-left .hd { /* overflow: hidden; */ position: relative; } .div7 .picScroll-left .prev, .div7 .picScroll-left .next { position: absolute; display: block; width: 20px; height: 36px; top: 25px; overflow: hidden; cursor: pointer; z-index: 10; } .div7 .picScroll-left .next { background: url("slidenext2.png") no-repeat; right: 15px; background-size: 100%; } .div7 .picScroll-left .prev { background: url("slideprev2.png") no-repeat; left: 9px; background-size: 100%; } .div7 .picScroll-left .bd { /* padding: 10px; */ } .div7 .picScroll-left .bd ul { overflow: hidden; zoom: 1; } .div7 .picScroll-left .bd ul li { margin: 0 8px; float: left; _display: inline; overflow: hidden; text-align: center; } .div7 .picScroll-left .bd ul li .pic { text-align: center; } .div7 .picScroll-left .bd ul li .pic img { width: 225px; height: 90px; display: block; } .div7 .picScroll-left .bd ul li .pic a:hover img { border-color: #999; } .div7 .picScroll-left .bd ul li .title { line-height: 24px; } .div7 .picScroll-left .tempWrap { width: 100% !important; } /* 首页互动模块样式开始 */ .hudong { width: 100%; margin: 20px 0; } .hudong ul:after { content: ""; display: block; clear: both; } .hudong ul li { float: left; width: 228px; height: 74px; line-height: 74px; font-size: 20px; background: url(box-bg-06.png) no-repeat; margin-right: 10px; text-align: center; } .hudong ul li.active { background: url(box-bg-03.png) no-repeat; } .hudong-item { display: block; width: 100%; height: 100%; padding: 0 10px; color: #1a56a8; font-size: 20px; } .hudong ul li.active .hudong-item { color: #fff; } .hudong-item div { display: inline-block; width: 32px; vertical-align: middle; } .hudong-item span { display: inline-block; margin-left: 10px; vertical-align: middle; } /* 首页互动模块样式结束 */ /* 手机端添加加载更多按钮开始 */ .mobile-more { display: none; width: 98%; height: 40px; line-height: 40px; border-radius: 8px; background: #f0f0f0; border: 1px solid #d4d4d4; text-align: center; margin: 5px auto 0; color: #333; font-size: 16px; } .mobile-more a { color: inherit; } /* 手机端添加加载更多按钮结束 */ /***************自适应前样式***************/ .common-list-items li a { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; float: left; color: #333; max-width: 80%; } /***************自适应***************/ @media (max-width: 700px) { body { min-width: 100%; width: 100%; background: #fff; } .container { width: 100% !important; margin: 0 auto; } .section { overflow: hidden; } .section>.container { padding: 10px !important; background: #ffffff !important; } .top{ display: none; } .search-box{ display: none; } .link-nav{ display: none; } .nav{ height: auto !important; } .nav-list li { float: left; width: 33.3% !important; font-size: 22px; text-align: center; border-right: 1px solid #6a91c6; } .logo{ display: none; } .common-list-tit li { height: 40px; line-height: 40px; font-size: 20px; } .common-list-tit { width: 100%; height: 40px; border-bottom: 1px solid #eae8e8; } .name { position: initial !important; width: 100%; } .e-tax { width: 100%; height: auto; } .e-tax-1 img { width: 100%; } .e-tax-1 { width: 100%; height: auto; margin-bottom: 10px; } #e-tax-2-01 { border-right: 1px solid #c6e5f6; border-bottom: 1px solid #c6e5f6; } #e-tax-2-02 { border-bottom: 1px solid #c6e5f6; } #e-tax-2-03 { border-bottom: 1px solid #c6e5f6; border-right: 1px solid #c6e5f6; } #e-tax-2-04 { border-bottom: 1px solid #c6e5f6; } #e-tax-2-05 { border-right: 1px solid #c6e5f6; } .e-tax-2 { width: 100%; height: auto; float: left; margin-bottom: 10px; margin-left: 0; background: #e9f6fd; } .e-tax-service li { float: left; width: 50%; height: 75px; line-height: 75px; position: relative; font-size: 16px; } .side-column { display: none; } .e-tax-3 { width: 44%; float: left; margin: 0 auto; margin-bottom: 10px; } .e-tax-3 img { width: 100%; height: 100%; } .e-tax-4 { width: 54%; float: right; margin-left: 0; margin-bottom: 10px; } .e-tax-4 img { width: 100%; height: 100%; } .box-1 { width: 100%; /*height: 244px;*/ height: auto; float: left; margin-bottom: 10px; } .box-1-1 { width: 100%; height: 244px; float: left; margin-bottom: 10px; } .focusBox { width: 100% !important; height: 244px !important; } .focusBox .pic img { width: 100% !important; height: 244px !important; display: block; } .focusBox .prev { top: 70px !important; } .focusBox .pic li{ width: 100% !important; } .focusBox .next { top: 70px !important; } /* 轮播摘要字数控制 */ .focusBox .txt li { width: 100%; } .focusBox .txt li a { max-width: 60%; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .box-1-2 { margin-left: 0; width: 100%; height: auto; } .box-1-2 .list li { height: auto; height: 35px; } .box-1-2 .list li a { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; float: left; color: #333; max-width: 68%; } .box-1-2 .tit ul { height: 40px; } .news-list-tits li { font-size: 18px; width: 33.3%; margin: 0; text-align: center; height: 40px; line-height: 40px; } .news-list-tits li a { pointer-events: none; cursor: default; } .box-1-2 .tit ul li.on { background: none; font-weight: bold; border-bottom: 3px solid #1a56a8; font-size: 18px; width: 33.3%; height: 40px; line-height: 40px; } .box-1-2 .tit ul li.on a { color: #1a56a8; } .news-list-item>ul {height: 320px;overflow: hidden;} .lead-headline { width: 100%; height: auto; line-height: 35px; text-align: center; font-weight: bold; color: #0055ae; float: left; font-size: 24px; margin-bottom: 10px; } .box-2 { width: 100%; height: auto; background: #f0f9fe; padding: 10px; float: left; margin: 0; } .box-2 ul { overflow: hidden; width: 100%; margin-left: 0; } .box-2 ul li { width: 50%; float: left; text-align: center; margin: 0; margin-bottom: 10px; } .box-2 ul li span { float: none; width: 100%; text-align: center; } .box-2 ul li a { float: none; width: 100%; text-align: center; } .box-3-1 { width: 100%; margin-bottom: 10px; height: auto; } .box-3 { float: left; margin: 0; margin-bottom: 10px; margin-top: 10px; height: auto; } .box-3-1 .common-list-tit li { width: 33.3%; margin: 0; text-align: center; } .box-3-1 .common-list-tit li a { pointer-events: none; cursor: default } .box-3-2 .common-list-tit li a { pointer-events: none; cursor: default } .box-3-2 { width: 100%; margin: 0; height: auto; } .box-3-2 .common-list-tit li { width: 33.3%; margin: 0; text-align: center; } .common-list-items li a { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; float: left; color: #333; max-width: 68%; } /* 互动交流 */ .hudong { text-align: center; } .hudong ul li { display: inline-block; margin: 0 0 10px; width: 340px; float: none; } .box-4 { width: 100%; height: auto; margin-top: 0; float: left; } .box-4-1, .box-4-1-1, .box-4-2, .box-4-3 { width: 100%; float: left; margin: 0; margin-bottom: 10px; } .box-4-1-1{margin-top: 20px;} .box-5 { width: 100%; height: 90px; margin-top: 20px; float: left; } .links .tit li{ width: 33.3% !important; } .footer{ height: auto !important; } .foot-box{ margin: 0 !important; height: auto; } .dzjg,#_jiucuo_,#_span_jiucuo,.footer iframe{display: none;} .foot-nav{text-align: center;/*margin-left: 85px;*/font-size: 0;} .foot-nav li {float: none !important;display: inline-block;} .foot-box p{height: auto !important;text-align: center;padding:0 20px;} .div7 .picScroll-left .bd ul li{ width: 100%; margin: 0; } .div7 .picScroll-left .bd ul li .pic img { width: 100%; height: 90px; display: block; } .div7 .picScroll-left .next { right: 0; } .div7 .picScroll-left .prev { left: 0; } .div7 .picScroll-left{ margin: 0; } .banner{ width: 100%; height: auto !important; } /* 手机端添加加载更多开始 */ .mobile-more {display: block;} /* 手机端添加加载更多结束 */ }