html {
font-size: 62.5%;
}
body * {
box-sizing: border-box;
margin: 0;
padding: 0;
}
body {
font-family: PingFangSC-Regular, Roboto, Helvetica Neue, Helvetica, Tahoma,
Arial, PingFang SC-Light, Microsoft YaHei;
min-height: 110vh;
}
button {
margin: 0;
padding: 0;
border: none;
outline: none;
background-color: transparent;
}
button:active {
opacity: 0.6;
}
a:hover,
a:link,
a:visited,
a:active,
a:focus {
color: #000000;
text-decoration: none!important;
}
ul,
li {
padding: 0;
margin: 0;
list-style: none;
}
img {
max-width: 100%;
}
.flex-col {
display: flex;
flex-direction: column;
}
.flex-row {
display: flex;
flex-direction: row;
}
/* 椤堕儴header鏍峰紡 */
.index-header{
position: relative;
}
.header {
/*background-color: #fff9;*/
background-color: rgba(255, 255, 255, 0.41);
overflow: hidden;
position: absolute;
top: 0;
width: 100%;
z-index:1000;
}
.container{
padding-right: 0!important;
padding-left: 0!important;
}
.header_container {
font-size: 2.2rem;
color: #333333;
max-width: 1520px !important;
margin: 0 auto;
}
.header_logo {
width: 181px;
margin: 16px 0px 15px 0px;
}
.header_list {
padding-right: 25px;
overflow: hidden;
}
.header ul li {
list-style: none;
/* 灏嗛粯璁ょ殑鍒楄〃绗﹀彿鍘绘帀 */
padding: 0;
/* 灏嗛粯璁ょ殑鍐呰竟璺濆幓鎺 */
margin: 0;
/* 灏嗛粯璁ょ殑澶栬竟璺濆幓鎺 */
float: left;
/* 寰€宸︽诞鍔 */
display: block;
margin-left: 32px;
/*height: 200px;*/
/*width: 35px;*/
}
.header ul li a {
display: block;
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: center;
height: 100%;
}
.select_line {
width:100%;
height: 1px;
/*height: 64px;*/
background-color: #1B953C;
opacity: 0;
}
.header ul li a:active .select_words,
.header ul li a:hover .select_words {
color: #1B953C;
/*font-size: 16px;*/
/*font-family: PingFangSC-Semibold, PingFang SC;*/
/*font-weight: 600;*/
/*color: #1B953C;*/
transition: all 0.2s linear;
}
.header ul li a:active .select_line,
.header ul li a:hover .select_line {
opacity: 1;
transition: all 0.5s linear;
}
.current .select_words {
font-size: 16px;
font-family: PingFangSC-Semibold, PingFang SC;
font-weight: 600;
color: #1B953C;
}
.current .select_line {
opacity: 1;
}
.select_words {
/*word-wrap: break-word;*/
/*鑻辨枃鐨勬椂鍊欓渶瑕佸姞涓婅繖鍙ワ紝鑷姩鎹㈣*/
/*鑷祴浜嗚繖鍙ヨ瘽娌″暐鐢?/
/*writing-mode: vertical-rl;*/
/*浠庡乏鍚戝彸 浠庡彸鍚戝乏鏄 writing-mode: vertical-rl;*/
/*writing-mode: tb-rl;*/
/*IE娴忚鍣ㄧ殑浠庡乏鍚戝彸 浠庡彸鍚戝乏鏄 writing-mode: tb-rl锛?/
text-align: center;
padding: 0px;
display: flex;
-webkit-display: flex;
flex-direction: column;
justify-content: flex-start;
margin-top: 16px;
margin-bottom: 8px;
font-size: 16px;
font-family: PingFangSC-Regular, PingFang SC;
font-weight: 400;
color: #000000;
line-height: 19px;
}
/*鎵嬫満绔ご閮?/
.header-mobile{
display: none;
}
/* 搴曢儴footer鏍峰紡 */
.footer {
width: 100%;
height: 103px;
text-align: center;
font-size: 12px;
font-family: Helvetica;
line-height: 1.8;
color: #555555;
border-top: 1px solid #D4E9E6;
position: relative;
bottom: 0;
background: #FFFFFF;
}
.footer .text{
padding-top: 18px;
}
.text a{
font-size: 12px;
font-family: Helvetica;
line-height: 1.8;
color: #555555!important;
}
.text a:hover{
color: #555555!important;
}
.footer .top{
width: 103px;
height: 103px;
background: #1B953C;
position: absolute;
right: 0px;
top: 0px;
color: #fff;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
cursor: pointer;
}
.footer .top img{
width: 14px;
/*height: 7px;*/
opacity: 0.8;
margin-bottom: 5px;
}
.top_mobile{
display: none;
}
.block1 ul {
margin-top: 16px;
}
.block1 ul li {
margin-top: 16px;
color: #ffffff;
}
.block2 ul {
margin-top: 16px;
}
.block2 ul li {
margin-top: 16px;
}
.block3 ul li {
margin-top: 16px;
}
.footer_code {
width: 120px;
height: 120px;
}
.copyright {
text-align: center;
position: absolute;
bottom: 24px;
left: 0;
right: 0;
}
.footer_right {
display: flex;
justify-content: space-between;
}
@media only screen and (max-width: 1920px) {
/*.container {*/
/* max-width: 1520px !important;*/
/*}*/
}
@media (min-width: 1520px) {
.block1 {
width: 50%;
}
.block1 ul {
margin-left: 80px;
}
.footer_right {
width: 50%;
}
.header_container{
max-width: 1520px !important;
}
}
@media (max-width: 992px) {
.header{
display: none;
}
.header_logo {
margin: auto;
}
.banner{
padding-top: 63px;
}
.caidan{
padding-right: 30px;
}
.header_list {
width: 100% !important;
justify-content: center !important;
margin-top: 30px;
display: none!important;
}
.header-mobile{
position: absolute;
top: 0;
width: 100%;
z-index:100;
background: #FFFFFF;
display: block;
}
.header_list_mobile{
display: none;
}
.header_list_mobile ul{
width: 100%;
}
.header_list_mobile .select_words{
text-align: left;
border-bottom: 1px solid #ccc;
padding-bottom: 16px;
padding: 0px 20px 16px 20px;
margin-bottom: 0;
}
.header_logo{
padding: 10px;
margin-left: 10px;
}
.footer {
font-size: 12px!important;
/*text-align: left!important;*/
/*height: 160px;*/
}
.footer .top{
/*position: fixed;*/
/*bottom: 20px;*/
/*right: 20px;*/
/*width: 65px;*/
/*height: 65px;*/
/*border-radius: 50%;*/
/*font-size: 10px!important;*/
/*z-index:2000;*/
display: none;
/*height: 160px!important;*/
}
.footer .footer-text{
padding: 0 10px;
text-align: center;
/*width: 70%!important;*/
}
.top_mobile{
bottom: 30px!important;
border-radius: 50%;
z-index: 2000;
background: #1B953C;
color: #fff;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
cursor: pointer;
width: 65px;
height: 65px;
position: fixed;
bottom: 0;
right: 10px;
}
.top_mobile img {
width: 14px;
opacity: 0.8;
margin-bottom: 5px;
}
.top_mobile{
display: flex!important;
}
.pagination_wrapper .el-pagination .number{
font-size: 14px!important;
}
.pagination_wrapper .el-pagination .el-pagination__total {
font-size: 14px !important;
}
}
@media (max-width: 768px) {
.block1 {
width: 100%;
align-items: center !important;
}
.footer_right {
margin-top: 100px;
flex-wrap: wrap;
}
.block2 {
width: 100%;
margin-top: 50px;
margin-left: 20px;
}
.block3 {
width: 100%;
margin-top: 50px;
margin-left: 20px;
}
.footer_support {
padding-top: 50px;
}
.block4 {
width: 100%;
margin-top: 50px;
margin-left: 20px;
}
.caidan{
padding-right: 10px;
}
}
@media (min-width: 1200px) and (max-width: 1520px) {
.block1 {
width: 40%;
}
.block1 ul {
margin-left: 80px;
}
.footer_right {
width: 50%;
}
}
@media (max-width: 1200px) {
.block1 {
width: 100%;
align-items: center !important;
}
.footer_right {
width: 100%;
margin-top: 100px;
}
}
.container{
padding-right: 0;
padding-left: 0;
}
/*鍒嗛〉*/
.pagination_wrapper{
display: flex;
justify-content: end;
margin-top: 48px;
margin-bottom: 48px;
}
.pagination_wrapper .el-pagination{
color: #717171!important;
}
.pagination_wrapper .el-pagination .number:hover{
color: #009B67!important;
}
.pagination_wrapper .el-pagination .number{
font-size: 16px!important;
}
.pagination_wrapper .el-pagination .active{
color: #009B67!important;
}
.pagination_wrapper .el-pagination .el-pagination__total{
font-size: 16px!important;
}