* { padding: 0px; margin: 0px; font-family:'Microsoft YaHei',"SimSun",Arial,sans-serif;} body,html { color:#434343;} body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0; padding:0;} fieldset,img { border:0 } h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal} ol,li,ul{ list-style:none;} em,i { font-style:normal;} body{ font-size:12px; color:#585858;} a{ color:#434343; text-decoration:none; outline:none;} a:hover { color:#2577E3;} img,input,textarea{ border: 0 none; vertical-align:middle;} input:focus { outline:none;} /*文字排版、颜色*/ .f12{font-size:12px} .f13{font-size:13px} .f14{font-size:14px} .f16{font-size:16px} .f18{font-size:16px} .f20{font-size:20px} .f24{font-size:24px} .fb{font-weight:bold} .fn{font-weight:normal} .lh180{line-height:180%} .lh200{line-height:200%} /*定位*/ .tl{text-align:left} .tr{text-align:right} .fl{float:left;} .fr{float:right;} .pr{position:relative} .pa{position:absolute} .zoom{zoom:1} .none{display:none} .content img{max-width:600px;} * html .content img{ width: expression(this.width > 600 && this.width > this.height ? 600 : auto); } .no_mg { margin:0!important;} .no_pd { padding:0!important;} .no_bd { border:none!important;} .no_bg { background:none!important;} /*设置input里的字体颜色*/ input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #888;font-size:14px; } input:-moz-placeholder, textarea:-moz-placeholder { color:#888;font-size:14px; } input::-moz-placeholder, textarea::-moz-placeholder { color:#888;font-size:14px; } input:-ms-input-placeholder, textarea:-ms-input-placeholder { color:#888;font-size:14px; } .clearfix:after { content: ""; display: block; height: 0; clear: both; visibility: hidden; overflow:hidden; } .clearfix { display: block; } .line1 { display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; line-clamp: 1; -webkit-line-clamp: 1; } .line2 { display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; line-clamp: 2; -webkit-line-clamp: 2; } /*head+foot*/ .header { width: 100%; position: relative; background-color: #2577E3; font-size:14px; } .smain { width:1170px; margin:0 auto; } .header .header-top { height: 35px; line-height: 33px; color: #fff; margin: 0 auto; width: 1170px; } .header .header-top span { color: #FFFFFF; display:inline-block; margin-left:15px; } .logos { margin: 22px auto 22px; position: relative; } .logos .logo { height: 55px; float:left; } .logos .logo span { display:block; height:55px; float:left; line-height:55px; font-size:32px; font-weight:bold; color:#222; } .logos .logo span img { height: 100%; } .logos_channel { display:block; font-weight:lighter; font-size:24px; float:left; line-height:40px; color:#111; padding:0 0 0 12px; margin-top:10px; position:relative; z-index:1; margin-left:15px; } .logos_channel:before { content:""; position:absolute; z-index:5; width:1px; height:20px; background:#d8d8d8; left:0; top:50%; margin-top:-10px; } .logos .logo b a { color:#5187E8;} .logos .inputs { position: relative; z-index:1; width: 458px; float:left; height: 40px; border: 1px solid #2577E3; margin-left: 150px; border-radius: 20px; font-size:15px; margin-top:3px; background:url(../images/serch.png) no-repeat 5px center; } .logos .inputs input { position: absolute; z-index:9; left: 36px; top: 0; width: 395px; border: none; height:40px; line-height:40px; margin: 0; background:none; font-size:14px; } .logos .inputs .icon-sousuo { position:absolute; top:-1px; right:-1px; z-index:11; width: 75px; height: 42px; line-height: 40px; text-align: center; margin: 0; background-color:#2577E3; color: #fff; border-radius:0 20px 20px 0; } .logos .adve { width: 220px; height: 42px; float:right; margin-top:3px; } .logos .adve img { width: 100%; height: 100%; } .links { width:100%; background:#F5F5F5; font-size:14px; color:#888; padding:20px 0; line-height:35px; margin:25px 0 0 0; } .links .name { float:left; display:block; width:100px; } .links .net { float:left; width:-webkit-calc(100% - 100px); width:-moz-calc(100% - 100px); width:calc(100% - 100px); height:70px; overflow:hidden; } .links .net li { float:left; margin-right:20px; } .foot { width:100%; background:#333333; padding:15px 0 25px 0; } .foot_ano { margin-top:20px} .foot_logo { padding:0 50px 0 0; float:left; border-right:1px solid #A9A9A9; margin-top:10px; line-height:60px; font-size:32px; color:#fff; font-weight:bold; } .foot_logo img { height:60px;} .foot_mesg { /*width:890px; float:right;*/ text-align:center; } .foot_mesg p { line-height:24px; color:#A9A9A9; font-size:14px; } /*index*/ .navbar { height: 60px; overflow: hidden; width: 100%; border-top: 2px solid #2577E3; border-bottom: 1px solid #2577E3; padding: 12px 0; margin-bottom:20px; } .navbar .navbox { float: left; padding-left: 15px; height: 100%; font-size: 14px; width: 16.6%; position: relative; z-index: 1; box-sizing: border-box; } .navbar .navbox:first-child { padding-left: 0; } .navbar .navbox:before { content: ""; position: absolute; left: 0; top: 7px; width: 1px; height: 50px; background: #e0e0e0; } .navbar .navbox:first-child:before { background: none; } .navbar .navbox ul { height: 30px; overflow: hidden; } .navbar .navbox li { float: left; width: 25%; line-height: 30px; overflow: hidden; font-size: 14px; } .navbar .navbox li:first-child { font-weight: bold; color: #222; font-size: 15px; } .navbar .navbox li:first-child a { color: #222; } .index_one { margin-bottom:20px; } .index_oleft { width:320px; float:left; } .pet_top_new02 { overflow: hidden; } .pet_top_new02 li { height: 35px; line-height: 35px; font-size: 16px; overflow: hidden; } .pet_top_new02 li:nth-child(5n+1) { font-weight: bold; margin-top: 10px; } .pet_top_new02 li span { display: inline-block; margin-right: 10px; color: #2577E3; font-size: 14px; } .pet_top_new02 li:nth-child(5n+1) span { display: none; } .pet_top_new02 li span a { color: #2577E3; } .ione_imgwrap { width: 100%; height: 160px; overflow: hidden; position: relative; z-index: 1; } .ione_imgwrap img { position: absolute; z-index:5; transform: translate(-50%,-50%); top: 50%; left: 50%; height: 100%; } .ione_imgwrap p { position:absolute; z-index:11; width:100%; left:0; bottom:0; background:url(../images/bnner.png) no-repeat center bottom; } .ione_imgwrap p b { display:block; font-weight:normal; color:#fff; font-size:14px; line-height:30px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding:5px 10px; } .ione_zxlist { background: #F8F8F8; border-top: none; overflow: hidden; box-sizing: border-box; padding: 0 15px; } .ione_zxlist ul { overflow: hidden; margin-bottom: 10px; } .ione_zxlist li { overflow: hidden; height: 44px; line-height: 22px; font-size: 14px; position: relative; z-index: 1; border-bottom: 1px solid #e8e8e8; padding: 10px 0; } .ione_zxlist li:last-child { border-bottom:none;} .index_ol { margin:0 20px; } .index_ol dl { border-bottom:1px solid #f2f2f2; height:70px; overflow:hidden; } .index_ol dl:last-child { border-bottom:none;} .index_ol dt { height:32px; font-size:17px; font-weight:bold; line-height:32px; margin-top:5px; background:url(../images/menu_icon.png) no-repeat left center; background-size:16px; padding-left:30px; } .index_ol dd { height:24px; line-height:24px; overflow:hidden; font-size:14px; } .index_ol dd a { margin:0 10px 0 0; color:#777;} .index_ol dd a:hover,.index_ol dt a:hover { color:#0086F6;} .index_oright { width:825px; float:right; } .index_or_pic {} .index_or_pic .lpic { width:510px; float:left; height:335px; overflow:hidden; } .index_or_pic .lpic img { width:100%; } .index_or_pic .rpic { width:300px; float:right; } .index_or_pic .rpic li { height:160px; overflow:hidden; margin-bottom:15px; } .index_or_pic .rpic li:last-child { margin-bottom:0;} .index_or_pic .rpic li img { width:100%;} .index_or_new {} .index_or_new .lnew { width:510px; float:left; overflow:hidden; margin-top:10px; } .index_or_new .new_a { margin-top: 15px; border-bottom: #eee 1px solid; padding-bottom: 15px; } .index_or_new .new_a:last-child { border-bottom:none; padding-bottom:0;} .index_or_new .new_a .name { font-weight: bold; font-size: 20px; color: #333333; margin-bottom: 10px; } .index_or_new .new_a .name a:hover { color:#0086F6;} .index_or_new .new_a .content { font-size: 14px; color: #767676; line-height: 25px; } .index_or_new .new_a .content a { color:#777;} .index_or_new .rnew { width:300px; float:right; } .index_or_new_b { background: #F9F9F9; margin-top:15px; overflow:hidden; } .index_or_new_b .title_s { height: 48px; line-height: 46px; position: relative; } .index_or_new_b .title_s span { border-top: #2577E3 2px solid; font-size: 18px; display: inline-block; padding: 0 20px; color: #2577E3; position: relative; z-index: 1; margin-left: 0; } .index_or_new_b .title_s::after { content: ""; position: absolute; width: 100%; height: 1px; background: #e5e5e5; left: 0; top: 0; z-index: 0; } .index_or_new_b .lyzx_list { padding: 0 20px; height:390px; } .index_or_new_b .lyzx_list li { font-size: 14px; line-height: 38px; height:38px; overflow:hidden; color: #333; position:relative; z-index:1; padding-left:15px; } .index_or_new_b .lyzx_list li:before { content: ""; position: absolute; z-index: 9; width: 4px; height: 4px; background: #0086F6; top: 50%; margin-top: -2px; left: 0; } .travel_top { margin-bottom:20px; } .travel_top_pic { margin-bottom:15px; } .travel_top_pic li { width:-webkit-calc(11% - 6px); width:-moz-calc(11% - 6px); width:calc(11% - 6px); height:80px; float:left; margin-right:8px; overflow:hidden; position:relative; z-index:1; } .travel_top_pic li:last-child { float:right; margin-right:0; } .travel_top_pic li img{ height: 100%; position: absolute; transform: translate(-50%,-50%); top: 50%; left: 50%; } .travel_top_pic li b { display:block; width:100%; height:26px; line-height:26px; background-color:rgba(0,0,0,.5); text-align:center; color:#FFF; font-weight:normal; position:absolute; z-index:5; left:0; bottom:0; font-size:12px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .travel_top_pic li:hover b { width:100%; height:100%; font-weight:bold; box-sizing:border-box; padding-top:25px; font-size:14px; } .travel_top_list dl { height:24px; line-height:24px; margin-bottom:10px; } .travel_top_list dt { float:left; width:45px; background:#2577E3; opacity:0.6; text-align:center; color:#FFF; position:relative; z-index:1; font-size:14px; height:24px; line-height:24px; } .travel_top_list dd { float:right; width:-webkit-calc(100% - 50px); width:-moz-calc(100% - 50px); width:calc(100% - 50px); overflow:hidden; height:24px; line-height:24px; } .travel_top_list dd a { display:block; float:left; padding:0 12px; font-size:13px; position:relative; z-index:1; } .travel_top_list dd a:before { content:""; position:absolute; left:0; top:50%; margin-top:-7px; width:1px; height:15px; background:#ddd; } .travel_top_list dd a:first-child:before { background:#FFF; } .travel_piclist { margin-top:15px; } .travel_piclist li { margin-bottom:15px; width:100%; float:left; } .travel_piclist li .pic { width:120px; height:80px; float:left; overflow:hidden; position:relative; z-index:1; } .travel_piclist li .pic img { height:100%; position: absolute; transform: translate(-50%,-50%); top: 50%; left: 50%; } .travel_piclist li .conte { border:1px solid #EEEEEE; border-left:none; height:80px; width:-webkit-calc(100% - 121px); width:-moz-calc(100% - 121px); width:calc(100% - 121px); float:left; } .travel_piclist li .conte b { display:block; font-weight:normal; font-size:15px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; line-height:24px; height:48px; margin:15px 10px; } .travel_box_t { border-bottom:3px solid #2577E3; height:50px; line-height:50px; margin-top:15px; } .travel_box_title { font-size:24px; float:left; display:block; color:#2577E3; } .travel_box_tab { float:right; } .travel_box_tab li { float:left; padding:0 20px; font-size:14px; position:relative; z-index:1; } .travel_box_tab li:before { content:""; position:absolute; width:1px; height:16px; background:#ddd; left:0; top:50%; margin-top:-8px; } .travel_box_tab li:first-child:before { background:#fff; } .travel_box_tab .on { position:relative; z-index:1; } .travel_box_tab .on i { display:block; position: absolute; z-index:9; bottom:-7px; left:50%; margin-left:-10px; width: 12px; height: 12px; border-style: solid; border-width: 3px 3px 0 0; border-color: #00BF68; -webkit-transform-origin: 75% 25%; -webkit-transform: rotateZ(-45deg); -webkit-transition: 100ms ease-in .1s; transition: 100ms ease-in .1s; background:#FFF; } .jd_left { width: 850px; float:left; } .jd_left .works1 { width: 320px; float:left; } .jx_box { margin-top: 20px; } .jd_left_item1 { margin-top: 15px; } .jd_left_item1 li { position: relative; margin-top: 6px; width: 49%; height: 90px; float:left; } .jd_left_item1 li:first-child { width: 100%; height: 120px; margin-top:0; } .jd_left_item1 li:nth-child(2n+1) { float:right;} .jd_left_item1 li img { width: 100%; height: 100%; } .jd_left_item1 li .text { position: absolute; left: 0; bottom: 0; width:100%; height:36px; line-height:36px; font-size: 14px; box-sizing:border-box; padding:0 12px; color: #FFFFFF; background:url(../images/bnner.png) no-repeat center bottom; background-size:100% 160%; display:block; } .in_pic_item2 { margin-top: 15px; } .in_pic_item2 li { position: relative; margin-bottom: 6px; width: 49%; height: 100px; float:left; } .in_pic_item2 li:nth-child(2n) { float:right;} .in_pic_item2 li img { width: 100%; height: 100%; } .in_pic_item2 li .text { position: absolute; left: 10px; bottom: 10px; font-size: 15px; color: #FFFFFF; } .jd_left .works2 { width: 500px; float: left; margin-left: 25px; margin-top: 20px; } .jd_left .works2 .kx_list li { font-size: 15px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; position: relative; z-index: 1; padding-left: 15px; height: 36px; line-height: 36px; } .jd_left .works2 .kx_list li:before { content: ""; position: absolute; z-index: 9; width: 4px; height: 4px; background: #0086F6; top: 16px; left: 0; } .jd_left .works2 .kx_list li:nth-child(4) { border-bottom: 1px solid #eee; padding-bottom:15px; } .jd_left .works2 .kx_list li:nth-child(5) { margin-top:15px; } .jd_right { width:300px; float:right;} .xl_right { margin: 20px 0; } .xl_right > ul li { display: flex; align-items: center; justify-content: space-between; border-top: #eee 1px solid; margin-top: 15px; padding-top: 15px; } .xl_right > ul li .logo { width: 20px; height: 19px; } .xl_right > ul li img { width: 100%; height: 100%; } .xl_right > ul li .img { width: 93px; height: 60px; text-align: center; border: 1px solid #eee; } .xl_right > ul li .img img { width: 85px; height: 54px; margin-top: 4px; } .xl_right > ul li .text { width: 55%; } .xl_right > ul li .text .name { font-size: 15px; color: #333333; line-height: 24px; } .xl_right > ul li .text .ctn { font-size: 13px; color: #A6A6A6; line-height: 32px; } .lv_load { overflow:hidden;} .lv_load li { font-size: 14px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; position: relative; z-index: 1; padding-left: 15px; height: 33px; line-height: 33px; } .lv_load li:before { content: ""; position: absolute; z-index: 9; width: 4px; height: 4px; background: #0086F6; top: 16px; left: 0; } .ms_left { width:320px; float:left; margin:20px 0 0 0; } .ms_center { width:500px; float:left; margin:20px 0 0 25px; } .ms_right { width:300px; float:right; margin:20px 0 0 0; } .ms_left .mdd_list { display: flex; justify-content: space-between; flex-wrap: wrap; margin-bottom:20px; } .ms_left .mdd_list li { height: 55px; width: 30.5%; text-align: center; line-height: 55px; background: #F1F1F1; margin-top: 15px; font-size:14px; } .ms_left .mdd_list li:nth-child(1),.ms_left .mdd_list li:nth-child(2) { width: 48%; } .col_cpic { height:160px; overflow:hidden; margin-top:15px; border-bottom:1px solid #eee; margin-bottom:10px; } .col_cpic li { width:-webkit-calc(33% - 9px); width:-moz-calc(33% - 9px); width:calc(33% - 9px); float:left; margin-right:15px; } .col_cpic li:nth-child(3n) { float:right; margin-right:0; } .col_cpic li span { display:block; width:100%; height:110px; overflow:hidden; position:relative; z-index:1; } .col_cpic li span img { width:100%; position: absolute; transform: translate(-50%,-50%); top: 50%; left: 50%; } .col_cpic li h3 { height:40px; line-height:40px; font-size:14px; overflow: hidden; margin-top:2px; text-align:center; } .hotel_list { margin-top: 10px; } .hotel_list li { display: flex; align-items: center; justify-content: space-between; margin-top: 15px; } .hotel_list li .logo { width: 15px; height: 17px; } .hotel_list li img { width: 100%; height: 100%; border-radius: 50%; } .hotel_list li .img { width: 57px; height: 57px; } .hotel_list li img { width: 100%; height: 100%; border-radius: 50%; } .hotel_list li .text { width: 68%; } .hotel_list li .text .name { font-size: 15px; color: #333333; line-height: 32px; } .evaluate_list { border-top: #e9e9e9 1px solid; margin-top:15px; } .evaluate_list li { display: flex; align-items: center; justify-content: space-between; margin-top: 15px; } .evaluate_list li .img { width: 67px; height: 58px; overflow: hidden; } .evaluate_list li .img img { width: 155%; height: auto; } .evaluate_list li .text { width: 73%; } .evaluate_list li .text .name { font-size: 15px; color: #333333; line-height: 32px; } .food_list { display: flex; justify-content: space-between; flex-wrap: wrap; margin: 15px 0 25px 0; } .food_list li { position: relative; width: 49%; margin-bottom: 8px; height: 135px; } .food_list li img { width: 100%; height: 100%; } .food_list li p { position: absolute; color: #FFFFFF; left: 0; bottom: 0; width: 100%; background:url(../images/bnner.png) center bottom; background-size:100% 130%; height: 35%; } .food_list li .text { position: absolute; left: 10px; bottom: 10px; font-size: 15px; color: #FFFFFF; } .foodfive_list { margin-top:15px; overflow:hidden; } .foodfive_list li { width:100%; float:left; box-sizing:border-box; margin-bottom:15px; border:1px solid #eee; } .foodfive_list li .pics { width:135px; height:89px; float:left; overflow:hidden; position:relative; z-index:1; margin:5px; } .foodfive_list li .pics img { width:100%; position: absolute; transform: translate(-50%,-50%); top: 50%; left: 50%; } .foodfive_list li .txts { width:-webkit-calc(100% - 150px); width:-moz-calc(100% - ); width:calc(100% - 150px); border-left:none; float:left; box-sizing:border-box; padding:0 10px; height:90px; overflow:hidden; } .foodfive_list li .txts b { display:block; font-weight:normal; font-size:16px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; height:34px; line-height:34px; margin-top:5px; margin-bottom:3px; } .foodfive_list li .txts p { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; font-size:13px; line-height:22px; height:44px; color:#999; } .subsidy_rtime { position:relative; z-index:1; margin-top:25px; } .subsidy_rtime:before { content:""; width:1px; height:100%; position:absolute; background:#e0e0e0; left:5px; top:0; z-index:5; } .subsidy_rtime li { position:relative; z-index:11; margin-bottom:15px; width:100%; float:left; } .subsidy_rtime li:last-child { margin-bottom:0; } .subsidy_rtime li:before { content: ""; position: absolute; z-index:11; left: 0; top: 13px; width: 11px; height: 11px; background: #2577E3; margin-top: -5px; border-radius: 50%; } .subsidy_rtime li:after { content: ""; position: absolute; z-index:19; left: 2px; top: 13px; width: 7px; height: 7px; background: #fff; margin-top: -3px; border-radius: 50%; } .subsidy_rtime li .pic { float: right; width: 120px; height: 90px; overflow: hidden; position: relative; z-index: 1; } .subsidy_rtime li .pic img { position: absolute; transform: translate(-50%,-50%); top: 50%; left: 50%; width: 100%; } .subsidy_rtime li .txt { float: left; width: -webkit-calc(100% - 150px); width: -moz-calc(100% - 150px); width: calc(100% - 150px); margin-left:25px; height:80px; overflow:hidden; } .subsidy_rtime li .txt b { display: block; font-size: 14px; font-weight: normal; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; line-height:24px; height:48px; } .subsidy_rtime li .txt i { display:block; font-size: 12px; line-height: 26px; overflow: hidden; height: 26px; color: #777; background:#f2f2f2; text-align:center; width:100px; margin-bottom:8px; } .baike_box_ca { width:100%; float:left; margin-top:15px; } .baike_box_ca li { width: -webkit-calc(50% - 10px); width: -moz-calc(50% - 10px); width: calc(50% - 10px); float: left; margin-bottom:20px; } .baike_box_ca li:nth-child(2n) { float: right; } .baike_box_ca li .pic { width: 150px; height: 90px; float: left; overflow: hidden; position: relative; } .baike_box_ca li .pic img { width:100%; height: 100%; position: absolute; transform: translate(-50%,-50%); top: 50%; left: 50%; } .baike_box_ca li .txt { width: -webkit-calc(100% - 165px); width: -moz-calc(100% - 165px); width: calc(100% - 165px); float: right; } .baike_box_ca li .txt h6 { overflow: hidden; font-weight: normal; font-size: 16px; line-height: 30px; height: 30px; } .baike_box_ca li .con { font-size:13px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; line-height:24px; height:48px; color:#999; margin-top:7px; } .baike_box_ca li .bot { height: 20px; line-height: 20px; font-size: 12px; margin-top:12px; color:#999; } .baike_box_ca li .bot span { display: block; float: left; margin-right: 20px; } .baike_box_cb { width:100%; float:left; } .baike_box_cb .blist { width: -webkit-calc(50% - 10px); width: -moz-calc(50% - 10px); width: calc(50% - 10px); float: left; } .baike_box_cb .blist:nth-child(2n) { float: right; } .baike_box_cb .blist ul { margin-top:10px; } .baike_box_cb .blist li { height: 36px; line-height: 36px; overflow: hidden; font-size: 14px; } .baike_box_cb .blist li b { display: block; float: left; width: -webkit-calc(100% - 80px); width: -moz-calc(100% - 80px); width: calc(100% - 80px); position: relative; z-index: 1; padding-left: 15px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; height: 36px; line-height: 36px; font-weight: normal; } .baike_box_cb .blist li b:before { content: ""; width: 4px; height: 4px; background: #0086F6; position: absolute; left: 0; top: 50%; margin-top: -2px; } .baike_box_cb .blist li span { display: block; float: right; color: #999; font-size: 12px; }