* {
margin: 0;
padding: 0;
}
html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, a, blockquote, th, td {
margin: 0;
padding: 0;
text-decoration: none;
list-style-type: none;
box-sizing: border-box;
}
body {
font-size: 16px;
font-family: 'PingFang-SC-Regular';
}
@font-face {
font-family: 'PingFang-SC-Regular';
src: url('../fonts/PingFang Regular.ttf') format('truetype'); /* Safari, Android, iOS */
}
a {
color: #00BB7F;
}
iframe {
vertical-align: bottom
}
input[type="radio"] + span::before {
content: "\a0";
display: inline-block;
vertical-align: middle;
font-size: 16px;
width: 14px;
height: 14px;
margin-right: 5px;
border: 1px solid #01cd78;
border-radius: 50%;
text-indent: 5px;
line-height: 1;
}
.navbar-expand-lg {
height: 80px;
}
.tright {
text-align: right;
padding-right: 15px;
}
/*---------------------------------------
CUSTOM PROPERTIES ( VARIABLES )
-----------------------------------------*/
:root {
--white-color: #ffffff;
--primary-color: #00BB7F;
--secondary-color: #5a6f80;
--section-bg-color: #f0f8ff;
--site-footer-bg-color: #44525d;
--custom-btn-bg-color: #597081;
--custom-btn-bg-hover-color: #5bc1ac;
--dark-color: #000000;
--p-color: #717275;
--border-color: #e9eaeb;
--body-font-family: 'Metropolis', sans-serif;
--h1-font-size: 52px;
--h2-font-size: 46px;
--h3-font-size: 32px;
--h4-font-size: 28px;
--h5-font-size: 24px;
--h6-font-size: 22px;
--p-font-size: 16px;
--btn-font-size: 18px;
--copyright-font-size: 14px;
--border-radius-large: 100px;
--border-radius-medium: 20px;
--border-radius-small: 10px;
--font-weight-light: 300;
--font-weight-normal: 400;
--font-weight-semibold: 600;
--font-weight-bold: 700;
}
a:hover {
color: #00BB7F;
}
@media screen and (min-width: 992px) {
.dropdown:hover .dropdown-menu {
display: block;
margin-top: 0;
}
}
/*---------------------------------------
SECTION
-----------------------------------------*/
.section-padding {
padding-top: 100px;
padding-bottom: 100px;
}
.section-padding50 {
padding-top: 50px;
padding-bottom: 50px;
}
.section-bg {
background-color: var(--section-bg-color);
}
.section-overlay {
background: rgba(0, 0, 0, 0.35);
position: absolute;
top: 0;
left: 0;
pointer-events: none;
width: 100%;
height: 100%;
}
.section-overlay + .container {
position: relative;
}
/*---------------------------------------
CUSTOM BLOCK
-----------------------------------------*/
.custom-block-wrap {
background: var(--white-color);
/* border-radius: var(--border-radius-medium); */
position: relative;
overflow: hidden;
transition: all 0.5s;
}
.imgboxs {
}
.jj, .jj2 {
font-weight: bold;
font-size: 24px;
margin-bottom: 25px;
color: #00BB7F;
}
.jj2 {
color: #fff;
}
.cg_img {
padding: 10px;
height: 330px;
}
.mb50 {
margin-bottom: 50px;
}
.mb100 {
margin-bottom: 100px;
}
.imgboxs img {
height: 150px;
width: 100%;
border-radius: 0;
}
.custom-block-wrap:hover {
box-shadow: 0 1rem 3rem rgba(0, 0, 0, .175);
}
.cg_img h5, .cg_imgs h5 {
font-size: 18px;
color: #333;
font-weight: bold;
/*margin-top: 25px;*/
}
.cg_img p, .cg_imgs p {
color: #4A4A4A;
font-size: 14px;
margin-top: 10px;
}
.custom-block-body {
padding: 30px;
}
.cg_imgs {
padding: 25px;
height: 220px;
border-radius: 6px;
}
.custom-block-image {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
}
.custom-block .custom-btn {
border-radius: 0;
display: block;
}
/*---------------------------------------
PROGRESS BAR
-----------------------------------------*/
.progress {
background: var(--border-color);
height: 5px;
}
.progress-bar {
background: var(--secondary-color);
}
/*---------------------------------------
CUSTOM ICON COLOR
-----------------------------------------*/
.custom-icon {
color: var(--secondary-color);
}
/*---------------------------------------
CUSTOM LIST
-----------------------------------------*/
.custom-list {
margin-bottom: 0;
padding-left: 0;
}
.custom-list-item {
list-style: none;
margin-top: 10px;
margin-bottom: 10px;
}
/*---------------------------------------
CUSTOM TEXT BOX
-----------------------------------------*/
.custom-text-box {
background: var(--white-color);
border-radius: var(--border-radius-medium);
margin-bottom: 24px;
padding: 40px;
}
.custom-text-box-image {
border-radius: var(--border-radius-medium);
width: 100%;
height: 100%;
object-fit: cover;
}
.custom-text-box-icon {
background: var(--section-bg-color);
border-radius: var(--border-radius-small);
color: var(--secondary-color);
font-size: var(--h6-font-size);
text-align: center;
display: inline-block;
vertical-align: middle;
width: 25px;
height: 25px;
line-height: 30px;
}
/*---------------------------------------
AVATAR IMAGE - TESTIMONIAL, AUTHOR
-----------------------------------------*/
.avatar-image {
border-radius: var(--border-radius-small);
width: 65px;
height: 65px;
object-fit: cover;
}
.flex-center {
align-items: center;
}
/*---------------------------------------
CUSTOM BUTTON
-----------------------------------------*/
.custom-btn {
background: var(--primary-color);
border: 0px solid transparent;
border-radius: 0;
color: var(--white-color);
font-weight: var(--font-weight-normal);
height: 35px;
line-height: 35px;
padding: 0px 15px;
}
.navbar-expand-lg .navbar-nav .nav-link.custom-btn, .loginbtn {
color: var(--white-color);
background: var(--primary-color);
padding: 0px 15px;
}
.custom-btn:hover {
background: var(--primary-color);
color: var(--white-color);
}
.custom-border-btn {
border-radius: 3px;
}
.pNum {
font-size: 24px;
font-weight: bold;
}
.navbar-expand-lg
.custom-btn:hover,
.custom-border-btn:hover {
/*background: var(--custom-btn-bg-hover-color);*/
background: #00A671;
border-color: transparent;
color: var(--white-color);
}
.custom-border-btn:hover {
background: var(--custom-btn-bg-hover-color) !important;
}
.serviceOn {
opacity: 100%;
color: #02D994;
}
.serviceOn .featured-block-text {
color: #02D994
}
.serviceOff {
opacity: 80%;
color: #4A4A4A;
}
/*---------------------------------------
NAVIGATION
-----------------------------------------*/
.navbar-brand {
color: var(--primary-color);
font-size: var(--h6-font-size);
font-weight: var(--font-weight-bold);
}
.navbar-brand span {
display: inline-block;
vertical-align: middle;
}
.navbar-brand small {
color: var(--secondary-color);
display: block;
font-size: 10px;
line-height: normal;
text-transform: uppercase;
}
.sticky-wrapper .navbar .container .navbar-brand > img {
height: 45px;
}
.logo {
width: 80px;
height: auto;
}
.navbar-expand-lg .navbar-nav .nav-link {
margin-right: 0;
margin-left: 0;
padding: 20px;
}
.navbar-nav .nav-link {
display: inline-block;
color: var(--p-color);
font-weight: var(--font-weight-medium);
position: relative;
padding-top: 15px;
padding-bottom: 15px;
color: #4a4a4a;
}
.navbar-nav .nav-link.active,
.navbar-nav .nav-link:hover {
background: transparent;
color: var(--primary-color);
position: relative;
}
.navbar-nav .nav-link.active::before {
/* position: absolute;
content: '';
height: 2px;
width: 50%;
bottom: 0;
left:0;
right: 0;
margin: 0 auto;
background: var(--primary-color); */
}
.dropdown-menu {
background: var(--white-color);
box-shadow: 0 1rem 3rem rgba(0, 0, 0, .175);
border: 0;
max-width: 50px;
padding: 0;
margin-top: 20px;
overflow: hidden;
border-radius: 0;
}
.navbar-nav .dropdown-menu {
position: absolute;
margin-top: 0;
}
.dropdown-menu li a:hover {
background: #E5F4F0;
}
.dropdown-item {
display: inline-block;
color: var(--p-bg-color);
font-size: var(--menu-font-size);
font-weight: var(--font-weight-medium);
position: relative;
padding-top: 15px;
padding-bottom: 15px;
font-size: 14px;
}
.dropdown-item.active,
.dropdown-item:active,
.dropdown-item:focus,
.dropdown-item:hover {
background: transparent;
color: var(--primary-color);
}
.dropdown-toggle::after {
content: "";
display: inline-block;
font-size: var(--copyright-font-size);
font-style: normal;
position: relative;
left: 5px;
border: 0;
border-top: 4px solid #fff;
border-left: 4px solid transparent;
border-right: 4px solid transparent;
}
.navbar-nav .nav-link.active::after {
border-top-color: var(--primary-color);
}
.dropdown-toggle:hover:after {
border-top: 4px solid rgba(255, 255, 255, .5);
}
.navbar-nav .nav-link.active, .navbar-nav .nav-link:hover {
background: #039E6C;
color: #fff;
}
@media screen and (min-width: 992px) {
.dropdown:hover .dropdown-menu {
display: block;
margin-top: 0;
}
}
.pubanner p {
/*width: auto !important;*/
}
.xiangqing {
margin-top: 30px;
}
.ml200 { /*margin-left: auto !important;*/
}
.custom-text-block {
height: auto !important;
}
.show {
background: #fff !important;
}
.shows {
display: block !important;
}
.bantit {
position: static !important;
}
.onecons {
margin: 15px 0;
}
.navbar-toggler {
border: 0;
padding: 0;
cursor: pointer;
margin: 0;
width: 30px;
height: 35px;
outline: none;
}
.navbar-toggler:focus {
outline: none;
box-shadow: none;
}
.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon {
background: transparent;
}
.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon:before,
.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon:after {
transition: top 300ms 50ms ease, -webkit-transform 300ms 350ms ease;
transition: top 300ms 50ms ease, transform 300ms 350ms ease;
transition: top 300ms 50ms ease, transform 300ms 350ms ease, -webkit-transform 300ms 350ms ease;
top: 0;
}
.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon:before {
transform: rotate(45deg);
}
.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon:after {
transform: rotate(-45deg);
}
.navbar-toggler .navbar-toggler-icon {
background: var(--dark-color);
transition: background 10ms 300ms ease;
display: block;
width: 30px;
height: 2px;
position: relative;
}
.navbar-toggler .navbar-toggler-icon:before,
.navbar-toggler .navbar-toggler-icon:after {
transition: top 300ms 350ms ease, -webkit-transform 300ms 50ms ease;
transition: top 300ms 350ms ease, transform 300ms 50ms ease;
transition: top 300ms 350ms ease, transform 300ms 50ms ease, -webkit-transform 300ms 50ms ease;
position: absolute;
right: 0;
left: 0;
background: var(--dark-color);
width: 30px;
height: 2px;
content: '';
}
.navbar-toggler .navbar-toggler-icon::before {
top: -8px;
}
.navbar-toggler .navbar-toggler-icon::after {
top: 8px;
}
.tit {
position: relative;
margin-bottom: 45px;
font-size: 24px;
}
.tit::after {
position: absolute;
content: '';
left: 0;
right: 0;
width: 90px;
bottom: -15px;
height: 6px;
background-image: linear-gradient(to right, #0ec99b, #8cfe7e);
margin: 0 auto;
}
.tabNav {
overflow: hidden;
width: 100%;
margin-bottom: auto;
margin-top: 5px;
}
.tabNav li {
display: inline-block;
zoom: 1;
text-align: center;
cursor: pointer;
line-height: normal;
margin-right: 10px;
margin-top: 5px;
margin-bottom: 5px;
padding: 8px 15px;
text-align: center;
color: #02D994;
vertical-align: top;
font-size: 16px;
background: #D6F9EE;
}
.xiangqing a, .xiangqing a:hover{
display: inline-block;
color: #00BB7F;
border: 1px solid #00BB7F;
padding-left: 30px;
padding-right: 20px;
border-radius: 3px;
line-height: 45px;
}
.xiangqing a:hover{
background: #EEFFF9;
border: 1px solid #00BB7F;
}
.blubtn a {
background: #4AC8EB;
border-color: #4AC8EB;
color: white;
}
.orgbtn a {
background: #FCD970;
border-color: #FCD970;
color: white;
}
.xiangqing a:hover {
background: #D6F9EE;
}
.blubtn a:hover {
background: #a3ebff;
border-color: #4AC8EB;
color: white;
}
.orgbtn a:hover {
background: #fae29a;
border-color: #FCD970;
color: white;
}
.bannerWord {
max-width: 1320px;
color: #fff;
position: absolute;
top: 130px;
left: 1%;
}
.bannerWord .bannerTitle {
font-size: 36px;
top: 50px;
}
.bannerWord p {
font-size: 14px;
margin-top: 20px;
margin-bottom: 60px
}
.ml200 {
margin-left: 200px;
}
.ml20 {
margin-left: 20px;
}
.arrow_right, .arrow_right_white, .arrow_rights {
font-style: normal;
margin-left: 6px;
display: inline-block;
width: 27px;
height: 14px;
background: url('../img/arrrow_right.png') no-repeat 0 2px;
}
.arrow_right_white {
background: url('../img/arrrow_right_white.png') no-repeat 0 2px;
}
.arrow_rights {
background: url('../img/arrrow_rights.png') no-repeat 0 2px;
}
.flex-item {
align-items: center;
}
.custom-text-block {
/*height: 100%;*/
height: 80%;
flex-direction: column;
}
.flex-dire {
justify-content: space-between;
}
.flex-sa {
justify-content: space-around;
}
.flex_1 {
flex: 1;
}
.w100 {
width: 100%;
}
.bgreen2 {
background: url(../img/6@2x.png) no-repeat;
background-size: 100% 100%;
height: 600px;
}
.row-w {
padding: 15px 0;
color: #4a4a4a;
}
.iData {
font-size: 28px;
color: #02D994;
font-family: “DingTalk JinBuTi”;
font-style: normal;
}
.iDataTitle {
font-size: 28px;
font-weight: bold;
margin-right: 30px;
}
.iDataTitle img {
height: 26px;
}
.colorGray {
color: #02D994;
font-style: italic;
font-size: 28px;
}
@media screen and (max-width: 992px) {
.navbar-expand-lg .navbar-nav .nav-link.custom-btn {
margin-bottom: 15px;
}
.site-footer-title {
margin-top: 25px;
}
.bgreen2 {
background: #00BB7F;
}
.agileits-icon-grid {
flex-direction: column !important;
}
.agileits-icon-grid > div {
margin: 10px 0;
}
.icon-right {
margin: 0 !important;
}
.protex > span {
white-space: normal !important;
}
.protex {
width: auto !important;
}
}
@media screen and (max-width: 480px) {
}
.row-w ul {
margin-left: 15px;
align-items: center;
}
.row-w span {
font-weight: bold;
}
.b50 {
display: flex;
margin-bottom: 30px;
margin-top: 30px;
}
.b50 > li:not(:first-child) {
margin-left: 20px;
}
.small_tit {
color: white;
font-size: 24px;
margin-bottom: 40px;
position: relative;
}
.small_tit::after {
position: absolute;
content: '';
left: 0;
right: 0;
width: 90px;
bottom: -15px;
height: 4px;
background: #fff;
}
.boxs_cent {
padding: 15px;
margin-top: 50px;
}
.boxs_cent p {
color: white;
}
.h600 {
height: 600px;
}
.bgwhite a {
border-color: white;
color: white;
}
.sbcw {
height: 210px;
}
.featured-block-text {
text-align: center;
color: #4A4A4A;
margin-top: 15px;
font-size: 14px;
}
.d5f {
background: #EAFAF5;
padding: 25px 0;
margin: 50px 0;
}
.info_news {
margin-bottom: 6px;
position: relative;
}
.info_news_but {
overflow: hidden;
margin-bottom: 6px;
position: relative;
}
.info_news_but p {
text-align: center;
padding: 10px;
float: left;
font-weight: 600;
font-size: 18px;
cursor: pointer;
}
.usernews .info_news_but p {
padding: 10px 0;
}
.on {
color: #00BB7F;
position: relative;
}
.on::after {
position: absolute;
content: '';
left: 0;
z-index: 9999;
width: 100%;
height: 1px;
bottom: 0;
border-bottom: 2px solid #00BB7F;
}
.info_news_but::after {
position: absolute;
content: '';
left: 0;
right: 0;
z-index: 11;
width: 100%;
height: 1px;
bottom: 0;
/* border-bottom: 1px solid #e6e6e6; */
}
.border_radio a {
border-radius: 3px;
}
.newsico {
position: relative;
display: block;
width: 50px;
height: 22px;
margin-right: 6px;
}
.newsico::after {
position: absolute;
content: '公告';
font-size: 12px;
font-style: normal;
color: #00BB7F;
padding: 5px 10px;
top: 2px;
line-height: normal;
border: 1px solid #00BB7F;
border-radius: 3px;
}
.newsico1 {
position: relative;
display: block;
width: 44px;
height: 22px;
margin-right: 6px;
}
.newsico1::after {
position: absolute;
content: 'News';
font-size: 12px;
font-style: normal;
color: #00BB7F;
padding: 5px 10px;
top: 2px;
line-height: normal;
border: 1px solid #00BB7F;
border-radius: 3px;
font-family:Microsoft YaHei,sans-serif;
}
.info_news_text li {
padding: 25px 5px 21px;
border-bottom: 1px solid #EFEFEF;
display: flex;
justify-content: space-between
}
.info_news_text li a {
color: #4a4a4a;
display: flex;
align-items: center;
width: 80%;
}
.info_news_text li a:hover {
color: #00BB7F;
display: flex;
align-items: center;
}
.info_news_text li a p {
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
flex: 1;
margin-left: 10px;
padding-top: 6px;
}
.info_news_text li:hover a {
color: #00BB7F;
}
.info_news_text li span.date {
margin-left: auto;
white-space: nowrap;
padding-top: 3px;
color: #9B9B9B;
}
.info_news_but a {
float: right;
margin-top: 10px;
color: #9B9B9B;
}
.tx02 > span:last-child {
margin-left: auto;
white-space: nowrap;
}
.tx02 span > em {
font-style: normal;
margin-left: 15px;
}
.tx02 > p {
margin-left: 15px;
}
.zclist li {
margin-bottom: 10px;
border-bottom: 1px solid #EFEFEF;
padding: 10px 0;
}
.tx01 {
margin-bottom: 10px;
}
.tx01 a {
color: #333333;
font-weight: bold;
font-size: 22px;
}
.tx01 a:hover {
color: #00BB7F;
}
.tx02 {
display: flex;
color: #9B9B9B;
align-items: center;
}
.gf {
border-radius: 3px;
position: relative;
border: 1px solid #00BB7F;
color: #00BB7F;
font-size: 14px;
display: block;
margin-right: 15px;
font-style: normal;
padding: 5px 20px;
}
.site-footer {
/*background-color: var(--site-footer-bg-color);*/
background: #1F2B39;
padding-top: 50px;
padding-bottom: 20px;
}
.copyright-text > span {
display: flex;
align-items: center;
font-size: 14px;
}
.site-footer-title {
color: white;
font-weight: 600;
font-size: 16px;
white-space: nowrap;
}
.site-footer-link {
color: white;
font-size: 14px;
white-space: nowrap;
font-weight: 400;
}
.copyright-text {
text-align: center;
color: #D3D3D3;
padding: 3px 0;
display: flex;
text-align: center;
justify-content: center;
}
.hero-section-full-height {
position: relative;
}
.carousel-image {
display: block;
width: 100%;
height: 500px;
}
.info_news, .zc {
padding: 0 10px;
}
.ercode > p {
text-align: center;
color: white;
margin-top: 15px;
font-size: 14px;
}
.ercode img {
width: 120px
}
.footlogo {
text-align: center;
}
.footlogo > img {
width: 60%;
}
.gdata .d-block img {
width: 50%;
}
.bgreen {
background: #00BB7F;
margin: 0;
}
.bggray {
background: #ffffff;
border-bottom: 1px solid #F3f3f3;
margin: 0;
}
.colorwhite {
color: #fff;
font-size: 18px
}
.smallgreen {
/*background: #e9f3f0;*/
background: #F8FFFB;
}
.flex-colom {
flex-direction: column;
}
.bg_w {
background: white;
border-radius: 4px;
}
.pgt {
font-weight: 400;
font-size: 18px;
margin-bottom: 25px;
color: #fff;
}
.bg_w a {
color: #00BB7F;
}
.picgreen {
background: url(../img/picgrenn.png) no-repeat;
background-size: cover;
}
.zztp_img {
position: relative;
}
.zz_tit {
position: absolute;
bottom: 0px;
width: 100%;
background-color: #3339;
color: #FFF;
padding: 10px;
height: 130px;
}
.zz_tit h5 {
font-size: 24px;
font-weight: bold;
color: #FFFFFF;
margin-bottom: 10px;
}
.zz_tit p {
font-size: 16px;
color: #FFFFFF;
}
.zc1 {
background: rgba(18, 134, 230, 0.7);
}
.zc2 {
background: rgba(18, 230, 64, 0.7);
}
.zc3 {
background: rgba(230, 187, 18, 0.7);
}
.zc4 {
background: rgba(230, 94, 18, 0.7);
}
.datatit {
margin-bottom: 50px;
}
.datatit h4 {
font-size: 30px;
font-weight: 600;
color: #00BB7F;
line-height: 42px;
text-align: center;
}
.datatit p {
font-size: 24px;
font-weight: 300;
color: #00bb7f;
line-height: 33px;
}
.serchild {
text-align: center;
margin: auto;
}
.seach {
position: relative;
display: flex;
padding: 0 20px;
margin: 100px 0;
}
.serinput {
margin: 0 auto;
display: flex;
flex-wrap: wrap;
width: 1000px;
}
.serinput > h6 {
font-weight: bold;
text-align: center;
min-width: 100%;
color: #00BB7F;
font-size: 28px;
margin-bottom: 40px;
}
.sertext {
height: 50px;
line-height: 50px;
flex: 1;
padding: 0 6px;
outline: none;
border: 2px solid #00bb7f;
border-right: 0;
border-radius: 6px;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.serbtn {
border: 0;
height: 50px;
width: 100px;
color: #FFF;
background: #12c089;
line-height: 50px;
overflow: hidden;
border-radius: 6px;
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.serbtn:hover {
background: #00bb7f;
}
.p_search {
width: 100%;
color: #909090;
margin-top: 5px;
padding-left: 5px;
text-align: left;
font-size: 14px;
margin-bottom: 80px;
}
.ant-row-space-between {
justify-content: space-between;
}
._item_c2mai_8 {
flex: 1;
display: flex;
padding: 20px 40px 20px 25px;
background: #f1fbf8;
/* box-shadow: 0 0 40px rgb(0 0 0 / 6%); */
border-radius: 8px;
margin: 15px 10px;
opacity: .85;
}
._text_c2mai_368 {
margin-left: 10px;
}
.item_box {
width: 50px;
text-align: center;
}
._name_c2mai_371 {
font-size: 16px;
color: #00bb7f;
line-height: 22px;
}
._num_c2mai_376 {
font-size: 16px;
font-family: PingFangSC-Medium, PingFang SC;
font-weight: 500;
color: #666;
text-align: left;
line-height: 22px;
}
._hot-keyword-info_c2mai_8 {
margin-top: 80px;
}
.act {
background: #00bb7f;
color: white;
transition: all .2s;
}
.boxsx {
width: 100%;
display: flex;
overflow: hidden;
padding: 50px 10px;
background: #EEF9F5;
margin-bottom: 25px;
margin-top: 30px;
border-radius: 5px;
/*height: 190px;*/
}
.boxsx span {
color: #4A4A4A;
margin-right: 15px;
/*font-weight: bold;*/
padding: 10px;
white-space: nowrap;
}
.boxsx ul {
display: flex;
flex-wrap: wrap;
margin: 0;
}
.boxsx ul li {
color: #4A4A4A;
cursor: pointer;
padding: 10px 10px;
margin: 5px 6px;
transition: all .3s;
}
.boxsx ul li.act {
color: #fff;
background: #00bb7f;
border-radius: 6px;
}
.boxsx ul li.act:hover {
color: #fff;
}
.bc_1 img {
width: 240px;
}
.boxsx_con {
display: flex;
justify-content: space-between;
margin-bottom: 25px;
background: white;
flex-wrap: wrap;
}
.bc_btn {
}
.bc_txt {
margin-right: auto;
padding: 15px;
display: flex;
flex-direction: column;
justify-content: space-around;
}
.bc_txt h3 {
font-weight: bold;
font-size: 22px;
margin-bottom: 15px;
}
.bc_btn a {
display: inline-block;
padding: 5px 15px;
border: 1px solid #02d994;
color: #00BB7F;
background: white;
text-align: center;
margin-bottom: 15px;
border-radius: 6px;
}
.blues a {
border: 1px solid #3593FF;
color: #3593FF;
}
.bc_txt ul li {
color: #797979;
font-size: 14px;
}
.bc_rig {
display: flex;
flex-direction: column;
padding: 0 15px;
position: relative;
justify-content: space-around;
}
.bc_rig::after {
position: absolute;
top: 20px;
bottom: 20px;
content: '';
left: -20px;
width: 1px;
/* background: #EFEFEF; */
}
.nums {
color: #02D994;
font-size: 24px;
}
.numtxt {
color: #4A4A4A;
}
.bc_rig > p {
color: #797979;
font-size: 14px;
}
.resultes {
text-align: center;
height: 200px;
display: flex;
align-items: center;
flex-direction: column;
justify-content: center;
}
.resultes > p {
line-height: 38px;
}
.search_box {
background: #fff;
border-radius: 5px;
height: 65px;
display: flex;
padding: 10px 0;
margin-bottom: 25px;
/*box-shadow: 0 8px 6px -10px #b3c6ff;*/
}
.dropdowns {
width: 150px;
border: 1px solid #e9e9e9;
border-right: 0;
color: #9fa3b1;
position: relative;
cursor: pointer;
border-radius: 3px;
}
.dropdowns .default_option {
text-transform: uppercase;
padding: 13px 15px;
font-size: 14px;
}
.dropdowns ul {
position: absolute;
top: 45px;
left: -10px;
background: #fff;
width: 100%;
border-radius: 5px;
padding: 20px;
left: 0;
display: none;
box-shadow: 0 4px 10px rgba(0, 0, 0, .175);
}
.dropdowns ul.active {
display: block;
}
.dropdowns ul li {
padding-bottom: 20px;
}
.dropdowns ul li:last-child {
padding-bottom: 0;
}
.dropdowns ul li:hover {
color: #6f768d;
}
.dropdowns:before {
content: "";
position: absolute;
top: 22px;
right: 20px;
border: 5px solid;
border-color: #6f768d transparent transparent transparent;
}
.search_field {
position: relative;
}
.search_field .input {
width: 100%;
height: 100%;
min-height: 40px;
border: 0px;
font-size: 14px;
padding-left: 10px;
padding-right: 38px;
color: #D8D8D8;
outline: none;
border: 1px solid #e9e9e9;
border-radius: 3px;
}
.noshadow {
box-shadow: none !important;
}
.serbtns {
width: 35px;
height: 100%;
position: absolute;
right: 2px;
display: inline-block;
background: url(../img/serch.png) no-repeat center center;
background-size: 50%;
}
::-webkit-input-placeholder { /* Chrome/Opera/Safari */
color: #9fa3b1;
}
::-moz-placeholder { /* Firefox 19+ */
color: #9fa3b1;
}
:-ms-input-placeholder { /* IE 10+ */
color: #9fa3b1;
}
.agileits-icon-grid {
margin-bottom: 25px;
display: flex;
width: 100%;
background: white;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
padding: 25px;
flex-wrap: wrap;
}
.icon-left {
float: left;
display: flex;
align-items: center;
justify-content: center;
width: 70px;
height: 70px;
background: #d5d9b5;
text-align: center;
font-size: 16px;
color: white;
padding: 13px;
border-radius: 6px;
}
.icon-lefts {
float: left;
display: flex;
align-items: center;
justify-content: center;
width: 140px;
height: 140px;
background: #d5d9b5;
text-align: center;
font-size: 16px;
color: white;
padding: 10px;
border-radius: 6px;
margin-top: -15px;
}
.icon-right {
flex: 1;
margin-left: 20px;
}
.icon-right-right {
}
.icon-right p {
color: #6666;
font-size: .9em;
line-height: 1.8em;
margin: 0;
}
.icon-right h5 {
color: #2f2f2f;
font-size: 18px;
font-weight: 600;
margin: 0 0 15px 0;
}
.icon-right h5 a {
color: #2f2f2f;
}
.bordernoshadow {
border: #E5E5E5 1px solid;
box-shadow: none;
border-radius: 6px;
padding: 25px 15px;
}
.protex {
display: flex;
flex-wrap: wrap;
}
.protex > span {
flex: 1;
font-size: 14px;
flex-basis: 50%;
margin: 4px 0;
color: #797979;
white-space: nowrap;
}
.protex > span > em {
font-style: normal;
color: #333333;
}
.protex > p {
font-size: 14px;
font-family: PingFangSC-Regular, PingFang SC;
font-weight: 400;
color: #333333;
}
.bgcoltex a {
display: inline-block;
padding: 0 15px;
background: white;
text-align: center;
margin-bottom: 15px;
border-radius: 3px;
color: white;
white-space: nowrap;
border: 1px solid #00BB7F;
color: #00BB7F;
height: 30px;
line-height: 30px;
}
.row > .p-0 .boxsx_con .code_order > i {
min-width: 23px;
height: 100%;
display: block;
padding-top: 13px;
font-style: normal;
}
.row > .p-0:first-child .boxsx_con .code_order > i {
background: url(../img/t1.png) no-repeat center center;
background-size: 17px 23px;
}
.row > .p-0:nth-child(2) .boxsx_con .code_order > i {
background: url(../img/t1.png) no-repeat center center;
background-size: 17px 23px;
}
.row > .p-0:nth-child(3) .boxsx_con .code_order > i {
background: url(../img/t2.png) no-repeat center center;
background-size: 17px 23px;
}
.row > .p-0:nth-child(4) .boxsx_con .code_order > i {
background: url(../img/t3.png) no-repeat center center;
background-size: 17px 23px;
}
.code_order {
margin-right: 40px
}
.code_cons {
margin-right: auto;
display: flex;
align-items: center;
flex-direction: column;
}
.code_tit {
margin-right: auto;
display: flex;
align-items: center;
}
.code_mess {
display: flex;
align-items: center;
margin-right: 30px;
position: relative;
cursor: pointer;
}
.code_mess:hover .qy_showDate {
display: block;
}
.qy_showDate {
position: absolute;
right: 25px;
display: none;
min-width: 280px;
min-height: 280px;
}
.marb30 {
margin-bottom: 30px !important;
}
.nomar {
margin-top: 0 !important;
margin-bottom: 0 !important;
}
.qy_showDate img {
width: 100%;
}
.pd25 {
padding: 25px
}
.shadow-lg {
box-shadow: 0 0 15px rgba(0, 0, 0, .08) !important;
}
.divboxsx > div {
display: flex;
align-items: center;
}
.divboxsx {
width: 100%;
display: flex;
align-items: center;
justify-content: space-between;
padding: 5px 0px;
padding-bottom: 0;
margin: 15px 0;
}
.secbox {
font-size: 14px;
margin-right: 15px;
position: relative;
}
.secbox > a {
text-decoration: none;
border: 1px solid #e8e8e8;
padding: 6px 10px;
display: block;
color: #000;
padding-right: 16px;
position: relative;
width: 160px;
height: 40px;
display: flex;
justify-content: space-between;
align-items: center;
}
.serach {
background: transparent;
position: relative;
height: 40px;
margin: 10px;
margin-bottom: 15px;
display: flex;
align-items: center;
border: 1px solid #E1E1E1;
border-radius: 3px;
}
.serach input, .divboxsx .serach input {
background: none;
outline: none;
display: block;
color: #D8D8D8;
padding-left: 3px;
border: 0;
width: 100%;
height: 100%;
color: #333;
}
.serach > a {
display: inline-block;
padding: 0 8px;
display: flex;
align-items: center;
}
.serach > a > img {
width: 15px;
height: 15px;
}
.serach::before {
position: absolute;
top: 6px;
color: white;
width: 24px;
height: 18px;
line-height: 24px;
left: 3px;
content: "";
}
.dmenu li a:hover {
background: #EBF2F0;
}
.secbox > a > i {
font-size: 16px;
}
.dmenu {
border: .5px solid rgba(132, 132, 132, 0.16);
background: rgba(255, 255, 255, 1);
width: 100%;
padding: 0;
left: 0;
right: 0;
text-align: left;
z-index: 888;
position: absolute;
/* transition: all .5s ease; */
display: none;
margin-top: -1px;
box-shadow: 0 1px 10px rgb(0 0 0 / 10%);
}
.dmenu li:last-of-type a {
border-bottom: 0;
}
.dmenu li a {
/* border-top: 1px solid #E7E7E7; */
display: block;
line-height: 33px;
padding: 0 10px;
text-decoration: none;
color: #40454b;
font-size: 14px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
margin-top: -1px;
}
.active .dmenu {
display: block;
}
.secbox .caret {
display: inline-block;
width: 6px;
height: 6px;
margin-left: 5px;
vertical-align: middle;
border-bottom: 1px solid #979797;
border-right: 1px solid #979797;
transform: rotate(45deg);
float: none;
}
.flexitem {
display: flex;
align-items: center;
}
.flexitem a {
margin-bottom: 0;
}
.aigrid {
display: flex;
background: white;
box-shadow: 0 0 8px rgb(0 0 0 / 15%);
margin: 10px;
border-radius: 6px;
padding: 20px 15px;
flex-wrap: wrap;
margin-top: 30px;
}
.aigrid .protex {
margin: 0 0 10px 0;
}
.g1 .icon-left {
background: #c0dca3;
}
.g2 .icon-left {
background: #d1dc70;
}
.g3 .icon-left {
background: #b5d9c9;
}
.g4 .icon-left {
background: #e6cce9;
}
.clist {
width: 100%;
text-align: left;
border-collapse: collapse;
border: 1px solid #e8f1ec;
}
.clist tr th {
text-align: center;
color: #4A4A4;
padding: 10px 6px;
font-size: 14px;
}
.clist tr td {
padding: 10px 6px;
font-size: 14px;
text-align: center;
color: #4A4A4A;
border: 1px solid #e8f1ec;
}
.page-container {
height: 50px;
display: flex;
align-items: center;
padding-left: 3px;
font-size: 14px;
margin-bottom: 20px;
/* display: none; */
}
.page-container > span {
color: #797979;
display: inline-block;
vertical-align: middle;
margin-right: 10px;
}
.page-container > a {
display: inline-block;
line-height: 100%;
vertical-align: middle;
font-size: 14px;
color: #797979;
}
.page-container > a:last-child {
color: #333;
}
.page-container > i {
display: inline-block;
width: 7px;
height: 7px;
border-top: 1px solid #ccccd8;
border-right: 1px solid #ccccd8;
margin: 0 8px;
transform: rotate(45deg);
vertical-align: middle;
}
.conboxs {
margin: 22px 25px;
}
.progressbar {
margin-bottom: 30px;
overflow: hidden;
counter-reset: step;
}
.progressbar li {
list-style-type: none;
color: #9B9B9B;
text-transform: uppercase;
font-size: 9px;
width: 33.33%;
float: left;
position: relative;
text-align: center;
font-style: normal;
}
.progressbar li.active {
color: #00BB7F;;
}
.progressbar li:before {
content: counter(step);
counter-increment: step;
width: 30px;
height: 30px;
line-height: 30px;
display: block;
font-size: 10px;
color: #9B9B9B;
border: 1px solid #9B9B9B;
background: #fff;
border-radius: 3px;
border-radius: 50%;
margin: 0 auto 5px auto;
font-style: normal;
}
.progressbar li:after {
content: "";
width: 100%;
height: 1px;
background: #9B9B9B;
position: absolute;
left: -50%;
top: 15px;
z-index: -1;
}
.progressbar li:first-child:after {
content: none;
font-style: normal;
}
.progressbar li.active:before, .progressbar li.active:after {
background: #00BB7F;
color: white;
border: 1px solid #00BB7F;
}
.stepsbox {
margin: 0 auto;
margin-top: 50px;
width: 60%;
}
.form_tit {
font-size: 14px;
color: #4A4A4A;
align-items: center;
display: flex;
padding: 8px 2px;
justify-content: space-between;
}
.form_tit > span {
margin-right: auto;
}
.form_tit > a {
color: #00BB7F;
}
.form_tit em {
margin-right: 2px;
color: red;
font-style: normal;
}
.form_inp {
width: 100%;
outline: none;
height: 40px;
border: 1px solid #e9e9e9;
padding: 0 3px;
}
.ppateare {
width: 100%;
outline: none;
border: 1px solid #e9e9e9;
padding: 0 3px;
}
.form_tit label {
margin-bottom: 10px;
font-size: 14px;
margin-top: 10px;
}
.ppa {
flex: 1;
padding: 10px 20px;
min-width: 50%;
}
.row50 {
width: 50%;
display: flex;
justify-content: space-between;
margin: 0 auto;
flex-wrap: wrap;
}
.fsinput {
border: 0 !important;
clip: rect(0 0 0 0) !important;
-webkit-clip-path: inset(50%) !important;
clip-path: inset(50%) !important;
height: 1px !important;
margin: -1px !important;
overflow: hidden !important;
padding: 0 !important;
position: absolute !important;
white-space: nowrap !important;
width: 60px !important;
height: 37px;
left: 0;
top: 0;
appearance: none;
}
.fsbutton {
background-color: transparent;
border: #00bb7f 1px solid;
color: #00bb7f;
cursor: pointer;
display: inline-block;
font-size: 14px;
padding: 8px 15px;
transition: background-color 0.3s;
}
.form__notion {
flex-basis: 100%;
margin: 15px 0;
margin-top: 3px;
color: #9B9B9B;
font-size: 12px;
}
.btn_center {
width: 100%;
text-align: center;
margin: 20px 0;
}
.btn_center > a {
display: inline-block;
color: #fff;
padding: 10px 25px;
font-size: 14px;
border-radius: 2px;
transition: all .2s;
background: #00bb7f;
border: 1px solid #00bb7f;
/* box-shadow: 0 2px 0 rgb(0 0 0 / 5%); */
margin: 80px;
width: 200px;
}
.btn_center > a:nth-of-type(2) {
color: #00bb7f;
border: 1px solid #00bb7f;
background: white;
}
.rigc {
margin-top: 70px;
margin-bottom: 15px;
text-align: center;
}
.rigcti {
margin-bottom: 30px;
width: 100%;
text-align: center;
}
.textcen {
text-align: center;
}
.row50 {
display: none;
}
.wjtit {
line-height: 50px;
font-size: 16px;
font-weight: bold;
margin: 50px auto;
}
.num11 {
margin-left: 45px;
margin-bottom: 20px;
background: url(../img/Polygon@2x.png) no-repeat;
font-size: 20px;
font-weight: bold;
width: 58px;
height: 55px;
line-height: 55px;
color: #ffffff;
}
.liucheng {
margin-top: 60px;
}
.dmcbox{
width:100%;
display: flex;
}
.liucheng ul {
list-style: none;
margin: 0 auto;
display: inline-block;
}
.liucheng ul li {
display: block;
float: left;
}
.liucheng ul li p {
color: #333333;
font-size: 14px;
}
.gundongtiao {
margin-top: 80px;
margin-left: 45%;
}
.gundongtiao ul {
display: block;
float: left;
}
.gundongtiao ul li, .gundongtiao ul li.on1 {
float: left;
width: 25px;
height: 3px;
border-radius: 2px;
color: #D9D9D9;
border: 1px solid #D9D9D9;
background: #D9D9D9;
margin-right: 10px;
}
.gundongtiao ul li.on1 {
color: #000;
background: #00BB7F;
border: 1px solid #00BB7F;
}
.arrow11 {
margin-left: 20px;
margin-right: 20px;
margin-top: 15px;
}
input[type="radio"] {
display: none;
}
.radiobox > span {
font-size: 14px;
}
input[type="radio"]:checked + span::before {
background-color: #01cd78;
background-clip: content-box;
padding: 2px;
}
.formsetex .radiobox {
margin-right: 6px;
padding: 8px 2px;
flex: inherit;
}
.formsetex {
margin: 0 auto;
margin-top: 15px;
font-size: 14px;
display: flex;
justify-content: center;
}
.formsetex > span {
align-items: center;
display: flex;
padding: 8px 2px;
float: left;
width: 160px;
color: #000;
}
.formsetex > span {
width: 180px;
font-size: 14px;
color: #4A4A4A;
}
.formsetex > span > em {
margin-right: 2px;
color: red;
font-style: normal;
}
.formsetex > label > input {
appearance: none;
background-color: transparent;
border: 1px solid #ddd;
border-radius: 0;
height: 38px;
overflow: hidden;
padding: 0 4px;
text-overflow: ellipsis;
transition: background-color 0.3s;
width: 100%;
outline: none;
}
.onrow .formsetex > span {
width: 90px;
}
.wj1 {
width: 60%;
margin: 25px auto;
}
.wj1s {
font-weight: bold;
color: #333;
font-size: 24px;
text-align: center;
margin: 30px 0;
margin-top: 40px;
}
.formsetex > label, .rabox {
min-width: 60%;
}
.pf {
border-radius: 50%;
width: 80px;
text-align: center;
color: white;
font-size: 18px;
height: 80px;;
line-height: 80px;
background: #f5a623;
margin: 15px auto;
}
.wjpf {
margin-bottom: 60px;
text-align: center;
color: #666;
}
.f_tit {
margin-bottom: 25px;
}
.justcon {
justify-content: space-between;
}
.h280 {
height: 280px;
}
.wj1 {
display: none;
}
.tabsk {
margin-top: 20px;
}
.pro_cont_nav {
height: auto;
background: white;
width: 100%;
border-bottom: 1px solid #DDDDDD;
margin-bottom: 10px;
}
.pro_cont_nav li {
float: left;
line-height: 40px;
}
.pro_cont_nav li a {
display: block;
color: #797979 !important;
font-size: 16px;
padding: 0 15px;
cursor: pointer;
}
.pro_cont_nav li .curr_btm {
border-bottom: 2px #00bb7f solid;
font-weight: bold;
margin-bottom: -1px;
color: #00bb7f;
}
.pro_cont {
display: none;
}
.anybtn {
font-weight: normal;
float: right;
display: flex;
}
.sbw {
font-size: 14px;
margin: 25px 0;
/* margin-right: 24px; */
display: flex;
font-weight: bold;
align-items: center;
}
.anybtn > a {
margin-left: 15px;
display: flex;
color: #797979;
font-size: 14px;
border: 1px solid #797979;
border-radius: 2px;
transition: all .2s;
background: #fff;
width: 100px;
height: 40px;
line-height: 40px;
text-align: center;
font-style: normal;
justify-content: center;
align-items: center;
}
.sbw .active a {
color: #00bb7f;
background: #fff;
border: 1px solid #00bb7f;
}
.echarts {
width: 100%;
height: 460px;
margin: 25px 0;
}
.f_tits {
color: #4A4A4A;
margin: 15px 0;
font-size: 16px;
text-align: center;
}
.main_cont {
margin: 0 auto;
margin-bottom: 25px;
}
.main_cont > p {
text-indent: 2em;
line-height: 28px;
margin-bottom: 10px;
color: #4A4A4A;
font-size: 14px;
}
.main_secbox > a > span {
color: white;
font-size: 14px;
}
.main_secbox {
width: 160px;
position: relative;
/* margin: 0; */
padding: 0;
float: right;
}
.main_secbox > a {
}
.main_secbox .dmenu li a {
line-height: 36px;
}
.main_secbox .dmenu {
top: 33px;
}
.grennbg {
background: url(../img/greebg.png) no-repeat;
color: white;
background-size: 100% 100%;
height: 435px;
}
.grennbg .xiangqing a {
color: #fff;
border: 1px solid #fff;
}
ul.leftjj li,ul.leftjj2 li,ul.leftjj3 li,ul.leftjj4 li,ul.leftjj5 li,ul.leftjj6 li,ul.leftjj7 li {
color: #45E4B1;
font-size: 16px;
margin-bottom: 15px;
position: relative;
cursor: pointer;
}
ul.leftjj li.active,ul.leftjj2 li.active,ul.leftjj3 li.active,ul.leftjj4 li.active,ul.leftjj5 li.active,ul.leftjj6 li.active,ul.leftjj7 li.active {
color: #fff;
}
ul.leftjj li.active:before,ul.leftjj2 li.active:before,ul.leftjj3 li.active:before,ul.leftjj4 li.active:before,ul.leftjj5 li.active:before,ul.leftjj6 li.active:before,ul.leftjj7 li.active:before{
position: absolute;
content: '';
width: 2px;
height: 12px;
background: #fff;
left: -20px;
top: 5px;
}
.jjcont,.jjcont2,.jjcont3,.jjcont4,.jjcont5{
transform: translateX(50px);
display: none;
transition: 1s all cubic-bezier(0.075, 0.82, 0.165, 1);
}
.jjcont p,.jjcont2 p,.jjcont3 p,.jjcont4 p,.jjcont5 p {
font-size: 14px;
}
.jjcont .xiangqing,.jjcont2 .xiangqing,.jjcont3 .xiangqing,.jjcont4 .xiangqing,.jjcont5 .xiangqing {
margin-top: 15px
}
.actives {
transition: 1s all cubic-bezier(0.075, 0.82, 0.165, 1);
display: block;
opacity: 1;
transform: translateX(0px);
}
/* login */
.contb {
padding: 50px;
flex: 1;
width: 420px;
}
.boxright {
flex-basis: 40%;
display: flex;
align-items: center;
background: white;
border: 1px solid #F3F3F3;
}
.boxright h2 {
font-size: 16px;
line-height: 44px;
margin-bottom: 12px;
font-weight: 900;
color: #272346;
text-align: center;
text-shadow: 0px 2px 4px rgb(0 0 0 / 5%);
}
.contb > input {
outline: none;
margin-bottom: 10px;
font-size: 14px;
color: #666666;
text-align: left;
padding: 12px 10px;
width: 100%;
display: inline-block;
box-sizing: border-box;
border: none;
outline: none;
/* box-shadow: 0px 2px 4px 0px rgb(0 0 0 / 5%); */
background: #fff;
border: 1px solid #D8D8D8;
transition: .3s ease;
}
.contb > input.password {
margin-top: 8px;
}
.msg {
font-weight: 400;
color: #FF1532;
font-size: 14px;
}
.message {
display: flex;
justify-content: space-between;
margin-top: 8px;
}
.message_code {
margin-right: 15px;
outline: none;
height: 38px;
color: #333;
flex: 1;
padding: 12px 4px;
/* box-shadow: 0px 2px 4px 0px rgb(0 0 0 / 5%); */
border: 1px solid #E1E1E1;
background: #fff;
}
.message_code_btn {
display: inline-block;
outline: none;
padding: 8px 10px;
min-width: 110px;
font-size: 14px;
text-align: center;
color: #999;
border: 1px solid #E1E1E1;
cursor: pointer;
}
.contb > button {
font-size: 14px;
color: #fff;
width: 100%;
background: #00B150;
border: none;
padding: 12px 15px;
font-weight: 700;
transition: .3s ease;
margin-top: 18px;
cursor: pointer;
}
.account {
padding-top: 20px;
padding-bottom: 0px;
font-size: 14px;
color: #4A4A4A;
font-weight: 400;
}
.account > em {
font-style: normal;
cursor: pointer;
}
.account > span {
float: right;
}
.account > span > a {
color: #00BB7F;
}
.account > em > a {
color: #000;
}
.lfooter {
font-weight: 400;
color: #9B9B9B;
text-align: center;
background: #f8f8f8;
height: 50px;
line-height: 50px;
font-size: 14px;
font-weight: 400;
color: #9B9B9B;
}
.boxLogin {
height: calc(100% - 50px);
background: #f8f8f8;
position: relative;
width: 100%;
padding: 40px;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
}
.boxrl {
display: inline-block;
margin: 0 auto;
height: 370px;
}
.logos {
margin-bottom: 35px;
text-align: center;
}
/* loginover */
.image {
margin-right: 15px;
width: 260px;
}
.image img {
width: 100%;
height: 140px;
border-radius: 5px;
}
.imagetext {
display: flex;
flex-direction: column;
justify-content: space-between;;
}
.pages {
float: right;
margin-top: 50px;
margin-bottom: 100px;
}
.pages img {
float: right;
}
.it_x {
line-height: 20px;
font-size: 14px;
}
.it_x a {
color: #797979;
}
.imagetext .tx01 {
margin: 0;
}
.jianju li {
padding: 25px 0;
display: flex;
margin-bottom: 0;
}
.sk {
border: 1px solid #D8D8D8;
padding: 35px 15px;
border-radius: 5px;
}
.sk:hover {
background: #EEFFF7;
border: 1px solid #02D994;
}
.sk img {
width: 15px;
height: 15px;
margin-right: 10px;
}
.sk h4 {
font-size: 16px;
font-weight: bold;
}
.sk p {
font-size: 14px;
color: #999;
}
.qgreen { /*background: #EBF4EF;*/
background: #F8FFFB;
}
.bg-light {
background-color: transparent !important;
}
.foots {
height: 292px;
margin: 0;
padding: 0;
}
.carousel-inner {
background-image: linear-gradient(to right, #0e7ce7, #5cccd8);
/* background: url(img/bg@2x.png) no-repeat; */
background-size: 100% 100%;
}
.bluegreen {
background-image: linear-gradient(to right, #45c067, #5099a1);
}
.qianblueg {
background-image: linear-gradient(to right, #18aabe, #2bc3ce);
}
.qianblueg1 {
background-image: linear-gradient(to right, #08D9AE, #05C858);
}
.qgreentog {
background-image: linear-gradient(to right, #08a87b, #11c084);
}
.yellowgreen {
background-image: linear-gradient(to right, #24c06d, #d1d617);
}
.yellowblue {
background-image: linear-gradient(to right, #03b491, #1596e8);
}
.bluezi {
background-image: linear-gradient(to right, #3793fc, #cbabf0);
}
.shenblue {
background-image: linear-gradient(to right, #022fe8, #147afa);
}
.yanggreen {
background-image: linear-gradient(to right, #26bfa3, #30dfcb);
}
.shengreen {
background-image: linear-gradient(to right, #02b862, #03b75f);
}
.pubanner {
height: 115px; /*160px*/
position: relative;
}
.pubanner h4 {
font-size: 24px;
line-height: 24px;
color: #fff;
}
.pubanner p {
margin-top: 20px;
font-size: 14px;
line-height: 20px;
color: #fff;
font-weight: 300;
width: 600px;
}
.bantit {
position: absolute;
display: block;
opacity: 1;
top: 0px;
left: 20px;
margin-top: 45px;
}
.sticky {
animation-name: fadeHeaderInDown;
position: fixed;
background: white !important;
top: 0;
left: 0;
right: 0;
z-index: 22;
background: #fff;
animation-duration: 1s;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);
animation-fill-mode: both;
}
@keyframes fadeHeaderInDown {
0% {
opacity: 0;
transform: translate3d(0, -100%, 0);
}
100% {
opacity: 1;
transform: translate3d(0, 0, 0);
}
}
.onecons {
position: relative;
text-align: left;
border: 1px solid #E5E5E5;
padding: 25px 15px;
height: 320px;
}
.numbers {
border: 1px solid #02D994;
color: #02D994;
height: 30px;
display: flex;
justify-content: center;
align-items: center;
width: 30px;
border-radius: 50%;
line-height: 30px;
font-style: normal;
font-weight: normal;
text-align: center;
font-size: 16px;
margin-right: 15px;
}
.onecons h3 {
font-size: 18px;
color: #333333;
font-weight: bold;
margin-bottom: 25px;
display: flex;
align-items: center;
}
.onecons ul {
padding-left: 40px;
}
.onecons ul li {
font-size: 16px;
color: #333333;
padding-left: 25px;
line-height: 32px;
background: url('../img/items.png') no-repeat 0 center;
background-size: 20px 20px;
}
.onefooter {
position: absolute;
height: 55px;
bottom: 25px;
right: 25px;
}
.cf {
background: url(../img/bg@2x.png) no-repeat;
/*height:1384px;*/
background-size: 100%;
overflow: hidden;
}
.pgTitle {
position: absolute;
top: 80px;
left: 1%;
}
.pgTitle h3 {
margin-bottom: 10px;
font-size: 36px;
color: #fff;
}
.w1000 {
width: 1200px;
margin: 0 auto;
}
.bgrbtn {
margin: 100px auto;
}
.bgrbtn > a {
background: #02d994;
color: white;
}
.bgrbtn > a:hover i {
background: url('../img/arrrow_right.png') no-repeat 0 2px;
}
.w1000 .cg_imgs {
padding: 15px;
}
.swiper-pagination-bullet {
float: left;
width: 25px;
height: 3px;
border-radius: 2px;
color: #D9D9D9;
border: 1px solid #D9D9D9;
background: #D9D9D9;
margin-right: 10px;
}
.swiper-pagination-bullet-active {
color: #000;
background: #00BB7F;
border: 1px solid #00BB7F;
}
.twobtnrow {
justify-content: center;
margin-top: 80px;
}
.twobtnrow > a {
margin: 6px;
}
.sbw {
font-size: 14px;
margin: 10px 0;
/*margin-right: 24px;*/
display: flex;
font-weight: bold;
align-items: center;
justify-content: space-between;
}
.sbws {
font-size: 14px;
margin: 20px 0;
padding: 10px 0;
display: flex;
font-weight: bold;
align-items: center;
justify-content: space-between;
border-bottom: 1px solid #EFEFEF;
}
.sbws > span:first-child {
font-size: 18px;
}
.anybtns {
font-weight: normal;
float: right;
display: flex;
}
.anybtns > a {
margin-left: 15px;
display: flex;
color: #4A4A4A;
font-size: 14px;
border-radius: 2px;
transition: all .2s;
background: #ECECEC;
padding: 6px 10px;
text-align: center;
font-style: normal;
justify-content: center;
align-items: center;
}
.anybtns > a.active {
color: #FFFFFF;
background: #02D994;
}
.arrows {
position: relative;
width: 20px;
height: 20px;
display: inline-block;
font-style: normal;
}
.arrows::after {
content: '↓';
color: #4A4A4A;
position: absolute;
}
.anybtns > a.active .arrows::after {
content: '↑';
color: white;
position: absolute;
}
.bc_sx {
color: #9B9B9B;
font-size: 14px;
justify-content: space-between;
}
.bc_sx .bc_btn a {
margin-bottom: 0;
margin-right: 15px;
padding: 3px 8px;
}
.t_tit > h5 {
font-size: 14px;
color: #4A4A4A;
}
.t_tit {
line-height: 30px;
}
.t_tit > p {
font-size: 14px;
}
.bc_sx > h4 {
font-size: 16px;
color: #4A4A4A;
font-weight: 600;
}
.bc_co {
background: none;
padding: 15px;
}
.bc_co .resultes {
justify-content: space-between;
align-items: flex-end;
text-align: left;
height: 120px;
}
.resultes > div {
color: #9B9B9B;
font-size: 14px;
}
.resultes > div > span {
margin-right: 15px;
}
.grbtn {
display: inline-block;
color: #fff;
background: #00bb7f;
border-radius: 6px;
font-size: 14px;
padding: 6px 20px;
}
.grbtn:hover {
color: #fff;
background: #5bc1ac;
}
.sxcon {
border-bottom: 1px solid #EFEFEF;
}
.nopm {
margin-left: -15px;
margin-right: -15px;
margin-bottom: 50px;
}
.s_menu {
background: #F8F8F8;
padding: 10px 10px 10px;
}
.s_menu h3 {
font-size: 16px;
color: #333;
padding-bottom: 5px;
margin-bottom: 24px;
font-weight: bold;
position: relative;
}
.before_item {
line-height: 28px;
position: relative;
padding-left: 12px;
font-size: 18px;
margin: 120px 0 0;
font-weight: bold;
text-align:left;
}
.before_item::before {
background: #02D994;
content: '';
position: absolute;
top: 4px;
left: 0;
width: 3px;
height: 20px;
}
.ui-timeLine {
padding: 10px 0;
position: relative;
overflow: hidden;
}
.ui-timeLine > .item_t {
display: block;
position: relative;
text-align: justify;
word-break: break-all;
padding-left: 45px;
color: #fff;
padding-right: 12px;
}
.ui-timeLine > .item_t > .box {
padding: 5px 0;
}
.ui-timeLine > .item_t .cbox {
position: relative;
left: 100vw;
transition: left 1s;
padding: 6px 10px;
border-radius: 8px;
background: #f7f7f9;
}
.ui-timeLine > .item_t::after {
content: "";
display: block;
clear: both;
}
.ui-timeLine .dot {
z-index: 2;
display: inline-block;
position: absolute;
top: 0;
border-radius: 50%;
border: 1px solid #9B9B9B;
background: white;
transition: .5s;
line-height: 14px;
width: 14px;
height: 14px;
text-align: center;
top: 16px;
font-size: 10px;
left: 12px;
}
.ui-timeLine .lines, .ui-timeLine > .activeLine {
position: absolute;
left: 19px;
width: 1px;
height: 100%;
background-color: #9B9B9B;
}
.ui-timeLine .date {
color: #333;
font-size: 14px;
}
.ui-timeLine .title {
font-size: 16px;
font-weight: 900;
line-height: 30px;
}
.ui-timeLine .types > span {
font-size: 10px;
border-radius: 5px;
padding: 2px 10px;
margin-right: 10px;
border: 1px solid #fff;
}
.ui-timeLine > .activeLine {
background-color: rgba(0, 200, 255, .8);
z-index: 50;
top: 50px;
height: 0;
max-height: calc(100% - 80px);
font-size: 24px;
font-weight: 600;
color: #333333;
transition: height 1s;
box-shadow: 3px 3px 2px #eee;
}
.ui-timeLine .active {
border-color: #00BB7F;
background: #BEF2E2;
}
.ui-timeLine > .item_t:first-child .lines {
height: 50%;
bottom: 0;
}
.ui-timeLine > .item_t:last-child .lines {
height: 50%;
top: 0;
}
.nright {
padding: 0px 50px 20px 5px;
margin-bottom: 100px;
}
.nright h4 {
font-size: 22px;
font-weight: 600;
color: #333333;
margin-bottom: 15px;
}
.nav_url {
background: #F8F8F8;
margin-bottom: 20px;
}
.new_desc_right {
margin-top: 20px;
font-size: 14px;
}
.new_desc {
background: #F4FAF8;
font-size: 14px;
padding: 10px;
margin-top: 20px;
}
.new_desc > p {
text-indent: 2em;
line-height: 28px;
}
.new_desc_right_data {
margin-top: 15px;
}
.new_desc_right > p {
text-align: right;
}
.new_main_desc {
padding: 10px;
font-size: 14px;
margin-top: 20px;
}
.new_main_desc h4 {
color: #333333;
font-weight: bold;
font-size: 18px;
text-align: center;
}
.new_main_desc p {
line-height: 28px;
}
.new_main_desc_con h5 {
font-weight: bold;
font-size: 16px;
margin: 10px 0;
}
.new_main_desc_con p {
margin: 15px 0;
}
.sc {
margin: 30px 0;
}
.sc > a {
background: #00BB7F;
border: 1px solid #00BB7F;
height: 45px;
line-height: 45px;
color: #fff;
border-radius: 6px;
padding: 0 6px;
display: inline-block;
}
.wjx {
margin-right: 6px;
float: left;
margin-top: 7px;
display: inline-block;
background: url('../img/wjx.png') no-repeat center center;
background-size: 80% 80%;
width: 30px;
height: 30px;
}
.wjxed {
background: url('../img/wjxed.png') no-repeat center center;
background-size: 80% 80%;
}
.sc > p {
font-size: 14px;
color: #9B9B9B;
margin-top: 15px;
}
.tablesc {
width: 100%;
text-align: left;
border-collapse: collapse;
}
.tablesc tr td {
padding: 10px 6px;
font-size: 14px;
text-align: center;
color: #797979;
border: 1px solid #e8f1ec;
}
.text_right tr td:first-child {
text-align: center;
}
.text_right tr td {
text-align: left;
padding: 10px 15px;
}
.tablesc thead > tr > th {
height: 40px;
color: #4A4A4A;
padding: 10px 6px;
font-size: 14px;
text-align: center;
border: 1px solid #e8f1ec;
}
.czsao {
position: relative;
display: inline-block;
}
.czsao em {
font-style: normal;
margin: 0 6px;
}
.czsao a {
color: #00BB7F;
}
.row-s-c {
padding: 20px 20px 10px;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.15);
margin-bottom: 20px;
}
.vtits {
font-size: 16px;
margin-bottom: 10px;
font-weight: 600;
color: #4A4A4A;
}
.row-s-c-t {
padding: 10px 30px;
}
.tab_btn {
display: flex;
margin: 20px 0;
}
.tab_btn > a {
display: inline-block;
padding: 6px 25px;
font-size: 14px;
border-radius: 2px;
transition: all .2s;
color: #797979;
border: 1px solid #797979;
background: white;
margin: 0 4px;
transition: all 0.5s;
}
.tab_btn > a.active {
border: 1px solid #00B050;
color: #00B050;
}
.nodata {
display: none;
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
font-size: 14px;
flex-direction: column;
}
.threediv {
display: flex;
align-items: center;
}
.textright > h4 {
font-size: 16px;
color: #000;
}
.textright {
margin: 0 26px;
color: #7F7F7F;
text-align: center;
font-size: 12px;
line-height: 26px;
}
.mb25 {
margin-bottom: 25px;
}
.nobq {
color: #797979;
background: #F9F9F9;
padding: 50px 0;
text-align: center;
font-size: 14px;
}
.mtb25 {
margin: 25px 0 !important;
}
.mtb32 {
margin: 32px 0 !important;
}
.newp h4 a {
font-weight: bold;
color: #333;
transition: all .1s;
}
.newp_s {
padding: 10px 0;
border-bottom: 1px solid #EFEFEF;
}
.newp_s h4 {
line-height: 20px;
}
.newp_s .tx02 span {
font-size: 14px;
margin: 0;
margin-top: 15px;
}
.newp_s h4 a {
font-weight: bold;
color: #4A4A4A;
transition: all .1s;
font-size: 16px;
}
.artile {
line-height: 26px;
color: #797979;
margin-top: 10px;
overflow: hidden;
padding-bottom: 20px;
}
.artile2 {
height: 20px;
color: #9B9B9B;
line-height: 20px;
padding: 10px 0 7px;
}
.newp {
padding: 15px 0 15px;
border-bottom: 1px solid #EFEFEF;
margin: 15px auto;
}
.newp h4 a:hover {
color: #00BB7F;
}
.post_body {
padding: 15px 50px 15px 20px;
}
.post_body p {
margin: 34px 0;
text-align: justify;
}
.post_body img {
max-width: 100%;
}
.pbody .f_center {
margin-bottom: 34px;
}
.post_body h4 {
font-size: 22px;
font-weight: bold;
color: #4A4A4A;
}
.post_info {
color: #797979;
font-size: 14px;
line-height: 20px;
margin-top: 18px;
}
.updownPage {
display: flex;
height: 140px;
justify-content: space-between;
margin-bottom: 50px;
padding: 0 50px 0 10px;
margin-top: 100px;
}
.updownPage > div {
border: 1px solid #D6D6D6;
flex-basis: 48%;
}
.updownPage .before_item {
font-weight: 600;
margin:10px 0 0 0;
}
.updownPage .before_item > a {
color: #00BB7F;
}
.upcon {
height: calc(100% - 50px);
display: flex;
align-items: center;
justify-content: center;
padding: 0 30px;
}
.upcon > a {
color: #4A4A4A;
}
.upcon > a:hover {
color: #00BB7F;
}
.pro_cont .protex {
padding: 15px 15px 25px;
}
.pro_cont .protex > span {
margin: 8px 0;
}
.indexban {
background: url('../img/21.png') no-repeat;
background-size: 100% 100%;
height: 500px;
}
.relatievs {
position: relative;
}
/* 20231207 */
.h100 {
height: 100%;
}
.navbar-toggler {
border: 0;
padding: 0;
cursor: pointer;
margin: 0;
width: 30px;
height: 35px;
line-height: 1;
outline: none;
}
.navbar-toggler .navbar-toggler-icon {
background: #000000;
transition: background 10ms 300ms ease;
display: block;
width: 30px;
height: 2px;
position: relative;
}
.navbar-toggler .navbar-toggler-icon:before, .navbar-toggler .navbar-toggler-icon:after {
transition: top 300ms 350ms ease, -webkit-transform 300ms 50ms ease;
transition: top 300ms 350ms ease, transform 300ms 50ms ease;
transition: top 300ms 350ms ease, transform 300ms 50ms ease, -webkit-transform 300ms 50ms ease;
position: absolute;
right: 0;
left: 0;
background: #000000;
width: 30px;
height: 2px;
content: '';
}
.navbar-toggler .navbar-toggler-icon::before {
top: -8px;
}
.navbar-toggler .navbar-toggler-icon::after {
top: 8px;
}
.site-header {
height: 30px;
line-height: 30px;
color: #6C6C6C;
}
@media (min-width: 992px) {
.navbar-toggler {
display: none;
}
}
.headmsg {
font-size: 14px;
color: #6C6C6C;
float: right;
}
.headmsg > a {
color: #6C6C6C;
}
.headmsg > span {
margin-right: 15px;
}
.headmsg > a span img {
width: 14px;
height: 14px;
margin-right: 3px;
margin-top: -2px;
}
.search {
float: right;
max-width: 400px;
}
.btn-search {
border-radius: 0px;
background: #00BB7F;
color: #FFF;
border: #00BB7F solid 1px;
font-size: 14px;
height: 100%;
border-bottom-right-radius: 3px;
border-top-right-radius: 3px;
}
.btn-search:hover {
color: #FFF;
background: #00d38d;
border: #00BB7F solid 1px;
}
.form-control:focus {
outline: none;
border: #00BB7F solid 2px;
box-shadow: none;
}
.input-group .form-control {
height: 100%;
}
.clear {
clear: both;
}
.form-control {
border: #00BB7F solid 2px;
border-radius: 0;
font-size: 14px;
/*color: #D8D8D8;*/
}
.pd24 {
padding: 24px 0;
}
.navbar-nav .nav-link {
display: inline-block;
color: #FFFFFF;
position: relative;
padding: 0;
line-height: 40px;
transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out;
}
.h40blue {
height: 45px;
background: #00BB7F;
}
.h40blue .container {
padding: 0;
}
.navbar {
position: relative;
margin-bottom: 20px;
border: 0;
}
@media (min-width: 768px) {
.navbar-nav > li {
float: left;
position: relative;
}
.navbar-nav {
float: left;
margin: 0;
flex-direction: row;
}
}
.navbar-nav .nav-link {
display: inline-block;
color: #FFFFFF;
position: relative;
padding-right: 30px;
padding-left: 30px;
line-height: 45px;
transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out;
}
.search .input-group {
height: 40px;
}
.WidChildMenu {
flex-direction: column;
background: white;
z-index: 99999;
position: absolute;
min-width: 1000px;
left: -219px;
max-width:none;
display: none;
/* display: flex; */
box-shadow: 0 2px 10px rgba(0, 0, 0, .17);
}
.QyChildMenu {
display: none;
background: white;
z-index: 99999;
position: absolute;
min-width: 1000px;
padding: 14px;
box-shadow: 0 1px 10px rgba(0, 0, 0, .17);
}
.WidChildMenu li a:hover, .QyChildMenu li a:hover {
background: transparent;
}
.WidChildMenu > li {
flex: 1;
position: relative;
padding: 14px;
display: flex;
align-items: flex-start;
}
.WidChildMenu > li > a:hover p {
color: #00BB7F;
}
.WidChildMenu>li:hover h4{
color: #00BB7F;
}
.vtright {
float: right;
color: #666;
font-size: 14px;
font-weight: 400;
margin-top: 8px;
}
.vtright > a {
color: #666;
position: relative;
padding-right: 10px;
}
.vtright > a:hover {
color: #00BB7F;
}
.vtright > a .sarrow {
margin-top: 5px;
}
.imgs {
max-width: 220px;
}
.imgs img {
width: 220px;
}
.WidChildMenu h4 {
color: #333333;
font-weight: bold;
font-size: 16px;
margin: 0 15px;
margin-right: 30px;
min-width: 300px;
}
.WidChildMenu>li>a{
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
}
.WidChildMenu p {
border-radius: 8px;
font-size: 14px;
line-height: 26px;
color: #666;
display: inline-block;
}
.vtright > a .sarrow:hover {
border-color: #00BB7F;
}
.sarrow {
position: relative !important;
display: inline-block;
border-top: 1.5px solid rgba(0, 0, 0, .3);
border-right: 1.5px solid rgba(0, 0, 0, .3);
transition: transform 0.8s;
width: 8px;
height: 8px;
transform: rotate(44deg);
margin-right: 4px;
margin-left: 4px;
margin-top: 0;
}
.boxsxFh {
width: 100%;
display: flex;
margin-bottom: 25px;
margin-top: 30px;
border-radius: 5px;
margin: 0;
padding: 6px 0;
font-size: 14px;
}
.boxsxFh > span {
color: #4A4A4A;
display: block;
min-width: 120px;
text-align: left;
font-weight: bold;
height: 40px;
line-height: 40px;
white-space: nowrap;
margin: 5px 0;
}
.boxsxFh ul {
display: flex;
flex-wrap: wrap;
margin: 0;
}
.boxsxFh ul li {
color: #4A4A4A;
cursor: pointer;
margin: 5px 6px;
transition: all .3s;
height: 40px;
line-height: 40px;
text-align: center;
padding: 0 5px;
}
.boxsxFh ul li a {
color: #666;
}
.boxsxFh ul li a:hover {
color: #00BB7F;
}
.boxsxFh ul li.act {
border-radius: 6px;
background: transparent;
}
.boxsxFh ul li.act a {
color: #00BB7F;
}
.dropdown:hover .WidChildMenu {
display: flex;
}
.tabcent {
border-collapse: collapse;
width: 100%;
}
.tabcent tr th {
padding: 10px 16px;
font-weight: 500;
height: 40px;
color: #4A4A4A;
font-size: 14px;
text-align: left;
background: #EAF2EF;
}
.tabcent tr td {
padding: 14px 16px;
font-size: 14px;
text-align: left;
color: #4A4A4A;
}
.tabcent tr:nth-child(odd) {
background: #F6F9F8;
}
#search_result {
display: none;
}
/* index ban new */
.navmenus {
padding: 20px 2px;
display: flex;
flex-direction: column;
margin: 20px auto;
background: #00BB7F;
width: 100%;
height: 320px;
margin-bottom: 0;
}
.nmv {
clear: both;
margin-bottom: 10px;
}
.nmv ul li {
float: left;
margin: 5px 10px 5px 35px;
}
.nmv ul li a {
display: block;
font-size: 14px;
line-height: 18px;
color: #fff;
}
.nmv ul li a:hover {
text-decoration: underline;
}
.nmv h3 {
font-size: 14px;
font-weight: bold;
margin-bottom: 15px;
padding-left: 10px;
color: #fff;
}
.gundongtiao {
position: absolute;
z-index: 22;
left: inherit !important;
right: 20px;
bottom: 30px !important;
}
.ditem {
display: flex;
align-items: center;
}
.usernews {
height: 320px;
margin: 20px auto;
overflow: hidden;
margin-bottom: 0;
}
.lefsarrow {
transform: rotate(230deg);
left: 0;
}
.info_news_but .swiper-pagination-current {
color: #00BB7F;
}
.swiper-container2 .swiper-slide {
height: auto;
display: block;
}
.oicqtxt {
height: calc(100% - 50px);
margin: 0 !important;
display: flex;
flex-direction: column;
justify-content: space-around;
}
.foucebox {
width: 100%;
height: 320px;
background: #fff;
margin: 20px auto;
margin-bottom: 0;
display: flex;
position: relative;
}
.foucebox .showDiv a {
display: block;
width: 100%;
height: 100%;
}
.foucebox .showDiv img {
width: 100%;
height: 100%;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
}
.gundongtiao2 {
position: absolute;
z-index: 22;
left: inherit !important;
right: 20px;
bottom: 30px !important;
width: auto !important;
}
.borderf3 {
border: 1px solid #EFEFEF;
padding: 10px 10px;
}
.pr0 {
padding: 0;
}
/* .row{
margin-left: 0;
margin-right: 0;
margin-left: -15px;
margin-right: -15px;
}
}
.row>*{
padding-left: 0;
padding-right: 0;
} */
.news .info_news_text li a p {
font-size: 14px;
}
.news .info_news_text li {
padding: 5px 0 10px 0;
border-bottom: 0;
}
.news .info_news_but p {
padding: 5px 0;
font-size: 16px;
}
.news .info_news_but a {
margin-top: 5px;
font-size: 14px;
}
.news .info_news_but {
margin-bottom: 6px;
}
.avatar-md {
height: 50px;
width: 50px;
border-radius: 50%;
text-align: center;
}
.avabox {
font-size: 18px;
margin: 15px 0;
}
.news {
height: calc(100% - 182px);
border: 1px solid #EFEFEF;
margin-top: 12px;
padding: 5px 10px;
}
.logins {
background: #00BB7F;
border: 1px solid #00BB7F;
color: #FFFFFF;
}
.rigter {
background: #FFFFFF;
border: 1px solid #00BB7F;
color: #00BB7F;
margin-right: 0;
}
.dcf {
display: flex;
justify-content: center;
}
.dcf > a {
padding: 0 15px;
display: inline-block;
height: 35px;
line-height: 35px;
margin-right: 14px;
transition: all .2s;
font-size: 14px;
border-radius: 4px;
}
.dcf > a:hover {
opacity: .8;
color: #fff;
}
.dcf > a.rigter:hover {
color: #00BB7F;
}
.user-profile {
border: 1px solid #EFEFEF;
padding: 15px 0;
}
.vtit {
font-weight: 600;
color: #000;
font-size: 18px;
margin: 0 0 30px 0;
}
.leftfut {
background: linear-gradient(243deg, #D2FFEE 0%, #F2FFFA 100%);
height: 100%;
}
.leftfut {
padding: 20px;
position: relative;
}
.fut_tit {
position: relative;
margin-bottom: 35px;
font-size: 24px;
margin-top: 0;
font-weight: normal;
color: #333333;
height: 40px;
}
.fut_con {
color: #666666;
line-height: 24px;
font-size: 14px;
}
.texcol a{
padding-left: 20px;
/*border:0;*/
}
.texcol a:hover{
padding-left: 20px;
border:0;
background:transparent;
}
.fut_tit::after {
/* position: absolute;
content: '';
left: 0;
width: 120px;
bottom: -15px;
height: 6px;
background-image: linear-gradient(to right, #0ec99b, #8cfe7e);*/
}
.xws{
display:flex;
align-items:center;
height: 100%;
}
.org {
background: linear-gradient(180deg, #FFE186 0%, #FFFDF6 100%);
}
.text_right {
text-align: right;
}
.absolutes {
position: absolute;
bottom: 20px;
right: 20px;
width: 100%;
}
.fut {
border: 1px solid #EFEFEF;
height: 290px;
margin-bottom: 12px;
padding: 20px;
position: relative;
}
.prl7 .fut:nth-child(2) {
margin-bottom: 0;
}
.row > * {
padding-right: calc(var(--bs-gutter-x) * .25);
padding-left: calc(var(--bs-gutter-x) * .25);
}
.gdata {
margin: 25px 0;
margin-bottom: 0;
}
.f5f {
background: linear-gradient(360deg, #F5FEFF 0%, #D0F9FF 100%);
}
.ilef50 {
display: flex;
margin: 40px 0;
}
.single-counter {
flex-basis: 50%;
}
.counter {
font-weight: 600;
color: #333333;
font-size: 24px;
}
.sub-title {
font-weight: 400;
color: #666666;
line-height: 20px;
font-size: 14px;
}
.lotdiv {
height: 609px;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.cg_i {
flex-basis: 32%;
border: 1px solid #EFEFEF;
padding: 20px;
margin-bottom: 12px;
}
.cg_i {
flex-basis: calc(50% - 5px);
}
.cg_i h5 {
position: relative;
font-weight: 600;
color: #333333;
}
.cg_i h5:after {
position: absolute;
content: '';
left: 0;
width: 120px;
bottom: -15px;
height: 6px;
background: #F8C426;
}
.cg_i > p {
margin-top: 30px;
}
.lotdiv .cg_i:nth-child(4), .lotdiv .cg_i:nth-child(5), .lotdiv .cg_i:nth-child(6) {
margin-bottom: 0;
}
.ahrefyello a {
color: #FCD970;
}
.ahrefyello a:hover {
color: #fec418;
}
.nopt {
padding-top: 0;
}
.f5f .fut_tit::after, .f5fs .fut_tit::after {
background: #4AC8EB;
}
.org .fut_tit::after, .orgs .fut_tit::after {
background: #F8C426;
}
.prl6 {
padding-left: 0;
}
.prl5 {
padding-right: 0;
}
.f5f {
height: 592px
}
.site-footer-bottom {
margin-bottom: 15px;
margin-top: 40px;
}
.emailad_top {
height: 60px;
width: 100%;
padding: 15px;
background: #00BB7F;
}
.conemail {
display: flex;
justify-content: center;
padding: 30px 0;
}
.emailad_top > img {
width: 354px;
height: 36px;
}
.emailbox {
width: 800px;
background: #F8F8F8;
}
.emailad_body {
width: 100%;
height: calc(100% - 60px);
padding: 20px;
}
.child_bg {
background: white;
height: 100%;
}
.emailad_foot {
border-top: 1px solid #EBEBEB;
padding: 15px;
color: #9B9B9B;
font-size: 14px;
}
.main_txt {
height: calc(100% - 65px);
width: 100%;
padding: 15px;
}
.subtit {
text-align: right;
margin-top: 57px;
margin-bottom: 80px;
}
.subtit > a {
font-size: 17px;
color: #4A4A4A;
line-height: 38px;
text-shadow: 0px 2px 4px rgba(0, 0, 0, 0.05);
border-bottom: 3px solid #00BB7F;
padding: 10px 0;
font-weight: bold;
}
.main_txt h4 {
font-weight: 600;
font-size: 18px;
color: #4A4A4A;
line-height: 25px;
text-shadow: 0px 2px 4px rgba(0, 0, 0, 0.05);
margin-bottom: 25px;
}
.main_txt p {
font-weight: 400;
font-size: 14px;
color: #4A4A4A;
line-height: 28px;
text-indent: 2em;
}
.main_txt p em {
color: #00BB7F;
font-style: normal;
font-weight: bold;
}
.btnlogin {
padding: 2em;
}
.btnlogin > a {
display: inline-block;
text-align: center;
color: #fff;
background: #00BB7F;
padding-left: 20px;
padding-right: 20px;
border-radius: 3px;
line-height: 45px
}
.btnlogin > a:hover {
opacity: .8;
}
.anchor_point {
display: flex;
height: calc(100% - 51px);
}
.scroll_menu {
width: 250px;
margin-right: 23px;
min-height: 800px;
overflow: auto;
position: relative;
border: 1px solid #F2F2F2;
background: #F8F8F8;
padding: 15px 0;
}
.scroll_box {
flex: 1;
height: 100%;
scroll-behavior: smooth;
width: calc(100% - 250px);
}
.scroll_menu .node {
margin-left: 20px;
}
.node .tree {
color: #333;
position: relative;
font-size: 14px;
padding-left: 20px;
}
.node .tree:hover {
font-weight: bold;
}
.cv_fcv {
height: 100%;
overflow-y: auto;
}
.tree {
padding: 10px 6px;
cursor: pointer;
}
.node .actives {
color: #00B050;
display: flex;
align-items: center;
}
.every_div {
display: none;
}
.titles {
display: flex;
align-items: center;
margin-bottom: 30px;
margin-top: 3px;
}
.titles > h6 {
font-size: 18px;
font-weight: 600;
color: rgb(0, 0, 0);
margin-right: 25px;
}
.pro_cont_navs {
display: inline-block;
position: relative;
background: white;
width: 100%;
margin-bottom: 20px;
margin-top: 20px;
height: 40px;
}
.pro_cont_navs li {
float: left;
line-height: 40px;
}
.pro_cont_navs li a {
display: block;
color: #333;
font-size: 14px;
padding: 0 15px;
cursor: pointer;
position: relative;
}
.pro_cont_navs li .curr_btm, .pro_cont_navs li .active {
font-weight: bold;
color: #00BB7F;
}
.conp {
display: none;
}
.pro_cont_navs:after {
content: '';
position: absolute;
bottom: 0px;
height: 1px;
width: 100%;
visibility: visible;
background: #ddd;
}
.pro_cont_navs li .active::after {
content: '';
position: absolute;
bottom: 0px;
height: 2px;
background: #00BB7F;
width: 100%;
left: 0;
z-index: 2;
}
.home-top-box-right {
display: flex;
font-weight: 400;
font-size: 14px;
color: #666;
margin: 20px 0;
}
.top-icon {
width: 56px;
height: 56px;
}
.home-top-title {
font-weight: 500;
font-size: 14px;
color: #666;
letter-spacing: 0;
margin-left: 12px;
display: flex;
flex-direction: column;
justify-content: space-evenly;
}
.home-top-title > span {
font-weight: 600;
font-size: 15px;
color: #333333;
}
.all_box_row > span {
font-size: 12px;
font-weight: normal;
color: #9B9B9B;
}
.userico {
width: 50px;
height: 50px;
border-radius: 50%;
background: #E0F0EB;
color: #B5D0C8;
display: flex;
font-size: 20px;
align-items: center;
justify-content: center;
}
.formsetex > label > input {
background: #fff;
height: 34px;
outline: none;
padding: 0 4px;
color: #333;
width: 100%;
border: 1px solid #E1E1E1;
}
.onrow {
width: 50%;
}
.onrow .formsetex > label {
width: calc(100% - 90px);
}
.rowthree .formsetex > span > em {
margin-right: 2px;
color: red;
font-style: normal;
}
.rowthree {
background: #fff;
box-shadow: 0 0 5px 0 hsla(0, 0%, 91%, .53);
padding-top: 20px;
padding-left: 30px;
padding-right: 30px;
display: flex;
flex-wrap: wrap;
width: 70%;
justify-content: space-between;
}
.rowthree .formsetex > span {
color: #9B9B9B;
width: 100%;
}
.rowthree > .formsetex {
flex-basis: 45%;
display: block;
margin: 0;
margin-bottom: 10px;
}
.rowthree > .formsetex > label {
width: 100%;
}
.disa > label > input {
background: #F6F6F6;
border: 1px solid #E1E1E1;
}
.rowthree > .formsetex:last-child {
margin-right: auto;
margin: 0;
}
.publicbtn {
text-align: center;
width: 70%;
margin: 15px 0;
}
.publicbtn > a {
font-size: 14px;
color: #fff;
background: #00BB7F;
border: none;
padding: 8px 15px;
transition: .3s ease;
margin-top: 15px;
cursor: pointer;
border-radius: 0;
display: inline-block;
text-align: center;
white-space: nowrap;
}
.publicbtn > a:hover {
opacity: .7;
}
.shoucang {
margin-right: 15px;
cursor: pointer;
}
.shoucang > img {
width: 14px;
height: 14px;
margin-right: 3px;
margin-top: -2px;
}
.onrow .formsetex {
justify-content: left;
}
.show {
display: block;
}
.lastTop {
height: 158px;
}
.xq {
margin-bottom: 100px;
}
.xq > h5 {
font-weight: 600;
font-size: 20px;
line-height: 38px;
color: #333333;
margin: 20px 0 6px;
text-align: center;
}
.xq > .xqtime {
line-height: 18px;
color: rgba(0, 0, 0, .9);
margin-bottom: 42px;
text-align: center;
}
.xq > .xqtime > p {
display: inline-block;
margin-right: 20px;
color: #797979;
font-size: 14px
}
.xq > p {
font-size: 14px;
color: #333333;
line-height: 28px;
margin-bottom: 20px;
}
.attrs, .attrs > ul {
font-size: 14px;
color: #333333;
display: flex;
line-height: normal;
margin-left: 10px;
}
.attrs > h6 {
font-weight: bold;
font-size: 14px;
line-height: normal;
margin-right: 15px;
}
.attrs > ul > li {
margin-right: 30px;
cursor: pointer;
}
.attrs > ul > li.active {
color: #00BB7F;
}
.attr_con {
margin-top: 20px;
display: none;
}
.attr_con h4 {
font-size: 22px;
font-weight: 600;
color: #333333;
margin-bottom: 20px;
}
.empty_txt {
text-align: center;
font-size: 14px;
margin: 30px 0;
}
.empty_txt > img {
width: 70px;
}
.empty_txt > p {
font-size: 14px;
color: #9B9B9B;
}
.sjs {
position: relative;
}
.sjs::before {
position: absolute;
display: block;
width: 10px;
height: 10px;
content: " ";
top: 50%;
left: 2px;
margin-top: -4px;
transition: All .5s ease;
background-image: url(../img/sjs.png);
background-size: contain;
background-repeat: no-repeat;
}
.sj::before {
transform: rotate(-90deg);
}
.form_tit {
font-size: 14px;
color: #4A4A4A;
align-items: center;
display: flex;
padding: 8px 2px;
justify-content: space-between;
}
.serch_form {
display: grid;
gap: 10px;
grid-template-columns: repeat(3, 1fr);
margin-bottom: 20px;
}
.form_tit > span {
}
.form_inp {
width: 100%;
outline: none;
height: 40px;
border: 1px solid #e9e9e9;
padding: 0 3px;
}
.serch_form .ppa {
padding: 10px;
display: flex;
align-items: center;
}
.serch_form .ppa > span {
min-width: 70px;
font-size: 14px;
white-space: nowrap;
}
.serch_form .secbox {
width: 100%;
margin-right: 0;
}
.secbox .Initial {
color: #E1E1E1;
}
.serch_form .secbox > a {
width: 100%;
}
.databox {
display: flex;
align-items: center;
font-size: 14px;
color: #ccc;
}
.databox > input {
border: 0;
height: 34px;
outline: none;
background: transparent;
padding: 0 3px;
width: calc(50% - 28px);
color: #333;
border: 1px solid #ddd;
}
.databox > span {
display: inline-block;
width: 25px;
height: 25px;
line-height: 25px;
}
.nmv h3 img {
vertical-align: middle;
height: 14px;
margin-right: 10px;
}
.txt-center_ico {
text-align: center;
font-size: 14px;
color: #00BB7F;
width: 100%;
}
.txt-center_ico > img {
width: 86px;
margin-bottom: 20px;
}
.boxmk{
display: flex;
margin: 15px 0;
}
.bitems{
margin-right: 15px;
font-size: 14px;
}
.pic{
width: 50px;
height: 50px;
}
.btxt span{
color: #fff;
font-size:18px;
margin-right: 8px;
}
.btxt{
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 15px;
height: 120px;
padding:0 15px;
}
.bitems p{
line-height: 24px;
color: #4A4A4A;
}
.co1{
background: linear-gradient( 221deg, #00DFB6 0%, #00BB7F 100%);
}
.co2{
background: linear-gradient( 221deg, #91E1FF 0%, #39B1F4 100%);
}
.co3{
background: linear-gradient( 221deg, #FBE8FF 0%, #D69CFF 100%);
}
.co4{
background: linear-gradient( 221deg, #F3E5B5 0%, #DCC06E 100%);
}
.co5{
background: linear-gradient( 221deg, #50BFEE 0%, #1B91FF 100%);
}
.co6{
background: linear-gradient( 221deg, #AFF8C7 0%, #6EDC7E 100%);
}
.co7{
background: linear-gradient( 221deg, #A8B7F4 0%, #6A83E8 100%);
}
.co8{
background: linear-gradient( 221deg, #9DE894 0%, #54CB37 100%);
}
.co9{
background: linear-gradient( 221deg, #9AAEFF 0%, #5674EB 100%);
}
.co10{
background: linear-gradient( 221deg, #6EFDE3 0%, #40DAA9 100%);
}
.co11{
background: linear-gradient( 221deg, #FFD0AF 0%, #FDAD5D 100%);
}
.co12{
background: linear-gradient( 221deg, #F2B8EC 0%, #FF7ACC 100%);
}
.co13{
background: linear-gradient( 221deg, #9AF4FF 0%, #27E2E9 100%);
}
.rowbox{
display: flex;
justify-content: space-around;
padding: 15px 0;
}
.rowitem{
padding: 10px;
}
.rowitem>a{
text-align: center
}
.rowitem>a>.imgcla{
width: 50px;
height: 50px;
}
.rowitem>a>h6{
font-weight:bold;
font-size: 16px;
color: #333333;
margin: 15px 0;
}
.rowitem>a>p{
text-align: left;
color: #4A4A4A;
margin-top: 15px;
font-size: 14px;
}
.tab_boxs {
margin: 0 auto;
position: relative;
text-align: center;
margin-bottom: 60px;
}
.tab_boxs ul {
display: flex;
justify-content: center;
}
.tab_boxs ul li {
padding: 10px 30px;
color: #333333;
cursor: pointer;
background: #F6F6F6;
margin: 0 6px;
font-size: 15px;
border-radius: 40px;
}
.tab_boxs ul li a {
color: #333;
}
.tab_boxs ul li.active {
color: #00BB7F;
background: #E5F9F3;
position: relative;
cursor: default;
}
.tab_boxs ul li.active a {
color: #00BB7F;
}
.fitits {
position: relative;
font-size: 25px;
color: #333;
font-weight: bold;
}
.tbcon {
padding-right: 50px;
}
.rigbotmico{display: flex; height: 260px;}
.rig_gb1{padding: 39px 19px;position: relative;flex: 1;margin-right: 15px;}
.rig_gb1 h4{
font-size: 16px;
font-weight: bold;
color: #FFFFFF;
margin-bottom: 20px;
}
.rig_gb1 p{
font-size: 14px;
color: #FFFFFF;
}
.rig_gb1>img{
position: absolute;
right: 20px;
bottom: 20px;
width: 50px;
height: 50px;
}
.l1{ background: url(../img/l1.png) center 0 no-repeat;background-size: contain;}
.l2{ background: url(../img/l2.png) 0 0 no-repeat;background-size: contain;}
.l3{ background: url(../img/l3.png) 0 0 no-repeat;background-size: contain;}
.l4{ background: url(../img/l4.png) 0 0 no-repeat;background-size: contain;}
.l5{ background: url(../img/l5.png) 0 0 no-repeat;background-size: contain;}
.showse{
display:none;
}
.tbb1{display:flex;}
.fkr{
flex-wrap: wrap;
}
.fkr .bitems{
margin-right:0;
flex-basis: 33.3333%;
padding: 0 6px;
margin-bottom:30px
}
ul.leftjj li,ul.leftjj2 li,ul.leftjj3 li,ul.leftjj4 li,ul.leftjj5 li,ul.leftjj6 li,ul.leftjj7 li {
color: #4A4A4A;
font-size: 16px;
position: relative;
cursor: pointer;
border-radius: 3px;
padding: 10px 28px;
font-size: 15px;
font-weight: bold;
background: url("../img/dz1.png") no-repeat 5px 13px;
background-size: 14px 18px;
font-weight: normal;
}
ul.leftjj li p,ul.leftjj2 li p,ul.leftjj3 li p,ul.leftjj4 li p,ul.leftjj5 li p,ul.leftjj6 li p,ul.leftjj7 li p {
font-weight: normal;
font-size: 14px;
margin-top: 10px;
display: none;
}
ul.leftjj li.active,ul.leftjj2 li.active,ul.leftjj3 li.active,ul.leftjj4 li.active,ul.leftjj5 li.active,ul.leftjj6 li.active,ul.leftjj7 li.active {
background: #fff;
color: #00BB7F;
position: relative;
}
ul.leftjj li.active:before,ul.leftjj2 li.active:before,ul.leftjj3 li.active:before,ul.leftjj4 li.active:before,ul.leftjj5 li.active:before,ul.leftjj6 li.active:before,ul.leftjj7 li.active:before{
background: #02D994;
content: '';
position: absolute;
top: 12px;
left: 0;
width: 3px;
height: 20px;
}
ul.leftjj li.active p,ul.leftjj2 li.active p,ul.leftjj3 li.active p,ul.leftjj4 li.active p,ul.leftjj5 li.active p ,ul.leftjj6 li.active p ,ul.leftjj7 li.active p {
display: block;
}
.leftjj,.leftjj2,.leftjj3,.leftjj4,.leftjj5,.leftjj6,.leftjj7 {
margin-top: 30px;
background: #F6F6F6;
padding: 15px 0;
padding-bottom: 0;
}
.jjcont,.jjcont2,.jjcont3,.jjcont4,.jjcont5,.jjcont6,.jjcont7 {
transform: translateX(50px);
display: none;
transition: 1s all cubic-bezier(0.075, 0.82, 0.165, 1);
margin-top: 32px;
}
.jjcont p,.jjcont2 p,.jjcont3 p,.jjcont4 p,.jjcont5 p,.jjcont6 p,.jjcont7 p {
font-size: 14px;
}
.fkrs {flex-wrap:wrap;}
.actives{display:flex;}
.fkrs .bitems{
flex-basis: 20%;
margin-right:0;
padding: 0 6px;
margin-bottom:30px
}
.fkrs .bitems .btxt{
justify-content: center;
}
.thirdth .bitems {
flex:1;
flex-basis: 30%;
}
.fkrsfore .bitems {
flex-basis: 25%;
}
.twoth .bitems {
flex:1;
flex-basis: 50%;
}
.bitems h5{
font-weight: 600;
font-size: 16px;
color: #333333;
margin-bottom: 10px
}
.tbconitem li {
font-size: 16px;
color: #333333;
padding-left: 25px;
line-height: 32px;
background: url(../img/items.png) no-repeat 0 center;
background-size: 20px 20px;
float: none !important;
}
.tbconitem li>em{
font-style:normal;
font-weight:600;
}
.tbconitem {
margin-top: 20px;
}
.twstbc{
flex-wrap:wrap;
display:flex;
}
.twstbc li{
flex-basis:50%;
}
.jpxm{
font-weight: 600;
font-size: 18px;
color: #333333;
margin-bottom:30px
}
.jpxm_p{
font-size: 16px;
color: #333333;
}
.mb50{
margin-bottom:80px !important;
}
.dmc{
display: inline-block; margin-bottom:80px;
}
.nomargintop{margin-top:0;}
.ptcrz .fitits{
font-size:17px;
}
.ptcrz {
padding: 0 25px;
font-size:14px;
margin-bottom:84px
}
.ptcrz .tbconitem li{
font-size:14px;
}
.w58{width:50px; height: 50px;}
.mb20{margin-bottom:20px; font-size: 14px;}
.mb60{margin-bottom:60px; font-size: 14px;}
.fore_item {
line-height: 28px;
position: relative;
padding-left: 12px;
font-size: 18px;
margin: 20px 0 0;
font-weight: bold;
text-align: left;
}
.w90{
width:94%;
margin:0 auto;
}
.imas{text-align:center;}
.mb60{
margin-bottom:60px;
font-size: 14px;
}
.tbb11{ flex-direction: column;margin-bottom: 100px;}