body{ background: #fff; } .hnbsztBox_head,.hnbsztBox_head img{ width: 100%; height: auto; } .hnbsztBox_fenlei{ width: 1200px; margin:0 auto; margin-top: 52px; background: #fff; height: 111px; box-shadow:0px 2px 10px 0px rgba(233,233,233,0.74); display: -webkit-flex; /* Safari */ display: flex; justify-content:center; align-items:center; } .hnbsztBox_fenlei ul{ display: -webkit-flex; /* Safari */ display: flex; justify-content:space-between; align-items:center; } .hnbsztBox_fenlei ul li+li{ position: relative; padding-left:54px; margin-left: 75px; } .hnbsztBox_fenlei ul li:after{ content:''; height: 33px; width: 1px; background: #EFEFEF; position: absolute; left: 0px; top: 50%; margin-top: -16.5px; } .hnbsztBox_fenlei ul li .top_t{ display: -webkit-flex; /* Safari */ display: flex; align-items:center; font-size: 22px; color: #333; font-weight: bold; } .hnbsztBox_fenlei ul li .top_t img{ width: 25px; height: 25px; line-height: 25px; display: inline-block; margin-left: 5px; } .hnbsztBox_fenlei ul li .bottom_t{ font-size: 14px; color: #999; margin-top: 10px; } .hnbsztBox_zc{ width: 1251px; margin: 0 auto; margin-top: 50px; } .hnbsztBox_zc img{ width: 100%; height: 100%; } .hnbsztBox_hfbm{ width: 1200px; margin: 0 auto; position: relative; margin-top: 40px; height: 100px; } .hnbsztBox_hfbm img{ width: 100%; height: 100%; } .hnbsztBox_hfbm .bm_form{ position: absolute; right: 37px; top: 50%; height: 48px; margin-top: -24px; width: 368px; } .hnbsztBox_hfbm .bm_form p{ width: 100%; height: 48px; background: #fff; display: -webkit-flex; /* Safari */ display: flex; align-items:center; justify-content:space-between; } .hnbsztBox_hfbm .bm_form p i{ display: inline-block; height: 14px; width: 10px; margin-left: 18px; } .hnbsztBox_hfbm .bm_form p i img{ width: 100%; height: 100%; } .hnbsztBox_hfbm .bm_form p input{ display: inline-block; font-size: 18px; color: #666; height: 40px; border:none; background: #fff; width: 185px; } .hnbsztBox_hfbm .bm_form p a{ display: inline-block; height: 40px; line-height: 40px; background: #090D4F; width: 130px; text-align: center; font-size: 18px; font-weight: bold; color: #fff; margin-right: 4px; } .hnbsztBox_hfbm .bm_form p a:hover{ background-color: #0912a0; } .hnbsztBox_hot{ width: 1200px; margin: 0 auto; margin-top: 60px; } .hot_title{ text-align: center; } .hot_title .title_m{ font-size: 36px; color: #333; font-weight: bold; } .hot_title .title_m i{ width: 11px; height: 17px; display:inline-block; background: url('/overseas/zt/hnbszt20200701/image/ico_m10.png') no-repeat center; background-size:100% 100%; } .hot_title .title_m i.l{ position: relative; margin-left: 12px; transform:rotate(180deg); -ms-transform:rotate(180deg); /* IE 9 */ -moz-transform:rotate(180deg); /* Firefox */ -webkit-transform:rotate(180deg); /* Safari 和 Chrome */ -o-transform:rotate(180deg); /* Opera */ top: -17px; margin-right: 5px; } .hot_title .title_m i.r{ position: relative; bottom: -5px; margin-left: 5px; } .hot_title p.xian{ width: 35px; height: 4px; background: #D7BB83; margin: 7px auto; } .hot_title p.ico_m{ height: 10px; width: auto; padding-top: 5px; } .hot_title p.ico_m img{ width: auto; height: 100%; } .hotlist_nav{ margin-top: 42px; display: -webkit-flex; /* Safari */ display: flex; justify-content:center; } .hotlist_nav a{ display: inline-block; border-top:1px solid #D7BB83; border-bottom:1px solid #D7BB83; height: 44px; line-height: 44px; background: #fff; float: left; width: 152px; text-align: center; font-size: 18px; color: #656565; } .hotlist_nav a.on{ background: #DDC591; color: #59390A; } .hotlist_nav a:hover{ color: #59390A; } .hotlist_nav a:first-child{ border-left: 1px solid #D7BB83; } .hotlist_nav a:last-child{ border-right: 1px solid #D7BB83; } .hotlist_main{ margin-top: 48px; } .hotlist_main ul li{ float: left; width: 280px; height: auto;; background: #fff; box-shadow:0px 3px 14px 0px rgba(195,198,209,0.66); margin-right: 26px; margin-bottom: 40px; } .hotlist_main ul li:nth-child(4n){ margin-right: 0px; } .hotlist_main ul li .top_img{ width: 100%; height: 210px; position: relative; } .hotlist_main ul li .top_img .lpimg{ width: 100%; height: 100%; overflow: hidden; } .hotlist_main ul li .top_img .lpimg img{ width: 100%; height: 100%; transition: all .5s; -moz-transition: all .5s; -webkit-transition: all .5s; -o-transition: all .5s; } .hotlist_main ul li:hover .top_img .lpimg img{ transform: scale(1.07); -webkit-transform: scale(1.07); -moz-transform: scale(1.07); -o-transform: scale(1.07); } .hotlist_main ul li .top_img .top{ position: absolute; left: 10px; top: -5px; background: url('/overseas/zt/hnbszt20200701/image/ico_m15.png') no-repeat center; background-size:100% 100%; height: 40px; width: 50px; text-align: center; font-size: 14px; color: #fff; font-weight: bold; line-height: 40px; z-index: 2; } .hotlist_main ul li .top_img .title_lp{ position: absolute; width: 100%; left: 0px; bottom: 0px; background: rgba(0,0,0,0.6); padding: 8px 0 8px 0; } .hotlist_main ul li .top_img .title_lp p{ padding:0 10px; font-size: 20px; color: #fff; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .hotlist_main ul li .top_img .title_lp span{ display: inline-block; padding: 0 10px; margin-top: 5px; font-size: 12px; color: #fff; } .hotlist_main ul li .top_img .title_lp span img{ display: inline-block; width: 11px; height: 11px; margin-right: 5px; position: relative; top: 2px; } .hotlist_main ul li .center_m{ border-bottom: 1px solid #F12121; height: 30px; position: relative; } .hotlist_main ul li .center_m p.pric{ font-size: 12px; color: #999; width: 50%; text-align: center; line-height: 30px; } .hotlist_main ul li .center_m p.pric span{ font-size: 20px; color:#FF3131; font-weight: bold; } .hotlist_main ul li .center_m p.zk{ position: absolute; right: 0px; top: 0px; height: 30px; width: 45%; line-height: 30px; background: #EF1F1F; font-size: 14px; color:#fff; z-index: 2; display: -webkit-flex; /* Safari */ display: flex; align-items:center; justify-content:center; } .hotlist_main ul li .center_m p.zk:after{ position: absolute; left: -20px; top: 0px; content: ''; border-top: 30px solid transparent; border-right: 20px solid #EF1F1F; border-left: 0px solid transparent; } .hotlist_main ul li .center_m p.zk img{ display: inline-block; widows: 10px; height: 12px; line-height: 12px; margin-right: 5px; } .hotlist_main ul li .center_m p.zk span{ text-overflow: ellipsis; white-space: nowrap; overflow: hidden; display: inline-block; max-width: 85%; } .hotlist_main ul li .bum_bm{ padding: 13px; display: -webkit-flex; /* Safari */ display: flex; align-items:center; justify-content:space-between; } .hotlist_main ul li .bum_bm a{ display: inline-block; font-size: 15px; height: 28px; line-height: 28px; border-radius: 15px; width: 115px; display: -webkit-flex; /* Safari */ display: flex; align-items:center; justify-content:center; } .hotlist_main ul li .bum_bm a img{ display: inline-block; width: 15px; height: auto; margin-right: 5px; } .hotlist_main ul li .bum_bm a.hq{ background: #FF8F00; color: #fff; } .hotlist_main ul li .bum_bm a.lq{ background: #DDC591; color: #59390A; } .hotwanquBox{ width: 1200px; margin: 0 auto; margin-top: 25px; } .hotwanquBox_title{ display: -webkit-flex; /* Safari */ display: flex; align-items:center; } .hotwanquBox_title i{ display: inline-block; width: 4px; height: 19px; background:#D7BB83; } .hotwanquBox_title span{ display: inline-block; font-size: 22px; font-weight: bold; color: #333; margin-left: 5px; } .hotwanquBox_nav{ margin-top: 25px; display: -webkit-flex; /* Safari */ display: flex; justify-content:flex-start; } .hotwanquBox_nav a{ display: inline-block; border-top:1px solid #D7BB83; border-bottom:1px solid #D7BB83; height: 44px; line-height: 44px; background: #fff; float: left; width: 152px; text-align: center; font-size: 18px; color: #656565; } .hotwanquBox_nav a.on{ background: #DDC591; color: #59390A; } .hotwanquBox_nav a:hover{ color: #59390A; } .hotwanquBox_nav a:first-child{ border-left: 1px solid #D7BB83; } .hotwanquBox_nav a:last-child{ border-right: 1px solid #D7BB83; } .hotwanquBox_main{ margin-top: 27px; } .hotwanquBox_l{ width: 912px; float: left; } .hotwanquBox_l ul li{ width: 288px; background: #fff; height: auto; margin-right: 23px; margin-bottom: 26px; box-shadow:0px 3px 14px 0px rgba(195,198,209,0.66); float: left; } .hotwanquBox_l ul li:nth-child(3n){ margin-right: 0px; } .hotwanquBox_l ul li .top_ico{ width: 100%; height: 191px; position: relative; } .hotwanquBox_l ul li .top_ico p{ width: 100%; height: 100%; overflow: hidden; } .hotwanquBox_l ul li .top_ico p img{ width: 100%; height: 100%; transition: all .5s; -moz-transition: all .5s; -webkit-transition: all .5s; -o-transition: all .5s; } .hotwanquBox_l ul li:hover .top_ico p img{ transform: scale(1.07); -webkit-transform: scale(1.07); -moz-transform: scale(1.07); -o-transform: scale(1.07); } .hotwanquBox_l ul li .top_ico span{ display: block; background: rgba(0,0,0,0.6); width: 100%; height: 24px; line-height: 24px; font-size: 12px; color: #fff; position: absolute; left: 0px; bottom: 0px; display: -webkit-flex; /* Safari */ display: flex; align-items:center; } .hotwanquBox_l ul li .top_ico span img{ display: inline-block; width: 13px; height: 13px; line-height: 13px; margin-left: 10px; margin-right: 5px; } .hotwanquBox_l ul li .bottom_text{ padding: 18px 13px; position: relative; } .hotwanquBox_l ul li .bottom_text p.title a{ display: block; font-size: 20px; color: #333; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .hotwanquBox_l ul li .bottom_text p.pric { font-size: 12px; color: #999; margin-top: 15px; } .hotwanquBox_l ul li .bottom_text p.pric span{ display: inline-block; font-size: 22px; color: #FF3131; font-weight: bold; padding: 0 3px; } .hotwanquBox_l ul li .bottom_text p.zxzx{ position: absolute; right: 13px; bottom: 18px; } .hotwanquBox_l ul li .bottom_text p.zxzx a{ display: inline-block; background: #D8BC84; font-size: 16px; color: #59390A; padding: 0 10px; height: 28px; line-height: 26px; } .hotwanquBox_r{ float: right; width: 260px; background:linear-gradient(0deg,rgba(216,188,132,1) 0%,rgba(231,216,185,1) 100%); box-shadow:0px 3px 14px 0px rgba(196,199,209,0.66); } .hotwanquBox_r_main{ padding: 44px 19px; } .hotwanquBox_r_main .r_title{ font-size: 50px; font-weight: bold; color: #59390A; text-align: center; } .hotwanquBox_r_main .r_renshu{ margin-top: 18px; text-align: center; } .hotwanquBox_r_main .r_renshu em{ border:1px solid #59390A; font-size: 18px; color: #59390A; height: 27px; line-height: 27px; padding: 0 10px; display: inline-block; } .hotwanquBox_r_main .r_renshu em span{ font-size: 22px; font-weight: bold; color: #C21111; padding:0 3px; } .hotwanquBox_r_main .r_text{ margin-top: 28px; } .hotwanquBox_r_main .r_text p{ font-size: 14px; color: #59390A; } .hotwanquBox_r_main .r_text p+p{ margin-top: 7px; } .hotwanquBox_r_main .r_text p img{ display: inline-block; width: 14px; height: 15px; margin-right: 5px; position: relative; top: 1px; } .hotwanquBox_r_main .r_form{ width: 100%; height: auto; margin-top: 22px; } .hotwanquBox_r_main .r_form_city{ position: relative; } .hotwanquBox_r_main .r_form_city .city_main{ width: 100%; height: 40px; background: #fff; display: -webkit-flex; /* Safari */ display: flex; align-items:center; justify-content:space-between; } .hotwanquBox_r_main .r_form_city .city_main span{ font-size: 16px; color: #666; display: inline-block; margin-left: 13px; } .hotwanquBox_r_main .r_form_city .city_main i{ display: 12px; height: 5px; display: inline-block; margin-right: 13px; } .hotwanquBox_r_main .r_form_city .city_main i img{ width: 100%; height: 100%; } .hotwanquBox_r_main .r_form_city .city_main_list{ position: absolute; width: 100%; height: 200px; left: 0px; top: 40px; overflow-y:auto; z-index: 2; background: #fff; display: none; } .hotwanquBox_r_main .r_form_city .city_main_list a{ display:block; font-size: 16px; color: #333; height: 30px; line-height: 30px; padding: 0 20px; } .hotwanquBox_r_main .in_text{ height: 40px; background: #fff; width: 100%; display: -webkit-flex; /* Safari */ display: flex; align-items:center; justify-content:space-between; margin-top: 15px; } .hotwanquBox_r_main .in_text i{ display: inline-block; width: 11px; height: auto; margin-left: 13px; } .hotwanquBox_r_main .in_text i img{ width: 100%; height: auto; } .hotwanquBox_r_main .in_text input{ height: 36px; width: 185px; margin-right: 2px; border:none; background: #fff; font-size: 16px; color: #666; } .hotwanquBox_r_main .in_button{ margin-top: 15px; width: 100%; } .hotwanquBox_r_main .in_button a{ display: inline-block; width: 100%; background: #59390A; height: 40px; font-size:22px; color: #fff; font-weight: bold; text-align: center; line-height: 40px; } .hotwanquBox_r_main .mobile_list{ margin-top: 20px; width: 100%; } .hotwanquBox_r_main .mobile_list_m{ height: 100px; overflow: hidden; } .hotwanquBox_r_main .mobile_list_m ul li{ font-size: 14px; color: #59390A; height: 30px; line-height: 30px; display: -webkit-flex; /* Safari */ display: flex; align-items:center; justify-content:space-between; } .mranBox{ margin-top: 24px; text-align: center; } .mranBox a{ display: inline-block; font-size: 22px; color: #59390A; background: #D8BC84; height: 53px; line-height: 53px; padding: 0 40px; } .fengjie{ width: 1200px; margin: 0 auto; margin-top: 64px; height: auto; } .fengjie img{ width: 100%; height: auto; } .bieshu_adv{ width: 1200px; margin: 0 auto; margin-top: 60px; } .bieshu_adv_main{ margin-top: 30px; } .adv_left { float: left; width: 60px; } .adv_left a{ display: block; width: 20px; height:182px; line-height: 22px; font-size: 18px; background: url('/overseas/zt/hnbszt20200701/image/ico_m21.png') no-repeat center; background-size:100% 100%; color: #333; padding: 0px 25px 0px 16px; display: -webkit-flex; /* Safari */ display: flex; align-items:center; } .adv_left a.on{ background: url('/overseas/zt/hnbszt20200701/image/ico_m22.png') no-repeat center; background-size:100% 100%; color: #5F3D0B; } .adv_left a+a{ margin-top: 10px; } .adv_right{ float: right; width: 1112px; } .adv_right ul li{ width: 250px; height: 374px; float: left; background:rgba(204,204,204,1); box-shadow:1px 3px 12px 0px rgba(127,130,134,0.5); overflow: hidden; } .adv_right ul li+li{ margin-left: 37px; } .adv_right ul li img{ width: 100%; height: 100%; transition: all .5s; -moz-transition: all .5s; -webkit-transition: all .5s; -o-transition: all .5s; } .adv_right ul li:hover img{ transform: scale(1.07); -webkit-transform: scale(1.07); -moz-transform: scale(1.07); -o-transform: scale(1.07); } .adv_bottom{ margin-top: 35px; } .adv_bottom_left{ float: left; width: 795px; background:linear-gradient(162deg,rgba(255,254,252,1) 0%,rgba(235,218,184,1) 100%); box-shadow:0px 3px 14px 0px rgba(196,199,209,0.66); height: auto; } .adv_bottom_t{ padding-top: 30px; text-align: center; } .adv_bottom_t p{ font-size: 36px; color: #59390A; font-weight: bold; } .adv_bottom_t em{ display: inline-block; height: 3px; width: 26px; background: #59390A; margin-top: 5px; } .adv_bottom_type{ display: -webkit-flex; /* Safari */ display: flex; align-items:center; justify-content:center; margin-top: 10px; } .adv_bottom_type span{ font-size: 14px; color: #59390A; padding:0 25px; display: -webkit-flex; /* Safari */ display: flex; align-items:center; } .adv_bottom_type span img{ display: inline-block; width: 15px; height: auto; margin-right: 5px; } .adv_bottom_form{ width: 652px; margin:0 auto; margin-top: 15px; } .adv_bottom_form_t{ display: -webkit-flex; /* Safari */ display: flex; align-items:center; justify-content:space-between; } .adv_bottom_form_t .in_text{ display: -webkit-flex; /* Safari */ display: flex; align-items:center; width: 210px; height: 36px; border:1px solid #5F3D0B; background: #fff; } .adv_bottom_form_t .in_text input{ width: 95%; padding-left: 5%; font-size: 16px; color: #666; height: 34px; background: #fff; border:none; } .adv_bottom_form_t .pric_in{ width: 210px; height: 36px; position: relative; } .pric_in_text{ width: 100%; height: 36px; border:1px solid #5F3D0B; background: #fff; display: -webkit-flex; /* Safari */ display: flex; align-items:center; justify-content:space-between; } .pric_in_text span{ display: inline-block; font-size: 16px; color: #666; margin-left: 13px; } .pric_in_text i{ display: inline-block; width: 12px; color: 7px; line-height: 7px; margin-right: 13px; } .pric_in_text i img{ width: 100%; height: 100%; } .pric_in_list{ width: 100%; height: 200px; overflow-y:auto; background: #fff; position: absolute; top: 36px; left: 1px; display: none; } .pric_in_list a{ display: block; line-height: 30px; height: 30px; font-size: 16px; color: #333; padding: 0 15px; } .tijiao{ width: 100%; height:36px; line-height: 36px; margin-top: 15px; text-align: center; margin-bottom:44px; } .tijiao a{ display: block; width: 100%; height: 100%; background: #59390A; font-size: 18px; color: #fff; } .adv_bottom_right{ width: 390px; height: auto; background: #FBFBFB; float: right; } .adv_bottom_right_t{ height: 56px; line-height: 56px; font-size: 18px; color: #fff; background: #D8BC84; font-weight: bold; text-align: center; } .adv_bottom_right_t span{ color: #5C3C0E; font-weight: bold; display: inline-block; padding: 0 3px; } .adv_bottom_right_list{ width: 220px; margin:25px auto; } .js_myscroll{ height: 161px; overflow: hidden; } .js_myscroll ul li{ font-size: 14px; color: #666; height: 30px; line-height: 30px; display: -webkit-flex; /* Safari */ display: flex; align-items:center; justify-content:space-between; } .xiaoshou{ width: 1200px; margin:0 auto; margin-top: 50px; } .xiaoshou_list{ width: 100%; height: auto; margin-top: 37px; } .xiaoshou_list ul li{ width: 230px; height: 450px; position: relative; float: left; background: #fff; box-shadow:0px 3px 14px 0px rgba(196,199,209,0.66); } .xiaoshou_list ul li+li{ margin-left: 12px; } .xiaoshou_list ul li .top_m{ width: 195px; margin: 0 auto; padding-top: 15px; } .xiaoshou_list ul li .top_m .ico_m{ width: 100%; height: 194px; overflow: hidden; } .xiaoshou_list ul li .top_m .ico_m img{ width: 100%; height: 100%; transition: all .5s; -moz-transition: all .5s; -webkit-transition: all .5s; -o-transition: all .5s; } .xiaoshou_list ul li:hover .top_m .ico_m img{ transform: scale(1.07); -webkit-transform: scale(1.07); -moz-transform: scale(1.07); -o-transform: scale(1.07); } .xiaoshou_list ul li .top_m .name_m{ margin-top: 20px; font-size: 22px; color: #333; } .xiaoshou_list ul li .top_m .name_m span{ color: #999; font-size: 14px; } .xiaoshou_list ul li:hover .top_m .name_m{ color:#59390A; } .xiaoshou_list ul li:hover .top_m .name_m span{ color: #59390A; } .xiaoshou_list ul li .top_m .text_m{ margin-top: 5px; font-size: 14px; color: #999; line-height: 20px; } .xiaoshou_list ul li .zx_m{ position: absolute; left: 0px; bottom: 0px; width: 100%; } .xiaoshou_list ul li .zx_m a{ background: #E6CC98; height: 40px; width: 100%; display: -webkit-flex; /* Safari */ display: flex; align-items:center; justify-content:space-between; } .xiaoshou_list ul li .zx_m a span{ display: inline-block; font-size: 18px; color: #59390A; font-weight: bold; margin-left: 10px; } .xiaoshou_list ul li .zx_m a i{ display: inline-block; margin-right: 10px; width: 7px; height: 14px; line-height: 14px; } .xiaoshou_list ul li .zx_m a i img{ width: 100%; height: 100%; } .bsnews{ width: 1200px; margin: 0 auto; margin-top: 50px; } .bsnewsBox{ margin-top: 45px; } .bsnewsBox_l_title{ border-bottom: 1px solid #EBEBEB; padding-bottom: 5px; display: -webkit-flex; /* Safari */ display: flex; align-items:center; justify-content:space-between; } .bsnewsBox_l_m{ display: -webkit-flex; /* Safari */ display: flex; align-items:center; } .bsnewsBox_l_m i{ display: inline-block; width: 4px; height: 19px; background:#D7BB83; } .bsnewsBox_l_m span{ display: inline-block; font-size: 22px; font-weight: bold; color: #333; margin-left: 5px; } .bsnewsBox_l_title a{ font-size: 14px; color: #999; display: inline-block; } .bsnewsBox_l{ width: 570px; float: left; } .bsnewsBox_list{ margin-top: 20px; } .bsnewsBox_list ul li{ margin-top: 4px; background: #fff; box-shadow:0px 2px 10px 0px rgba(233,233,233,0.5); } .bsnewsBox_list ul li.on .left_img{ width: 140px; height: 88px; float: left; overflow: hidden; } .bsnewsBox_list ul li.on .left_img img{ width: 100%; height: 100%; transition: all .5s; -moz-transition: all .5s; -webkit-transition: all .5s; -o-transition: all .5s; } .bsnewsBox_list ul li.on:hover .left_img img{ transform: scale(1.07); -webkit-transform: scale(1.07); -moz-transform: scale(1.07); -o-transform: scale(1.07); } .bsnewsBox_list ul li.on .right_text{ float: left; width: 389px; padding: 17px 20px; } .bsnewsBox_list ul li.on .right_text p.tit{ font-size: 18px; color: #666; font-weight: bold; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .bsnewsBox_list ul li.on:hover .right_text p.tit{ color: #D8BC84; } .bsnewsBox_list ul li.on .right_text p.bom{ display: -webkit-flex; /* Safari */ display: flex; align-items:center; justify-content:space-between; margin-top: 16px; } .bsnewsBox_list ul li.on .right_text p.bom span{ font-size: 14px; color: #999; display: -webkit-flex; /* Safari */ display: flex; align-items:center; } .bsnewsBox_list ul li.on .right_text p.bom span img{ width: 12px; height: 12px; display: inline-block; margin-right: 5px; } .bsnewsBox_list ul li.on .right_text p.bom em{ font-size: 12px; color: #EF1D1D; border:1px solid #F03939; height: 16px; line-height: 14px; padding: 0 10px; } .bsnewsBox_list ul li.two{ height: 36px; padding: 0 20px; } .bsnewsBox_list ul li.two a{ width: 100%; height: 36px; display: -webkit-flex; /* Safari */ display: flex; align-items:center; } .bsnewsBox_list ul li.two a em{ font-size: 12px; color: #CAA356; border:1px solid #D8BC84; height: 16px; line-height: 14px; padding: 0 10px; } .bsnewsBox_list ul li.two a span{ font-size: 18px; color: #666; font-weight: bold; display: inline-block; margin-left: 10px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; width: 465px; } .bsnewsBox_list ul li.two:hover a span{ color:#D8BC84; } .bsnewsBox_list ul li.two a em.true_m{ color: #EF1D1D; border:1px solid #F03939; }