@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; 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 .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: 100%; width: 100%; } .list .div_second_title{ width: 100%; height: 7px; background-color: #7AAC4B; } .list .div_second_content{ width: 100%; /*height: 300px;*/ background-color: white; poadding: 20px; } .row_green{ border-left: 4px solid #7AAC4B; } .div_second_content>div:first-child{ border-left: 4px solid #7AAC4B; } .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------------------------------------*/ .width15{ width: 15%; } .width18{ width: 18%; } .width20{ width: 20%; } .width24{ width: 24%; } .width25{ width: 25%; } .width30{ width: 30%; } .width31{ width: 31%; } .width32{ width: 32%; } .width33{ width: 33%; } .width40{ width: 40%; } .width49{ width: 49%; } .width50{ width: 50%; } .width60{ width: 60%; } .width75{ width: 75%; } .width80{ width: 80%; } .width100{ width: 100%; } .width_490_p{ width: 490px; } .width_342_p{ width: 342px; } .width_235_p{ width: 235px; } .width_177_p{ width:177px; } /*-----------------------------width end------------------------------------*/ /*-----------------------------height start------------------------------------*/ .height_53_p{ height: 53px; } .height_auto{ height: auto; } .height_100_b{ height: 100%; } .height_400_p{ height: 400px; } .height_371_p{ height: 371px; } .height_347_p{ height: 347px; } .height_317_p{ height: 317px; } .height_257_p{ height: 257px; } .height_227_p{ height: 227px; } .height_118_p{ height: 118px; } .height_181_p{ height: 181px; } .height_32_b{ height: 32%; } /*-----------------------------height end------------------------------------*/ /*-----------------------------color start------------------------------------*/ .color_7AAC4B{ color:#7AAC4B; } /*-----------------------------color end------------------------------------*/ .font_size_15_rem{ font-size: .15rem; } .font_size_18_rem{ font-size: .18rem; } /*-----------------------------border start------------------------------------*/ .border_left_1_p{ border-left: 1px solid #eee; } .border_right_1_p{ border-right: 1px solid #eee; } .border_bottom_1_p{ border-bottom: 1px solid #eee; } .border_1_p{ border: 1px solid #eee; } /*-----------------------------height end------------------------------------*/ /*-----------------------------margin start------------------------------------*/ .margin_5_b{ margin:5% auto; } .margin_top_1_b{ margin-top: 1%; } .margin_top_2_b{ margin-top: 2%; } .margin_top_3_b{ margin-top: 3%; } .margin_top_4_b{ margin-top: 4%; } .margin_top_5_b{ margin-top: 5%; } .margin_top_8_b{ margin-top: 8%; } .margin_top_10_b{ margin-top: 10%; } .margin_top_20_p{ margin-top:20px; } .margin_top_40_p{ margin-top: 40px; } .margin_left_0{ margin-left:0px; } .margin_left_4_b{ margin-left:4%; } .margin_bottom_20_p{ margin-bottom:20px; } .margin_0_auto{ margin: 0 auto; } /*-----------------------------margin end------------------------------------*/ /*-----------------------------padding start------------------------------------*/ .padding_5_p{ padding:5px; } .padding_10_p{ padding:10px; } .padding_20_p{ padding:20px; } .padding_top_20_p{ padding-top: 20px; } .padding_left_2_b{ padding-left:2%; } .padding_left_4_b{ padding-left:4%; } .padding_left_5_b{ padding-left:5%; } .padding_left_10_b{ padding-left:10%; } .padding_left_20_p{ padding-left: 20px; } .padding_bottom_4_b{ padding-bottom:4%; } .padding_bottom_5_b{ padding-bottom:5%; } .padding_right_2_b{ padding-right: 2%; } .padding_right_3_b{ padding-right: 3%; } .padding_right_4_b{ padding-right: 4%; } .padding_right_5_b{ padding-right: 5%; } .padding_bottom_20_p{ padding-bottom:20px; } .padding_bottom_40_p{ padding-bottom:40px; } .padding_0_5_p{ padding: 0 5px; } /*-----------------------------padding end------------------------------------*/ /*-----------------------------display start------------------------------------*/ .display_inline_block{ display: inline-block; } .display_inline{ display: inline; } .display_block{ display: block; } /*-----------------------------display end------------------------------------*/ /*以上方为标准*/ .vertical_align{ vertical-align: top; } .float_left{ float: left; } .float_right{ float: right; } .text_align_left{ text-align: left; } .text_align_right{ text-align: right; } .text_align_center{ text-align: center; } .position_absolute{ position: absolute; } .over_flow_hidden{ overflow:hidden; } .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; } .one_line{ /*超出省略*/ overflow: hidden; text-overflow:ellipsis; white-space: nowrap; } .two_line{ /*必须结合的属性 ,将对象作为弹性伸缩盒子模型显示 。*/ display: -webkit-box; /*必须结合的属性 ,设置或检索伸缩盒对象的子元素的排列方式 。*/ -webkit-box-orient: vertical; /*用来限制在一个块元素显示的文本的行数。 为了实现该效果,它需要组合其他的WebKit属性。常见结合属性*/ -webkit-line-clamp: 2; overflow: hidden; } .flowerImg{ width: 235px; height: 118px; }