/* 页面样式 */ body{ background-color: #eaf5ff; } /* 主体 */ .main { width: 1300px; margin: 27px auto; font-size: 16px; } /* 主体上-横幅 */ .main-top{ padding: 15px; background-color: #fff; } .main-top .main-top-banner { width: 720px; height: 470px; overflow: hidden; position: relative; } .main-top .main-top-banner .pic { position: relative; height: 100%; z-index: 0; } .main-top .main-top-banner .pic li { zoom: 1; vertical-align: middle; } .main-top .main-top-banner .pic img { width: 720px; height: 470px; display: block; vertical-align: middle; } .main-top .main-top-banner .txt { height: 60px; overflow: hidden; position: absolute; width: 100%; bottom: 0px; z-index: 1; background-color: rgb(0, 0, 0); filter: alpha(opacity=70); opacity: 0.7; } .main-top .main-top-banner .txt li { line-height: 60px; position: absolute; padding: 0px 130px 0px 15px; display: none; width: 100%; box-sizing: border-box; overflow: hidden; } .main-top .main-top-banner .txt li a { display: block; color: #fff; font-size: 18px; text-decoration: none; width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .main-top .main-top-banner .num { height: 15px; overflow: hidden; position: absolute; right: 10px; bottom: 20px; z-index: 100; } .main-top .main-top-banner .num li { float: left; margin-right: 5px; width: 10px; height: 10px; border-radius: 50%; background: #feebdd; cursor: pointer; } .main-top .main-top-banner .num li.on { background: #2b5e88; } /* 主体上-tab */ .main-top .main-top-tab { width: 524px; height: 470px; padding-left: 20px; box-sizing: border-box; } .main-top .main-top-tab .hd .on a{ display: inline!important; } .main-top .main-top-tab .hd a { position: absolute; right: 10px; font-size: 14px; cursor: pointer; text-decoration: none; color: #333333; display: none; } .main-top .main-top-tab .hd a:hover { color: #04599a; } .main-top .main-top-tab .hd { line-height: 40px; position: relative; border-bottom: 2px solid #337ab7; } .main-top .main-top-tab .hd li { float: left; padding: 0px 25px; font-weight: bold; font-size: 16px; cursor: pointer; color: #333333; } .main-top .main-top-tab .hd li.on { background-color: #337ab7; color: #fff; } .main-top .main-top-tab .main-top-tab-list { padding: 16px 0px 0px; } .main-top .main-top-tab .main-top-tab-list li { line-height: 50px; } .main-top .main-top-tab .main-top-tab-list li a { display: block; width: 100%; color: #333333; cursor: pointer; } .main-top .main-top-tab .main-top-tab-list li a:hover{ color: #04599a; } .main-top .main-top-tab .main-top-tab-list li a:before { display: block; float: left; width: 18px; height: 50px; vertical-align: middle; content: ''; background: no-repeat center center; background-size: 16px 16px; padding-right: 6px; } .main-top .main-top-tab .main-top-tab-list li a .title { width: 382px; font-size: 17px; } .main-top .main-top-tab .main-top-tab-list li a .fr{ color: #999999; } /* 主体-中间 */ .main-center{ margin-top: 20px; background-color: #fff; padding: 15px; } /* 主体-选项卡 */ .main-center .main-service-tab{ text-align: center; } .main-center .main-service-tab a{ display: inline-block; line-height: 60px; width: 140px; background-color: #ecf1f7; font-size: 18px; font-weight: bold; margin: 15px 10px; } .main-center .main-service-tab a.active{ color: #fff; background-color: #3481cf; } /* 主体-服务 */ .main-center .main-service { padding: 19px 0px 20px; } .main-center .main-service li { width: 145.625px; height: 149px; box-sizing: border-box; text-align: center; border: 1px solid #d7ebf6; } .main-center .main-service li li{ margin-left: 15px; } .main-center .main-service li a{ display: block; height: 100%; } .main-center .main-service li img { margin-top: 12px; margin-bottom: 4px; vertical-align: middle; width: 80px; height: 76px; } .main-center .main-service li p{ line-height: 42px; font-size: 18px; color: #666666; } .main-center .main-service li p.multi-line{ line-height: 24px; } /* 主体-专题服务 */ .main-center .main-topic{ position: relative; overflow: hidden; width: 100%; } .main-center .main-topic .hd .prev{ cursor: pointer; display: block; position: absolute; left: 0; top: 50%; margin-top: -25px; } .main-center .main-topic .hd .next{ display: block; position: absolute; right: 0; top: 50%; margin-top: -25px; } .main-center .main-topic .bd{ padding: 10px 50px 20px; overflow: hidden;} .main-center .main-topic .bd ul{ overflow:hidden; zoom:1; } .main-center .main-topic .bd ul li{ margin: 0px 4px; float:left; _display:inline; overflow:hidden; text-align:center; } .main-center .main-topic .bd ul li .pic{ text-align:center; } .main-center .main-topic .bd ul li .pic img{ width:286px; height: 158px; display:block;} .main-center .main-topic .bd ul li .pic a:hover img{ border-color:#999; } .main-center .main-topic .bd ul li .title{ line-height:24px;} /* 主体-tab */ .main-center .main-tab{ border: 1px solid #ecf1f7; padding: 15px 15px 4px; } .main-center .main-tab .main-tab{ margin-left: 14px; } .main-center .main-tab .hd { line-height: 40px; position: relative; border-bottom: 2px solid #337ab7; } .main-center .main-tab .hd .on a{ display: inline!important; } .main-center .main-tab .hd a { position: absolute; right: 10px; font-size: 14px; cursor: pointer; text-decoration: none; color: #333333; display: none; } .main-center .main-tab .hd a:hover { color: #04599a; } .main-center .main-tab .hd li{ color: #333333; } .main-center .main-tab .hd>a { position: absolute; right: 10px; font-size: 14px; cursor: pointer; text-decoration: none; color: #333333; } .main-center .main-tab .hd>a:hover { color: #04599a; } .main-center .main-tab .hd>ul { padding-right: 60px; } .main-center .main-tab .hd li { float: left; padding: 0px 25px; font-weight: bold; font-size: 16px; cursor: pointer; } .main-center .main-tab .hd li.on { background-color: #337ab7; color: #fff; } .main-center .main-tab .bd>ul>li{ min-height: 236px; } .main-center .main-tab-box .main-bottom-tab-link { width: 327px; } .main-center .main-tab-box .main-bottom-tab-link>li li{ padding-top: 15px; } .main-center .main-tab .main-bottom-tab-list { width: 382px; padding: 10px 0px 0px; } .main-center .main-tab .main-bottom-tab-list li { line-height: 45px; } .main-center .main-tab .main-bottom-tab-list li a { display: block; width: 100%; color: #333333; cursor: pointer; } .main-center .main-tab .main-bottom-tab-list li a:hover { color: #04599a; } .main-center .main-tab .main-bottom-tab-list li a:before { display: block; float: left; width: 18px; height: 45px; line-height: 45px; vertical-align: middle; content: ''; background: no-repeat center center; background-size: 16px 16px; padding-right: 6px; } .main-center .main-tab .main-bottom-tab-list li a .title { width: 354px; } /* 主体-下 */ .main-bottom{ margin-top: 20px; } .main-bottom .main-bottom-left { width: 50%; box-sizing: border-box; padding-right: 10px; } .main-bottom .main-bottom-right { width: 50%; box-sizing: border-box; padding-left: 10px; } .special-report, .service-directory{ background-color: #fff; padding: 15px; } .special-report .special-report-title{ height: 50px; line-height: 50px; font-weight: 700; font-size: 18px; box-sizing: border-box; padding-left: 60px; background-color: #ecf1f7; background: #ecf1f7 20px center no-repeat; } .service-directory .service-directory-title{ height: 50px; line-height: 50px; font-weight: 700; font-size: 18px; box-sizing: border-box; padding-left: 60px; background-color: #ecf1f7; background: #ecf1f7 20px center no-repeat; } .special-report .special-report-banner{ margin-top: 15px; height: 90px; text-align: center; line-height: 90px; color: #fff; font-size: 24px; background: no-repeat; } .special-report .special-report-banner a{ display: block; } .special-report .service-directory-search{ height: 140px; position: relative; background: no-repeat; } .special-report .service-directory-search input{ width: 320px; height: 38px; box-sizing: border-box; border: 1px solid #cccccc; position: absolute; top: 78px; left: 20px; padding: 0px 10px; } .special-report .service-directory-search button{ top: 78px; left: 340px; position: absolute; width: 70px; line-height: 38px; height: 38px; box-sizing: border-box; border: none; color: #fff; background-color: #3381cf; } .special-report-service{ padding-top: 15px; } .special-report-service li{ width: 295px; height: 60px; line-height: 60px; text-align: left; box-sizing: border-box; background-color: #f2f8ff; border-radius: 5px; border: 1px solid #e0e0e0; margin-bottom: 19px; font-weight: 700; } .special-report-service li a{ padding-left: 60px; display: block; } .special-report-service li img{ vertical-align: middle; padding-right: 12px; margin-top: -4px; } .service-directory .service-directory-service1, .service-directory .service-directory-service2{ margin-top: 15px; } .service-directory a{ display: block; font-size: 16px; color: #333333; } .service-directory .service-directory-service1 li{ border: 1px solid #e0e0e0; line-height: 70px; box-sizing: border-box; height: 60pxs; padding: 0px 52px; } .service-directory .service-directory-service1 img{ vertical-align: middle; padding-right: 12px; margin-top: -4px; } .service-directory .service-directory-service2 li{ width: 145px; box-sizing: border-box; border: 1px solid #e0e0e0; padding: 10px; text-align: center; } .service-directory .service-directory-service2 li li{ margin-left: 10px; } .service-directory .service-directory-service2 li h5{ line-height: 24px; margin-bottom: 4px; } .service-directory .service-directory-service2 li img.serve-img{ padding: 10px 0px 8px; } .service-directory .service-directory-service2 li h5.serve-title{ font-size: 18px; margin-bottom: 12px; } .service-directory .service-directory-service2 li h5.single-title{ padding: 6px 0px 20px; font-size: 18px; } .service-directory .service-directory-service2 li span{ font-size: 18px; display: inline-block; height: 26px; line-height: 26px; } .service-directory .service-directory-service2 li span.btn{ padding: 0px 12px; background-color: #3381cf; border-radius: 15px; display: inline-block; color: #fff; } .service-directory .service-directory-search{ margin-top: 15px; height: 120px; position: relative; background: no-repeat; } .service-directory .service-directory-search input{ width: 320px; height: 38px; box-sizing: border-box; border: 1px solid #cccccc; position: absolute; top: 66px; left: 20px; padding: 0px 10px; } .service-directory .service-directory-search button{ top: 66px; left: 340px; position: absolute; width: 70px; line-height: 38px; height: 38px; box-sizing: border-box; border: none; color: #fff; background-color: #3381cf; } /* 统一设置 */ /* .bd .fr{ color: #999999; } */