@charset "UTF-8"; .green{ width:100%; border-top: 10px solid #7AAC4B; } .hot{ /*background-color: white;*/ width:100%; } .h-1,.h-2,.h-3{ width:100%; height:40px; /*border-bottom:1px solid #cccccc;*/ padding:0 20px; } .h-1 .table_class{ margin: 0 auto; /*width:45%;*/ height:40px; line-height:40px; font-size: .18rem; text-align: center; } .h-1 .title_1{ margin:0 auto; display: inline-block; font-weight: bold; color:#333333; } .h-1 .title_1 .active{ color: #7AAC4B; } .breadcrumb_head{ margin-top: 20px; margin-bottom: 10px; list-style: none; background-color: #f5f5f5; border-radius: 4px; } .breadcrumb_head>li { display: inline-block; } .breadcrumb_head>li+li:before { padding: 0 5px; color: #ccc; content: ">"; } .breadcrumb_head>.active { color: #777; } .SX0{ display: inline-block; padding: 0 20px; font-size: .18rem; } .SX0 input{ width: 111px; } .SX0>div label{ margin-left: 50px; font-weight: normal; } #pdName{ width: 200px; } .SX0>div{ margin-top: 20px; } #SX{ width: 100px; height: 40px; color: white; background-color: #7AAC4B; font-size: .18rem; position: relative; top:-25px; } #cleanSX{ font-size: .2rem; background-color: white; position: relative; top:-25px; } .title{ padding: 0 20px; } .title table{ width:100%; text-align: center; font-size: .18rem; margin-top: 40px; height: 40px; line-height: 40px; } .title table td{ width:20%; } .list{ background-color: white; padding-top: 20px; } .list_00{ background-color: white; padding-top: 20px; } .list .div_first{ display: inline-block; margin-left:0; background-color: white; width:70%; padding: 20px; } .list .div_first>table{ width:100%; text-align:center; font-size: .18rem; } .list .div_first td{ width:20%; } .list .div_second{ display: inline-block; margin-left: 0; background-color: white; width: 15%; margin-left: .60rem; position: absolute; } .list .div_second_title{ width: 100%; height: 7px; background-color: #7AAC4B; } .list .div_second_content{ width: 100%; height: 300px; background-color: white; poadding: 20px; } .list .div_second_content .ul_img>span:before { padding: 0 5px; color: #7AAC4B; content: "●"; } .list .td_title{ width:60%; display: inline-block; text-align: left; /*超出省略*/ overflow: hidden; text-overflow:ellipsis; white-space: nowrap; } .list .td_time{ width:40%; display: inline-block; } .list .td_title_image{ color:#ff774d; } .list .news_title_box{ border-bottom:1px solid #eee; padding: 20px; } .list_01{ background-color: white; padding-top: 20px; padding-bottom: 20px; } .list_01>div>h1{ text-align:center; } .list_01 .title_img{ width: 100%; height:400px; } .page{ text-align: center; padding: 20px 0; } #tk{ width: 100vw; height: 100vh; background-color: rgba(50,50,50,0.5); position: fixed; top:0; left: 0; z-index: 300; text-align: center; } #tk2{ width: 360px; height: 200px; background-color: white; margin-top: 15%; border-radius: 10px; overflow: hidden; font-size: .2rem; } #bt{ width:360px; height: 40px; } #bt1{ text-align: center; line-height: 40px; float: left; width: 180px; height: 40px; background-color: #eeeeee; } #bt2{ text-align: center; line-height: 40px; float: left; width: 180px; height: 40px; color: white; background-color: #7AAC4B; } #X{ width: 58px; position: relative; top:-225px; right: -175px; } #tkMes{ height: 160px; line-height: 160px; } #tanhao{ width: 58px; position: relative; top:-225px; } .JianTou { margin-top: 200px; } /*-----------------------------width start------------------------------------*/ .width20{ width: 20%; } .width25{ width: 25%; } .width30{ width: 30%; } .width40{ width: 40%; } .width49{ width: 49%; } .width50{ width: 50%; } .width60{ width: 60%; } .width75{ width: 75%; } .width80{ width: 80%; } .width100{ width: 100%; } /*-----------------------------width end------------------------------------*/ /*-----------------------------margin start------------------------------------*/ .margin_top_20_p{ margin-top:20px; } .margin_bottom_20_p{ margin-bottom:20px; } /*-----------------------------margin end------------------------------------*/ /*-----------------------------padding start------------------------------------*/ .padding_5_p{ padding:5px; } .padding_10_p{ padding:10px; } .padding_20_p{ padding:20px; } .padding_bottom_20_p{ padding-bottom:20px; } /*-----------------------------padding end------------------------------------*/ .display_inline_block{ display: inline-block; } .float_left{ float: left; } .float_right{ float: right; } .text_align_left{ text-align: left; } .text_align_right{ text-align: right; } .position_absolute{ position: absolute; } .thumbnail_right{ display: block; padding: 4px; margin-bottom: 20px; line-height: 1.42857143; /*text-align: right;*/ /*border: 1px solid #ddd;*/ border-radius: 4px; -webkit-transition: border .2s ease-in-out; -o-transition: border .2s ease-in-out; transition: border .2s ease-in-out; } .thumbnail_left{ display: block; padding: 4px; margin-bottom: 20px; line-height: 1.42857143; /*text-align: left;*/ /*border: 1px solid #ddd;*/ border-radius: 4px; -webkit-transition: border .2s ease-in-out; -o-transition: border .2s ease-in-out; transition: border .2s ease-in-out; } .list_01 .title_img{ width: 100%;height: 405px; /*background-image: url('../images/dalogo.png');background-position: center;background-size: 1920px;*/ } .caption>h4{ text-align: center; } .oneLine{ overflow: hidden; text-overflow:ellipsis; white-space: nowrap; } .news_box{ width:435px; height: 287px; overflow: hidden; } .news_box_bottom{ width:435px; height: 347px; overflow: hidden; }