.public_signup,.y_footer{ display: none !important; } .y_footmzsm{ margin-bottom: 100px; } 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::-webkit-scrollbar {/*滚动条整体样式*/ width: 5px; /*高宽分别对应横竖滚动条的尺寸*/ height: 1px; } .hotwanquBox_r_main .r_form_city .city_main_list::-webkit-scrollbar-thumb {/*滚动条里面小方块*/ border-radius: 10px; -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2); background: #ccc; } .hotwanquBox_r_main .r_form_city .city_main_list::-webkit-scrollbar-track {/*滚动条里面轨道*/ -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0); border-radius: 10px; background: #EDEDED; } .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 .r_form_city .city_main_list a.on{ background: #ccc; color: #59390A; } .hotwanquBox_r_main .r_form_city .city_main_list a:hover{ background: #ccc; color: #59390A; } .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:20px; 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: 19px; 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{ display: none; } .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::-webkit-scrollbar {/*滚动条整体样式*/ width: 5px; /*高宽分别对应横竖滚动条的尺寸*/ height: 1px; } .pric_in_list::-webkit-scrollbar-thumb {/*滚动条里面小方块*/ border-radius: 10px; -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2); background: #ccc; } .pric_in_list::-webkit-scrollbar-track {/*滚动条里面轨道*/ -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0); border-radius: 10px; background: #EDEDED; } .pric_in_list a{ display: block; line-height: 30px; height: 30px; font-size: 16px; color: #333; padding: 0 15px; } .pric_in_list a.on{ color: #5C3C0E; background: #ccc; } .pric_in_list a:hover{ color: #5C3C0E; background: #ccc; } .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; font-weight: bold; } .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: 8px; 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; } .bsnewsBox_r{ width: 570px; float: right; } .bsnewsBox_r_main{ margin-top: 20px } .bsnewsBox_r_l{ width: 211px; background: #fff; box-shadow:0px 2px 10px 0px rgba(233,233,233,0.5); float: left; } .bsnewsBox_r_l .top_ico{ width: 100%; height: 152px; overflow: hidden; } .bsnewsBox_r_l .top_ico img{ width: 100%; height: 100%; transition: all .5s; -moz-transition: all .5s; -webkit-transition: all .5s; -o-transition: all .5s; } .bsnewsBox_r_l:hover .top_ico img{ transform: scale(1.07); -webkit-transform: scale(1.07); -moz-transform: scale(1.07); -o-transform: scale(1.07); } .bsnewsBox_r_l .top_text{ padding: 12px 12px; } .bsnewsBox_r_l .top_text p.title{ font-size: 18px; color: #666; font-weight: bold; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .bsnewsBox_r_l:hover .top_text p.title{ color: #D8BC84; } .bsnewsBox_r_l .top_text p.time{ font-size: 12px; color: #999; display: -webkit-flex; /* Safari */ display: flex; align-items:center; margin-top: 8px; } .bsnewsBox_r_l .top_text p.time img{ display: inline-block; width: 12px; height: 12px; line-height: 12px; margin-right: 5px; } .bsnewsBox_r_r{ float: right; width: 350px; } .bsnewsBox_r_r ul li{ background: #FFF; height: 68px; box-shadow:0px 2px 10px 0px rgba(233,233,233,0.5); } .bsnewsBox_r_r ul li+li{ margin-top: 9px; } .bsnewsBox_r_r ul li .top_text{ padding: 10px 12px; } .bsnewsBox_r_r ul li .top_text .title{ font-size: 18px; color: #666; font-weight: bold; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .bsnewsBox_r_r ul li:hover .top_text .title{ color: #D8BC84; } .bsnewsBox_r_r ul li .top_text p.time{ font-size: 12px; color: #999; display: -webkit-flex; /* Safari */ display: flex; align-items:center; margin-top: 8px; } .bsnewsBox_r_r ul li .top_text p.time img{ display: inline-block; width: 12px; height: 12px; line-height: 12px; margin-right: 5px; } .newsBox_hfbm{ margin-top: 60px; } .news_bm_form .news_bm_form_main{ display: -webkit-flex; /* Safari */ display: flex; align-items:center; } .news_bm_form .news_bm_form_main p{ width: 232px; height: 42px; } .news_bm_form .news_bm_form_main p i{ margin-left: 13px; } .news_bm_form .news_bm_form_main p input{ width: 180px; } .news_bm_form_main a{ display: inline-block; width: 158px; height: 42px; line-height: 42px; text-align: center; margin-left: 14px; font-size: 18px; color: #fff; background: #0A25AF; font-weight: bold; } .newsBox_hfbm .bm_form{ margin-top: -21px; } .zhiyeBox{ width: 1200px; margin:0 auto; margin-top: 64px; } .zhiyeBox_main{ margin-top: 50px; height: auto; } .zhiyeBox_main ul{ display: -webkit-flex; /* Safari */ display: flex; align-items:center; justify-content:space-between; } .zhiyeBox_main ul li{ display: -webkit-flex; /* Safari */ display: flex; align-items:center; } .zhiyeBox_main ul li.ong{ padding: 0px 13px; height: 70px; } .zhiyeBox_main ul li.ong p.tiele{ font-size: 18px; color: #fff; font-weight: bold; display: -webkit-flex; /* Safari */ display: flex; align-items:center; } .zhiyeBox_main ul li.ong p.tiele img{ width: 22px; height: 22px; display: inline-block; margin-right: 3px; } .zhiyeBox_main ul li.ong p.text{ font-size: 16px; color: #fff; margin-top: 5px; } .zhiyeBox_main ul li.ong1{ background: #F43A15; } .zhiyeBox_main ul li.ong2{ background: #FF9C0E; } .zhiyeBox_main ul li.ong3{ background: #59BD1C; } .zhiyeBox_main ul li.ong4{ background: #1C9EF8; } .zhiyeBox_main ul li.ong5{ background: #363FEB; } .zhiyeBox_main ul li.xian{ width: 22px; height: 22px; } .zhiyeBox_main ul li.xian img{ width: 100%; height: 100%; } .footer_felxe{ width: 100%; height: 120px; width: 100%; margin-top: 60px; } .footer_felxe_main{ width: 100%; height: 100%; position: relative; } .footer_felxe_main img{ width: 100%; height: 100%; } .footer_felxe_main .footer_felxe_form{ position: absolute; right: 30%; top: 50%; margin-top: -33px; margin-right: -250px; } .footer_felxe_form_main{ display: -webkit-flex; /* Safari */ display: flex; align-items:center; } .footer_felxe_form_main p{ background: #fff; width: 276px; height: 40px; display: -webkit-flex; /* Safari */ display: flex; align-items:center; justify-content:flex-start; } .footer_felxe_form_main p i{ display:inline-block; width: 11px; height: 17px; margin-left: 13px; } .footer_felxe_form_main p input{ width: 236px; height: 38px; font-size: 16px; color: #666; border:none; background: #fff; margin-left: 10px; } .footer_felxe_form_main a{ display: inline-block; width: 145px; height: 40px; line-height: 40px; background: #59390A; color: #fff; font-size: 18px; font-weight: bold; text-align: center; margin-left: 15px; } .marign_tell{ margin-top: 10px; } .marign_tell p{ display: -webkit-flex; /* Safari */ display: flex; align-items:center; justify-content:flex-end; } .marign_tell p i{ width: 11px; height: 17px; display: inline-block; margin-right: 5px; } .marign_tell p span{ font-size: 18px; color: #59390A; margin-right: 10px; display: inline-block; } .marign_tell p em{ font-size: 18px; color: #59390A; font-weight: bold; margin-right: 54px; } .applekf_gb{ position: absolute; top: -15px; right: -25px; display: inline-block; width: 35px; height: 35px; text-align: center; line-height: 32px; } .applekf_gb img{ display: inline-block; width: 17px; height: 17px; vertical-align: middle; transition: All 0.4s ease-in-out; -webkit-transition: All 0.4s ease-in-out; -moz-transition: All 0.4s ease-in-out; -o-transition: All 0.4s ease-in-out; } .applekf{ display: none; z-index: 105; padding: 30px 0; width: 440px;background: #fff; position: fixed;left: 50%;top: 50%; margin-top: -253px;margin-left: -220px;border-radius:10px;} .applekf_main{ width: 350px; margin: 0 auto; position: relative;} .applekf_title p.tit{ font-size: 24px; font-weight: 600;} .applekf_title p.tit span.le{color: #333; display: inline-block;} .applekf_title p.tit span.re{color: #E03700; display: inline-block; margin-left: 20px;} .applekf_title .freehead{width:350px;margin: auto;margin-top:20px;} .applekf_title .freehead img{width:100%;display:block;} .applekf_title .freehead p{width:100%;display:block;font-size:14px;color:#666;margin-top:20px;line-height:20px;} .applekf_form{ margin-top: 20px;} .applekf_form .submit_area .selectbox {position:relative;background:#F7F7F7;border-radius: 4px; width:100%;height:50px;margin:8px 0;} .applekf_form .submit_area .selectbox img{display:block;position:absolute;top:16px;left:13px;width:18px;height:18px;} .applekf_form .submit_area .app_puic {background:#F7F7F7;border-radius: 4px; width:300px;height:100%;padding-left:40px;font-size:16px;color:#333;border:0;} .applekf_form .submit_area .app_puic::-webkit-input-placeholder {color:#B1B1B1;} /* WebKit, Blink, Edge */ .applekf_form .submit_area .app_puic:-moz-placeholder {color:#B1B1B1;} /* Mozilla Firefox 4 to 18 */ .applekf_form .submit_area .app_puic::-moz-placeholder {color:#B1B1B1;} /* Mozilla Firefox 19+ */ .applekf_form .submit_area .app_puic:-ms-input-placeholder { color:#B1B1B1;}/* Internet Explorer 10-11 */ .applekf_form select.applekf_select{ margin-bottom: 10px; width: 100%; height: 34px; font-size: 12px; color: #999; line-height: 34px; border: 1px solid #ddd; background: #fff;} .applekf_form select.applekf_select option{ width: 100%; height: 34px; font-size: 12px; color: #999; line-height: 34px; background: #fff;} .applekf_form .app_buttom{display:block;width:100%;height:50px;line-height:50px;text-align:center;color:#fff;background:#E03700;margin-top:15px;font-size:20px; border-radius: 4px;font-weight:600;} .applekf_form .app_buttom:hover{background:#c71717;} .applekf_form p.tel{ font-size: 14px; color: #999; text-align: center; margin-top:20px;} .applekf_form textarea.remarks_text{ margin-bottom: 20px; resize:none; width: 318px; height: 88px; border-radius: 4px; border:1px solid #ddd; display: block; padding: 0 10px; line-height: 25px; font-size: 14px; color: #333;} .applekf_form form input[type="text"]::-webkit-input-placeholder {color: #999;} .applekf_form textarea.remarks_text::-webkit-input-placeholder{color:#999;} .applekf_form textarea.remarks_text::-moz-placeholder{color:#999;} .applekf_form textarea.remarks_text::-moz-placeholder{color:#999;} .applekf_form textarea.remarks_text::-ms-input-placeholder{color:#999;} .applekfBG{ display: none; width: 100%; height: 100%; position: fixed; left: 0px; top: 0px; z-index: 100; background: rgba(0,0,0,0.5); }