@charset "utf-8";
/* CSS Document */

.newsd-body { /* margin: 3% auto !important; */ position: relative; top: 3%; }
.newslist-left { width: 25%; margin-top: 3vh; }
.newslist-left .newsbtn-list { border-radius: 20px; box-shadow: 0 0 5px #ccc; overflow: hidden; position: relative; margin-bottom: 10%; }
.newsbtn-list>a { /* background: #e8e8e8; */ padding: 10% 0; text-align: center; /* margin-top: 5%; */ /* border-radius: 1vw; */ font-size: 1.4vw; font-weight: 700; display: flex; align-items: center; /* border: 3px solid #e8e8e8; */ border-bottom: 1px dashed #999999; }
.newsbtn-list>a:first-child { margin-top: 0 !important; }
/*.newsbtn-list>a:last-child{*/
/*    display: none;*/
/*}*/

.feedback { /* margin-top: 10%; */ text-align: center; box-shadow: 0 0 5px rgb(0 0 0 / 10%); padding: 15px; background: #fff; max-width: 100%; box-sizing: border-box; z-index: 999; }
.feedback .title { font-size: 1.7vw; margin: 20px auto; font-weight: bold; background: #00cdaf; padding: 10px; border-top-left-radius: 30px; border-bottom-right-radius: 30px; color: #fff; }
.feedback input { border: 1px solid #dbdbdb; width: 100%; line-height: 35px; margin-bottom: 10px; padding: 5px; }
.feedback textarea { width: 100%; height: 80px; border: 1px solid #dbdbdb; margin-bottom: 10px; padding: 5px; font-family: Arial; }
.feedback input[type='submit'] { width: 50%; line-height: 40px; color: #fff; -webkit-appearance: button; background-color: #00cdaf; border: none; font-weight: bold; cursor: pointer; }
.newsd-right { width: 70%; /*box-shadow: 0 0 5px #aaaaaa;*/ /*padding: 30px;*/ margin-top: -7vh; }
.btnactive { background: linear-gradient(to right, #02d8a7 0%, #06bcc5 100%) !important; text-shadow: -1px 0 white, 0 1px white, 1px 0 white, 0 -1px white; }
 .btnactive::before {
 content: "";
 background: url(../images/active-yes.png) !important;
 width: 14px;
 height: 16px;
 display: flex;
}
.newsbtn-list>a:hover { background: linear-gradient(to right, #02d8a7 0%, #06bcc5 100%) !important; text-decoration: none; text-shadow: -1px 0 white, 0 1px white, 1px 0 white, 0 -1px white; }
 .newsbtn-list>a:hover::before {
 content: "";
 background: url(../images/active-yes.png) !important;
 width: 14px;
 height: 16px;
 display: flex;
}
 .newsbtn-list>a::before {
 content: "";
 background: url(../images/active-no.png);
 width: 14px;
 height: 16px;
 display: flex;
 align-items: center;
 margin-left: 15%;
 margin-right: 5%;
}
.news-hot { /* border: 1px dashed #909090; */ border-radius: 1vw; margin-top: 10%; padding: 10% 4%; }
.news-hot-title { text-align: center; font-size: 34px; font-weight: 700; display: flex; align-items: center; justify-content: center; }
 .news-hot-title::before {
 content: "";
 background: url(../images/a2.png);
 width: 34px;
 height: 40px;
 display: flex;
 margin-right: 15px;
}
.news-hot-list { margin-top: 20%; font-size: 0.8vw; }
.news-hot-list .hot-container { box-shadow: 0 0 5px #ccc; padding: 20px; border-radius: 15px; margin-bottom: 30px; }
.news-hot-list .hot-container:hover img { transform: scale(1.05); }
.news-hot-list .hot-container:hover a { color: #0cceb0; }
.news-hot-list .hot-container .hot-img img { max-width: 100%; border-radius: 10px; transition: all 1s ease; }
.news-hot-list .hot-container .time { display: flex; justify-content: space-between; align-items: center; }
.news-hot-list .hot-container a { line-height: 2; font-weight: bold; color: #666; margin: 15px 0; }
.news-hot-list .hot-container .time .left { display: flex; align-items: center; color: #666666; }
.news-hot-list .hot-container .time .left img { margin-right: 10px; }
.news-hot-list>a { padding-left: 10%; margin-top: 20%; background: url('../images/icon15.png') no-repeat; background-position: 1% center; color: #9e9e9e; }
.news-hot-list>a:hover { color: black; font-weight: 600; }
body .nav-tips { background: url('../images/banner7.png') no-repeat center center; background-size: 100% auto; padding-top: 6%; padding-bottom: 12%; position: relative; }
.newsd-title {
 font-size: .5rem; font-weight: 700; }
.newsd-mes { display: flex; margin-top: .2083rem;
gap: 30px; }
.newsd-mes>div { padding: 1% 0; color: #c4c4c4; font-size: 14px; }
.newsd-mes>div:first-child, .newsd-mes>div:last-child { display: flex; align-items: center; gap: 10px; }
.newsd-mes>div:first-child:before { content: ""; background: url('../images/icon16.png') no-repeat; width: 24px; height: 25px; background-size: contain; display: block; }
.newsd-mes>div:last-child:before { content: ""; background: url('../images/icon17.png') no-repeat; width: 25px; height: 25px; display: block; }
.newsd-txt { box-shadow: 0 0 5px #ccc; /*margin-top: 5%;*/ font-size: 16px; line-height: 2; color: #666; padding: 5%;/* text-align: justify; */ }
.newsd-txt .warm-tip { border: 1px dashed rgb(41,45,58); background: #f2f4f6; padding: 20px 30px; margin-bottom: 30px; }
.newsd-txt .warm-tip .warmtip-txt { display: flex; gap: 15px; }
.newsd-txt .warm-tip .warmtip-txt span { white-space: nowrap; color: #00cdaf; font-size: 18px; }
.newsd-txt .warm-tip .warm-btn { display: flex; justify-content: center; gap: 20px; margin-top: 30px; }
.newsd-txt .warm-tip .warm-btn a { display: flex; justify-content: center; align-items: center; width: 130px; height: 32px; background: #00cdaf; border-radius: 10px; color: #ffffff; font-size: 15px; }
.newsd-txt .warm-tip .warm-btn a div { font-size: 15px; margin: 0 0 0 10px; }
.iconfont { font-size: 15px!important; }
.newsd-txt a { display: inline; }
.newsd-txt p { word-break: break-word; }
/*.newsd-txt img { width: 100%; max-width: 100%; }*/
.newsd-txt div { margin: 0 auto; }
.newsd-btn { margin-top: 5% !important; border-top: 1px dashed #bfbfbf; padding-top: 3%; }
.newsd-btn .before, .newsd-btn .next { display: flex; align-items: center; text-align: left; }
.newsd-btn .next { margin-top: 15px; }
.newsd-btn .before div, .newsd-btn .next div { margin: 0; flex:1; }
.newsd-btn .before div a:last-child:hover, .newsd-btn .next div a:last-child:hover { color: #0ccfb1; }
.newsd-btn .before div a span:first-child, .newsd-btn .next div a span:first-child { /* font-size: 1vw; */ font-weight: bold; text-transform: uppercase; }
 .newsd-btn .before::before {
 content: "";
 background: url(../images/up.png) no-repeat;
 background-size: 100% 100%;
 width: 39px;
 height: 36px;
 display: block;
 margin-right: 15px;
}
 .newsd-btn .next::before {
 content: "";
 background: url(../images/down.png) no-repeat;
 width: 39px;
 height: 36px;
 display: block;
 margin-right: 15px;
}
.newsd-btn>a { color: #5c5c5c; font-size: 1vw; padding-left: 4%; display: flex; }
.newsd-btn>a>span:first-child { color: #2c313e; font-weight: 700; }
.newsd-btn>a:first-child { background: url('../images/up.png') no-repeat; width: 39px; height: 36px; background-position: 1% center; }
.newsd-btn>a:last-child { background: url('../images/down.png') no-repeat; width: 39px; height: 36px; background-position: 1% center; }
.interested { background: url('../images/below.png') no-repeat; background-size: 100% 100%; background-position: 1% 1%; max-width: 1400px; margin: 0 auto; padding: 2% 3%; position: relative; z-index: 9; }
.interested .interested-list-con { overflow-x: auto; }
.interested-title { font-size: 28px; font-weight: 700; color: #33394a; }
.interested-list { margin-top: 3%; }
.interested-list>a { width: 23%; /* border-radius: 2vw; */ overflow: hidden; display: flex; flex-direction: column; justify-content: space-between; }
.interested-txt { /* background: #4c4c4c; */ color: #333333; padding: 6% 2%; text-align: center; font-size: 16px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.interested-list img { width: 100%; max-width: 100%; background: #ffffff; }
.interested-list>a:hover { border: 3px solid #04cdae; }
.inter { background-size: 100% 80%; position: relative; padding-bottom: 8vw; }
 .inter::before {
 content: "";
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 height: 6%;
 background: #ffffff;
 z-index: 0;
}
.top_nav { display: flex; color: #fff; max-width: 1400px; margin: 0 auto; position: absolute; left: 50%; top: 15px; transform: translateX(-50%); z-index: 1; width: 100%; }
.top_nav a { color: #fff; }
.new-title { color: #fff; position: absolute; font-size: 16px; display: flex; flex-direction: column; left: 50%; top: 50%; transform: translate(-50%, -50%); }
.new-title .newsd-title, .new-title .newsd-mes { /* position: absolute; */ width: 100%; }
.new-title a { color: #fff; margin-bottom: 30px; font-weight: normal; font-size: 0.89vw; }
.consulting-service { position: absolute; bottom: 1vw; right: 15vw; text-align: center; font-size: 16px; }
.consulting-service img { margin: 0 auto; width: 0.3299rem; height: 0.3093rem; }
.consulting-service .consulting, .consulting-service .service { font-size: .1979rem;
}
 @media screen and (max-width:1980px) {
 .newsd-right {
 margin-top: -.4rem;
}
}
 @media screen and (max-width:1680px) {
 .newsd-right {
 margin-top: -.4rem;
}
}
 @media screen and (max-width:1500px) {
 .newsd-right {
/* margin-top: -3.7vh; */



    }
}
 @media screen and (max-width:1400px) {
 .top_nav, .new-title {
 padding-left: 15px;
 padding-right: 15px;
}
}
 @media screen and (max-width:1380px) {
 .newsd-right {
/* margin-top: -3.5vh; */



    }
}
 @media screen and (max-width:1280px) {
 .newsd-right {
/* margin-top: -3.3vh; */



    }
}
 @media screen and (max-width:1080px) {
 .newsd-right {
 margin-top: 0;
}
 body .nav-tips {
 background: rgb(41,45,58);
 min-height: 200px;
}
 .feedback {
 display: none;
}
 .newslist-left {
 width: 37%;
}
 .newsd-right {
 width: 60%;
}
 .newsbtn-list>a {
 font-size: .5rem;
}
}
 @media screen and (max-width:768px) {
 .newsd-body {
 flex-wrap: wrap;
}
 .newsd-right, .newslist-left {
 width: 100%;
}
 .newsd-txt .warm-tip .warmtip-txt {
 flex-wrap: wrap;
}
 .newsbtn-list>a {
 font-size: 24px;
 padding: 30px 0;
}
 .news-hot-title {
 font-size: 24px;
}
 .newslist-left .newsbtn-list {
 margin-bottom: 0;
}
 .news-hot {
 margin-top: 0;
 padding: 30px .31rem;
}
 .news-hot-list {
 margin-top: 30px;
 display: flex;
 flex-wrap: wrap;
 gap: 20px;
}
 .news-hot-list .hot-container {
 width: calc((100% - 20px) / 2);
 margin-bottom: 0;
}
 .interested-list {
 display: block!important;
 white-space: nowrap;
}
 .interested-list>a {
 width: 60%;
 display: inline-block;
 margin-right: 20px;
}
 .interested {
 background: none;
 margin-top: 0;
}
 .interested-list>a:last-child {
 margin-right: 0;
}
}
 @media (max-width:500px) {
 .news-hot-list .hot-container {
 width: 100%;
}
 .news-hot-list .hot-container .hot-img img {
 width: 100%;
}
 .interested-list>a {
 width:80%;
}
 .interested-title {
 font-size: 20px;
}
}
