.subl1d5.tmp 23 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798991001011021031041051061071081091101111121131141151161171181191201211221231241251261271281291301311321331341351361371381391401411421431441451461471481491501511521531541551561571581591601611621631641651661671681691701711721731741751761771781791801811821831841851861871881891901911921931941951961971981992002012022032042052062072082092102112122132142152162172182192202212222232242252262272282292302312322332342352362372382392402412422432442452462472482492502512522532542552562572582592602612622632642652662672682692702712722732742752762772782792802812822832842852862872882892902912922932942952962972982993003013023033043053063073083093103113123133143153163173183193203213223233243253263273283293303313323333343353363373383393403413423433443453463473483493503513523533543553563573583593603613623633643653663673683693703713723733743753763773783793803813823833843853863873883893903913923933943953963973983994004014024034044054064074084094104114124134144154164174184194204214224234244254264274284294304314324334344354364374384394404414424434444454464474484494504514524534544554564574584594604614624634644654664674684694704714724734744754764774784794804814824834844854864874884894904914924934944954964974984995005015025035045055065075085095105115125135145155165175185195205215225235245255265275285295305315325335345355365375385395405415425435445455465475485495505515525535545555565575585595605615625635645655665675685695705715725735745755765775785795805815825835845855865875885895905915925935945955965975985996006016026036046056066076086096106116126136146156166176186196206216226236246256266276286296306316326336346356366376386396406416426436446456466476486496506516526536546556566576586596606616626636646656666676686696706716726736746756766776786796806816826836846856866876886896906916926936946956966976986997007017027037047057067077087097107117127137147157167177187197207217227237247257267277287297307317327337347357367377387397407417427437447457467477487497507517527537547557567577587597607617627637647657667677687697707717727737747757767777787797807817827837847857867877887897907917927937947957967977987998008018028038048058068078088098108118128138148158168178188198208218228238248258268278288298308318328338348358368378388398408418428438448458468478488498508518528538548558568578588598608618628638648658668678688698708718728738748758768778788798808818828838848858868878888898908918928938948958968978988999009019029039049059069079089099109119129139149159169179189199209219229239249259269279289299309319329339349359369379389399409419429439449459469479489499509519529539549559569579589599609619629639649659669679689699709719729739749759769779789799809819829839849859869879889899909919929939949959969979989991000100110021003100410051006100710081009101010111012101310141015101610171018101910201021102210231024102510261027102810291030103110321033103410351036103710381039104010411042104310441045104610471048104910501051105210531054105510561057105810591060106110621063106410651066106710681069107010711072107310741075107610771078107910801081108210831084108510861087108810891090109110921093109410951096109710981099110011011102110311041105110611071108110911101111111211131114111511161117111811191120112111221123112411251126112711281129113011311132113311341135113611371138113911401141114211431144114511461147114811491150115111521153115411551156115711581159116011611162116311641165116611671168116911701171117211731174117511761177117811791180118111821183118411851186118711881189119011911192119311941195119611971198119912001201120212031204120512061207120812091210121112121213121412151216121712181219122012211222122312241225122612271228122912301231123212331234123512361237123812391240124112421243124412451246124712481249125012511252125312541255125612571258125912601261126212631264126512661267126812691270127112721273127412751276127712781279128012811282128312841285
  1. body{
  2. background: #fff;
  3. }
  4. .hnbsztBox_head,.hnbsztBox_head img{
  5. width: 100%;
  6. height: auto;
  7. }
  8. .hnbsztBox_fenlei{
  9. width: 1200px;
  10. margin:0 auto;
  11. margin-top: 52px;
  12. background: #fff;
  13. height: 111px;
  14. box-shadow:0px 2px 10px 0px rgba(233,233,233,0.74);
  15. display: -webkit-flex; /* Safari */
  16. display: flex;
  17. justify-content:center;
  18. align-items:center;
  19. }
  20. .hnbsztBox_fenlei ul{
  21. display: -webkit-flex; /* Safari */
  22. display: flex;
  23. justify-content:space-between;
  24. align-items:center;
  25. }
  26. .hnbsztBox_fenlei ul li+li{
  27. position: relative;
  28. padding-left:54px;
  29. margin-left: 75px;
  30. }
  31. .hnbsztBox_fenlei ul li:after{
  32. content:'';
  33. height: 33px;
  34. width: 1px;
  35. background: #EFEFEF;
  36. position: absolute;
  37. left: 0px;
  38. top: 50%;
  39. margin-top: -16.5px;
  40. }
  41. .hnbsztBox_fenlei ul li .top_t{
  42. display: -webkit-flex; /* Safari */
  43. display: flex;
  44. align-items:center;
  45. font-size: 22px;
  46. color: #333;
  47. font-weight: bold;
  48. }
  49. .hnbsztBox_fenlei ul li .top_t img{
  50. width: 25px;
  51. height: 25px;
  52. line-height: 25px;
  53. display: inline-block;
  54. margin-left: 5px;
  55. }
  56. .hnbsztBox_fenlei ul li .bottom_t{
  57. font-size: 14px;
  58. color: #999;
  59. margin-top: 10px;
  60. }
  61. .hnbsztBox_zc{
  62. width: 1251px;
  63. margin: 0 auto;
  64. margin-top: 50px;
  65. }
  66. .hnbsztBox_zc img{
  67. width: 100%;
  68. height: 100%;
  69. }
  70. .hnbsztBox_hfbm{
  71. width: 1200px;
  72. margin: 0 auto;
  73. position: relative;
  74. margin-top: 40px;
  75. height: 100px;
  76. }
  77. .hnbsztBox_hfbm img{
  78. width: 100%;
  79. height: 100%;
  80. }
  81. .hnbsztBox_hfbm .bm_form{
  82. position: absolute;
  83. right: 37px;
  84. top: 50%;
  85. height: 48px;
  86. margin-top: -24px;
  87. width: 368px;
  88. }
  89. .hnbsztBox_hfbm .bm_form p{
  90. width: 100%;
  91. height: 48px;
  92. background: #fff;
  93. display: -webkit-flex; /* Safari */
  94. display: flex;
  95. align-items:center;
  96. justify-content:space-between;
  97. }
  98. .hnbsztBox_hfbm .bm_form p i{
  99. display: inline-block;
  100. height: 14px;
  101. width: 10px;
  102. margin-left: 18px;
  103. }
  104. .hnbsztBox_hfbm .bm_form p i img{
  105. width: 100%;
  106. height: 100%;
  107. }
  108. .hnbsztBox_hfbm .bm_form p input{
  109. display: inline-block;
  110. font-size: 18px;
  111. color: #666;
  112. height: 40px;
  113. border:none;
  114. background: #fff;
  115. width: 185px;
  116. }
  117. .hnbsztBox_hfbm .bm_form p a{
  118. display: inline-block;
  119. height: 40px;
  120. line-height: 40px;
  121. background: #090D4F;
  122. width: 130px;
  123. text-align: center;
  124. font-size: 18px;
  125. font-weight: bold;
  126. color: #fff;
  127. margin-right: 4px;
  128. }
  129. .hnbsztBox_hfbm .bm_form p a:hover{
  130. background-color: #0912a0;
  131. }
  132. .hnbsztBox_hot{
  133. width: 1200px;
  134. margin: 0 auto;
  135. margin-top: 60px;
  136. }
  137. .hot_title{
  138. text-align: center;
  139. }
  140. .hot_title .title_m{
  141. font-size: 36px;
  142. color: #333;
  143. font-weight: bold;
  144. }
  145. .hot_title .title_m i{
  146. width: 11px;
  147. height: 17px;
  148. display:inline-block;
  149. background: url('/overseas/zt/hnbszt20200701/image/ico_m10.png') no-repeat center;
  150. background-size:100% 100%;
  151. }
  152. .hot_title .title_m i.l{
  153. position: relative;
  154. margin-left: 12px;
  155. transform:rotate(180deg);
  156. -ms-transform:rotate(180deg); /* IE 9 */
  157. -moz-transform:rotate(180deg); /* Firefox */
  158. -webkit-transform:rotate(180deg); /* Safari 和 Chrome */
  159. -o-transform:rotate(180deg); /* Opera */
  160. top: -17px;
  161. margin-right: 5px;
  162. }
  163. .hot_title .title_m i.r{
  164. position: relative;
  165. bottom: -5px;
  166. margin-left: 5px;
  167. }
  168. .hot_title p.xian{
  169. width: 35px;
  170. height: 4px;
  171. background: #D7BB83;
  172. margin: 7px auto;
  173. }
  174. .hot_title p.ico_m{
  175. height: 10px;
  176. width: auto;
  177. padding-top: 5px;
  178. }
  179. .hot_title p.ico_m img{
  180. width: auto;
  181. height: 100%;
  182. }
  183. .hotlist_nav{
  184. margin-top: 42px;
  185. display: -webkit-flex; /* Safari */
  186. display: flex;
  187. justify-content:center;
  188. }
  189. .hotlist_nav a{
  190. display: inline-block;
  191. border-top:1px solid #D7BB83;
  192. border-bottom:1px solid #D7BB83;
  193. height: 44px;
  194. line-height: 44px;
  195. background: #fff;
  196. float: left;
  197. width: 152px;
  198. text-align: center;
  199. font-size: 18px;
  200. color: #656565;
  201. }
  202. .hotlist_nav a.on{
  203. background: #DDC591;
  204. color: #59390A;
  205. }
  206. .hotlist_nav a:hover{
  207. color: #59390A;
  208. }
  209. .hotlist_nav a:first-child{
  210. border-left: 1px solid #D7BB83;
  211. }
  212. .hotlist_nav a:last-child{
  213. border-right: 1px solid #D7BB83;
  214. }
  215. .hotlist_main{
  216. margin-top: 48px;
  217. }
  218. .hotlist_main ul li{
  219. float: left;
  220. width: 280px;
  221. height: auto;;
  222. background: #fff;
  223. box-shadow:0px 3px 14px 0px rgba(195,198,209,0.66);
  224. margin-right: 26px;
  225. margin-bottom: 40px;
  226. }
  227. .hotlist_main ul li:nth-child(4n){
  228. margin-right: 0px;
  229. }
  230. .hotlist_main ul li .top_img{
  231. width: 100%;
  232. height: 210px;
  233. position: relative;
  234. }
  235. .hotlist_main ul li .top_img .lpimg{
  236. width: 100%;
  237. height: 100%;
  238. overflow: hidden;
  239. }
  240. .hotlist_main ul li .top_img .lpimg img{
  241. width: 100%;
  242. height: 100%;
  243. transition: all .5s;
  244. -moz-transition: all .5s;
  245. -webkit-transition: all .5s;
  246. -o-transition: all .5s;
  247. }
  248. .hotlist_main ul li:hover .top_img .lpimg img{
  249. transform: scale(1.07);
  250. -webkit-transform: scale(1.07);
  251. -moz-transform: scale(1.07);
  252. -o-transform: scale(1.07);
  253. }
  254. .hotlist_main ul li .top_img .top{
  255. position: absolute;
  256. left: 10px;
  257. top: -5px;
  258. background: url('/overseas/zt/hnbszt20200701/image/ico_m15.png') no-repeat center;
  259. background-size:100% 100%;
  260. height: 40px;
  261. width: 50px;
  262. text-align: center;
  263. font-size: 14px;
  264. color: #fff;
  265. font-weight: bold;
  266. line-height: 40px;
  267. z-index: 2;
  268. }
  269. .hotlist_main ul li .top_img .title_lp{
  270. position: absolute;
  271. width: 100%;
  272. left: 0px;
  273. bottom: 0px;
  274. background: rgba(0,0,0,0.6);
  275. padding: 8px 0 8px 0;
  276. }
  277. .hotlist_main ul li .top_img .title_lp p{
  278. padding:0 10px;
  279. font-size: 20px;
  280. color: #fff;
  281. text-overflow: ellipsis;
  282. white-space: nowrap;
  283. overflow: hidden;
  284. }
  285. .hotlist_main ul li .top_img .title_lp span{
  286. display: inline-block;
  287. padding: 0 10px;
  288. margin-top: 5px;
  289. font-size: 12px;
  290. color: #fff;
  291. }
  292. .hotlist_main ul li .top_img .title_lp span img{
  293. display: inline-block;
  294. width: 11px;
  295. height: 11px;
  296. margin-right: 5px;
  297. position: relative;
  298. top: 2px;
  299. }
  300. .hotlist_main ul li .center_m{
  301. border-bottom: 1px solid #F12121;
  302. height: 30px;
  303. position: relative;
  304. }
  305. .hotlist_main ul li .center_m p.pric{
  306. font-size: 12px;
  307. color: #999;
  308. width: 50%;
  309. text-align: center;
  310. line-height: 30px;
  311. }
  312. .hotlist_main ul li .center_m p.pric span{
  313. font-size: 20px;
  314. color:#FF3131;
  315. font-weight: bold;
  316. }
  317. .hotlist_main ul li .center_m p.zk{
  318. position: absolute;
  319. right: 0px;
  320. top: 0px;
  321. height: 30px;
  322. width: 45%;
  323. line-height: 30px;
  324. background: #EF1F1F;
  325. font-size: 14px;
  326. color:#fff;
  327. z-index: 2;
  328. display: -webkit-flex; /* Safari */
  329. display: flex;
  330. align-items:center;
  331. justify-content:center;
  332. }
  333. .hotlist_main ul li .center_m p.zk:after{
  334. position: absolute;
  335. left: -20px;
  336. top: 0px;
  337. content: '';
  338. border-top: 30px solid transparent;
  339. border-right: 20px solid #EF1F1F;
  340. border-left: 0px solid transparent;
  341. }
  342. .hotlist_main ul li .center_m p.zk img{
  343. display: inline-block;
  344. widows: 10px;
  345. height: 12px;
  346. line-height: 12px;
  347. margin-right: 5px;
  348. }
  349. .hotlist_main ul li .center_m p.zk span{
  350. text-overflow: ellipsis;
  351. white-space: nowrap;
  352. overflow: hidden;
  353. display: inline-block;
  354. max-width: 85%;
  355. }
  356. .hotlist_main ul li .bum_bm{
  357. padding: 13px;
  358. display: -webkit-flex; /* Safari */
  359. display: flex;
  360. align-items:center;
  361. justify-content:space-between;
  362. }
  363. .hotlist_main ul li .bum_bm a{
  364. display: inline-block;
  365. font-size: 15px;
  366. height: 28px;
  367. line-height: 28px;
  368. border-radius: 15px;
  369. width: 115px;
  370. display: -webkit-flex; /* Safari */
  371. display: flex;
  372. align-items:center;
  373. justify-content:center;
  374. }
  375. .hotlist_main ul li .bum_bm a img{
  376. display: inline-block;
  377. width: 15px;
  378. height: auto;
  379. margin-right: 5px;
  380. }
  381. .hotlist_main ul li .bum_bm a.hq{
  382. background: #FF8F00;
  383. color: #fff;
  384. }
  385. .hotlist_main ul li .bum_bm a.lq{
  386. background: #DDC591;
  387. color: #59390A;
  388. }
  389. .hotwanquBox{
  390. width: 1200px;
  391. margin: 0 auto;
  392. margin-top: 25px;
  393. }
  394. .hotwanquBox_title{
  395. display: -webkit-flex; /* Safari */
  396. display: flex;
  397. align-items:center;
  398. }
  399. .hotwanquBox_title i{
  400. display: inline-block;
  401. width: 4px;
  402. height: 19px;
  403. background:#D7BB83;
  404. }
  405. .hotwanquBox_title span{
  406. display: inline-block;
  407. font-size: 22px;
  408. font-weight: bold;
  409. color: #333;
  410. margin-left: 5px;
  411. }
  412. .hotwanquBox_nav{
  413. margin-top: 25px;
  414. display: -webkit-flex; /* Safari */
  415. display: flex;
  416. justify-content:flex-start;
  417. }
  418. .hotwanquBox_nav a{
  419. display: inline-block;
  420. border-top:1px solid #D7BB83;
  421. border-bottom:1px solid #D7BB83;
  422. height: 44px;
  423. line-height: 44px;
  424. background: #fff;
  425. float: left;
  426. width: 152px;
  427. text-align: center;
  428. font-size: 18px;
  429. color: #656565;
  430. }
  431. .hotwanquBox_nav a.on{
  432. background: #DDC591;
  433. color: #59390A;
  434. }
  435. .hotwanquBox_nav a:hover{
  436. color: #59390A;
  437. }
  438. .hotwanquBox_nav a:first-child{
  439. border-left: 1px solid #D7BB83;
  440. }
  441. .hotwanquBox_nav a:last-child{
  442. border-right: 1px solid #D7BB83;
  443. }
  444. .hotwanquBox_main{
  445. margin-top: 27px;
  446. }
  447. .hotwanquBox_l{
  448. width: 912px;
  449. float: left;
  450. }
  451. .hotwanquBox_l ul li{
  452. width: 288px;
  453. background: #fff;
  454. height: auto;
  455. margin-right: 23px;
  456. margin-bottom: 26px;
  457. box-shadow:0px 3px 14px 0px rgba(195,198,209,0.66);
  458. float: left;
  459. }
  460. .hotwanquBox_l ul li:nth-child(3n){
  461. margin-right: 0px;
  462. }
  463. .hotwanquBox_l ul li .top_ico{
  464. width: 100%;
  465. height: 191px;
  466. position: relative;
  467. }
  468. .hotwanquBox_l ul li .top_ico p{
  469. width: 100%;
  470. height: 100%;
  471. overflow: hidden;
  472. }
  473. .hotwanquBox_l ul li .top_ico p img{
  474. width: 100%;
  475. height: 100%;
  476. transition: all .5s;
  477. -moz-transition: all .5s;
  478. -webkit-transition: all .5s;
  479. -o-transition: all .5s;
  480. }
  481. .hotwanquBox_l ul li:hover .top_ico p img{
  482. transform: scale(1.07);
  483. -webkit-transform: scale(1.07);
  484. -moz-transform: scale(1.07);
  485. -o-transform: scale(1.07);
  486. }
  487. .hotwanquBox_l ul li .top_ico span{
  488. display: block;
  489. background: rgba(0,0,0,0.6);
  490. width: 100%;
  491. height: 24px;
  492. line-height: 24px;
  493. font-size: 12px;
  494. color: #fff;
  495. position: absolute;
  496. left: 0px;
  497. bottom: 0px;
  498. display: -webkit-flex; /* Safari */
  499. display: flex;
  500. align-items:center;
  501. }
  502. .hotwanquBox_l ul li .top_ico span img{
  503. display: inline-block;
  504. width: 13px;
  505. height: 13px;
  506. line-height: 13px;
  507. margin-left: 10px;
  508. margin-right: 5px;
  509. }
  510. .hotwanquBox_l ul li .bottom_text{
  511. padding: 18px 13px;
  512. position: relative;
  513. }
  514. .hotwanquBox_l ul li .bottom_text p.title a{
  515. display: block;
  516. font-size: 20px;
  517. color: #333;
  518. text-overflow: ellipsis;
  519. white-space: nowrap;
  520. overflow: hidden;
  521. }
  522. .hotwanquBox_l ul li .bottom_text p.pric {
  523. font-size: 12px;
  524. color: #999;
  525. margin-top: 15px;
  526. }
  527. .hotwanquBox_l ul li .bottom_text p.pric span{
  528. display: inline-block;
  529. font-size: 22px;
  530. color: #FF3131;
  531. font-weight: bold;
  532. padding: 0 3px;
  533. }
  534. .hotwanquBox_l ul li .bottom_text p.zxzx{
  535. position: absolute;
  536. right: 13px;
  537. bottom: 18px;
  538. }
  539. .hotwanquBox_l ul li .bottom_text p.zxzx a{
  540. display: inline-block;
  541. background: #D8BC84;
  542. font-size: 16px;
  543. color: #59390A;
  544. padding: 0 10px;
  545. height: 28px;
  546. line-height: 26px;
  547. }
  548. .hotwanquBox_r{
  549. float: right;
  550. width: 260px;
  551. background:linear-gradient(0deg,rgba(216,188,132,1) 0%,rgba(231,216,185,1) 100%);
  552. box-shadow:0px 3px 14px 0px rgba(196,199,209,0.66);
  553. }
  554. .hotwanquBox_r_main{
  555. padding: 44px 19px;
  556. }
  557. .hotwanquBox_r_main .r_title{
  558. font-size: 50px;
  559. font-weight: bold;
  560. color: #59390A;
  561. text-align: center;
  562. }
  563. .hotwanquBox_r_main .r_renshu{
  564. margin-top: 18px;
  565. text-align: center;
  566. }
  567. .hotwanquBox_r_main .r_renshu em{
  568. border:1px solid #59390A;
  569. font-size: 18px;
  570. color: #59390A;
  571. height: 27px;
  572. line-height: 27px;
  573. padding: 0 10px;
  574. display: inline-block;
  575. }
  576. .hotwanquBox_r_main .r_renshu em span{
  577. font-size: 22px;
  578. font-weight: bold;
  579. color: #C21111;
  580. padding:0 3px;
  581. }
  582. .hotwanquBox_r_main .r_text{
  583. margin-top: 28px;
  584. }
  585. .hotwanquBox_r_main .r_text p{
  586. font-size: 14px;
  587. color: #59390A;
  588. }
  589. .hotwanquBox_r_main .r_text p+p{
  590. margin-top: 7px;
  591. }
  592. .hotwanquBox_r_main .r_text p img{
  593. display: inline-block;
  594. width: 14px;
  595. height: 15px;
  596. margin-right: 5px;
  597. position: relative;
  598. top: 1px;
  599. }
  600. .hotwanquBox_r_main .r_form{
  601. width: 100%;
  602. height: auto;
  603. margin-top: 22px;
  604. }
  605. .hotwanquBox_r_main .r_form_city{
  606. position: relative;
  607. }
  608. .hotwanquBox_r_main .r_form_city .city_main{
  609. width: 100%;
  610. height: 40px;
  611. background: #fff;
  612. display: -webkit-flex; /* Safari */
  613. display: flex;
  614. align-items:center;
  615. justify-content:space-between;
  616. }
  617. .hotwanquBox_r_main .r_form_city .city_main span{
  618. font-size: 16px;
  619. color: #666;
  620. display: inline-block;
  621. margin-left: 13px;
  622. }
  623. .hotwanquBox_r_main .r_form_city .city_main i{
  624. display: 12px;
  625. height: 5px;
  626. display: inline-block;
  627. margin-right: 13px;
  628. }
  629. .hotwanquBox_r_main .r_form_city .city_main i img{
  630. width: 100%;
  631. height: 100%;
  632. }
  633. .hotwanquBox_r_main .r_form_city .city_main_list{
  634. position: absolute;
  635. width: 100%;
  636. height: 200px;
  637. left: 0px;
  638. top: 40px;
  639. overflow-y:auto;
  640. z-index: 2;
  641. background: #fff;
  642. display: none;
  643. }
  644. .hotwanquBox_r_main .r_form_city .city_main_list a{
  645. display:block;
  646. font-size: 16px;
  647. color: #333;
  648. height: 30px;
  649. line-height: 30px;
  650. padding: 0 20px;
  651. }
  652. .hotwanquBox_r_main .in_text{
  653. height: 40px;
  654. background: #fff;
  655. width: 100%;
  656. display: -webkit-flex; /* Safari */
  657. display: flex;
  658. align-items:center;
  659. justify-content:space-between;
  660. margin-top: 15px;
  661. }
  662. .hotwanquBox_r_main .in_text i{
  663. display: inline-block;
  664. width: 11px;
  665. height: auto;
  666. margin-left: 13px;
  667. }
  668. .hotwanquBox_r_main .in_text i img{
  669. width: 100%;
  670. height: auto;
  671. }
  672. .hotwanquBox_r_main .in_text input{
  673. height: 36px;
  674. width: 185px;
  675. margin-right: 2px;
  676. border:none;
  677. background: #fff;
  678. font-size: 16px;
  679. color: #666;
  680. }
  681. .hotwanquBox_r_main .in_button{
  682. margin-top: 15px;
  683. width: 100%;
  684. }
  685. .hotwanquBox_r_main .in_button a{
  686. display: inline-block;
  687. width: 100%;
  688. background: #59390A;
  689. height: 40px;
  690. font-size:22px;
  691. color: #fff;
  692. font-weight: bold;
  693. text-align: center;
  694. line-height: 40px;
  695. }
  696. .hotwanquBox_r_main .mobile_list{
  697. margin-top: 20px;
  698. width: 100%;
  699. }
  700. .hotwanquBox_r_main .mobile_list_m{
  701. height: 100px;
  702. overflow: hidden;
  703. }
  704. .hotwanquBox_r_main .mobile_list_m ul li{
  705. font-size: 14px;
  706. color: #59390A;
  707. height: 30px;
  708. line-height: 30px;
  709. display: -webkit-flex; /* Safari */
  710. display: flex;
  711. align-items:center;
  712. justify-content:space-between;
  713. }
  714. .mranBox{
  715. margin-top: 24px;
  716. text-align: center;
  717. }
  718. .mranBox a{
  719. display: inline-block;
  720. font-size: 22px;
  721. color: #59390A;
  722. background: #D8BC84;
  723. height: 53px;
  724. line-height: 53px;
  725. padding: 0 40px;
  726. }
  727. .fengjie{
  728. width: 1200px;
  729. margin: 0 auto;
  730. margin-top: 64px;
  731. height: auto;
  732. }
  733. .fengjie img{
  734. width: 100%;
  735. height: auto;
  736. }
  737. .bieshu_adv{
  738. width: 1200px;
  739. margin: 0 auto;
  740. margin-top: 60px;
  741. }
  742. .bieshu_adv_main{
  743. margin-top: 30px;
  744. }
  745. .adv_left {
  746. float: left;
  747. width: 60px;
  748. }
  749. .adv_left a{
  750. display: block;
  751. width: 20px;
  752. height:182px;
  753. line-height: 22px;
  754. font-size: 18px;
  755. background: url('/overseas/zt/hnbszt20200701/image/ico_m21.png') no-repeat center;
  756. background-size:100% 100%;
  757. color: #333;
  758. padding: 0px 25px 0px 16px;
  759. display: -webkit-flex; /* Safari */
  760. display: flex;
  761. align-items:center;
  762. }
  763. .adv_left a.on{
  764. background: url('/overseas/zt/hnbszt20200701/image/ico_m22.png') no-repeat center;
  765. background-size:100% 100%;
  766. color: #5F3D0B;
  767. }
  768. .adv_left a+a{
  769. margin-top: 10px;
  770. }
  771. .adv_right{
  772. float: right;
  773. width: 1112px;
  774. }
  775. .adv_right ul li{
  776. width: 250px;
  777. height: 374px;
  778. float: left;
  779. background:rgba(204,204,204,1);
  780. box-shadow:1px 3px 12px 0px rgba(127,130,134,0.5);
  781. overflow: hidden;
  782. }
  783. .adv_right ul li+li{
  784. margin-left: 37px;
  785. }
  786. .adv_right ul li img{
  787. width: 100%;
  788. height: 100%;
  789. transition: all .5s;
  790. -moz-transition: all .5s;
  791. -webkit-transition: all .5s;
  792. -o-transition: all .5s;
  793. }
  794. .adv_right ul li:hover img{
  795. transform: scale(1.07);
  796. -webkit-transform: scale(1.07);
  797. -moz-transform: scale(1.07);
  798. -o-transform: scale(1.07);
  799. }
  800. .adv_bottom{
  801. margin-top: 35px;
  802. }
  803. .adv_bottom_left{
  804. float: left;
  805. width: 795px;
  806. background:linear-gradient(162deg,rgba(255,254,252,1) 0%,rgba(235,218,184,1) 100%);
  807. box-shadow:0px 3px 14px 0px rgba(196,199,209,0.66);
  808. height: auto;
  809. }
  810. .adv_bottom_t{
  811. padding-top: 30px;
  812. text-align: center;
  813. }
  814. .adv_bottom_t p{
  815. font-size: 36px;
  816. color: #59390A;
  817. font-weight: bold;
  818. }
  819. .adv_bottom_t em{
  820. display: inline-block;
  821. height: 3px;
  822. width: 26px;
  823. background: #59390A;
  824. margin-top: 5px;
  825. }
  826. .adv_bottom_type{
  827. display: -webkit-flex; /* Safari */
  828. display: flex;
  829. align-items:center;
  830. justify-content:center;
  831. margin-top: 10px;
  832. }
  833. .adv_bottom_type span{
  834. font-size: 14px;
  835. color: #59390A;
  836. padding:0 25px;
  837. display: -webkit-flex; /* Safari */
  838. display: flex;
  839. align-items:center;
  840. }
  841. .adv_bottom_type span img{
  842. display: inline-block;
  843. width: 15px;
  844. height: auto;
  845. margin-right: 5px;
  846. }
  847. .adv_bottom_form{
  848. width: 652px;
  849. margin:0 auto;
  850. margin-top: 15px;
  851. }
  852. .adv_bottom_form_t{
  853. display: -webkit-flex; /* Safari */
  854. display: flex;
  855. align-items:center;
  856. justify-content:space-between;
  857. }
  858. .adv_bottom_form_t .in_text{
  859. display: -webkit-flex; /* Safari */
  860. display: flex;
  861. align-items:center;
  862. width: 210px;
  863. height: 36px;
  864. border:1px solid #5F3D0B;
  865. background: #fff;
  866. }
  867. .adv_bottom_form_t .in_text input{
  868. width: 95%;
  869. padding-left: 5%;
  870. font-size: 16px;
  871. color: #666;
  872. height: 34px;
  873. background: #fff;
  874. border:none;
  875. }
  876. .adv_bottom_form_t .pric_in{
  877. width: 210px;
  878. height: 36px;
  879. position: relative;
  880. }
  881. .pric_in_text{
  882. width: 100%;
  883. height: 36px;
  884. border:1px solid #5F3D0B;
  885. background: #fff;
  886. display: -webkit-flex; /* Safari */
  887. display: flex;
  888. align-items:center;
  889. justify-content:space-between;
  890. }
  891. .pric_in_text span{
  892. display: inline-block;
  893. font-size: 16px;
  894. color: #666;
  895. margin-left: 13px;
  896. }
  897. .pric_in_text i{
  898. display: inline-block;
  899. width: 12px;
  900. color: 7px;
  901. line-height: 7px;
  902. margin-right: 13px;
  903. }
  904. .pric_in_text i img{
  905. width: 100%;
  906. height: 100%;
  907. }
  908. .pric_in_list{
  909. width: 100%;
  910. height: 200px;
  911. overflow-y:auto;
  912. background: #fff;
  913. position: absolute;
  914. top: 36px;
  915. left: 1px;
  916. display: none;
  917. }
  918. .pric_in_list a{
  919. display: block;
  920. line-height: 30px;
  921. height: 30px;
  922. font-size: 16px;
  923. color: #333;
  924. padding: 0 15px;
  925. }
  926. .tijiao{
  927. width: 100%;
  928. height:36px;
  929. line-height: 36px;
  930. margin-top: 15px;
  931. text-align: center;
  932. margin-bottom:44px;
  933. }
  934. .tijiao a{
  935. display: block;
  936. width: 100%;
  937. height: 100%;
  938. background: #59390A;
  939. font-size: 18px;
  940. color: #fff;
  941. }
  942. .adv_bottom_right{
  943. width: 390px;
  944. height: auto;
  945. background: #FBFBFB;
  946. float: right;
  947. }
  948. .adv_bottom_right_t{
  949. height: 56px;
  950. line-height: 56px;
  951. font-size: 18px;
  952. color: #fff;
  953. background: #D8BC84;
  954. font-weight: bold;
  955. text-align: center;
  956. }
  957. .adv_bottom_right_t span{
  958. color: #5C3C0E;
  959. font-weight: bold;
  960. display: inline-block;
  961. padding: 0 3px;
  962. }
  963. .adv_bottom_right_list{
  964. width: 220px;
  965. margin:25px auto;
  966. }
  967. .js_myscroll{
  968. height: 161px;
  969. overflow: hidden;
  970. }
  971. .js_myscroll ul li{
  972. font-size: 14px;
  973. color: #666;
  974. height: 30px;
  975. line-height: 30px;
  976. display: -webkit-flex; /* Safari */
  977. display: flex;
  978. align-items:center;
  979. justify-content:space-between;
  980. }
  981. .xiaoshou{
  982. width: 1200px;
  983. margin:0 auto;
  984. margin-top: 50px;
  985. }
  986. .xiaoshou_list{
  987. width: 100%;
  988. height: auto;
  989. margin-top: 37px;
  990. }
  991. .xiaoshou_list ul li{
  992. width: 230px;
  993. height: 450px;
  994. position: relative;
  995. float: left;
  996. background: #fff;
  997. box-shadow:0px 3px 14px 0px rgba(196,199,209,0.66);
  998. }
  999. .xiaoshou_list ul li+li{
  1000. margin-left: 12px;
  1001. }
  1002. .xiaoshou_list ul li .top_m{
  1003. width: 195px;
  1004. margin: 0 auto;
  1005. padding-top: 15px;
  1006. }
  1007. .xiaoshou_list ul li .top_m .ico_m{
  1008. width: 100%;
  1009. height: 194px;
  1010. overflow: hidden;
  1011. }
  1012. .xiaoshou_list ul li .top_m .ico_m img{
  1013. width: 100%;
  1014. height: 100%;
  1015. transition: all .5s;
  1016. -moz-transition: all .5s;
  1017. -webkit-transition: all .5s;
  1018. -o-transition: all .5s;
  1019. }
  1020. .xiaoshou_list ul li:hover .top_m .ico_m img{
  1021. transform: scale(1.07);
  1022. -webkit-transform: scale(1.07);
  1023. -moz-transform: scale(1.07);
  1024. -o-transform: scale(1.07);
  1025. }
  1026. .xiaoshou_list ul li .top_m .name_m{
  1027. margin-top: 20px;
  1028. font-size: 22px;
  1029. color: #333;
  1030. }
  1031. .xiaoshou_list ul li .top_m .name_m span{
  1032. color: #999;
  1033. font-size: 14px;
  1034. }
  1035. .xiaoshou_list ul li:hover .top_m .name_m{
  1036. color:#59390A;
  1037. }
  1038. .xiaoshou_list ul li:hover .top_m .name_m span{
  1039. color: #59390A;
  1040. }
  1041. .xiaoshou_list ul li .top_m .text_m{
  1042. margin-top: 5px;
  1043. font-size: 14px;
  1044. color: #999;
  1045. line-height: 20px;
  1046. }
  1047. .xiaoshou_list ul li .zx_m{
  1048. position: absolute;
  1049. left: 0px;
  1050. bottom: 0px;
  1051. width: 100%;
  1052. }
  1053. .xiaoshou_list ul li .zx_m a{
  1054. background: #E6CC98;
  1055. height: 40px;
  1056. width: 100%;
  1057. display: -webkit-flex; /* Safari */
  1058. display: flex;
  1059. align-items:center;
  1060. justify-content:space-between;
  1061. }
  1062. .xiaoshou_list ul li .zx_m a span{
  1063. display: inline-block;
  1064. font-size: 18px;
  1065. color: #59390A;
  1066. font-weight: bold;
  1067. margin-left: 10px;
  1068. }
  1069. .xiaoshou_list ul li .zx_m a i{
  1070. display: inline-block;
  1071. margin-right: 10px;
  1072. width: 7px;
  1073. height: 14px;
  1074. line-height: 14px;
  1075. }
  1076. .xiaoshou_list ul li .zx_m a i img{
  1077. width: 100%;
  1078. height: 100%;
  1079. }
  1080. .bsnews{
  1081. width: 1200px;
  1082. margin: 0 auto;
  1083. margin-top: 50px;
  1084. }
  1085. .bsnewsBox{
  1086. margin-top: 45px;
  1087. }
  1088. .bsnewsBox_l_title{
  1089. border-bottom: 1px solid #EBEBEB;
  1090. padding-bottom: 5px;
  1091. display: -webkit-flex; /* Safari */
  1092. display: flex;
  1093. align-items:center;
  1094. justify-content:space-between;
  1095. }
  1096. .bsnewsBox_l_m{
  1097. display: -webkit-flex; /* Safari */
  1098. display: flex;
  1099. align-items:center;
  1100. }
  1101. .bsnewsBox_l_m i{
  1102. display: inline-block;
  1103. width: 4px;
  1104. height: 19px;
  1105. background:#D7BB83;
  1106. }
  1107. .bsnewsBox_l_m span{
  1108. display: inline-block;
  1109. font-size: 22px;
  1110. font-weight: bold;
  1111. color: #333;
  1112. margin-left: 5px;
  1113. }
  1114. .bsnewsBox_l_title a{
  1115. font-size: 14px;
  1116. color: #999;
  1117. display: inline-block;
  1118. }
  1119. .bsnewsBox_l{
  1120. width: 570px;
  1121. float: left;
  1122. }
  1123. .bsnewsBox_list{
  1124. margin-top: 20px;
  1125. }
  1126. .bsnewsBox_list ul li{
  1127. margin-top: 4px;
  1128. background: #fff;
  1129. box-shadow:0px 2px 10px 0px rgba(233,233,233,0.5);
  1130. }
  1131. .bsnewsBox_list ul li.on .left_img{
  1132. width: 140px;
  1133. height: 88px;
  1134. float: left;
  1135. overflow: hidden;
  1136. }
  1137. .bsnewsBox_list ul li.on .left_img img{
  1138. width: 100%;
  1139. height: 100%;
  1140. transition: all .5s;
  1141. -moz-transition: all .5s;
  1142. -webkit-transition: all .5s;
  1143. -o-transition: all .5s;
  1144. }
  1145. .bsnewsBox_list ul li.on:hover .left_img img{
  1146. transform: scale(1.07);
  1147. -webkit-transform: scale(1.07);
  1148. -moz-transform: scale(1.07);
  1149. -o-transform: scale(1.07);
  1150. }
  1151. .bsnewsBox_list ul li.on .right_text{
  1152. float: left;
  1153. width: 389px;
  1154. padding: 17px 20px;
  1155. }
  1156. .bsnewsBox_list ul li.on .right_text p.tit{
  1157. font-size: 18px;
  1158. color: #666;
  1159. font-weight: bold;
  1160. text-overflow: ellipsis;
  1161. white-space: nowrap;
  1162. overflow: hidden;
  1163. }
  1164. .bsnewsBox_list ul li.on:hover .right_text p.tit{
  1165. color: #D8BC84;
  1166. }
  1167. .bsnewsBox_list ul li.on .right_text p.bom{
  1168. display: -webkit-flex; /* Safari */
  1169. display: flex;
  1170. align-items:center;
  1171. justify-content:space-between;
  1172. margin-top: 16px;
  1173. }
  1174. .bsnewsBox_list ul li.on .right_text p.bom span{
  1175. font-size: 14px;
  1176. color: #999;
  1177. display: -webkit-flex; /* Safari */
  1178. display: flex;
  1179. align-items:center;
  1180. }
  1181. .bsnewsBox_list ul li.on .right_text p.bom span img{
  1182. width: 12px;
  1183. height: 12px;
  1184. display: inline-block;
  1185. margin-right: 5px;
  1186. }
  1187. .bsnewsBox_list ul li.on .right_text p.bom em{
  1188. font-size: 12px;
  1189. color: #EF1D1D;
  1190. border:1px solid #F03939;
  1191. height: 16px;
  1192. line-height: 14px;
  1193. padding: 0 10px;
  1194. }
  1195. .bsnewsBox_list ul li.two{
  1196. height: 36px;
  1197. padding: 0 20px;
  1198. }
  1199. .bsnewsBox_list ul li.two a{
  1200. width: 100%;
  1201. height: 36px;
  1202. display: -webkit-flex; /* Safari */
  1203. display: flex;
  1204. align-items:center;
  1205. }
  1206. .bsnewsBox_list ul li.two a em{
  1207. font-size: 12px;
  1208. color: #CAA356;
  1209. border:1px solid #D8BC84;
  1210. height: 16px;
  1211. line-height: 14px;
  1212. padding: 0 10px;
  1213. }
  1214. .bsnewsBox_list ul li.two a span{
  1215. font-size: 18px;
  1216. color: #666;
  1217. font-weight: bold;
  1218. display: inline-block;
  1219. margin-left: 10px;
  1220. text-overflow: ellipsis;
  1221. white-space: nowrap;
  1222. overflow: hidden;
  1223. width: 465px;
  1224. }
  1225. .bsnewsBox_list ul li.two:hover a span{
  1226. color:#D8BC84;
  1227. }
  1228. .bsnewsBox_list ul li.two a em.true_m{
  1229. color: #EF1D1D;
  1230. border:1px solid #F03939;
  1231. }