*{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: 10px;
padding-bottom: 10px;
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: 2px;
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: #02d994;
border: 1px solid #02d994;
padding-left: 30px;
padding-right: 20px;
border-radius: 3px;
line-height: 45px;
}
.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;}
.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: 44px;
height: 22px;
}
.newsico::after{
position: absolute;
content: 'News';
font-size: 12px;
font-style: normal;
color: #00BB7F;
padding: 2px;
top: 2px;
line-height: normal;
border: 1px solid #00BB7F;
border-radius: 3px;
}
.info_news_text li{ padding: 25px 5px 21px; border-bottom: 1px solid #EFEFEF;}
.info_news_text li a{ color:#4a4a4a; display: flex;align-items: center;}
.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;}
.info_news_text li:hover a{ color:#00BB7F; }
.info_news_text li span.date{ margin-left: auto;white-space: nowrap; }
.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; */
}
.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 10px;}
.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;
}
.bc_two a{
color:#3593FF;
border-color:#3593FF;
}
.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: #4A4A4;
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-left: 6%;margin-top: 60px;}
.liucheng ul{list-style: none;}
.liucheng ul li{display: block;float:left;}
.liucheng ul li p{color: #333333;}
.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: 30px;margin-right:30px;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;
margin-right:20px;
}
.pro_cont_nav li a {
display: block;
color: #333 ;
font-size: 16px;
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{width:80%; margin:0 auto;margin-bottom: 25px;}
.main_cont>p{text-indent:2em;line-height:28px;margin-bottom: 10px;color: #4A4A4A;}
.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 {
color: #45E4B1;
font-size: 16px;
margin-bottom: 15px;
position: relative;
cursor: pointer;
}
ul.leftjj li.active{
color:#fff;
}
ul.leftjj li.active:before{
position: absolute;
content: '';
width: 2px;
height: 12px;
background: #fff;
left: -20px;
top: 5px;
}
.jjcont{ transform: translateX(50px); display: none; transition: 1s all cubic-bezier(0.075, 0.82, 0.165, 1); }
.jjcont p{ font-size: 14px;}
.jjcont .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: #00B150;
}
.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: 7px 20px;}
.t_tit>h5{
font-size: 14px;
color: #4A4A4A;
font-weight: normal;
margin-bottom: 20px;
}
.t_tit{
line-height: 30px;
margin-bottom:auto;
}
.t_tit>p{
font-size: 14px;
}
.bc_sx>h4{
font-size: 18px;
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: 5px;
font-size: 14px;
padding: 10px 30px;
}
.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;
width: 250px;
padding: 10px 10px 10px;
}
.s_menu h3{
font-size: 16px;
color: #333;
padding-bottom: 0px;
margin-bottom: 0px;
margin-top: 10px;
font-weight: bold;
position: relative;
}
.before_item{
line-height: 28px;
position: relative;
padding-left: 12px;
font-size: 16px;
margin: 20px 0 0;
font-weight: bold;
}
.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: 70%;
bottom: 0;
}
.ui-timeLine >.item_t:last-child .lines{
height: 50%;
top: 0;
}
.nright{
padding: 10px 10px 20px;
}
.nright h4,h1,h2,h3,h5,h6{
/* font-size: 22px; */
font-weight: 600;
color: #333333;
/* margin-bottom: 40px; */
margin-top: 20px;
}
.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: 60px;
line-height: 60px;
color: #fff;
border-radius: 6px;
padding: 0 40px;
width: 200px;
display: inline-block;
}
.wjx{margin-right: 6px; float: left; margin-top: 15px;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: 6px;}
.newp_s h4 a{
font-weight: bold;
color: #4A4A4A;
transition: all .1s;
font-size: 14px;
}
.artile{
line-height: 20px;
color:#797979;
margin-top: 10px;
overflow: hidden;
padding-bottom: 18px;
}
.artile2{
height: 20px;
color: #9B9B9B;
line-height: 20px;
padding: 10px 0 7px;
}
.newp{
padding: 15px 0 15px;
border-bottom: 1px solid #EFEFEF;
}
.newp h4 a:hover{
color: #00BB7F;
}
.post_body{
padding: 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: 15px;
padding: 0 10px;
}
.updownPage>div{border: 1px solid #D6D6D6; flex-basis: 48%; }
.updownPage .before_item{
font-weight: 600;
margin: 0;
}
.updownPage .before_item >a{
color: #00BB7F;
}
.upcon{height: calc(100% - 28px); 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: 40px;
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: 25px;
padding-left: 25px;
line-height: 40px;
transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out;
}
.search .input-group{height: 35px;}
.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;
}
.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 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: 15px;
}
.nmv ul li {
float: left;
margin: 5px 10px 5px 10px;
}
.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 #F3f3f3;
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: 10px 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;
margin-bottom: 40px;
}
.dcf>a{
padding: 0 40px;
display: inline-block;
height: 40px;
line-height: 40px;
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: 600;
color: #333333;
}
.fut_con{
color: #666666;
line-height: 24px;
font-size: 14px;
}
.fut_tit::after{
position: absolute;
content: '';
left: 0;
width: 120px;
bottom: -15px;
height: 6px;
background-image: linear-gradient(to right,#0ec99b,#8cfe7e);
}
.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: 18px;
}
.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;}
.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;
}
.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{
}
.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;
}
.attrs>h6{
font-weight: bold;
font-size: 14px;
line-height: normal;
margin-right: 15px;
}
.attrs>ul>li{
margin-right: 15px;
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;
}
.WidChildMenu>li>a{
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
}
.two_cons>a{
margin-right:30px;
font-size: 14px;
color: #333333;
}
.three_cons{
height: 60px;
background: #FAFAFA;
line-height: 60px;
display: none;
padding-left: 20px;
}
.three_cons>a{
margin-right:30px;
font-size: 14px;
color: #333333;
}
.two_cons>a.active,.three_cons>a.active{
color: #00BB7F;
}
.two_cons{
height: 60px;
line-height: 60px;
}
.tiboxe{
border: 1px solid #E4E4E4;
padding:15px;
}
.fore_cons{
font-size: 14px;
height: 60px;
line-height: 60px;
}
.fore_cons>span{
color: #9A9A9A;
}
.fore_cons>a{
color: #00BB7F;
height: 32px;
line-height:32px;
background: #E1F0EB;
border-radius: 3px;
display: inline-block;
padding: 0 8px;
margin-right:20px;
margin-right: 12px
}
.fore_cons>a>i{
font-style:normal;
margin-left:5px
}