.content{ padding: 20px 0; } .carousel{ width: 620px; height: 360px; } .carousel .carousel-inner img{ display: block; width: 620px !important; height: 360px !important; } .carousel-caption{ background: rgba(0,0,0,0.6)!important; filter:alpha(opacity=60); background:#000; left: 0!important; right: 0!important; padding: 0!important; bottom: 0; text-align: left; } .carousel-caption p{ width: 460px; line-height: 30px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; padding: 0 10px; margin: 0; } .carousel-indicators{ bottom: 6px!important; width: auto; left: 0; right: 0; margin: 0; text-align: right; padding-right: 20px; } .carousel-indicators li{ width: 8px; height: 8px; border: none; background: #ffffff; margin: 0; } .carousel-indicators li.active{ width: 8px; height: 8px; background: #1aaee8; } .content .con_focus .focus_right{ width: 360px; height: 360px; } .content .con_focus .focus_right ul.change{ border-bottom: 1px #0e337a solid; position: relative; height: 32px; } .content .con_focus .focus_right ul.change li{ position: absolute; left: 120px; top: 0; width: 120px; height: 32px; line-height: 32px; color: #000000; text-align: center; border-bottom: 1px #0e337a solid; box-sizing: border-box; } .content .con_focus .focus_right ul.change li:first-child{ left: 0; } .content .con_focus .focus_right ul.change li a{ color: #000000; } .content .con_focus .focus_right ul.change li.active{ border: 1px #0e337a solid; border-bottom: none; background: #f2f2f2; color: #a80000; font-weight: bold; } .content .con_focus .focus_right ul.change li.active a{ color: #a80000; } .content .con_focus .focus_right .chbox{ width: 360px; height: 329px; overflow: hidden; border: 1px #0e337a solid; border-top: none; background: #f2f2f2; padding: 7px 12px; } .content .con_focus .focus_right .chbox .list li{ width: 100%; border-top: 1px #0e337a dashed; position: relative; margin-bottom: 0; } .content .con_focus .focus_right .chbox .list li:first-child{ border-top: none; } .content .con_focus .focus_right .chbox .list li p{ width: 250px; line-height: 38px; margin-bottom: 0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .content .con_focus .focus_right .chbox .list span{ color: #7f7f7f; position: absolute; right: 0; bottom: 8px; } .ind_title{ width: 100%; padding-bottom:5px; border-bottom: 1px #0e337a solid; } .ind_title h4{ font-size: 16px; font-weight: bold; line-height: 18px; color: #0e337a; } .ind_title h4 span.icon{ display: inline-block; width: 4px; height: 14px; background: no-repeat; margin-right: 6px; } .ind_title .sub_title a{ display: inline-block; font-size: 12px; line-height: 14px; color: #808080; border-left: 1px #808080 solid; padding-left: 4px; } .ind_title .sub_title a:first-child{ border-left: none; } .ind_title .sub_title a:hover{ color: #a80000; } .content .con_body{ padding-top: 20px; } .content .con_body .b_left{ width: 760px; } .content .con_body .b_left .l_top .l_t_left, .content .con_body .b_left .l_top .l_t_right{ width: 370px; height: 318px; overflow: hidden; } .content .con_body .b_left .l_top .body_tab ul.change li{ float: left; width: 91px; line-height: 30px; text-align: center; background: #f2f2f2; border: 1px #d2d2d2 solid; border-top: none; margin-left: 2px; color: #0e337a; } .content .con_body .b_left .l_top .body_tab ul.change li a{ color: #0e337a; } .content .con_body .b_left .l_top .body_tab ul.change li:first-child{ margin-left: 0; } .content .con_body .b_left .l_top .body_tab ul.change li.active{ background: #61b9eb; border: 1px #0070b0 solid; border-top: none; color: #ffffff; } .content .con_body .b_left .l_top .body_tab ul.change li.active a{ color: #ffffff; } .content .con_body .b_left .l_top .body_tab .chbox ul, .content .con_body .b_left .l_top .body_tab .chbox .left_list{ padding-top: 5px; } .content .con_body .b_left .l_top .body_tab .chbox .left_list dl{ color: #000000; padding-left: 10px; position: relative; margin-bottom: 0; } .content .con_body .b_left .l_top .body_tab .chbox .left_list dl:before{ display: block; content: ""; width: 4px; height: 4px; background: #0e337a; position: absolute; left: 0; top: 11px; } .content .con_body .b_left .l_top .body_tab .chbox .left_list dl dd{ float: left; width: 270px; line-height: 29px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .content .con_body .b_left .l_top .l_t_left .body_tab .chbox .left_list dl span.date{ line-height: 29px; color: #7f7f7f; } .content .con_body .b_left .l_top .body_tab .chbox ul li{ line-height: 29px; color: #000000; padding-left: 10px; position: relative; width: 370px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .content .con_body .b_left .l_top .body_tab .chbox ul li:before{ display: block; content: ""; width: 4px; height: 4px; background: #0e337a; position: absolute; left: 0; top: 13px; } .content .con_body .b_left .l_top .l_t_right .body_tab ul.change li{ width: 50px; } /*.content .con_body .b_left .l_top .l_t_right .body_tab ul.change li:first-child{ width: 45px; }*/ .content .con_body .b_left .l_top .l_t_right .body_tab ul.change li:first-child li li li li, .content .con_body .b_left .l_top .l_t_right .body_tab ul.change li:first-child li li li li li{ width: 80px; } .content .con_body .b_left .l_bottom{ padding-top: 20px; } .content .con_body .b_left .l_bottom .l_b_left, .content .con_body .b_left .l_bottom .l_b_right{ width: 370px; height: 114px; } .content .con_body .b_left .l_bottom .l_b_left table{ border-collapse: separate; border-spacing: 3px; table-layout: fixed; } .content .con_body .b_left .l_bottom .l_b_left table tr{ font-size: 0; } .content .con_body .b_left .l_bottom .l_b_left table tr td{ display: inline-block; width: 88px; height: 35px; font-size: 14px; line-height: 34px; color: #0e337a; background: #f2f2f2; border: 1px #d2d2d2 solid; border-radius: 8px; text-align: center; margin-left: 3px; font-weight: bold; } .content .con_body .b_left .l_bottom .l_b_left table tr td a{ color: #0e337a; } .content .con_body .b_left .l_bottom .l_b_left table tr td:first-child{ margin-left: 0; } .content .con_body .b_left .l_bottom .l_b_left table tr td:hover{ color: #ffffff; background: #61b9eb; border: 1px #0070b0 solid; } .content .con_body .b_left .l_bottom .l_b_left table tr td a:hover{ color: #ffffff; } .content .con_body .b_left .l_bottom .l_b_right ul.change li{ float: left; width: 122px; line-height: 30px; text-align: center; background: #f2f2f2; border: 1px #d2d2d2 solid; border-top: none; margin-left: 2px; color: #0e337a; } .content .con_body .b_left .l_bottom .l_b_right ul.change li a{ color: #0e337a; } .content .con_body .b_left .l_bottom .l_b_right ul.change li:first-child{ margin-left: 0; } .content .con_body .b_left .l_bottom .l_b_right ul.change li.active{ background: #61b9eb; border: 1px #0070b0 solid; border-top: none; color: #ffffff; } .content .con_body .b_left .l_bottom .l_b_right ul.change li.active a{ color: #ffffff; } .content .con_body .b_left .l_bottom .l_b_right .chbox{ padding-top: 5px; } .content .con_body .b_left .l_bottom .l_b_right .chbox p{ line-height: 30px; text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-indent: 2em; margin-bottom: 0; } .content .con_body .b_left .picround_part{ padding-top: 20px; } .content .picround{ padding: 10px 0; overflow: hidden; position: relative; } .content .picround li{ float: left; width: 230px; height: 150px; position: relative; margin-right: 35px; } .content .picround li img{ display: block; width: 100%; height: 100%; } .content .picround li p{ font-size: 12px; line-height: 26px; background: rgba(0,0,0,0.6)!important; filter:alpha(opacity=60); background:#000; width: 230px; color: #ffffff; line-height: 24px; padding: 0 10px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; position: absolute; left: 0; bottom: 0; margin-bottom: 0; } .content .picround .prev{ display: block; width: 57px; height: 57px; background: no-repeat center center; position: absolute; left: 0; top: 50%; margin-top: -28px; z-index: 99; } .content .picround .next{ display: block; width: 57px; height: 57px; background: no-repeat center center; position: absolute; right: 0; top: 50%; margin-top: -28px; z-index: 99; } .content .con_body .b_right{ width: 220px; height: 651px; overflow: hidden; } .content .con_body .b_right .r_center ul li{ width: 220px; margin-bottom: 2px; position: relative; } .content .con_body .b_right .r_center ul li img{ display: block; width: 100%; height: 100%; } .content .con_body .b_right .r_center ul li a.qhd{ display: block; width: 39px; height: 16px; position: absolute; left: 15px; top: 30px; } .content .con_body .b_right .r_center ul li a.ts{ display: block; width: 27px; height: 16px; position: absolute; left: 73px; top: 30px; } .content .con_body .b_right .r_center ul li a.cfd{ display: block; width: 39px; height: 16px; position: absolute; left: 118px; top: 30px; } .content .con_body .b_right .r_center ul li a.cz{ display: block; width: 27px; height: 16px; position: absolute; left: 176px; top: 30px; } .content .con_body .b_right .r_bottom{ padding-top: 18px; } .content .con_body .b_right .r_bottom ul{ padding-top: 8px; } .content .con_body .b_right .r_bottom ul li{ line-height: 26px; padding-left: 15px; position: relative; width: 220px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .content .con_body .b_right .r_bottom ul li:before{ display: block; content: ""; width: 4px; height: 4px; background: #0e337a; position: absolute; left: 0; top: 11px; } .modal-content{ border-radius: 0; padding: 15px 20px; } .modal-content p{ line-height: 24px; margin-bottom: 0; } .modal-dialog{ margin-top: 100px; } .close{ position: absolute; right: 8px; top: 4px; } .jianzheng{ display: inline-block; } .jianzheng li{ display: inline-block; } /* 悬浮窗样式 */ .float-box{ width: 300px; height: 125px; overflow: hidden; position: fixed; left: 0; top: 0; z-index: 100; } .float-box .float-img{ display: block; width: 300px; height: 125px; } .float-box .close-btn{ position: absolute; right: 0; top: 0; width: 25px; height: 25px; padding: 5px; cursor: pointer; }