/* 鍒濆鍖栨牱寮 */ html, body { width: 100%; height: 100%; font-size: 14px; color: #333333; font-family: Arial !important; min-width: 1200px; } input::-ms-clear, input::-ms-reveal { display: none; } *, *::before, *::after { margin: 0; padding: 0; -webkit-box-sizing: border-box; box-sizing: border-box; font-weight: 400; } html { -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -ms-overflow-style: scrollbar; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); font-smoothing: antialiased; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: auto } @-ms-viewport { width: device-width; } article, aside, dialog, figcaption, figure, footer, header, hgroup, main, nav, section { display: block; } input[type=text] { font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; outline: 0; margin: 0; padding: 0; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } [tabindex="-1"]:focus { outline: none !important; } hr { -webkit-box-sizing: content-box; box-sizing: content-box; height: 0; overflow: visible; } abbr[title], abbr[data-original-title] { text-decoration: underline; -webkit-text-decoration: underline dotted; text-decoration: underline dotted; cursor: help; border-bottom: 0; } address { margin-bottom: 1em; font-style: normal; line-height: inherit; } input[type="text"], input[type="password"], input[type="number"], textarea { -webkit-appearance: none; } ol, ul, dl { list-style: none; } ol ol, ul ul, ol ul, ul ol { margin-bottom: 0; } dfn { font-style: italic; } b, strong { font-weight: bolder; } a { color: #333; background-color: transparent; text-decoration: none; outline: none; cursor: pointer; -webkit-transition: color .3s linear; transition: color .3s linear; -webkit-text-decoration-skip: objects; } a:focus { text-decoration: underline; -webkit-text-decoration-skip: ink; text-decoration-skip: ink; } a:hover { color: #32792B; text-decoration: underline; } a:active { color: #32792B; } a:focus, a:active, a:hover { outline: 0; text-decoration: none; } a[disabled] { color: rgba(0, 0, 0, 0.25); cursor: not-allowed; pointer-events: none; } img { border-style: none; vertical-align: middle; max-width: 100%; } svg:not(:root) { overflow: hidden; } a, area, button, [role="button"], input:not([type=range]), label, select, summary, textarea { -ms-touch-action: manipulation; touch-action: manipulation; } table { border-collapse: collapse; } caption { padding-top: .75em; padding-bottom: .3em; color: rgba(0, 0, 0, 0.45); text-align: left; caption-side: bottom; } th { text-align: inherit; } input, button, select, optgroup, textarea { margin: 0; font-family: inherit; font-size: inherit; line-height: inherit; color: inherit; } button, input { overflow: visible; outline: none; } button, select { text-transform: none; } button, html [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; } button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { padding: 0; border-style: none; } input[type="radio"], input[type="checkbox"] { -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0; } input[type="date"], input[type="time"], input[type="datetime-local"], input[type="month"] { -webkit-appearance: listbox; } textarea { overflow: auto; resize: vertical; } progress { vertical-align: baseline; } [type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; } [type="search"] { outline-offset: -2px; -webkit-appearance: none; } [type="search"]::-webkit-search-cancel-button, [type="search"]::-webkit-search-decoration { -webkit-appearance: none; } ::-webkit-file-upload-button { font: inherit; -webkit-appearance: button; } [hidden] { display: none !important; } ::-moz-selection { background: #1890ff; color: #fff; } ::selection { background: #1890ff; color: #fff; } input { outline: none; border: none; } button { outline: none; border: none; } select { /*Chrome鍜孎irefox閲岄潰鐨勮竟妗嗘槸涓嶄竴鏍风殑锛屾墍浠ュ鍐欎簡涓€涓?/ border: solid 1px #DDD; /*寰堝叧閿細灏嗛粯璁ょ殑select閫夋嫨妗嗘牱寮忔竻闄?/ appearance: none; -moz-appearance: none; -webkit-appearance: none; /*鍦ㄩ€夋嫨妗嗙殑鏈€鍙充晶涓棿鏄剧ず灏忕澶村浘鐗?/ /*background: url("../../static/img/xl.png") no-repeat scroll right center transparent;*/ /*涓轰笅鎷夊皬绠ご鐣欏嚭涓€鐐逛綅缃紝閬垮厤琚枃瀛楄鐩?/ /*padding-right: 20px;*/ /*padding-left:5px;*/ } /*娓呴櫎ie鐨勯粯璁ら€夋嫨妗嗘牱寮忔竻闄わ紝闅愯棌涓嬫媺绠ご*/ select::-ms-expand { display: none; } input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #999999; } input:-moz-placeholder, textarea:-moz-placeholder { color: #999999; } input::-moz-placeholder, textarea::-moz-placeholder { color: #999999; } input:-ms-input-placeholder, textarea:-ms-input-placeholder { color: #999999; } section { max-width: 100%; overflow: hidden; width: 100%; } /*body::-webkit-scrollbar {*/ /* display: none;*/ /*}*/ /*html {*/ /* !*闅愯棌婊氬姩鏉★紝褰揑E涓嬫孩鍑猴紝浠嶇劧鍙互婊氬姩*!*/ /* -ms-overflow-style:none;*/ /* !*鐏嫄涓嬮殣钘忔粴鍔ㄦ潯*!*/ /* overflow:-moz-scrollbars-none;*/ /*}*/ /*!*Chrome涓嬮殣钘忔粴鍔ㄦ潯锛屾孩鍑哄彲浠ラ€忔槑婊氬姩*!*/ /*html::-webkit-scrollbar{width:0px}*/ /*瀛椾綋棰滆壊*/ .cl { color: #32792B; } .clf { color: #ffffff !important; } .cl3 { color: #333333; } .cl6 { color: #666666; } .cl9 { color: #999999; } .clb3 { color: #b3b3b3; } .cl2 { color: rgb(222, 222, 222); } .clr { color: rgb(216, 20, 24) !important; } .clb { color: rgb(43, 158, 220); } .clc9 { color: #C9C9C9; } /*鑳屾櫙鑹?/ .bg9 { background-color: #999999; } .bgf9 { background-color: #f9f9f9; } .bgf5 { background-color: #F5F5F5; } .bgf4 { background-color: #f4f4f4; } .bgf { background-color: #ffffff; } .bgf2 { background-color: #F2F2F2; } .bgf5f6f8 { background-color: #f5f6f8; } .bgf6f7f9 { background-color: #f6f7f9; } .bgf7f7f7 { background-color: #f7f7f7; } .bgfbfbfc { background-color: #fbfbfc; } .bgfcfcfc { background-color: #fcfcfc; } .bgfbfbfb { background-color: #fbfbfb; } .bg-transparent { background-color: transparent; } /*閫氱敤鑳屾櫙鑹?/ /*鑳屾櫙鍥?/ .bg-img { background-repeat: no-repeat; background-size: cover; background-position: center; } /*杈规*/ /*搴曢儴杈规 */ /*鍐呭鏈€澶у搴?/ .container { max-width: 1200px; margin: 0 auto; } /*娓呴櫎娴姩*/ . { zoom: 1; } .clear-float:after { content: ''; display: table; clear: both; } /*鐪佺暐鍙?/ .wts { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .wts2 { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; text-overflow: ellipsis; } .wts3 { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; text-overflow: ellipsis; } .wts4 { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; text-overflow: ellipsis; } /*宸﹀彸娴姩*/ .fl { float: left; } .fr { float: right; } /*琛岀骇鍧楃骇*/ .block { display: block; } .inline-block { display: inline-block; } .none { display: none; } /*闅愯棌*/ .overflow-hide { overflow: hidden; } /*table瀵归綈*/ .table { display: table; table-layout: fixed; } .table-cell { display: table-cell; width: 31px; position: relative; } /*鐩稿瀹氫綅*/ .relative { position: relative; } /*缁濆瀹氫綅*/ .absolute { position: absolute; } /*鍥剧墖淇濆瓨姣斾緥灞呬腑*/ .img-tc img { width: 100%; height: 100%; object-fit: cover; object-position: center; } /*瀹屽叏灞呬腑*/ .center { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } /*灏忔墜鎺?/ .cp { cursor: pointer; } /*瀛椾綋灞呬腑*/ .tc { text-align: center; text-align-last: center; } /*涓ょ瀵归綈--闂磋窛鐩哥瓑*/ .text-justify { text-align: justify; text-align-last: justify; text-justify: inter-ideograph; } /*灞呬腑*/ .auto { margin: 0 auto; } /*鍙冲榻?/ .tc-right { text-align: right; text-align-last: right; } /*宸﹀榻?/ .tc-left { text-align: left; text-align-last: left; } /*缂╄繘*/ .ti30 { text-indent: 30px; } /*瀹藉害*/ .w100 { width: 100%; } .w90 { width: 90%; } .w80 { width: 80%; } .w70 { width: 70%; } .w60 { width: 60%; } .w50 { width: 50%; } .w40 { width: 40%; } .w30 { width: 30%; } .w20 { width: 20%; } .w10 { width: 10%; } .w145 { width: 145px; } .w160 { width: 160px; } .w219 { width: 219px; } .w324 { width: 324px; } .w398 { width: 398px; } .w872 { width: 872px; } /*鏈€澶у搴?/ .max-width-100 { max-width: 100%; } /*鏈€灏忛珮搴?/ .min-height-300 { min-height: 300px; } /*涓嶆崲琛?/ .word-wrap { word-wrap: normal; white-space: nowrap; } /*楂樺害*/ .h50 { height: 50px; } .h100 { height: 100%; } .h120 { height: 120px; } .h87 { height: 87px; } .h141 { height: 141px; } .h203 { height: 203px; } .h477 { height: 477px; } /*浼被*/ .after:after { content: ""; display: block; position: absolute; } .before:before { content: ""; display: block; position: absolute; } /*瀛椾綋*/ .fs0 { font-size: 0; } .fs12 { font-size: 12px; } .fs14 { font-size: 14px; } .fs15 { font-size: 15px; } .fs16 { font-size: 16px; line-height: 17px; } .fs18 { font-size: 18px; } .fs19 { font-size: 19px; } .fs20 { font-size: 20px; } .fs21 { font-size: 21px; } .fs22 { font-size: 22px; } .fs23 { font-size: 23px; } .fs24 { font-size: 24px; } .fs25 { font-size: 25px; } .fs26 { font-size: 26px; } .fs29 { font-size: 29px; } .fs30 { font-size: 30px; } .fs34 { font-size: 34px; } .fs36 { font-size: 36px; } .fs39 { font-size: 39px; } .fs44 { font-size: 44px; } .fs52 { font-size: 52px; } .fs60 { font-size: 60px; } .fs61 { font-size: 61px; } .fs20-center { margin-top: 3%; } /*鍨傜洿灞呬腑*/ .va { vertical-align: middle; } /*琛岄珮*/ .lh1-5 { line-height: 1.5; } .lh0 { line-height: 0; } .lh20 { line-height: 20px; } .lh25 { line-height: 25px; } .lh26 { line-height: 26px; } .lh30 { line-height: 30px; } .lh35 { line-height: 35px; } .lh40 { line-height: 40px; } .lh46 { line-height: 46px; } .lh50 { line-height: 50px; } .lh65 { line-height: 65px; } /*瀛椾綋鍔犵矖*/ .fw { font-weight: bold; } .fw500 { font-weight: 500; } .fw600 { font-weight: 600; } /*澶栬竟璺?/ .m5 { margin: 5px; } .m10 { margin: 10px; } .m15 { margin: 15px; } .m20 { margin: 20px; } /*澶栬竟璺?top*/ .mt5 { margin-top: 5px; } .mt7 { margin-top: 7px; } .mt10 { margin-top: 10px; } .mt12 { margin-top: 12px; } .mt15 { margin-top: 15px; } .mt18 { margin-top: 18px; } .mt20 { margin-top: 20px; } .mt24 { margin-top: 24px; } .mt25 { margin-top: 25px; } .mt28 { margin-top: 28px; } .mt30 { margin-top: 30px; } .mt33 { margin-top: 33px; } .mt35 { margin-top: 35px; } .mt36 { margin-top: 36px; } .mt38 { margin-top: 38px; } .mt45 { margin-top: 45px; } .mt62 { margin-top: 62px; } .mt92 { margin-top: 92px; } /*澶栬竟璺?bottom*/ .mb5 { margin-bottom: 5px; } .mb10 { margin-bottom: 10px; } .mb15 { margin-bottom: 15px; } .mb20 { margin-bottom: 20px; } .mb38 { margin-bottom: 38px; } .mb42 { margin-bottom: 42px; } .mb92 { margin-bottom: 92px; } /*澶栬竟璺?left*/ .ml-7 { margin-left: -7px; } .ml-8 { margin-left: -8px; } .ml5 { margin-left: 5px; } .ml7 { margin-left: 7px; } .ml8 { margin-left: 8px; } .ml10 { margin-left: 10px; } .ml15 { margin-left: 15px; } .ml17 { margin-left: 17px; } .ml20 { margin-left: 20px; } .ml25 { margin-left: 25px; } .ml26 { margin-left: 26px; } .ml48 { margin-left: 48px; } /*澶栬竟璺?right*/ .mr5 { margin-right: 5px; } .mr10 { margin-right: 10px; } .mr15 { margin-right: 15px; } .mr20 { margin-right: 20px; } /*澶栬竟璺濅笂涓?/ .mtb5 { margin: 5px 0; } .mtb10 { margin: 10px 0; } .mtb15 { margin: 15px 0; } .mtb20 { margin: 20px 0; } /*澶栬竟璺濆乏鍙?/ .mlr5 { margin: 0 5px; } .mlr5 { margin: 0 10px; } .mlr5 { margin: 0 15px; } .mlr5 { margin: 0 20px; } /*鍐呰竟璺?/ .p5 { padding: 5px; } .p10 { padding: 10px; } .p15 { padding: 15px; } .p20 { padding: 20px; } /*鍐呰竟璺?top*/ .pt5 { padding-top: 5px; } .pt7 { padding-top: 7px; } .pt8 { padding-top: 8px; } .pt10 { padding-top: 10px; } .pt12 { padding-top: 12px; } .pt14 { padding-top: 14px; } .pt15 { padding-top: 15px; } .pt16 { padding-top: 16px; } .pt17 { padding-top: 17px; } .pt18 { padding-top: 18px; } .pt20 { padding-top: 20px; } .pt22 { padding-top: 22px; } .pt23 { padding-top: 23px; } .pt24 { padding-top: 24px; } .pt25 { padding-top: 25px; } .pt26 { padding-top: 26px; } .pt27 { padding-top: 27px; } .pt28 { padding-top: 28px; } .pt30 { padding-top: 30px; } .pt32 { padding-top: 32px; } .pt34 { padding-top: 34px; } .pt35 { padding-top: 35px; } .pt36 { padding-top: 36px; } .pt37 { padding-top: 37px; } .pt38 { padding-top: 38px; } .pt39 { padding-top: 39px; } .pt40 { padding-top: 25px; } .pt43 { padding-top: 43px; } .pt45 { padding-top: 45px; } .pt47 { padding-top: 47px; } .pt51 { padding-top: 51px; } .pt54 { padding-top: 54px; } .pt65 { padding-top: 65px; } .pt67 { padding-top: 67px; } .pt80 { padding-top: 80px; } .pt87 { padding-top: 87px; } /*鍐呰竟璺?bottom*/ .pb5 { padding-bottom: 5px; } .pb8 { padding-bottom: 8px; } .pb10 { padding-bottom: 10px; } .pb15 { padding-bottom: 15px; } .pb17 { padding-bottom: 17px; } .pb20 { padding-bottom: 20px; } .pb25 { padding-bottom: 25px; } .pb28 { padding-bottom: 28px; } .pb30 { padding-bottom: 30px; } .pb34 { padding-bottom: 34px; } .pb35 { padding-bottom: 35px; } .pb36 { padding-bottom: 36px; } .pb38 { padding-bottom: 38px; } .pb40 { padding-bottom: 40px; } .pb43 { padding-bottom: 43px; } .pb48 { padding-bottom: 48px; } .pb50 { padding-bottom: 50px; } .pb60 { padding-bottom: 60px; } .pb66 { padding-bottom: 66px; } .pb72 { padding-bottom: 72px; } .pb76 { padding-bottom: 76px; } .pb85 { padding-bottom: 85px; } .pb92 { padding-bottom: 92px; } .pb100 { padding-bottom: 100px; } .pb107 { padding-bottom: 107px; } .pb116 { padding-bottom: 116px; } .pb121 { padding-bottom: 121px; } /*鍐呰竟璺?left*/ .pl4 { padding-left: 4px; } .pl5 { padding-left: 5px; } .pl7 { padding-left: 7px; } .pl8 { padding-left: 8px; } .pl9 { padding-left: 9px; } .pl10 { padding-left: 10px; } .pl12 { padding-left: 12px; } .pl14 { padding-left: 14px; } .pl15 { padding-left: 15px; } .pl16 { padding-left: 16px; } .pl18 { padding-left: 18px; } .pl20 { padding-left: 20px; } .pl23 { padding-left: 23px; } .pl24 { padding-left: 24px; } .pl25 { padding-left: 25px; } .pl27 { padding-left: 27px; } .pl28 { padding-left: 28px; } .pl29 { padding-left: 29px; } .pl30 { padding-left: 30px; } .pl32 { padding-left: 32px; } .pl36 { padding-left: 36px; } .pl40 { padding-left: 40px; } .pl42 { padding-left: 42px; } .pl48 { padding-left: 48px; } .pl58 { padding-left: 58px; } .pl70 { padding-left: 70px; } .pl88 { padding-left: 88px; } .pl98 { padding-left: 98px; } .pl135 { padding-left: 135px; } /*鍐呰竟璺?right*/ .pr4 { padding-right: 4px; } .pr5 { padding-right: 5px; } .pr10 { padding-right: 10px; } .pr15 { padding-right: 15px; } .pr20 { padding-right: 20px; } .pr25 { padding-right: 25px; } .pr27 { padding-right: 27px; } .pr36 { padding-right: 36px; } .pr40 { padding-right: 40px; } .pr45 { padding-right: 45px; } .pr57 { padding-right: 57px; } .pr58 { padding-right: 58px; } .pr60 { padding-right: 60px; } .pr135 { padding-right: 135px; } /*鍐呰竟璺?涓婁笅*/ .ptb5 { padding: 5px 0; } .ptb10 { padding: 10px 0; } .ptb15 { padding: 15px 0; } .ptb20 { padding: 20px 0; } .ptb30 { padding: 30px 0; } .ptb40 { padding: 40px 0; } /*鍐呰竟璺?宸﹀彸*/ .plr5 { padding: 0 5px; } .plr10 { padding: 0 10px; } .plr15 { padding: 0 15px; } .plr20 { padding: 0 20px; } .plr25 { padding: 0 25px; } .plr135 { padding: 0 135px; } .plr52 { padding: 0 52px; } /*绉诲姩绔?/ @media (max-width: 1024px) { .flex { display: flex; display: -webkit-flex; align-items: center; } .flex-wrap { flex-wrap: wrap; } .flex-start { justify-content: flex-start; } .flex-end { justify-content: flex-end; } { justify-content: center; } .space-between { justify-content: space-between; } } /*鍒嗛〉*/ .pagebox { padding: 0 0 60px; text-align: center; font-size: 0; } .pagebox span, .pagebox a { vertical-align: top; display: inline-block; height: 30px; line-height: 30px; width: 30px; text-align: center; font-size: 14px; background-color: #e1e1e1; color: #ffffff; border-radius: 5px; margin: 0 5px; } /*.pagebox .prev {*/ /* border-left: 1px solid #e1e1e1;*/ /*}*/ .pagebox .jump, .pagebox .next, .pagebox .prev, .pagebox .first, .pagebox .last { width: auto; padding: 0 15px; } .pagebox span.next, .pagebox span.prev, .pagebox span.first, .pagebox span.last { color: #999; background-color: #f2f2f2; } .pagebox .total { width: auto; border: none; padding: 0 10px; margin-right: 20px; } .pagebox input { width: 40px; height: 30px; margin: 0 3px 0 15px; font-size: 14px; text-align: center; border: 1px solid #e1e1e1; border-radius: 4px; } .pagebox em { margin-right: 5px; font-size: 14px; } .pagebox a:hover { color: #fff; background: #347a2d; } .pagebox .cur { color: #fff; background: #347a2d; } span.required { color: #347a2d; margin-right: 4px; font-size: 16px; } .pagebox select { font-size: 14px; } .pagebox select { vertical-align: top; height: 30px; line-height: 30px; padding: 0 10px; /*border-left: none;*/ border: 1px solid #e1e1e1; /*border-right: 1px solid #e1e1e1;*/ /*border-bottom: 1px solid #e1e1e1;*/ outline: none; } /*閫氱敤澶撮儴*/ /* .header-box{ padding-bottom: 123px; } */ .header { /* z-index: 999; position: fixed; width: 100%; */ background-color: #ffffff; } .header .top { height: 94px; line-height: 94px; } .header .top .nav-tip { position: absolute; right: 0; top: 12%; height: 30px; line-height: 30px; } .header .top .nav-tip a { color: #808080; font-size: 14px; line-height: 40px; } .header .top .nav-tip a:hover { color: #006F3F; } .header form { width: 492px; height: 35px; border: 1px solid #CCCCCC; padding-left: 15px; position: relative; margin-top: 50px; } .header form input { float: left; width: calc(100% - 80px); height: 100%; } .header form button { position: absolute; right: 0; top: 0; width: 80px; height: 100%; cursor: pointer; background: #006f3f; color: #fff; } .header form button div { position: absolute; top: 50%; left: 50%; width: 100%; text-align: center; transform: translate(-50%, -50%); line-height: 35px; } .header form button img { width: 15px; height: 15px; margin-left: 4px; } .header .nav-bar { height: 40px; line-height: 40px; background-color: #006F3F; } .header .nav-link { width: 100%; text-align: center; height: 100%; position: relative; } .header .nav-link li { display: block; font-size: 16px; height: 100%; float: left; position: relative; transition: all .3s linear; text-align: center; /* margin: 0 10px; */ width: 12.5%; /*min-width: 50px;*/ font-family: "Arial"; } .header .nav-link li a { color: #fff; display: block; width: 100%; height: 100% } .header .nav-link li:hover { z-index: 999; background-color: #03472A; } .header .nav-link li.active a { /* color: #21A01B; */ } .header .nav-link li.active { background-color: #03472A; } .header .nav-link li.line { position: absolute; width: 62px; height: 3px; display: none; background-color: #32792B; bottom: 0; left: 0; opacity: 0; transition: all .3s linear; } /*浜岀骇瀵艰埅鏍?/ .header .nav-link li .sub { position: absolute; /* width: calc(100% + 60px); */ width: 100%; top: 100%; left: 50%; transform: translateX(-50%); z-index: 900; background-color: rgba(255, 255, 255, .73); display: none; } .header .nav-link li .sub a { text-align: center; display: block; color: #333; font-size: 16px; line-height: 21px; padding: 12px 0; transition: all .3s linear; font-family: "Arial"; } .header .nav-link li .sub a:hover { color: #fff; background-color: rgb(84, 183, 88, .6); } /*閫氱敤搴曢儴*/ footer { /* height: 70px; */ position: relative; } footer .mask { position: absolute; width: 100%; height: 100%; top: 0; left: 0; background-color: rgba(0, 0, 0, .15); z-index: 10; } footer .msg { /* background-color: rgba(66, 150, 57, .8); */ /* height: 90px; */ position: relative; z-index: 10; /* position: relative; */ width: 100%; height: 200px; background: #006f3f; } footer .msg:after { content: ""; position: absolute; display: block; width: 100%; height: 100%; background-color: rgba(0, 0, 0, .1); top: 0; left: 0; z-index: -1; } footer .msg .container, footer .msg .table { height: 100%; } footer .msg .left { /* width: 80%; */ width: 50%; } footer .msg .right { width: 50%; } footer .msg .left span { /* color: #ffffff; font-size: 12px; line-height: 25px; */ font-size: 14px; font-family: Microsoft YaHei Regular, Microsoft YaHei Regular-Regular; font-weight: 400; color: #ffffff; line-height: 28px; } footer .msg .right a { display: block; cursor: pointer; width: 150px; height: 35px; border: 1px solid #ffffff; border-radius: 4px; font-size: 14px; text-align: center; font-family: Microsoft YaHei Regular, Microsoft YaHei Regular-Regular; font-weight: 400; color: #ffffff; line-height: 35px; } footer .msg .right a:hover { background-color: #ffffff; color: rgba(66, 150, 57, 1); } .pb footer .msg .right a:hover { background-color: #ffffff; color: #A52328; } /* footer .msg .right .img { width: 69px; height: 69px; } */ footer .copyright { height: 37px; background: #03472a; line-height: 35px; text-align: center; } footer .copyright span, footer .copyright a { font-size: 12px; color: #ffffff; } footer .copyright span { padding: 0 8px; } /*閫氱敤banner*/ .common-banner { /*height: calc( (100vw - 17px) * (270 / 1920));*/ height: 270px; } .common-banner .table { width: 100%; height: 100%; } .common-banner .table img { height: 45px; } .caption .title { font-size: 34px; text-align: center; margin: 25px 0 10px; } .caption .sub { font-size: 16px; color: #666; text-align: center; position: relative; margin-bottom: 40px; } .caption .sub:after { content: ""; display: none; position: absolute; height: 1px; width: 100%; top: 50%; transform: translateY(50%); background-color: #E6E6E6; z-index: 2; } .caption .sub span { position: relative; z-index: 3; color: #666; padding: 0 14px; } .caption .sub span:after, .caption .sub span:before { content: ""; display: block; position: absolute; width: 56px; height: 2px; background-color: #006F3F; top: 50%; transform: translateY(-50%); } .caption .sub span:after { left: -56px; } .caption .sub span:before { right: -56px; } /*鏈€澶у搴?/ .max-width-747 { max-width: 747px; } .max-width-690 { max-width: 690px; } .max-width-610 { max-width: 610px; } .max-width-551 { max-width: 551px; } .max-width-489 { max-width: 489px; } .max-width-424 { max-width: 424px; } .max-width-414 { max-width: 414px; } .max-width-390 { max-width: 390px; } .max-width-370 { max-width: 370px; } .max-width-361 { max-width: 361px; } .max-width-305 { max-width: 305px; } .max-width-211 { max-width: 211px; } .max-width-820 { max-width: 820px; } /*swiper鍒嗘鍣ㄦ牱寮?/ .common-pagination { text-align: center; position: absolute; z-index: 10; } .common-pagination .swiper-pagination-bullet { width: 9px; height: 9px; outline: none; } /*閫氱敤鏍囬*/ .common-title { padding-top: 50px; padding-bottom: 50px; text-align: center; } .white .title { color: #ffffff !important; } .common-title .title { font-family: "Arial"; font-size: 31px; color: #376532; padding: 0 94px; position: relative; } .common-title .title:after, .common-title .title:before { content: ""; position: absolute; display: block; width: 81px; height: 1px; top: 50%; transform: translateY(-50%); } .common-title .title:after { left: 0; background-image: linear-gradient(270deg, rgba(55, 101, 50, 1), rgba(55, 101, 50, 0)); } .common-title .title:before { right: 0; background-image: linear-gradient(90deg, rgba(55, 101, 50, 1), rgba(55, 101, 50, 0)); } .white .title:after { left: 0; background-image: linear-gradient(270deg, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0)); } .white .title:before { right: 0; background-image: linear-gradient(90deg, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0)); } /*閫氱敤鍐呭*/ .common-main-left { width: 193px; } .common-main-left-title { min-height: 55px; line-height: 30px; padding: 10px 0; background-color: #347A2D; text-align: center; font-size: 18px; font-weight: bold; color: #ffffff; border-radius: 8px 8px 0 0; font-family: "榛戜綋","骞煎渾"; } .common-main-left-list a { display: block; /* height: 55px; */ /* line-height: 55px; */ padding: 16px; font-size: 18px; line-height: 25px; font-weight: bold; background-color: rgba(201, 201, 201, 0.1); text-align: center; margin-top: 3px; border-radius: 5px; transition: all .3s linear; font-family: "榛戜綋","骞煎渾"; } .common-main-left-list a:hover { color: #ffffff; background-color: #397D32; } .common-main-left-list .active { color: #397D32; background-color: #ffffff; } .common-main-right { width: calc(100% - 200px); background-color: #ffffff; } .common-main-right-nav { width: 100%; height: 55px; line-height: 55px; opacity: 0.85; padding-left: 35px; padding-right: 14px; background: #ffffff; border-radius: 5px 5px 0 0; box-shadow: 0px 0px 5px 0px rgba(201, 201, 201, 0.349019607843137); } .common-main-right-box { padding-left: 50px; padding-right: 50px; } .common-main-right-box video { max-width: 100%!important; } .common-main-right-box * { max-width: 100%; } .common-main-right-nav-title { color: #32792B; font-size: 16px; font-weight: bold; font-family: "骞煎渾"; } .common-main-right-nav a { color: #000; font-weight: bold; vertical-align: middle; font-family: "骞煎渾"; } .common-main-right-nav a:nth-of-type(1) { color: #000; font-weight: bold; } .common-article-title { color: #32792B; font-weight: bold; text-align: center; font-size: 20px; padding: 23px; font-family: "骞煎渾"; } .common-article-author { color: #999999; text-align: center; border-bottom: 1px solid #E4E4E4; padding-bottom: 18px; } .common-article-author span { margin: 0 18px; } .common-article-content { padding-top: 24px; padding-bottom: 46px; } /*閫氱敤浜岀骇鏍囬*/ .common-subtitle { line-height: 50px; height: 50px; position: relative; border-bottom: 1px solid #32792b; } .common-subtitle span { font-weight: bold; color: #32792b; font-size: 16px; } .common-subtitle a { position: absolute; top: 50%; transform: translateY(-50%); right: 0; color: #999999; } /*涓婁笅绡?/ .handover-box { margin: 20px 0; } .handover-box a { display: block; line-height: 28px; margin-bottom: 10px; position: relative; padding-left: 15px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .handover-box a:after { content: ""; position: absolute; display: block; width: 4px; height: 4px; border-radius: 50%; background-color: #333333; top: 50%; transform: translateY(-50%); left: 0; } .handover-box a:hover:after { background-color: #32792b; } /*鍒嗛〉*/ .turning-page-index { float: left; width: 72px; height: 30px; font-size: 14px; background-color: #e1e1e1; color: #ffffff; text-align: center; line-height: 30px; cursor: pointer; border-radius: 5px; margin: 0 5px; } .pagination_page { float: left; height: 30px; line-height: 30px; width: 30px; border-radius: 5px; margin: 0 5px; background-color: #e1e1e1; color: #ffffff; text-align: center; cursor: pointer; transition: all .3s linear; } .pagination_page:hover { color: #fff !important; background: #347a2d !important; } .turning-page-num-box { display: none; } .pagination_page_active { color: #fff !important; background: #347a2d !important; } /*閫氱敤鑳屾櫙鍥?/ .pb-bg { position: absolute; width: 100%; height: 270px; top: 134px; left: 0; z-index: -1; background-size: 100% 100% !important; } @media (max-width: 1200px) { /*瀛椾綋*/ .fs34 { font-size: 30px; } .fs52 { font-size: 40px; } /*padding*/ .pb34 { padding-bottom: 20px; } .pb30 { padding-bottom: 20px; } .pb43 { padding-bottom: 30px; } } .table-cell-fr { margin-top: 48px; width: 100%; } .table-cell-fr a { margin-bottom: 15px !important; } .footer-img { text-align: center; width: 133px; height: 28px; position: relative; top: -45px; } .footer-img p { font-size: 14px; font-family: Microsoft YaHei Regular, Microsoft YaHei Regular-Regular; font-weight: 400; color: #ffffff; line-height: 30px; } .footer-img img { width: 131px !important; height: 131px !important; } .container-fanren { width: 1200px; height: 100%; margin: 0 auto; overflow: hidden; } .table-cell-fr-left { padding-left: 115px; float: left; } .footer-tb { padding-top: 40px; } .nc-third-box { height: 252px; background-color: #ffffff !important; margin-top: 24px; padding: 0 22px; border-radius: 5px; } /* 鍏氱殑寤鸿涓撴爮涓撻杞挱鍥炬牱寮 */ .swip-xg-con .swip-xg-div a img { width: 32.4%; height: 91px; float: left; margin-left: 5px; margin-right: 5px; } .swip-xg-pagin { text-align: center; margin-top: 25px; } .swip-xg-div { margin-top: 25px; } .pb .special-column .swiper-container .pagination .swiper-pagination-bullet-active { background-color: #A81C1C; } .title-a a { font-size: 14px; font-weight: 400; height: 30px; color: #666666; float: right; line-height: 53px; } .pb .header .nav-bar { background-color: #A81C1C; } .pb .header .nav-link li:hover { background-color: #6e1111; } .pb .header .nav-link li.active { background-color: #6e1111; } .pb .header form button { background-color: #A81C1C; }