?* reset */ html.htmlgray{filter: grayscale(100%); -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);} html { height: 100%;overflow-x: hidden;/*-webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-tap-highlight-color: transparent;*/} body { min-height: 100%; color: #606060; } body { _height: 100% } body, div, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, iframe, pre, code, fieldset, legend, form, input, select, textarea, button, p, blockquote, th, td, figure { margin: 0; padding: 0 } body, div, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, iframe, pre, code, fieldset, legend, form, p, blockquote, figure, header, footer, nav, article, section, aside, address, figcaption { *zoom: 1 } li { list-style-type: none } h1, h2, h3, h4, h5, h6 { font-size: 100%;font-weight:normal; } iframe, frame, fieldset, img { border: 0 none } img { vertical-align: top } input[type=button], input[type=submit], input[type=reset] { cursor: pointer } button { cursor: pointer } input, textarea, button { -webkit-border-radius: 0; -webkit-appearance: none } input[type=radio] { -webkit-border-radius: 100%; -webkit-appearance: radio } input[type=checkbox] { -webkit-appearance: checkbox } input[type=search] { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; -ms-box-sizing: content-box; -o-box-sizing: content-box; box-sizing: content-box } /*input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #000; opacity: 0.5; } input::-moz-placeholder, textarea::-moz-placeholder {color: #000; } input:-moz-placeholder, textarea:-moz-placeholder {color: #000; } input::-ms-input-placeholder, textarea::-ms-input-placeholder {color: #000; }*/ textarea { overflow: auto; resize: none } blockquote, q { quotes: none } blockquote:before, blockquote:after, q:before, q:after { content: ""; content: none } table { border-collapse: collapse; border-spacing: 0 } caption, th { text-align: left } th { font-weight: normal } em, cite, address,i { font-style: normal } sup { vertical-align: text-top } sub { vertical-align: text-bottom } body, input, select, button, textarea { font-size: 14px; font-family:"微软雅黑"; } body { line-height: 1.5; color: #323232; background: #fff;} a { text-decoration: none;-webkit-tap-highlight-color:transparent;color: #1B1B1B; } a { blr:expression(this.onFocus=this.blur()) } /*a * { *cursor: pointer }*/ :focus { outline: none } a:hover{color: #073688;} .edit_con_original{ line-height:2; padding:0 0; color:#333;} .edit_con_original ul{ margin:inherit; padding:inherit; padding-left:2em;} .edit_con_original ul li { list-style-type:disc; margin:auto; } .edit_con_original ol{ margin:inherit; padding:inherit} .edit_con_original ol li { list-style-type:decimal; margin:auto; } .edit_con_original h1 { font-size: 2em; font-weight:bold } .edit_con_original h2 { font-size: 1.5em; font-weight:bold } .edit_con_original h3 { font-size: 1.17em; font-weight:bold } .edit_con_original h4 { font-size: 1em; font-weight:bold } .edit_con_original h5 { font-size: 0.83em; font-weight:bold } .edit_con_original h6 { font-size: 0.67em; font-weight:bold } .edit_con_original em { font-style: italic } .edit_con_original cite{ font-style: italic } .edit_con_original address{ font-style: italic } .edit_con_original i { font-style: italic } .edit_con_original table{ border-collapse: separate; border-spacing: 2px } .edit_con_original img{ max-width:100%; height:auto;} /*所有后台编辑器区域都要引用 edit_con_original 类名*/ /* clear 页头,页脚,内容区都不用再加清除样式 */ .fixed:before, .clearfix:before, .cf:before, body:before, .header:before, .main:before, .footer:before { content: ''; display: table } .fixed:after, .clearfix:after, .cf:after, after, .header:after, .main:after, .footer:after { content: ''; display: table; clear: both } .fixed, .clearfix, .cf, .header, .main, .footer { *zoom: 1 } .clear, .cl { display: block!important; float: none!important; clear: both; width: auto!important; max-width: none!important; min-width: 0!important; max-height: none!important; min-height: 0!important; overflow: hidden; margin: 0!important; padding: 0!important; border: 0 none!important; font-size: 0!important; line-height: 0!important } /*隐藏视频下载按钮*/ video::-internal-media-controls-download-button { display:none; } video::-webkit-media-controls-enclosure { overflow:hidden; } video::-webkit-media-controls-panel { width: calc(100% + 30px); } *{box-sizing: border-box;} /*图片经过*/ .tran_scale{ overflow:hidden; display:block;} /*img{transition: All 0.7s ease-in-out;}*/ .tran_scale img{transform:scale(1,1); -webkit-transform:scale(1,1); transition:0.5s all; -webkit-transition:0.5s all;} /*两端对齐*/ .justify { text-align:justify; text-justify:distribute-all-lines;} /*上下居中*/ .v-m-c{ transform: translate(0,-50%); -webkit-transform: translate(0,-50%); -ms-transform: translate(0,-50%); position:absolute; left:0; top:50%;} /*左右居中*/ .l-m-c{ transform: translate(-50%,0); -webkit-transform: translate(-50%,0);-ms-transform: translate(-50%,0); position:absolute; left:50%; top:0;} /*绝对居中*/ .a-m-c{ transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%); position:absolute; left:50%; top:50%;} .ratio-img,.ratio-img img{width: 100%; max-height: 100%;} *{-webkit-tap-highlight-color: transparent;} /*截字*/ .ellipsis{text-overflow:ellipsis; white-space:nowrap; display: inline-block; max-width:99%;overflow:hidden; } .clamp{display:-webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp: 3; line-height: 1.5; max-height: 4.5em;overflow:hidden;} .bg-cover{background-size: cover; background-repeat: no-repeat; background-position: center;} .wrap{max-width: 1280px; width:96%; margin:0 auto;} /*header*/ .header{width: 100%;height: 166px;transition: all 0.3s; background: #fff; position: relative;z-index: 102;} .header .header_top{padding:10px 0 10px; border-bottom: 1px solid #CDD8ED;} .header h1{float: left; width: 800px; height:92px; transition: all 0.3s;} .header h1 img{max-width: 100%;} .head_right{float: right;} .head_right p{font-size: 12px; color: #9E9E9E; text-align: right; margin:0 15px 10px 0;} .head_right p a{color: #636363;} .head_right p a.on{color: #073688;} .head_right .log_reg{ float: right; padding-left: 25px;height: 34px; line-height: 34px; margin-right: 30px; background: url(../images/dot02.png) left center no-repeat; } .head_right .log_reg a{ color: #636363;} .head_right .search_box { float: right; width: 220px; height: 34px; line-height: 34px; border:1px solid #C6D0E3; padding:0 10px; border-radius: 20px; position: relative; } .head_right .search_box_text { float:left; width:calc(100% - 20px);border:0;height:32px; line-height: 32px; background: none; border:none;} .head_right .search_box_button { float: right; width:20px;height:34px; line-height: 34px; background:url(../images/dot01.png) no-repeat center; border:0; } .header_box{position: relative; z-index: 102; background: #fff;} nav{ text-align: center; position: relative;} nav>ul>li{ line-height: 53px;display: inline-block; margin:0 1.81%;transition:0.5s all; -webkit-transition:0.5s all; /*position: relative;*/} nav>ul>li.on{ color: #073688;} nav>ul>li.on a{color: #073688;} nav>ul>li a{ color:#636363; position: relative;} nav>ul>li>ul{ display: none; position: absolute; top:100%; left:0; width:100%; z-index: 101; text-align: center;} nav>ul>li>ul li{ /*display: block;*/ display: inline-block; margin:0 20px; line-height: 50px; height: 50px;} nav>ul>li>ul li a{color: #fff!important;} nav>ul>li ul li:first-child{ display: none; } nav>ul>li a em{ display: none; position: absolute; left:50%; margin-left:-6px; bottom: -18px; width: 0; height: 0; overflow: hidden; font-size: 0; line-height: 0; border-width:6px;border-style:solid; border-color:transparent transparent #083388 transparent;} nav>ul>li.on a em{ display: block; } .header_bg{transition:0.5s all; -webkit-transition:0.5s all;transform: translateY(-80px); position: absolute; left:0; top:100%; height:50px; width: 100%; line-height: 50px; background: rgba(7,54,136,0.8); z-index: 100;} .header_bg.on{transform: translateY(0px);} @media only screen and (min-width: 1024px) { a{transition: 0.3s all;-webkit-transition: 0.3s all;-moz-transition: 0.3s all;-o-transition: 0.3s all;-ms-transition: 0.3s all;} a:hover{color: #073688!important;} .tran_scale:hover img{transform:scale(1.05,1.05) rotate(-1deg); -webkit-transform:scale(1.05,1.05) rotate(-1deg);} .ie9 .tran_scale:hover img{transform:scale(1) rotate(0deg); -webkit-transform:scale(1) rotate(0deg);} .head_right p a:hover{color: #073688;} nav>ul>li:hover{color: #D1AB6A;} nav>ul>li a:hover{color: #D1AB6A;} nav>ul>li>ul li a:hover{color: #fff!important;} nav>ul>li:hover a em{ display: block; } } /*footer*/ .footer{background: #0E4190; padding:30px 0; text-align: center; color: #DADADA;} .footer p span{margin:0 10px;} .footer p span a{ color: #DADADA!important;} .footer p a{color: #747373;} @media (max-width:1365px){ nav>ul>li{margin:0 1.73%;} } @media (max-width:1279px){ nav>ul>li{margin:0 1.12%;} } @media only screen and (max-width: 1023px) { .header{position: fixed; width: 100%; z-index: 1000; height: 55px; border-bottom: 1px solid #CDD8ED;} .header h1{width: 40%; height: auto; margin-top: 0;} .header .header_top{padding: 10px 0; border-bottom: none;} .head_right{width: 100%; padding:10px 20px; display: none;} .head_right p{margin:0 0 5px;} .head_right p a,.head_right .search_box_text,.head_right .log_reg a{color: #fff!important;} .head_right .search_box_text::-webkit-input-placeholder{ color: #fff; opacity: 0.5; } .head_right .search_box_text::-moz-placeholder{color: #fff; } .head_right .search_box_text:-moz-placeholder{color: #fff;} .head_right .search_box{width: 100%;} .head_right .log_reg{margin-right: 0; background-image: url(../images/dot02_on.png);} .footer{font-size: 12px; padding:20px 0;} .main{padding-top: 55px;} .phone_menu { color: #000;display: block;float:right; position:absolute; top:15px;right:2%;background: none;width: 26px; height: 26px;transform: translateX(0px);} .phone_menu em.p1{ display:block; width:22px; height:2px; background:#000; position:absolute; top:50%; margin-top:-7px; left:50%; margin-left:-11px; border-radius:2px;transform:rotate(0deg);} .phone_menu em.p2{ display:block; width:22px; height:2px; background:#000; position:absolute; top:50%; margin-top:0; left:50%; margin-left:-11px; border-radius:2px;opacity:1;} .phone_menu em.p3{ display:block; width:22px; height:2px; background:#000; position:absolute; top:50%; margin-top:7px; left:50%; margin-left:-11px; border-radius:2px;transform:rotate(0deg);} .pBody .phone_menu{ transform:translateX(0px);} .pBody .phone_menu em.p1{ transform:rotate(45deg); margin-top:0;} .pBody .phone_menu em.p2{ opacity:0;} .pBody .phone_menu em.p3{ transform:rotate(-45deg); margin-top:0;} .pBody nav{ transform: translateX(0%); -webkit-transform: translateX(0%); box-shadow: -5px 0 10px rgba(0,0,0,0.3);background:#073688;} nav{ float: none; position: absolute; display: block; right:0px; top:55px; width:220px; z-index: 500; transform: translateX(100%); -webkit-transform: translateX(100%);transition: 0.4s linear;-webkit-transition: 0.4s linear;} nav>ul{overflow-y: auto;overflow-x: hidden;position: absolute;bottom: 0px;top: 110px;width:100%;} nav>ul>li{text-align: left; display: block;line-height: 30px;margin:0; padding:0; margin-bottom: 10px; padding-left:20px; position: static;} nav>ul>li.hassub{background: url(../images/hassub_on.png) 90% center no-repeat;} nav>ul>li>ul{ display: block!important; overflow-y: auto;overflow-x: hidden;margin:0; position: absolute;left:auto;top:0;bottom: 0px;width: 100%; height:100%!important; opacity: 0;visibility: hidden;right:-100%;-ms-transition: all 250ms ease-out;transition: all 250ms ease-out;z-index: 3;} nav>ul>li>ul li{height:auto;line-height:20px;border-bottom: 1px solid rgba(255,255,255,0.5); display: block; padding:10px 20px!important; text-align: left;} nav>ul>li>a{color: #fff!important;} nav>ul>li.show>ul{opacity: 1;visibility: visible;right:0; height: 100%!important;background:#073688; } nav>ul>li>ul li:first-child{ display: block; text-align: left; } nav>ul>li:nth-child(4)>ul{width: 100%;} .pBody .head_right{ display: block;} } @media (max-width:767px){ *{cursor: pointer;} .header h1{width:260px;} } /*header+footer end*/ /*首页开?/ /*banner*/ .inbanner{width: 100%;position: relative;} .inbanner .swiper-container{width:100%;height:100%;overflow:hidden} .inbanner .txt{left:50%; width: 50%;} .inbanner .txt1{left:22%;} .inbanner .txt h2{ color: #fff; line-height: 1.2;} .inbanner .txt p{ margin-top: 3%; color: #fff; } .inbanner .swiper-button-prev,.inbanner .swiper-button-next{ display: none; left:6%; width: 52px; height: 96px; margin-top: -48px; opacity: 1;background-size: cover!important;} .inbanner .swiper-button-next{left:auto;right:6%;} .inbanner .swiper-pagination{ z-index: 100; } /*banner*/ .ind_tit{ position: relative; padding-left: 10px; font-weight: bold; margin-bottom:35px;} .ind_tit a{color: #073688;} .ind_tit::before{ content: ""; position: absolute; left:0; top:0; width: 3px; height: 20px; top:50%; margin-top:-10px; background: #073688;} a.more{ display: inline-block; padding-left: 30px; background: url(../images/dot03.png) left center no-repeat; } .mar_b60{margin-bottom: 60px;} .mar_b70{margin-bottom: 70px;} .mar_b120{margin-bottom: 120px;} /*index_part1*/ .index_part1 .ll_box{ float: left; width: 66%; } .index_part1 .rr_box{ float: right; width: 29.68%;} .index_part1 .ll_box .ll{ float: left; width: 53%;} .index_part1 .ll_box .ll img{width: 100%;} .index_part1 .ll_box .ll h2{ overflow: hidden; margin:20px 0 15px; line-height: 1.2;} .index_part1 .ll_box .ll h2 span{ float: left; width: calc(100% - 168px); font-weight: bold; line-height: 1.2;-webkit-line-clamp:2; max-height: 2.4em;} .index_part1 .ll_box .ll h2 em{ float: right; margin-top: 5px; width: 86px; height: 18px; line-height: 18px; background: #4A4A4A; color: #fff; text-align: center; font-size: 12px; font-family: arial; } .index_part1 .ll_box .ll p{color: #4A4A4A;} .index_part1 .ll_box .rr{ float: right; width: 42%; margin-top:-5px;} .index_part1 .ll_box .rr li{ line-height: 40px; height: 40px; border-bottom: 1px solid #D0D0D0; position: relative;} .index_part1 .ll_box .rr li span{ position: absolute; right:0; top:0; font-family: arial; font-size: 12px; color: #ABABAB;} .index_part1 .ll_box .rr li a{ width:calc(100% - 80px); color: #000;} .index_part1 .rr_box li,.index_part4 .rr_box li{ float: left; width: 100%; padding-bottom:20px; margin-bottom: 16px; border-bottom: 1px solid #D0D0D0;} .index_part1 .rr_box li h2,.index_part4 .rr_box li h2{color: #000; margin-bottom: 6px;} .index_part1 .rr_box li h2 a,.index_part4 .rr_box li h2 a{color: #000;} .index_part1 .rr_box li .c,.index_part4 .rr_box li .c{color: #4A4A4A;} .index_part1 .rr_box li:last-child,.index_part4 .rr_box li:last-child{border-bottom: none; margin-bottom: 10px;} /*index_part1*/ /*index_part2*/ .index_part2 li{float: left;width:25%; position: relative;} .index_part2 li img{width: 100%;} .index_part2 li a{display: block;} .index_part2 li h2{color: #fff; position: absolute; left:40px; top:35px; z-index: 2;} .index_part2 li span{ display: block; height:30px; background: url(../images/dot04.png) left bottom no-repeat;} /*index_part2*/ /*index_part3*/ .index_part3 .ll_box{ float: left; width: 66%; position: relative;} .index_part3 .ll_box .bg_layer{position: absolute; left:0; bottom:0; width: 100%; padding:20px 55px; color: #fff; background: #0F479A;} .index_part3 .ll_box .bg_layer p{ display: none; } .index_part3 .rr_box{ float: right; width: 29.68%; position: relative;} .index_part3 .rr_box h2{color: #fff; text-align: center;} .index_part3 .rr_box h2 span{ display: block;} .index_part3 .rr_box span img{transform:scale(1) rotate(-1deg)!important; -webkit-transform:scale(1) rotate(-1deg)!important;} /*index_part3*/ /*index_part4*/ .index_part4{position: relative;} .index_part4 .ll_box{ float: left; width: 66%; position: relative;} .index_part4 .rr_box{ float: right; width: 29.68%; position: relative;} .index_part4 .rr_box li:last-child{border-bottom: none; margin-bottom: 5px;} .index_part4 .ll_box ul{margin:0 -1.5% 40px;} .index_part4 .ll_box li{float: left; width: 30.33%; margin:0 1.5%; position: relative;} .index_part4 .ll_box li h2{position: absolute; left:0; bottom:0; width: 100%; height: 40px; line-height: 40px; color: #fff; padding:0 5%; background: rgba(47,67,95,0.8);} .index_part4 .ll_box .ll{ float: left; width: 48.2%; position: relative;} .index_part4 .ll_box .ll img{width: 100%;} .index_part4 .ll_box .ll h2{ width: 100%; text-align: center; color: #fff; } .index_part4 .ll_box .ll h2 span{ display: inline-block; width: 44px; height: 41px; margin-right: 20px;} .index_part4 .ll_box .ll h2 span img{width: 44px; height: 41px;transform:scale(1) rotate(-1deg)!important; -webkit-transform:scale(1) rotate(-1deg)!important;} .index_part4 .ll_box .rr{ float: right; width: 48.2%; position: relative;} .index_part4 .ll_box .rr .txt{ position: absolute; left:0; top:0; width: 100%; padding:15px 25px; color: #fff;} .index_part4 .ll_box .rr h2{ padding-left: 32px; margin-bottom: 20px; background: url(../images/dot07.png) left center no-repeat;} .index_part4 .ll_box .rr h3{margin-bottom: 10px; line-height: 28px; display: none;} .index_part4 .ll_box .rr h3 span{ float: left;} .index_part4 .ll_box .rr h3 .sel_box{ width: 45%;} .index_part4 .ll_box .rr .btn{position: absolute; left:0; bottom:0; width: 100%; height: 44px; line-height: 44px; color: #fff!important; text-align: center; border:none; background: url(../images/dot09.png) 38% center no-repeat rgba(29,103,215,0.5);} .index_part4 .ll_box .sel_box{ float: left; width: 31.33%; margin-right:2%;} .index_part4 .ll_box .select-box dt{cursor: pointer;position:relative; z-index:2; border:1px solid #4B90D1; border-radius: 3px;} .index_part4 .ll_box .select-box dt a { display:block; color: #6E98DC!important; text-indent: 10px;} .index_part4 .ll_box .select-box .ico {width:30px; border-left: none; background:url(../images/dot08.png) center no-repeat;/*transition: 0.3s all;-webkit-transition: 0.3s all;-moz-transition: 0.3s all;-o-transition: 0.3s all;-ms-transition: 0.3s all;*/} .index_part4 .ll_box .select-box.open .ico{ transform: rotate(180deg);-webkit-transform: rotate(180deg); -moz-transform: rotate(180deg);-ms-transform: rotate(180deg);-o-transform: rotate(180deg);} .index_part4 .ll_box .select-box dd { display:none;position:absolute; margin-top:1px; border:1px solid #4B90D1; border-top:0; background:#fff; max-height:200px;left: -1px; right:-1px; overflow:auto; z-index:111111;} .index_part4 .ll_box .select-box.open dd{ display: block; } .index_part4 .ll_box .select-box dd a { display:block; padding:2px 10px; color:#383838;} .index_part4 .ll_box .select-box dd a.on,.index_part4 .ll_box .select-box dd a:hover{ background:#6E98DC; color:#fff!important;} /*index_part4*/ @media only screen and (max-width: 1365px){ .mar_b60{margin-bottom: 40px;} .mar_b70{margin-bottom: 50px;} .mar_b120{margin-bottom: 80px;} .index_part4 .rr_box li:last-child{margin-bottom: 0;} } @media only screen and (max-width: 1279px){ .ind_tit{margin-bottom: 20px;} .index_part1 .ll_box,.index_part1 .rr_box,.index_part4 .ll_box,.index_part4 .rr_box{width: 100%;} .index_part1 .rr_box,.index_part4 .rr_box{margin-top: 30px;} } @media only screen and (max-width: 1023px){ .mar_b60{margin-bottom: 30px;} .mar_b70{margin-bottom: 40px;} .mar_b120{margin-bottom: 60px;} .index_part1 .ll_box .rr li:last-child{ display: none; } .index_part2 li h2{top:25px; left:20px;} .index_part3 .ll_box .bg_layer,.index_part4 .ll_box .rr .txt{padding:20px;} } @media only screen and (max-width: 767px){ .index_part1 .ll_box .ll,.index_part1 .ll_box .rr,.index_part3 .ll_box,.index_part3 .rr_box,.index_part4 .ll_box .ll,.index_part4 .ll_box .rr{width: 100%;} .index_part1 .ll_box .rr{margin-top: 20px;} .index_part2 li{width: 50%;} .index_part3 .ll_box .bg_layer{position: static;} .index_part4 .ll_box ul{margin:0 0 20px;} .index_part4 .ll_box li{width: 100%; margin:0 0 10px;} .mar_b120{margin-bottom: 40px;} .inbanner .swiper-slide{height: 240px!important;} .inbanner .swiper-slide img{ display: none; } .inbanner .txt{left:10%!important;} } /*首页结束*/ /*公用样式开?/ /*分页*/ .pageout{text-align: center;padding-bottom: 5px; clear: both; margin: 40px 0 0;} .page{display:inline-block;*display:inline;*zoom:1; font-size: 12px;} .page {vertical-align:middle;text-align:center;margin: 0 auto;color:#2d2d2d; height:27px; line-height:27px; } .page span{color:#777777; float: left; margin-left: 20px;} .page span em{ } .page i{ float: left; margin: 0 20px;} .page a{float: left; width:28px; border: 1px solid #e5e2de; color: #6b6a6a; background: #ffffff; margin-left: -1px; } .page a.on{background:#083388;color:#fff;border: 1px solid #083388; margin-left: 0;} .page a.prev {background:#fff url(../images/page_prev.png) center center no-repeat; text-indent:-10000px; margin-right: -1px;} .page a.next {background:#fff url(../images/page_next.png) center center no-repeat; text-indent:-10000px; border-radius: 0 3px 3px 0;} .page a.prev.no{opacity:0.7;filter:alpha(opacity=70); -moz-opacity:0.7; -khtml-opacity:0.7;} .page a.next.no{opacity:0.7;filter:alpha(opacity=70); -moz-opacity:0.7; -khtml-opacity:0.7;} .page a:first-child + a{} .page a.next{margin-left: -1px;} .page a.go{margin-left:10px; width: 44px; background: #083388; color: #fff; border:1px solid #083388; height: 28px; line-height: 28px;} .page a.go:hover{color: #fff !important;} .page a.on:hover{color: #fff !important;} .page .txtnum{margin-left: 0;} .page .txtnum input{color:#353535; width:38px;height:27px; line-height:27px; border-radius:3px; padding: 0 5px; text-align:center;background:none;border: 1px solid #dddddd; margin: 0 6px;} /*内容?/ .detalis_span{color: #484848;margin-bottom: 55px;} .detalis_span em{padding: 0 15px;} .details_le span{ margin-bottom: 10px;} .details_le span.font_size a{margin-right: 5px;cursor: pointer;} .details_le span.font_size a.on {color: #E6000C;} .details_le span.font_size a#big{font-size: 18px;} .details_le span.font_size a#middle{font-size: 14px;} .details_le span.font_size a#small{font-size: 12px;} .details_le h1{color: #000;margin-bottom: 30px;} .details_le .font_size{margin:3% 0;} .font_size a{margin-right: 5px; cursor: pointer;} .font_size a.on{color: #E6000C;} .font_size a#big{font-size:18px;} .font_size a#middle{font-size:14px;} .font_size a#small{font-size:12px;} .details_cont{overflow: hidden;padding-bottom: 60px; line-height: 1.8;} .details_cont .edit_con_original{line-height: 1.8;} .details_cont .details_le{width: 856px; float: left;} .details_page{overflow: hidden; border-top: 1px solid #d0d0d0;margin-top: 30px; padding-top: 30px;} .details_page ul{float: left;width: 750px;} .details_page ul li{line-height: 1.9em;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} .detail_close{width: 32px; height: 32px;background: #083388 url(../images/close.png) no-repeat center center; float: right;margin-top: 14px;} .detail_close:hover{opacity:0.8;filter:alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity:0.8;} .details_edit_type{padding:15px 40px; background: #E9E8E9; margin-bottom: 30px;} .details_edit_type li{ float: left; width: 33.33%; line-height: 2; color: #434352;} .details_edit_type li:last-child{font-weight: bold; color: #122D8D;} .details_edit_type li em img{vertical-align: middle;} .details_edit_img{margin-bottom: 30px;} .details_cont .details_re{width: 355px; float: right;margin-top: 70px;} .details_title{line-height: 40px;position: relative;margin-bottom: 30px;} .details_title em{ width: 3px; height: 21px; background:#083388; position: absolute; left: 0; top:50%; margin-top: -10px; } .details_title h1{color: #083388; font-weight: bold;margin-left: 20px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} .details_re_list01{padding-bottom: 15px;border-bottom: 1px solid #d0d0d0;} .details_re_list01 dt{margin-bottom:10px;} .details_re_list01 dt h3{white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} .details_re_list01 dt a{color: #000;} .details_re_list01 dd p{line-height: 1.6em; max-height: 3.2em;overflow: hidden;} .details_re_list02 a{color: #484848;} .details_re_list02 li{line-height: 40px; border-bottom: 1px solid #d0d0d0;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} /*模拟表单*/ /*模拟checkbox*/ .label-checkbox { position:relative; background:url(../images/checkbox.png) 0 6px no-repeat; display:inline-block; } .label-checkbox.on { background-position:0 -79px; } .label-checkbox input { opacity:0; filter:alpha(opacity=0);} /*模拟radio*/ .label-radio { position:relative; background:url(../images/radio.png) 0 8px no-repeat; display:inline-block; } .label-radio.on { background-position:0 -76px; } .label-radio input { opacity:0; filter:alpha(opacity=0);} /*模拟select*/ .select-box { position:relative; height: 28px; line-height: 28px;} .select-box dt{border: 1px solid #6E6E6E; height: 28px; line-height: 28px;} .select-box dt a { display:block;position:relative; z-index:2;} .select-box dt a b { overflow:hidden; margin-right:50px;font-weight:normal; padding-left: 20px;} .select-box .ico { position:absolute; right:0; top:0; width:50px; height:100%; z-index:1; border-left:1px solid #6E6E6E; background:url(../images/dot_14.png) no-repeat center;} .select-box dd { display:none;} .select-body-box {position:absolute; margin-top:1px; border:1px solid #6E6E6E; background:#fff;max-height:200px; overflow:auto; z-index:111111;} .select-body-box a { display:block; padding:10px 20px; color:#666;} .selectmask { display:none;} @media only screen and (max-width:1280px) { .index_part4 .ll_box .rr h2{margin-bottom: 15px;} } @media only screen and (min-width:1025px) { .select-body-box:hover a.on { background:none; color:#666;} .select-body-box a.on, .select-body-box a:hover, .select-body-box:hover a.on:hover { background:#BE0E20; color:#fff;} } @media only screen and (max-width:767px) { /*模拟select*/ .select-body-box { z-index:100000; position:fixed; top:50%; left:10% !important; width:80% !important; max-height:80%; } .selectmask { position:fixed; left:0; top:0; width:100%; height:100%; background:#000; opacity:0.5; z-index:2; display:block; } /**/ } /*公用样式结束*/ ٶ