/* 全局css,适合所有页面 */ * { margin: 0px; padding: 0px; } html { -webkit-tap-highlight-color:transparent; } body{ font-family:'微软雅黑',arial; font-size: 14px; margin: 0; padding: 0; color: #333; } ul,li,span,p,ol{ margin: 0; padding: 0; } ul,li{ list-style:none; } a { text-decoration: none; outline: none; } li { list-style-type: none; list-style: none; } img { border: 0px; max-width: 100%; } .w1300 { width: 1300px; margin: auto; } .w1200 { width: 1300px !important; margin: auto; } .w1100 { width: 1100px; margin: auto; } .bgwhite { background: #fff; } .bg-333 { background: #333; } .bggrey { background: #f6f6f6; } .bgblue { background: #26497e; } .bg-f7{ background: #f7f7f7; } .bg-f8{ background: #f8f8f8; } .bg-f6{ background: #f6f6f6; } .bg-f5 { background: #f5f5f5; } .bg-e7f { background: #e7f1ff; } .bg-3b7 { background: #3b7abe; } .bg-939 { background: #939393; } .h02 { height: 2px; } .h05 { height: 5px; } .h10 { height: 10px; } .h15 { height: 15px; } .h20 { height: 20px; } .h25 { height: 25px; } .h30 { height: 30px; } .h35 { height: 35px; } .h40 { height: 40px; } .h45 { height: 45px; } .h50 { height: 50px; } .h60 { height: 60px; } .h70 { height: 70px; } .h80 { height: 80px; } .w100 { width: 100%; } .w99 { width: 99%; margin: auto; } .w98 { width: 98%; margin: auto; } .w97 { width: 97%; margin: auto; } .w96 { width: 96%; margin: auto; } .w95 { width: 95%; margin: auto; } .w94 { width: 94%; } .w93 { width: 93%; } .w92 { width: 92%; } .w91 { width: 91%; } .w90 { width: 90%; } .w89 { width: 89%; } .w88 { width: 88%; } .w87 { width: 87%; } .w86 { width: 86%; } .w85 { width: 85%; } .w84 { width: 84%; } .w83 { width: 83%; } .w82 { width: 82%; } .w81 { width: 81%; } .w80 { width: 80%; } .w79 { width: 79%; } .w78 { width: 78%; } .w77 { width: 77%; } .w76 { width: 76%; } .w75 { width: 75%; } .w74 { width: 74%; } .w73 { width: 73%; } .w72 { width: 72%; } .w71 { width: 71%; } .w70 { width: 70%; } .w69 { width: 69%; } .w68 { width: 68%; } .w67 { width: 67%; } .w66 { width: 66%; } .w65 { width: 65%; } .w64 { width: 64%; } .w63 { width: 63%; } .w62 { width: 62%; } .w61 { width: 61%; } .w60 { width: 60%; } .w59 { width: 59%; } .w58 { width: 58%; } .w57 { width: 57%; } .w56 { width: 56%; } .w55 { width: 55%; } .w54 { width: 54%; } .w53 { width: 53%; } .w52 { width: 52%; } .w51 { width: 51%; } .w50 { width: 50%; } .w49 { width: 49%; } .w48 { width: 48%; } .w47 { width: 47%; } .w46 { width: 46%; } .w45 { width: 45%; } .w44 { width: 44%; } .w43 { width: 43%; } .w42 { width: 42%; } .w41 { width: 41%; } .w40 { width: 40%; } .w39 { width: 39%; } .w38 { width: 38%; } .w37 { width: 37%; } .w36 { width: 36%; } .w35 { width: 35%; } .w34 { width: 34%; } .w33 { width: 33.33%; } .w32 { width: 32%; } .w31 { width: 31%; } .w30 { width: 30%; } .w29 { width: 29%; } .w28 { width: 28%; } .w27 { width: 27%; } .w26 { width: 26%; } .w25 { width: 25%; } .w24 { width: 24%; } .w23 { width: 23%; } .w22 { width: 22%; } .w21 { width: 21%; } .w20 { width: 20%; } .w19 { width: 19%; } .w18 { width: 18%; } .w17 { width: 17%; } .w16 { width: 16.66%; } .w15 { width: 15%; } .w14 { width: 14%; } .w13 { width: 13%; } .w12 { width: 12%; } .w11 { width: 11%; } .w10 { width: 10%; } .w09 { width: 9%; } .w08 { width: 8%; } .w07 { width: 7%; } .w06 { width: 6%; } .w05 { width: 5%; } .w04 { width: 4%; } .w03 { width: 3%; } .w02 { width: 2%; } .auto { margin: auto; } .flex { display: flex; flex-wrap: wrap; } .flex_a { display: flex; justify-content: space-around; flex-wrap: wrap; } .flex_b { display: flex; justify-content: space-between; flex-wrap: wrap; } .flex_c { display: flex; justify-content: center; flex-wrap: wrap; } .items { align-items: center; } .baseline { align-items: baseline; } .flex-grow { flex-grow: 1; } .flex-1 { flex: 1; } .overflow { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .overflow2 { display: -webkit-box; -webkit-line-clamp: 2; text-overflow: ellipsis; -webkit-box-orient: vertical; overflow: hidden; } .overflow3 { display: -webkit-box; -webkit-line-clamp: 3; text-overflow: ellipsis; -webkit-box-orient: vertical; overflow: hidden; } .overflow4 { display: -webkit-box; -webkit-line-clamp: 4; text-overflow: ellipsis; -webkit-box-orient: vertical; overflow: hidden; } .overflow5 { display: -webkit-box; -webkit-line-clamp: 5; text-overflow: ellipsis; -webkit-box-orient: vertical; overflow: hidden; } .overflow6 { display: -webkit-box; -webkit-line-clamp: 6; text-overflow: ellipsis; -webkit-box-orient: vertical; overflow: hidden; } .overflow7 { display: -webkit-box; -webkit-line-clamp: 7; text-overflow: ellipsis; -webkit-box-orient: vertical; overflow: hidden; } .overflow8 { display: -webkit-box; -webkit-line-clamp: 8; text-overflow: ellipsis; -webkit-box-orient: vertical; overflow: hidden; } .overflow9 { display: -webkit-box; -webkit-line-clamp: 9; text-overflow: ellipsis; -webkit-box-orient: vertical; overflow: hidden; } .overflow10 { display: -webkit-box; -webkit-line-clamp: 10; text-overflow: ellipsis; -webkit-box-orient: vertical; overflow: hidden; } .overflow11 { display: -webkit-box; -webkit-line-clamp: 11; text-overflow: ellipsis; -webkit-box-orient: vertical; overflow: hidden; } .overflow14 { display: -webkit-box; -webkit-line-clamp: 14; text-overflow: ellipsis; -webkit-box-orient: vertical; overflow: hidden; } .overflow17 { display: -webkit-box; -webkit-line-clamp: 17; text-overflow: ellipsis; -webkit-box-orient: vertical; overflow: hidden; } ::-webkit-input-placeholder { /* WebKit browsers */ color: #999; font-size: 14px; } ::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #999; font-size: 14px; } :-ms-input-placeholder { /* Internet Explorer 10+ */ color: #999; font-size: 14px; } .clear { clear: both; } .float-l { float: left; } .float-r { float: right; } .text-right { text-align: right; } .center { text-align: center; } .bold { font-weight: bold; } .none { display: none; } .relative { position: relative; } .block { display: block; } .curse { cursor: pointer; } .w200px { width: 200px; } .bg-faf { background: #fafafa; } .mt05 { margin-top: 0.5rem; } .mb05 { margin-bottom: 0.5rem; } .ml05 { margin-left: 0.5rem; } .mr05 { margin-right: 0.5rem; } .pt05 { padding-top: 0.5rem; } .pb05 { padding-bottom: 0.5rem; } .pl05 { padding-left: 0.5rem; } .pr05 { padding-right: 0.5rem; } .mt10 { margin-top: 10px; } .mb10 { margin-bottom: 10px; } .ml10 { margin-left: 10px; } .mr10 { margin-right: 10px; } .pt10 { padding-top: 10px; } .pb10 { padding-bottom: 10px; } .pl10 { padding-left: 10px; } .pr10 { padding-right: 10px; } .mt15 { margin-top: 15px; } .mb15 { margin-bottom: 15px; } .ml15 { margin-left: 15px; } .mr15 { margin-right: 15px; } .pt15 { padding-top: 15px; } .pb15 { padding-bottom: 15px; } .pl15 { padding-left: 15px; } .pr15 { padding-right: 15px; } .mt20 { margin-top: 20px; } .mb20 { margin-bottom: 20px; } .ml20 { margin-left: 20px; } .mr20 { margin-right: 20px; } .pt20 { padding-top: 20px; } .pb20 { padding-bottom: 20px; } .pl20 { padding-left: 20px; } .pr20 { padding-right: 20px; } .mt30 { margin-top: 30px; } .mb30 { margin-bottom: 30px; } .ml30 { margin-left: 30px; } .mr30 { margin-right: 30px; } .pt30 { padding-top: 30px; } .pb30 { padding-bottom: 30px; } .pl30 { padding-left: 30px; } .pr30 { padding-right: 30px; } .border-ccc { border: 1px solid #ccc; } .border-ddd { border: 1px solid #ddd; } .border-eee { border: 1px solid #eee; } .border-b-eee { border-bottom: 1px solid #eee; } .border-t-eee { border-top: 1px solid #eee; } .noborder { border: none !important; } .font12 { font-size: 12px; } .font13 { font-size: 13px; } .font14 { font-size: 14px; } .font15 { font-size: 15px; } .font16 { font-size: 16px; } .font17 { font-size: 17px; } .font18 { font-size: 18px; } .font19 { font-size: 19px; } .font20 { font-size: 20px; } .font21 { font-size: 21px; } .font22 { font-size: 22px; } .font23 { font-size: 23px; } .font24 { font-size: 24px; } .font25 { font-size: 25px; } .font26 { font-size: 26px; } .font27 { font-size: 27px; } .font28 { font-size: 28px; } .font29 { font-size: 29px; } .font30 { font-size: 30px; } .font31 { font-size: 31px; } .font32 { font-size: 32px; } .font33 { font-size: 33px; } .font34 { font-size: 34px; } .font36 { font-size: 36px; } .font38 { font-size: 38px; } .font40 { font-size: 40px; } .font42 { font-size: 42px; } .font46 { font-size: 46px; } .text-000 { color: #000; } .text-1a1 { color: #1a1a1a; } .text-010 { color: #010000; } .text-141 { color: #141414; } .text-025 { color: #0257ab; } .text-232 { color: #232323; } .text-333 { color: #333; } .text-3e3 { color: #3e3a39; } .text-3f3 { color: #3f3f3f; } .text-393 { color: #393838; } .text-404 { color: #404040; } .text-414 { color: #414141; } .text-4c4 { color: #4c4c4c; } .text-505 { color: #505050; } .text-666 { color: #666; } .text-656 { color: #656565; } .text-808 { color: #808080; } .text-6d8 { color: #6d8ec4; } .text-264 { color: #26497e; } .text-999 { color: #999; } .text-yel { color: #fffc04; } .text-fff { color: #fff; } .line20 { line-height: 20px; } .line21 { line-height: 21px; } .line22 { line-height: 22px; } .line23 { line-height: 23px; } .line24 { line-height: 24px; } .line25 { line-height: 25px; } .line26 { line-height: 26px; } .line27 { line-height: 27px; } .line28 { line-height: 28px; } .line29 { line-height: 29px; } .line30 { line-height: 30px; } .line31 { line-height: 31px; } .line32 { line-height: 32px; } .line33 { line-height: 33px; } .line34 { line-height: 34px; } .line35 { line-height: 35px; } .line36 { line-height: 36px; } .line37 { line-height: 37px; } .line38 { line-height: 38px; } .line39 { line-height: 39px; } .line40 { line-height: 40px; } .line41 { line-height: 41px; } .line42 { line-height: 42px; } .line48 { line-height: 48px; } .letter1 { letter-spacing: 1px; } .letter2 { letter-spacing: 2px; } .letter3 { letter-spacing: 3px; } .letter4 { letter-spacing: 4px; } .radius2 { border-radius: 2px; } .radius3 { border-radius: 3px; } .radius4 { border-radius: 4px; } .radius5 { border-radius: 5px; } .radius6 { border-radius: 6px; } .radius7 { border-radius: 7px; } .radius8 { border-radius: 8px; } .radius9 { border-radius: 9px; } .radius10 { border-radius: 10px; } .radius20 { border-radius: 20px; } .radius100 { border-radius: 100px; } /*字母大写*/ .uppercase { text-transform: uppercase; } /*强制字符换行*/ .break-all{ word-break: break-all; } .indent1em { text-indent: 1em; } .htop { /*padding: 20px 0;*/ /*border-bottom: 1px solid #1C8F47;*/ position: fixed; top: 0; left: 0; width: 100%; background: #fff; z-index: 99; } .h85 { height: 85px; } .logo img { max-width: 300px; } #searchform input { background: none; outline: 0; border: none; color: #fff; font-size: 15px; width: 100%; } #searchform input::-webkit-input-placeholder { /* WebKit browsers */ color: #fff; font-size: 15px; } #searchform input::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #fff; font-size: 15px; } #searchform input:-ms-input-placeholder { /* Internet Explorer 10+ */ color: #fff; font-size: 15px; } .topnav { width: 64%; margin-left: 3%; flex: 1; } .topnav .navli { text-align: center; width: 12.2%; height: 85px; line-height: 85px; font-size: 16px; /*position: relative;*/ box-sizing: border-box; } .topnav .navli .navli_a { display: block; color: #000; height: 85px; } .topnav .navli.active,.topnav .navli:hover { /*line-height: 80px;*/ /*border-top: 3px solid #1C8F47;*/ } .tline { width: 30%; height: 5px; background: #1C8F47; position: absolute; top: 0; left: 0; right: 0; margin: auto; opacity: 0; border-radius: 1px; } .tline2 { width: 30%; height: 3px; background: #1C8F47; position: absolute; margin: auto; opacity: 0; border-radius: 1px; } /*.ttit1 { width: 100%; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; color: #333231; height: 45px; line-height: 45px; }*/ .topnav .navli.active .navli_a,.topnav .navli:hover .navli_a { color: #1C8F47; } .border-r-eee { border-right: 1px solid #eee; } .topnav .sup { display: none; position: absolute; width: 145%; top: 85px; left: 0; background: #1C8F47; font-size: 14px; z-index: 99; line-height: 25px; } .topnav .sup .sup-li:hover,.topnav .sup .sub-child-li:hover { background: #107435; } .topnav .sup li a { display: block; color: #fff; width: 92%; margin: auto; /*text-align: left;*/ padding: 12px 0; } .topnav .sup-child { display: none; position: absolute; width: 80%; top: 0; left: 100%; background: #1C8F47; font-size: 14px; z-index: 99; line-height: 25px; } .scale {overflow: hidden;} .scale .pic {transition: all .5s;} .scale .pic:hover {transform: scale(1.1)} .text-cd2 { color: #1C8F47; } .text-8f9 { color: #8f919d; } .text-d4d { color: #d4d4d4; } .footer-line { width: 1px; height: 280px; background: #666; } .bg-252 { background: #252734; } .border-t-666 { border-top: 1px solid #666; } .w940 { width: 940px; } .mt03 { margin-top: 3px; } .footer-lxwm p:first-child { margin-bottom: 4px; } .footer-right { width: 280px; } .mt03 { margin-top: 3px; } .hover-fff:hover { color: #fff !important; } .swiper-pagination-bullet { width: 15px; height: 15px; background: none; /*border: 2px solid #fff;*/ background: none; border-radius: 100px; opacity: 1; box-sizing: border-box; color: #fff; font-size: 20px; margin-right: 10px !important; } .swiper-pagination-bullet-active { background: none; border: none; } .swiper-pagination-bullet-active:after { content: ''; display: block; width: 15px; height: 2px; background: #fff; } .swiper-button-prev, .swiper-container-rtl .swiper-button-next { background: url(../images/jt-l.png) no-repeat center; outline: 0; } .swiper-button-next, .swiper-container-rtl .swiper-button-prev { background: url(../images/jt-r.png) no-repeat center; outline: 0; } .text-5a5 { color: #5a5a5a; } .nyleft { width: 266px; } .nyright { width: 900px; } .bg-616 { background: #61605e; } .line50 { line-height: 50px; } /*.section.footer .fp-tableCell{ display: block!important; }*/ /*分页*/ .wdcms-page { width: 90%; margin: 50px auto 0; text-align: center; height: 40px; line-height: 40px; } .wdcms-page a { color: #666; background: #f5f5f5; border-radius: 2px; padding: 7px 12px; margin: 0 5px; } .wdcms-page a:hover { background: #1C8F47; color: #fff; margin: 0 5px; } .wdcms-page span { background: #1C8F47; color: #fff; padding: 7px 12px; border-radius: 2px; margin: 0 5px; } .bg-1047 { background: #104730; } .bg-eef { background: #eef6f7; } .bg-fa { background: #fafafa; } .bg-f4f7 { background: #f4f7fc; } .text-247 { color: #1e487c; } .bg-247 { background: #1e6b49; /*background: #1e487c;*/ } .text-left { text-align: left; } .gotop { position: fixed; right: 10px; bottom: 10%; z-index: 9; display: none; } .positiona a,.positionb a { padding: 0 3px; } .positiona a:last-child,.positionb a:last-child { color: #1e487c; } .positiona a:hover,.positionb a:hover { color: #1e487c; } .hover-247:hover { color: #1e487c !important; } .hover-bg-247:hover { color: #fff !important; background: #1e487c; } .text-292 { color: #292929; } .text-252 { color: #252525; } .text-77d { color: #4d9074; /*color: #77d7e0;*/ } .text-434 { color: #434343; } .text-1112 { color: #111212; } .text-bac { color: #bac4d0; } .bg_nytit { border-bottom: 10px solid #1e6b49; /*border-bottom: 10px solid #1e487c;*/ box-sizing: border-box; } .rctit { color: #1e487c; font-size: 16px; padding-left: 5px; border-left: 3px solid #1e487c; height: 20px; line-height: 20px; font-weight: bold; } .zptit { padding-left: 8px; border-left: 4px solid #1e487c; height: 14px; line-height: 14px; font-size: 15px; color: #3a3a3a; } .text-3a3 { color: #3a3a3a; } .dian-247 { width: 5px; height: 5px; background: #1e487c; margin-top: 8px; } .border-b-ddd { border-bottom: 1px solid #ddd; } .border-b-das-ddd { border-bottom: 1px dashed #ddd; } .border-t-ddd { border-top: 1px solid #ddd; } .nynav_li { line-height: 70px; width: 100%; box-sizing: border-box; border-left: 10px solid #eee; } .nynav_li:nth-last-child(2) { /*border-bottom: none;*/ } .nynav_li.active { border-left: 10px solid #1e6b49; /*border-left: 10px solid #1e487c;*/ /*background: #fff;*/ } .nynav_li_sub { display: none; box-sizing: border-box; border-left: 10px solid #eee; } .qh_left { position: absolute; right: 10px; top: 0; bottom: 0; margin: auto; z-index: 9; } .border-b-247 { border-bottom: 1px solid #1e487c; } .border-b-edf { border-bottom: 2px solid #edf7f5; } .border-r-fff { border-right: 1px solid #fff; } .border-r-ddd { border-right: 1px solid #ddd; } .border-l-ddd { border-left: 1px solid #ddd; } .border-b-dot-eee { border-bottom: 1px dotted #eee; } .h120 { height: 120px; } .table_kycg tr { border: 1px solid #eee; } .table_kycg td { border: 1px solid #eee; line-height: 22px; padding: 10px 0; word-break: break-all; color: #161616; } .table_kycg .td1 { width: 15%; text-align: center; font-size: 15px; } .table_kycg .td2 { width: 85%; padding: 20px; } .text-181 { color: #181819; } .table_zhaopin tr { line-height: 50px; line-height: 25px; border-bottom: 1px dashed #eee; } .div_zhaopin .zpli01 { border-bottom: 1px dashed #eee; line-height: 30px; padding: 10px 0; } .div_zhaopin .zpli { border-bottom: 1px dashed #eee; line-height: 30px; padding: 10px 0; } .table_zhaopin tr:last-child,.div_zhaopin .zpli:last-child { border-bottom: none; } .border-247 { border: 1px solid #1e487c; } .box-sizing { box-sizing: border-box; } .border-b-fff { border-bottom: 1px solid #fff; } .ditubox { background: rgba(78,151,157,0.85); position: absolute; right: 10px; top: 20%; height: 42%; width: 50%; z-index: 3; } .fselect { background: #fff; padding: 0 10px; height: 30px; line-height: 30px; color: #104730; font-size: 13px; } .fselect:last-child { margin-left: 10px; } .border-box { box-sizing: border-box; } .border-b-4a9 { border-bottom: 1px solid #4a9dab; } .text-70b { color: #70bfc6; } .text-f3f { color: #f3f3f3; } .imglist_2:nth-last-child(2),.imglist_2:nth-last-child(1) { padding-bottom: 0; border: none; } .middle { vertical-align: middle; } .text-top { vertical-align: text-top; } .f_bottom { height: 65px; line-height: 65px; background: rgba(0,0,0,0.6); position: absolute; bottom: 0; left: 0; z-index: 9; } .bigwximg { position: absolute; right: 3.5%; top: 62%; width: 100px; height: 100px; z-index: 9; } .line-tit01 { width: 100%; height: 4px; border-bottom: 1px solid #1e487c; } .line-tit01 p { height: 4px; background: #1e487c; } .bg-f0f6 { background: #f0f6ff; } .line50 { line-height: 50px; } .line45 { line-height: 45px; } .h100 { height: 100px; } .text-161 { color: #161616; } .wh50 { height: 50px; } .div-block { display: block; } .fixed-top { position: fixed; top: 0; left: 0; z-index: 99; } .d_mobile,.h110 { display: none; } .sharemenu { position: absolute; margin: auto; top: 0; bottom: 0; right: 10px; z-index: 99; } .menu_cont { display: none; position: fixed; height: 95%; top: 66px; left: 0; z-index: 99; background: rgba(0,0,0,0.85); overflow-y: auto; } .menu_cont ul { } .sub { display: none; width: 86%; margin-left: 9%; } .sub .sup-li { color: #fff; border-bottom: 1px solid #666; /*background: #247f87;*/ line-height: 45px; } .sub .sup-li .sup-child { display: none; width: 95%; margin-left: 5%; } .sub .sup-li .sup-child .sub-child-li { color: #fff; border-top: 1px solid #666; /*background: #247f87;*/ line-height: 45px; } .h110 { height: 110px; } .navli2 { border-bottom: 1px solid #666; width: 90%; margin: auto; line-height: 50px; } /*.menu_cont .sub li { border-bottom: 1px solid #666; }*/ .navli2 .w92 { width: 100%; } .navli2:last-child { border-bottom: none; } .h110 { height: 110px; } .nyright { min-height: 260px; } .mb18 { margin-bottom: 18px; } .pt18 { padding-top: 18px; } .line18 { line-height: 18px; } .text-9e9 { color: #9e9e9e; } .overflow-x { overflow-x: scroll; overflow-y: hidden; white-space: nowrap; } .overflow-x::-webkit-scrollbar{ display:none;/*清除滚动条自带样式*/ } .position_wap { height: 50px; line-height: 49px; border-bottom: 1px solid #ddd; box-shadow: 0 0 8px #ddd; background: #fff; } .overflow-x .tit_li { margin-right: 10px; box-sizing: border-box; font-size: 15px; color: #181819; display: inline-block; } .overflow-x .tit_li.active { border-bottom: 2px solid #1e487c; color: #1e487c; } .absolute01 { position: absolute; top:0; left:0; right: 0; z-index: 9; } .w54_2 { width: 54.2%; } .text-515 { color: #515151; } .text-1e4 { color: #1e487c; } .bg-1e4 { background: #1e487c; } .line01 { background: #1e487c; width: 8%; height: 3px; } .bg-939 { background: #939393; } .h01 { height: 1px; } .h02 { height: 2px; } .h02 { height: 3px; } .yanfali { width: 12.5%; box-sizing: border-box; } .prolist li { width: 31%; margin-right: 3.5%; height: 350px; box-sizing: border-box; } .prolist li:nth-child(3n) { margin-right: 0; } .yewuli_b { position: absolute; width: 100%; height: 40px; line-height: 40px; background: rgba(0,0,0,0.3); z-index: 9; bottom: 0; left: 0; display:none; } .text-2a2 { color: #2a2a2a; } .wap_topnav { position: fixed; top: 0; left: 0; z-index:99; width: 100%; } .h66 { height: 66px; } .bg-f2f { background: #f2f7fc; } .text-555 { color: #555; } .text-274 { color:#27488f; } .text-jianbian { /*background-clip: border-box;*/ color: #1C8F47; } .text-242 { color: #242424; } .text-6b6 { color: #6b6b6b; } .bg-aca { background: #acacac; } .bg-2f5 { background: #1C8F47; } .nynav li { margin: 0 20px 12px; padding: 0 3px 12px; } .nynav li.active { border-bottom: 1px solid #fff; } .position a { color: #333; } /*.newslist li:first-child { padding-top: 20px; border-top: 1px solid #ddd; }*/ .border-b-ddd { border-bottom: 1px solid #ddd; } .bg-eef { background: #eef2f5; } .casenav li { font-size: 15px; color: #1e487c; border: 1px solid #1e487c; border-radius: 3px; /*width: 16%;*/ min-width: 150px; padding: 0 10px; text-align: center; height: 40px; line-height: 40px; box-sizing: border-box; margin-right: 30px; } .casenav li:last-child { margin-right: 0; } .casenav li.active,.casenav li:hover { color: #fff; border: 1px solid #1dacd9; background-image: linear-gradient(to right, #1dacd9,#27478e); } .bg-jianbian { background: #1C8F47 } .content { min-height: 300px; } .border-das-b-ddd { border-bottom: 1px dashed #ddd; } .border-t-3-1e4 { border-top: 3px solid #1e487c; } #fp-nav ul li a.active span, .fp-slidesNav ul li a.active span { background: #1e487c !important; } #fp-nav ul li a span, .fp-slidesNav ul li a span { border: 1px solid #1e487c !important; left: -5px !important; width: 10px !important; height: 10px !important; } .text-273 { color: #273387; } .text-red { color: red; } .text-7e7 { color: #7e7e7e; } .bg-e0e { background: #e0e0e0; } /*表单*/ #form1 { width: 100%; margin: 0 auto; } .formin { width: 100%; margin: 15px 0; } .formin .p1 { font-size: 14px; line-height: 36px; display: inline-block; width: 10%; color: #273387; /*text-align: right;*/ text-align-last:justify; } .formin input,.formin select { width: 88%; height: 36px; line-height: 36px; border: 1px solid #ccc; padding: 0 10px; font-size: 14px; box-sizing: border-box; } .formin input[type='radio'] { width: 15px; height: 15px; } .formin textarea { width: 88%; line-height: 30px; border: 1px solid #ccc; padding: 0 10px; font-size: 14px; box-sizing: border-box; } .formin .tijiao { width: 22%; text-align: center; background-color: #2e5787; color: #fff; border-radius: 3px; margin-right: 20px; height: 36px; line-height: 36px; } .formin .reset { width: 22%; text-align: center; background-color: #b2b2b2; color: #fff; border-radius: 3px; border: none; outline: 0; cursor: pointer; } #code { position: absolute; right: 1px; top: 0; bottom: 0; margin: auto; z-index: 9; } a:hover { color: inherit; } .hover-fff:hover { color: #fff !important; } /*左侧工具条*/ #toolbar { position: fixed; z-index: 9999; right: 17px; bottom: 10%; } #toolbar li { margin-bottom: 3px; font-size: 0; width: 57px; height: 57px; right: 0; position: relative; } #toolbar li a { display: block; position: absolute; z-index: 9; right: 0; top: 0; width: 57px; height: 57px; overflow: hidden; background: #1C8F47; -webkit-transition: all .5s ease; transition: all .5s ease; white-space: nowrap; font-size: 0; } #toolbar li .icon-font { display: inline-block; vertical-align: middle; width: 57px; height: 57px; background-color: #9da0a1; } #toolbar li .icon-qq:after { background-position: -31px -150px; } #toolbar li .icon-phone:after { background-position: -31px -90px; } #toolbar li .icon-ewm:after { background-position: -31px -30px; } #toolbar li .icon-message:after { background-position: -31px -120px; } #toolbar li .icon-top:after { background-position: -31px -60px; } #toolbar li .icon-wangwang:after { background-position: -31px 0; } #toolbar li .wz { display: inline-block; line-height: 57px; font-size: 14px; color: #fff; vertical-align: middle; padding-left: 10px; } #toolbar li.ewm .ewm-box { position: absolute; z-index: 1; padding: 5px; background: #1C8F47; width: 110px; right: 120%; bottom: 0; opacity: 0; visibility: hidden; -webkit-transform: translateX(100%); transform: translateX(100%); -webkit-transition: all .7s; transition: all .7s; } #toolbar li.ewm .ewm-box p { margin-bottom: 0; } #toolbar li.ewm .ewm-box img { max-width: 100%; } #toolbar li.ewm .ewm-box:after { content: ''; position: absolute; right: -5px; bottom: 20px; width: 0; height: 0; line-height: 0; font-size: 0; overflow: hidden; border-width: 5px; cursor: pointer; border-style: dashed dashed dashed solid; border-color: transparent transparent transparent #292e39; border-right: none; } #toolbar li.ewm:hover .icon { background-position: -57px -180px; } #toolbar li.ewm:hover .ewm-box { opacity: 1; visibility: visible; -webkit-transform: translateY(0); transform: translateY(0); } #toolbar li.backtop { cursor: pointer; } #toolbar li.backtop .iconfont { color: #fff; background-image: linear-gradient(to right, #1dacd9,#27478e); } #toolbar li:hover a { width: 200px; } #toolbar li:hover .icon-font { background:#107435; } #toolbar li:hover .icon-qq:after { background-position: -30px -150px; } #toolbar li:hover .icon-phone:after { background-position: -30px -90px; } #toolbar li:hover .icon-ewm:after { background-position: -30px -30px; } #toolbar li:hover .icon-message:after { background-position: -30px -120px; } #toolbar li:hover .icon-wangwang:after { background-position: -30px 0; } #toolbar li:hover .icon-top:after { background-position: -30px -60px; } .icon-font { position: relative; } .icon-font:after { content: ""; width: 30px; height: 30px; background-image: url(../images/icon_spirit.png); background-repeat: no-repeat; position: absolute; left: calc(50% - 15px); top: calc(50% - 15px); } .S02 { padding: 0px; width: 100%; overflow: hidden; } .pj_titles h1 { font-size: 16px; margin-bottom: 10px; opacity: 0.8; line-height: 1.5; /*display: none;*/ overflow: hidden; -webkit-line-clamp: 2px; -webkit-box-orient: vertical; text-overflow: ellipsis; text-align: center; margin-top: 20px; } .newject-slide.swiper-slide .newject_list { transition: 0.8s; opacity: 0.15; } .newject-slide.swiper-slide.swiper-slide-active .newject_list { opacity: 1; } .newject-slide.swiper-slide.swiper-slide-prev .newject_list { opacity: 1; } .newject-slide.swiper-slide.swiper-slide-next .newject_list { opacity: 1; } .newject-slide.swiper-slide .newject_list .pj_titles { transition: 0.8s; opacity: 0; } .newject-slide.swiper-slide.swiper-slide-active .newject_list .pj_titles { opacity: 1; } .newject-slide.swiper-slide.swiper-slide-prev .newject_list .pj_titles { opacity: 1; } .newject-slide.swiper-slide.swiper-slide-next .newject_list .pj_titles { opacity: 1; } .pj-prev-btn { position: absolute; z-index: 20; left: 0px; width: 20%; bottom: 0px; top: 0px; cursor: pointer; display: flex; flex-flow: column; justify-content: center; } .pj-prev-btn .btns { color: #000; text-align: center; position: absolute; bottom: 15px; left: 0px; right: 0px; text-transform: uppercase; font-size: 14px; } .pj-next-btn { position: absolute; z-index: 20; right: 0px; width: 20%; bottom: 0px; top: 0px; cursor: pointer; display: flex; flex-flow: column; justify-content: center; } .pj-next-btn .btns { color: #000; text-align: center; position: absolute; bottom: 15px; left: 0px; right: 0px; text-transform: uppercase; font-size: 14px; } .pj-prev-btn .btns>* { display: inline-block; vertical-align: middle; /*margin: 0.5rem 0.5rem;*/ } .pj-next-btn .btns>* { display: inline-block; vertical-align: middle; /*margin: 0.5rem 0.5rem;*/ } .pj_img { position: relative; height: 0px; padding-bottom: 84%; overflow: hidden; transform: perspective(1000px) translate3d(0, 0, 0px); transition: 0.5s; box-shadow: 0px 10px 50px rgba(0, 0, 0, 0); } .newject_list:hover .pj_img { overflow: hidden; transform: perspective(1000px) translate3d(0, 0, 30px); transition: 0.5s; box-shadow: 0px 10px 50px rgba(0, 0, 0, 0.2); } .h90 { height: 90px; } .flex-nowrap { flex-wrap: nowrap; } .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction { bottom: 10%; width: 30%; /* right: 0; */ right: 100%; left: auto; } .absolute03 { position: absolute; bottom: 0; left: 0; width: 100%; background: rgba(30,72,124,0.9); z-index: 9; } @media screen and (min-width: 1100px) and (max-width: 1400px) { .w1200 { width: 95% !important; margin: auto; } .yewuli { width: 31%; margin-right: 3.5%; height: 215px; box-sizing: border-box; overflow: hidden; } .yewuli:hover .yewudiv { /*background: rgba(28,181,224,0.3);*/ background: url(../images/bg-jianbain01.png) no-repeat center; height: 215px; } .section.footerl .fp-tableCell{ display: block!important; height: 455px !important; } } @media screen and (min-width: 1401px) and (max-width: 1700px) { .yewuli { width: 31%; margin-right: 3.5%; height: 290px; box-sizing: border-box; overflow: hidden; } .yewuli:hover .yewudiv { /*background: rgba(28,181,224,0.3);*/ background: url(../images/bg-jianbain01.png) no-repeat center; height: 290px; } } @media screen and (min-width: 1701px) and (max-width: 1920px) { .yewuli { width: 31%; margin-right: 3.5%; height: 350px; box-sizing: border-box; overflow: hidden; } .yewuli:hover .yewudiv { /*background: rgba(28,181,224,0.3);*/ background: url(../images/bg-jianbain01.png) no-repeat center; height: 350px; } .section.footerl .fp-tableCell{ display: block!important; height: 400px !important; } } @media screen and (min-width: 1100px) and (max-width: 1920px) { .innewsli:hover,.innewsli.active { background: url(../images/hover-newsbg.jpg) no-repeat center; background-size: cover; } .innewsli:hover a,.innewsli:hover p,.innewsli.active a,.innewsli.active p { color: #fff !important; } .w77_xy { width: 77%; } .position { margin: 30px auto; padding-bottom: 30px; border-bottom: 1px solid #ddd; } .thumb02 { height: 260px; } .thumb01 { height: 180px; } .thumb03 { height: 200px; } .list_4 { width: 23.2%; margin-right: 2.4%; } .list_4:nth-child(4n),.imglist_4:nth-child(4n) { margin-right: 0; } .imglist_4 { width: 24.1%; margin-right: 1.2%; } .imglist_5 { width: 17.6%; margin-right: 2.9%; } .imglist_5:nth-child(5n) { margin-right: 0; } .yewuli:nth-child(3n) { margin-right: 0; } .caselist li { width: 32%; margin-right: 2%; margin-bottom: 30px; box-sizing: border-box; } .caselist li:nth-child(3n) { margin-right: 0; } .caselist li .thumb02 { height: 300px; } .list_6 { width: 15%; margin-right: 2%; } .list_6:nth-child(6n) { margin-right: 0; } .list_3 { width: 32%; margin-right: 2%; } .list_3:nth-child(3n) { margin-right: 0; } .more-kuang { width: 13%; } .foot_w50 { width: 50%; } .fnavli { width: 14.22%; } .nav_foot,.footer-pc { display: block !important; } .nav_foot_wap,.footer-wap,.pc-none { display: none !important; } .htop,.pc_show {display: block;} .nav-wap,.wap_show {display: none;} .innewsli { padding: 28px 0; } .w64_xy { width: 64%; } #footer { /*height: 375px !important;*/ } } @media screen and (min-width: 641px) and (max-width: 1099px) { .innewsli:hover,.innewsli.active { background: url(../images/hover-newsbg.jpg) no-repeat center; background-size: cover; } .innewsli:hover a,.innewsli:hover p,.innewsli.active a,.innewsli.active p { color: #fff !important; } .w77_xy { width: 100%; } .w64_xy { width: 90%; } .htop,.pc_show {display: none;} .nav-wap,.wap_show {display: block;} .thumb02 { height: 220px; } .thumb01 { height: 150px; } .thumb03 { height: 200px; } .d_mobile,.h110 { display: block; } .nav_foot,.footer-pc,.wrap-none { display: none !important; } .nav_foot_wap,.footer-wap,.pc-none { display: block !important; } .list_4,.yewuli { width: 48.5%; margin-right: 3%; } .list_4:nth-child(2n),.imglist_4:nth-child(2n),.yewuli:nth-child(2n) { margin-right: 0; } .yewuli { height: 260px; box-sizing: border-box; } .yewuli:hover .yewudiv { background: rgba(28,181,224,0.3); height: 260px; } .home5 .btns { margin-top: 35px; } .imglist_4 { width: 49%; margin-right: 2%; } .imglist_2 { width: 100%; } .yanfali,.caselist li { width: 32%; margin-right: 2%; margin-bottom: 20px; } .yanfali img { width: 60%; } .yanfali:nth-child(3n),.caselist li:nth-child(3n) { margin-right: 0; } .caselist li .thumb02 { height: 180px; } .list_3 { width: 49%; margin-right: 2%; } .list_3:nth-child(2n) { margin-right: 0; } .w1200 { width: 95% !important; margin: auto; } .more-kuang { width: 18%; } .foot_w50 { width: 50%; } .fnavli { width: 33%; } .nytit-wap { font-size: 20px; font-weight: bold; } .wap_w45,.wap_w55 { width: 100%; } .innewsli { padding: 20px 0 10px; } .position { margin: 20px auto; padding-bottom: 20px; border-bottom: 1px solid #ddd; } .casenav li { width: 25%; } .content { min-height: 200px; } .font30 { font-size: 24px; } .font20 { font-size: 18px; } } @media screen and (min-width: 320px) and (max-width: 640px) { .innewsli.active { background: url(../images/hover-newsbg.jpg) no-repeat center; background-size: cover; } .innewsli.active a,.innewsli.active p { color: #fff !important; } .font30 { font-size: 20px; } .font20 { font-size: 16px; } .w77_xy { width: 100%; } .w64_xy { width: 100%; } .casenav li { width: 32%; margin-right: 2%; margin-bottom: 0.8rem; padding: 0; min-width: auto; } .casenav li:nth-child(3n) { margin-right: 0; } .content { min-height: 100px; } .wap_w45,.wap_w55 { width: 100%; } .htop,.pc_show {display: none;} .nav-wap,.wap_show {display: block;} .innewsli { padding: 15px 0; } .thumb02 { height: 200px; } .thumb01 { height: 110px; } .thumb03 { height: 200px; } .nytit-wap { font-size: 20px; font-weight: bold; } .font36 { font-size: 24px; } .ditubox { width: 90%; right: 0; left: 0; margin: auto; } .box-shadow { box-shadow: 0 0 5px #eee; } body { overflow-x: hidden; } .d_mobile,.h110,.pc-none { display: block !important; } .nav_foot,.footer-pc,.wrap-none { display: none !important; } .nav_foot_wap,.footer-wap { display: block !important; } .list_4,.imglist_4{ width: 48.5%; margin-right: 3%; } .list_4:nth-child(2n),.imglist_4:nth-child(2n){ margin-right: 0; } .yewuli { width: 100%; margin-right: 0; height: 260px; } .yanfali,.caselist li { width: 48.5%; margin-right: 3%; margin-bottom: 20px; } .yanfali img { width: 50%; } .yanfali:nth-child(2n),.caselist li:nth-child(2n) { margin-right: 0; } .caselist li .thumb02 { height: 110px; } .list_3 { width: 100%; } .w1200 { width: 95% !important; margin: auto; } .wdcms-page { margin-top: 30px; } .wdcms-page .pre-page:first-child,.wdcms-page .next-page:last-child,.wdcms-page .number-page { display: none; } .table_kycg .td1 { width: 30%; text-align: center; } .table_kycg .td2 { width: 70%; padding: 10px 20px; } .position_kypt .text-right { display: none; } .position_kypt { height: 50px; line-height: 49px; } .position_kypt ul li { margin-right: 10px; font-size: 15px; } .position_kypt ul li:last-child { margin-right: 0; } .lxditu,.form1 { width: 100%; margin-bottom: 20px; } .foot_w50 { width: 100%; margin-top: 20px; } .foot_w50:last-child { justify-content: space-between; } .fnavli { width: 33%; text-align: center; } .fnavli:last-child { width: 100%; text-align: center; margin-top: 10px; } .fnavli .font14 { display: none; } .f_bottom { height: auto; line-height: 30px; padding: 10px 0; } .h50 { height: 25px; } .font28 { font-size: 20px; } .font26 { font-size: 19px; } .font24 { font-size: 18px; } .div_zhaopin { width: 100%; overflow-x: auto; } .div_zhaopin .zpli,.div_zhaopin .zpli01 { width: 100%; line-height: 22px; } .gotop { display: none !important; } .text-247.font24 { font-weight: bold; } .position { margin: 20px auto; padding-bottom: 20px; border-bottom: 1px solid #ddd; } .formin .p1 { width: 24%; } .formin input,.formin select { width: 74%; } .formin textarea { width: 74%; } .pj_img { padding-bottom: 76%; } .nynav li { margin: 0 0 12px; padding: 0 0 12px; } } .pagebar { padding:20px; overflow:hidden} .pagebar .pagination { display: flex; justify-content: center; margin-top: 10px; } .pagination a { background: #fff; border: 1px solid #ccc; color: #333; font-size: 12px; padding: 7px 8px; margin: 0 2px; border-radius: 3px; } .pagination span { color: #333; font-size: 12px; padding: 7px 2px; margin: 0 2px; border-radius: 3px; } .pagination a:hover { color: #337ab7; border: 1px solid #1C8F47; } .pagination a.page-num-current { color: #fff; background: #1C8F47; border: 1px solid #1C8F47; } .text-secondary{ text-align:center; padding:20px 0} .maximg img{ max-width:100%; height:auto !important}