html { font-family: sans-serif; text-size-adjust: 100%; }
body, div, h1, h2, h3, h4, h5, h5, p, ul, ol, li, dl, dt, dd { margin: 0px; padding: 0px; font-weight: normal; }
ul, ol { list-style-type: none; }
em { font-style: normal; }
body { color: rgb(68, 68, 68); min-width: 1400px; }
input, textarea { font: 14px / 30px Arial, Helvetica, sans-serif; border: none; outline: none; }
a { color: rgb(51, 51, 51); text-decoration: none; cursor: pointer; }
a:hover { color: rgb(10, 64, 142); }
body, div { line-height: 26px; font-size: 16px; }
.g-c-area { margin: 0px auto; position: relative; }
.fl-left { float: left; position: relative; }
.fl-right { float: right; }
.txt-c { text-align: center; }
.clearfix::before, .clearfix::after { content: ""; display: table; }
.clearfix::after { clear: both; overflow: hidden; }
.clearfix { zoom: 1; }
.w1440 { width: 1100px; margin: 0px auto; border: 0px solid rgb(204, 204, 204); }
.wrap { background: url("../images/wrapbg.jpg") center 0px no-repeat; }
.wrap2 { background: url("../images/wrapbg_2.jpg") center 0px no-repeat; }
.mb30 { margin-bottom: 30px; }
.sp10 { font-size: 1px; display: block; clear: both; overflow: hidden; height: 10px; }
.gray { color: rgb(170, 170, 170); }
.cm-ul-list { }
.cm-ul-list li { line-height: 40px; height: 40px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; transition: 0.2s linear; border-bottom: 0px solid rgb(221, 221, 221); }
.cm-ul-list li a { background: url("../images/dot.png") 0px center / 4px 4px no-repeat; padding-left: 12px; margin-left: 8px; }
.cm-pic-list ul { display: flex; flex-wrap: wrap; }
.cm-pic-list li { float: left; margin-left: 1.5%; margin-right: 1.5%; width: 30%; margin-bottom: 20px; transition: 0.2s linear; }
.cm-pic-list li > a img { width: 100%; height: 100%; }
.cm-pic-list h3 { }
.cm-pic-list p { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.cm-pic-list li a { margin: 10px 0px 6px; }
.cm-picrw-list { }
.cm-picrw-list li { margin-bottom: 20px; position: relative; transition: 0.2s linear; }
.cm-picrw-list li > a { display: block; position: relative; margin-right: 20px; }
.cm-picrw-list li > a.pic img { width: 246px; display: block; position: absolute; top: 0px; left: 0px; z-index: 20; }
.cm-picrw-list li h3 { font-size: 20px; margin-bottom: 10px; margin-left: 280px; }
.cm-picrw-list li p { margin-left: 280px; }
.cm-picrw-list li a p, .cm-picrw-list li p { height: 115px; line-height: 29px; border-bottom: 1px solid rgb(233, 233, 233); overflow: hidden; color: rgb(153, 153, 153); }
.img-overw { position: relative; line-height: 0px; display: inline-block; }
.img-overw img { width: 600px; height: 370px; }
.img-overw p { position: absolute; width: 100%; height: 50px; line-height: 58px; bottom: 0px; color: rgb(255, 255, 255); padding: 0px 8px; background: -webkit-linear-gradient(bottom, rgb(0, 0, 0), rgba(0, 0, 0, 0)); box-sizing: border-box; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; transition: 0.2s linear; }
.pagenumb { padding: 10px 0px; text-align: center; }
.pagenumb a { margin: 0px 10px; display: inline-block; width: 12px; height: 18px; }
.pagenumb a img { width: 100%; height: 100%; }
.pagenumb em { width: 7px; height: 7px; border-radius: 4px; background: rgb(255, 255, 255); display: inline-block; margin: 5px 6px; }
.pagenumb em.on { background: rgb(253, 228, 123); }
.videobox { }
.videobox li { position: relative; }
.videobox li a img { width: 100%; height: 100%; }
.videobox li > a::before, .videobox a::before { content: ""; display: block; width: 60px; height: 60px; background: url("../images/i-play.png") 0% 0% / 100% no-repeat; border-radius: 50%; position: absolute; left: 50%; top: 50%; z-index: 10; margin-left: -30px; margin-top: -30px; }
.list-2col li { float: left; width: 47%; margin-right: 3%; }
.list-3col li { float: left; width: 32%; margin-right: 1.3%; }
.list-4col li { float: left; width: 22%; margin-left: 1.5%; margin-right: 1.5%; }
.list-5col li { float: left; width: 18%; margin-right: 2%; }
.rollmumb { padding: 10px 0px; text-align: center; }
.rollmumb a { margin: 0px 10px; display: inline-block; width: 12px; height: 18px; }
.rollmumb a img { width: 100%; height: 100%; }
.rollmumb em { width: 7px; height: 7px; border-radius: 4px; background: rgb(221, 221, 221); display: inline-block; margin: 5px 6px; }
.rollmumb em.on { background: rgb(184, 12, 12); }
.rollmumb em.on2 { background: rgb(255, 236, 28); }
.pagemumb { padding: 30px 0px; text-align: center; color: rgb(153, 153, 153); font-size: 16px; }
.pagemumb a { margin: 0px 10px; display: inline-block; min-width: 16px; background: rgb(238, 238, 238); padding: 0px 12px; font-size: 16px; line-height: 40px; border-radius: 6px; }
.pagemumb em { width: 15px; height: 15px; display: inline-block; margin: 5px 8px; font-size: 16px; font-weight: bold; }
.pagemumb .inp-t { width: 60px; border: 1px solid rgb(221, 221, 221); }
.mobileh5-box { position: relative; margin: 0px auto; }
.mobileh5-box ul { width: 90%; margin: 0px auto; }
.mobileh5-box li { width: 33%; position: relative; padding: 0px; line-height: 0; float: left; }
.mobileh5-box li a { width: 286px; height: 510px; display: block; margin: 0px auto; padding-top: 40px; text-align: center; background: url("../images/mobileh5-bg.png") 0px 0px no-repeat; }
.mobileh5-box li img { width: 250px; border-radius: 0px; border: 0px solid rgb(255, 255, 255); }
.mobileh5-box li .mobileh5-box-bg { position: absolute; width: 260px; background: rgb(21, 58, 133); height: 480px; top: 7px; z-index: 20; border-radius: 30px; opacity: 0; transition: 0.2s linear; border: 6px solid rgb(21, 58, 133); left: 50%; margin-left: -135px; }
.mobileh5-box li .info h3 { color: rgb(255, 255, 255); font-size: 24px; position: absolute; z-index: 30; top: 400px; opacity: 0; width: 220px; left: 50%; margin-left: -110px; line-height: 34px; transition: 0.2s linear; }
.mobileh5-box li .info { width: 260px; margin: 0px auto; overflow: hidden; }
.mobileh5-box .arrow-left { position: absolute; top: 320px; left: 10px; z-index: 5; }
.mobileh5-box .arrow-right { position: absolute; top: 320px; right: 50px; z-index: 5; }
.formbox { }
.form-inp { background-color: rgb(239, 239, 239); border: 0px; outline: none; padding: 5px 10px; }
.formbox input.inpcheck { margin-right: 8px; vertical-align: middle; display: inline-block; }
body { background: url(" ") center 0px repeat rgb(255, 255, 255); }
.rollleft, .rollright { margin: 0px 5px; }
@media screen and (max-width: 1920px) {
}
.sc-col { padding: 10px; }
a.amore { text-align: center; padding: 20px; display: block; color: rgb(153, 153, 153); }
.search-col { padding: 5px 10px 20px; }
.red { color: rgb(232, 96, 44); }
.gray { color: rgb(153, 153, 153); }
.m30 { height: 30px; }
.m50 { height: 50px; }
.g-c-100 { width: 100%; position: relative; }
.g-c-area { width: 1200px; }
.bg-gray { background: rgb(243, 243, 243); }
.cm-area { width: 102%; }
.cm-col { background: rgb(248, 243, 231); float: left; margin-right: 2%; }
.cm-2col .cm-col { width: 48%; }
.cm-3col .cm-col { width: 31.33%; }
.cm-4col .cm-col { width: 23%; }
.arrow-left { position: absolute; top: 226px; left: 15px; z-index: 35; }
.arrow-right { position: absolute; top: 226px; right: 15px; z-index: 35; }
.arrow-up { position: absolute; top: 0px; left: 10px; z-index: 5; }
.arrow-down { position: absolute; top: 140px; left: 10px; z-index: 5; }
.stxt-c { text-align: center; padding: 20px 0px; }
.icon { background: url("../images/icon.png") 0px 0px no-repeat; }
.i-30 { display: inline-block; width: 30px; height: 30px; margin-right: 10px; vertical-align: middle; }
.icon-qs { display: inline-block; width: 40px; height: 40px; }
.i-qs-cj { background-position: -1px -1px; }
.i-qs-yh { background-position: -87px 0px; }
.i-qs-hj { background-position: -176px 0px; }
.i-qs-rc { background-position: -264px 0px; }
.boxkuang { border-top: 4px solid rgb(30, 102, 218); border-radius: 16px; box-shadow: rgb(241, 247, 253) -8px -8px 16px, rgba(75, 125, 194, 0.2) 8px 8px 16px; padding: 10px 30px; box-sizing: border-box; }
.headerarea { }
.header-1 { background: rgb(255, 255, 255); height: 80px; }
.header-1 .fl-right { width: 40%; text-align: right; }
.header-1 .fl-right a { font-size: 14px; line-height: 40px; margin: 0px 10px; }
.header-1 .fl-right img { vertical-align: middle; }
.header-1 .fl-right em { margin: 0px 10px; width: 1px; height: 20px; background: rgb(221, 221, 221); overflow: hidden; display: inline-block; vertical-align: middle; }
.navTop { position: relative; background: url("../images/nav.jpg") center 0px no-repeat rgb(10, 32, 165); line-height: 60px; }
.header-logo { position: absolute; top: 10px; left: 0px; z-index: 10; background: url("../images/hainan_logo.png") 0px 0px / 50px 55px no-repeat; padding-left: 60px; height: 60px; padding-top: 0px; }
.logoBox h3 { font-size: 28px; font-weight: 900; display: block; border-right: 0px solid rgb(221, 221, 221); margin-right: 8px; padding-right: 8px; line-height: 40px; }
.header-logo p { float: left; font-size: 15px; font-weight: 900; line-height: 14px; }
.header-logo p span { display: block; font-size: 12px; font-weight: normal; }
.logoBox p { font-size: 14px; font-weight: 900; line-height: 14px; float: none; padding-top: 0px; color: rgb(153, 153, 153); }
.navlinelist { text-align: center; }
.navCon ul > li { display: inline-block; padding: 0px 5px; line-height: 60px; position: relative; margin: 0px 20px; min-width: 80px; text-align: center; cursor: pointer; }
.navCon li a { display: inline-block; }
.navCon ul ol { position: absolute; background-color: rgb(255, 255, 255); z-index: 99; width: 170px; left: -40px; display: none; border-radius: 5px; }
.navCon ul li:nth-child(3) ol { width: 170px; left: -40px; }
.navCon li ol li a { text-align: center; padding: 0px 10px; }
.navCon li ol li { line-height: 45px; border-bottom: 1px dotted rgb(238, 238, 238); }
.nav-search { position: absolute; top: 10px; right: 10px; z-index: 20; line-height: 52px; }
.subnav { background: rgb(255, 255, 255); position: absolute; top: 80px; left: 500px; width: 360px; z-index: 50; height: 0px; border-radius: 8px; box-shadow: rgb(255, 255, 255) 0px 0px 0px, rgba(0, 0, 0, 0.2) 8px 8px 16px; box-sizing: border-box; transition: 0.3s linear; }
#subnav-3 { margin: 10px 0px; display: none; }
#subnav-3 a { line-height: 40px; display: block; padding: 2px 30px; font-size: 16px; margin: 0px 20px; }
.toppic { }
.toppic img { width: 100%; height: 100%; }
.bg1 { background: url("../images/bg1.jpg") 0px 0px / cover no-repeat; max-height: 1240px; padding-top: 30px; }
.bg2 { background: url("../images/bg2.jpg") 0px 0px / cover no-repeat; min-height: 600px; padding-top: 40px; margin-bottom: 40px; }
.bgsky { background: url("../images/bgsky.jpg") 0px 0px / cover no-repeat; padding-top: 40px; padding-bottom: 50px; }
.bgmap { background: url("../images/bgmap.jpg") 0px 0px / cover no-repeat; min-height: 650px; padding-top: 40px; }
.bg3 { background: url("../images/icon.png") 0px 0px no-repeat; }
.zxarea .from-zx { margin-left: 45%; margin-right: 5%; }
.from-zx { padding: 20px; }
.from-col { padding: 5px; position: relative; }
.inp-sel { border: 0px; line-height: 50px; height: 60px; border-radius: 0px; }
.inp-txt { background: transparent; border-bottom: 1px solid rgb(156, 178, 212); line-height: 50px; font-size: 18px; color: rgb(156, 178, 212); width: 100%; }
.inp-txt1 { width: 100%; }
.inp-txt2 { height: 100px; vertical-align: top; }
.inp-txt3 { width: 30%; margin-right: 10px; }
.inp-txt4 { width: 45%; margin-right: 20px; }
.from-yanzm { position: absolute; top: 18px; right: 150px; z-index: 10; color: rgb(30, 102, 218); font-size: 18px; }
a.from-btn { background: rgb(30, 102, 218); font-size: 20px; border-radius: 60px; line-height: 50px; color: rgb(255, 255, 255); padding: 0px 20px; display: inline-block; width: 80px; text-align: center; }
.navtopsub { position: absolute; bottom: 0px; left: 50%; margin-left: -600px; width: auto; }
.navtopsub li { float: left; width: 220px; line-height: 70px; font-size: 20px; background: rgba(7, 50, 126, 0.7); margin: 0px 10px; text-align: center; }
.navtopsub li.on { background: rgb(25, 89, 208); font-size: 24px; font-weight: bold; }
.navtopsub li a { color: rgb(255, 255, 255); }
.topContent { width: 1400px; margin: 20px auto; display: flex; justify-content: space-between; }
.logoBox { display: flex; width: 600px; position: relative; }
.logoBox img { width: 360px; position: absolute; }
.logoBox div { padding-left: 70px; }
.topRightBox ul { display: flex; line-height: 54px; }
.topRightBox ul > li { margin: 0px 20px; position: relative; cursor: pointer; }
.topRightBox ul > li:nth-child(1) { background: url("../images/arrow_down.png") 133px 12px no-repeat; padding: 0px 25px; margin-top: 3px; }
.topRightBox ul > li:nth-child(1)::after { content: ""; width: 1px; height: 20px; background-color: rgb(171, 188, 222); display: block; position: absolute; right: -15px; top: 15px; }
.topRightBox ul > li ol { display: none; top: 30px; position: absolute; z-index: 99; }
.topRightBox ul > li ol li img { width: 80px; margin-top: 10px; margin-left: -20px; }
.topRightBox ul > li:nth-child(3)::after { content: ""; width: 1px; height: 20px; background-color: rgb(171, 188, 222); display: block; position: absolute; right: -17px; top: 19px; }
.navTop ul { display: flex; line-height: 55px; justify-content: center; width: 1250px; margin-right: 70px; }
.navCon { width: 1500px; margin: auto; display: flex; justify-content: center; }
.souBox { position: relative; width: 260px; display: flex; padding-right: 50px; }
.souBox img { position: absolute; right: 10px; top: 17px; cursor: pointer; }
.souBox input { line-height: 35px; padding: 0px 10px; }
.souBox button { line-height: 40px; padding: 0px 10px; border: none; cursor: pointer; }
.navTop ul > li { margin: 0px 10px; }
.souCon { background-color: rgb(255, 255, 255); height: 40px; margin-top: 10px; display: none; }
.navTop ul > li > a, .navTop ul > li { color: rgb(255, 255, 255); }
.contentBox { width: 1400px; margin: 20px auto; }
.zhengctopa > img { width: 100%; }
.jiguangUl { background: rgb(7, 52, 126); }
.footBox { background: url("../images/footbg.jpg") center bottom no-repeat rgb(13, 68, 170); border-bottom: 0px solid rgb(43, 87, 155); color: rgb(190, 203, 229); }
.bumenBox { margin: auto; display: flex; width: 1400px; position: relative; }
.bumenBox > li { background: url("../images/f_a_down_b1.png") 200px 30px no-repeat; width: 210px; padding: 20px; margin-right: 20px; cursor: pointer; }
.boutolList { display: none; position: absolute; top: 66px; background: rgb(16, 68, 170); width: 1360px; padding: 0px 20px; left: 0px; z-index: 99; height: 270px; overflow-y: scroll; }
.bumenBox > li:nth-child(1) .boutolList { display: block; }
.bumenBox > li ol { display: flex; flex-wrap: wrap; }
.bumenBox > li ol li { line-height: 45px; width: 250px; margin-right: 20px; }
.bumenBox > li ol li a { color: rgb(255, 255, 255); }
.boutolList::-webkit-scrollbar { display: none; }
.footLian { width: 1400px; margin: 0px auto 40px; line-height: 60px; border-top: 1px solid rgb(67, 108, 186); border-bottom: 1px solid rgb(67, 108, 186); }
.footLian p a { padding: 0px 10px; color: rgb(255, 255, 255); }
.footDangwei { width: 1400px; margin: 0px auto; padding: 20px 0px; }
.footDangwei { display: flex; flex-wrap: wrap; justify-content: space-between; }
.copyright { width: 100%; padding: 30px 0px; }
.zhubanBox div { display: flex; flex-wrap: wrap; margin-bottom: 10px; }
.zhubanBox div p { width: 70%; padding-left: 5px; }
.zhubanBox div p:nth-child(3) { margin-left: 77px; }
.fontImg { position: relative; }
.fontImg img { position: absolute; left: 0px; }
.fontImg p { padding-left: 70px; padding-top: 5px; }
.activeOn { background: url("../images/f_a_down_b2.png") 200px 30px no-repeat rgb(16, 68, 170) !important; }
.fgBanner { width: 1200px; margin: auto; padding-bottom: 100px; }
.fgBanner li { background-color: rgb(255, 255, 255); padding-bottom: 10px; margin-top: 10px; transition: 0.2s linear; }
.fgBanner li p { padding: 0px 15px; line-height: 30px; margin: 10px 0px; height: 60px; }
.fgBanner li span { color: rgb(153, 153, 153); font-size: 14px; padding: 0px 15px; font-style: italic; }
.fgBanner li img { width: 100%; height: 210px; }
.fengPrev, .fengNext, .chuangPrev, .chuangNext, .jiaoNext, .jiaoPrev { position: absolute; cursor: pointer; bottom: 10px; z-index: 99; }
.fengPrev, .chuangPrev, .jiaoPrev { left: 45%; }
.fengNext, .chuangNext, .jiaoNext { right: 45%; }
.hoverImg { display: none; width: 30px; }
.moreban { position: absolute; right: 10px; bottom: 10px; }
.moreban img { padding-left: 5px; }
.lx-lista { display: flex; width: 1200px; margin: 20px auto; justify-content: space-between; }
.lx-lista li { margin-top: 10px; width: 260px; position: relative; transition: 0.2s linear; cursor: pointer; }
.lxTextBox { text-align: center; padding-top: 20px; }
.lxTextBox h3 { font-size: 24px; color: rgb(46, 97, 191); }
.lxTextBox em { width: 36px; height: 2px; overflow: hidden; margin: 18px auto; background: rgb(128, 155, 206); display: block; }
.lxTextBox p { padding: 10px 15px; color: rgb(170, 170, 170); }
.lx-lista li img { width: 100%; }
.lx-lista li:nth-child(2n) img { position: absolute; top: 170px; }
.itemZmg { display: none; }
.itemZmg:nth-child(1) { display: block; }
.zmgnav { display: flex; width: 800px; margin: auto; justify-content: center; }
.zmgnav li { padding: 10px 30px; border-radius: 30px; background-color: rgb(238, 238, 238); margin: 0px 20px; font-size: 18px; text-align: center; cursor: pointer; }
#dh_01 { width: 1200px; margin: 20px auto; }
.zmgdhon { color: rgb(255, 255, 255); background-color: rgb(32, 88, 201) !important; }
.itemZmgCon { display: flex; margin: 40px auto; justify-content: space-between; }
.navConleft { width: 520px; }
.navConleft img, .navConright img { width: 100%; }
.navConright { width: 650px; position: relative; }
.map-rig-col { margin-top: 20px; }
.navConright h3 { font-size: 20px; font-weight: bold; margin-bottom: 10px; text-align: center; }
.navConright .hd p { color: rgb(153, 153, 153); text-align: center; margin-bottom: 5px; }
.navConright ul { display: flex; justify-content: space-between; flex-wrap: wrap; }
.navConright ul li { width: 320px; cursor: pointer; }
.mennueBox { width: 400px; max-height: 500px; position: absolute; left: 0px; top: 35px; background-color: rgb(255, 255, 255); padding: 10px; display: none; box-shadow: rgba(20, 66, 150, 0.3) 0px 2px 25px -3px; }
.closeBox img { width: 20px; margin: 0px 10px; cursor: pointer; position: absolute; z-index: 99; top: -4px; right: 0px; }
.closeBox { text-align: right; position: relative; }
.muenCon h4 { font-size: 20px; font-weight: bold; color: rgb(92, 120, 181); margin: 10px 0px; position: relative; }
.muenCon h4::before { content: ""; width: 60px; height: 2px; background-color: rgb(92, 120, 181); position: absolute; bottom: -5px; }
.muenCon p { font-size: 15px; line-height: 35px; -webkit-line-clamp: 8; max-height: 280px; margin: 10px 0px; }
.muenCon a { display: block; margin: 20px 0px; width: 100px; text-align: center; border-radius: 30px; background-color: rgb(32, 88, 201); color: rgb(255, 255, 255); font-size: 15px; }
.bs-col { width: 340px; border-radius: 10px; }
.banshiBox { display: flex; justify-content: space-between; width: 1200px; margin: 20px auto; }
.zhaoBanner li a, .rencaiBanner li a, .bianmBanner li a { display: flex; line-height: 40px; }
.bs-01 { background: url("../images/bs_01.jpg") left top no-repeat rgb(255, 255, 255); }
.bs-02 { background: url("../images/bs_02.jpg") left top no-repeat rgb(255, 255, 255); }
.bs-03 { background: url("../images/bs_03.jpg") left top no-repeat rgb(255, 255, 255); }
.bs-lista .bs-col .hd { padding: 86px 30px 10px; }
.bs-lista .bs-col .hd h3 { font-size: 28px; color: rgb(21, 60, 132); padding-bottom: 6px; }
.bs-lista .bs-col .hd p { color: rgb(153, 153, 153); }
.zhaoBanner, .rencaiBanner, .bianmBanner { width: 270px; margin: 0px auto; height: 220px; padding-bottom: 20px; }
.zhaoBanner ul, .rencaiBanner ul, .bianmBanner ul { flex-direction: column; }
.sc-banshi { background: rgb(237, 243, 252); padding: 40px 0px; }
.zhaoBanner li, .rencaiBanner li, .bianmBanner li { height: 40px; }
.tabNews { display: none; }
.tabNews:nth-child(1) { display: block; }
.newsconttop { display: flex; }
.newsPageTab { width: 800px; }
.newsPageTab li { position: relative; }
.newsPageTab li img { width: 100%; height: 475px; }
.newsPageTab li p { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; position: absolute; width: 90%; padding: 10px 5%; background: -webkit-linear-gradient(bottom, rgb(0, 0, 0), rgba(0, 0, 0, 0)); color: rgb(255, 255, 255); bottom: 0px; font-size: 18px; }
.newsTabTop { width: 570px; }
.newsTabTop li a { line-height: 40px; height: 80px; -webkit-line-clamp: 2; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; white-space: normal; }
.newsTabTop ul { padding: 0px; }
.newsTabTop li { padding: 19px 40px; font-size: 20px; border-bottom: 1px solid rgb(221, 221, 221); }
.newsTabTop li:last-child { border-bottom: none; }
.newsActive { background-color: rgb(25, 89, 208) !important; }
.newsActive a { color: rgb(255, 255, 255); border-bottom: none !important; }
.xianghdtitle { position: relative; width: 1080px; margin: 20px auto; }
.xianghdtitle img { position: absolute; left: 0px; top: 0px; width: 158px; height: 87px; }
.xianghdtitle p { width: 900px; margin-left: 180px; color: rgb(153, 153, 153); padding-top: 20px; }
.chwlList { width: 1340px; margin: 50px auto; }
.chwlList ul { display: flex; flex-wrap: wrap; }
.chwlList ul li { width: 420px; margin-right: 40px; position: relative; background: rgb(255, 255, 255); padding-bottom: 30px; margin-bottom: 40px; }
.chwlList ul li:nth-child(3n) { margin-right: 0px; }
.chwlList ul li img { width: 100%; height: 236px; }
.xincabox { margin: 50px 0px; width: 100%; }
.xincabox li { background-color: rgb(243, 243, 243); position: relative; }
.g-c-areaCon { width: 1400px; margin: auto; display: flex; justify-content: space-between; }
.xinfotext { width: 490px; margin: 30px 50px; min-height: 335px; }
.g-c-areaCon .xpic { width: 720px; position: absolute; top: -50px; right: 0px; }
.g-c-areaCon .xpic img { width: 720px; height: 405px; }
.xinfotext h3 { font-size: 30px; text-align: center; margin: 20px 0px; line-height: 40px; max-height: 80px; -webkit-line-clamp: 2; }
.xinfotext p { width: 400px; margin: auto; }
.xincabox li:nth-child(2n) .xpic { inset: auto auto -50px 0px; }
.xincabox li:nth-child(2n) .xinfotext { margin-left: 800px; }
.xincabox li:nth-child(2n) { margin-bottom: 170px; }
.zhengcItem { display: none; margin-bottom: 50px; }
.zhengcItem:nth-child(1) { display: block; }
.zhengc-left-navlist li { cursor: pointer; }
.zhiduBox ul { display: flex; flex-wrap: wrap; }
.zhiduBox ul li { float: inherit !important; }
.conttopbanner .swiper-pagination-bullet-active { margin: 3px !important; }
.xincabox li:nth-child(1) { margin-top: 70px; }
.shaiBox { margin: 10px; }
.shaiBox button { background: none; border: none; padding: 0px 20px; font-size: 18px; cursor: pointer; }
.shaiBox button:nth-child(1), .shaiBox button:nth-child(6), .shaiBox button:nth-child(10) { color: rgb(0, 51, 188); }
.shaiBox button:nth-child(5), .shaiBox button:nth-child(9), .shaiBox button:nth-child(11) { border-right: 1px solid rgb(204, 204, 204); }
.layui-laypage .layui-laypage-curr .layui-laypage-em { background-color: rgb(113, 178, 255); }
.layui-laypage a[data-page] { color: rgb(51, 51, 51) !important; }
.layui-laypage a, .layui-laypage span { background-color: rgb(247, 247, 247) !important; }
.historyItem { display: none; }
.historyItem:nth-child(1) { display: block; }
.layui-flow-more { width: 100%; font-size: 16px; }
.layui-flow-more a cite { border: none; width: 400px; background: rgb(238, 238, 238); line-height: 40px; border-radius: 100px; text-align: center; color: rgb(119, 119, 119); margin: 40px auto; display: block; cursor: pointer; font-size: 16px; }
.kafaItem { display: none; }
.topRightBox ul > li:nth-child(1) ol { background-color: rgb(255, 255, 255); padding: 0px 20px; width: 130px; left: 6px; top: 35px; }
.topRightBox ul > li:nth-child(1) ol li { text-align: center; border-bottom: 1px dotted rgb(221, 221, 221); }
.fgBanner li p, .chuangBanner li p { overflow-y: hidden; white-space: normal; text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp: 2; display: -webkit-box !important; }
.navCon ul > li > a::before { content: ""; display: block; position: absolute; left: 50%; bottom: 0px; z-index: 2; width: 80%; height: 3px; margin-left: -40%; background: rgb(245, 199, 19); transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1); opacity: 0; transform: scale(0, 1); }