/* 鍒濆鍖栨牱寮 */
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;
}