@charset "utf-8";

 

html{font-size: calc(16vw / 1920 * 100);}


/* 登录页 */
.cm-login {width: 100%;height: 100%;}
.cm-login-advertisingfigure {width: 100%;height: 100%;position: relative;}
.cm-login-advertisingfigure .pic {width: 100%;height: 100%;background-position: center;background-repeat: no-repeat; background-size:cover;}
.cm-login-advertisingfigure .text {position: absolute;left: 5%;bottom: 7%;width: 35%; color: #fff;}
.cm-login-advertisingfigure .text h3{font-weight: normal;font-size: 22px;margin: 0;}
.cm-login-advertisingfigure .text line {display: block;width: 35px;height: 2px;background: #fff;margin:15px 0;}
.cm-login-advertisingfigure .text h5{font-weight: normal;line-height: 24px;margin: 0;opacity: .6;}

.cm-login-right {width: 37%;height: 100%;background: #fff;position: absolute;right: 0;top: 0;z-index: 10;}
.cm-login-right .content {width: 46%;margin: auto;position: relative;}
.cm-login-right *{-webkit-transition:all .5s ease;-moz-transition:all .5s ease;transition:all .5s ease;}
.cm-login-right .content .welcome {color: #2e2e33;}
.cm-login-right .content .welcome h2 {font-size: 30px;}
.cm-login-right .content .input {width: 100%;padding:4% 0;display: block; border-bottom: 1px solid #e4e5ed;background: none;outline: none;}
.cm-login-right .content .input:focus {border-bottom: 1px solid #233d52;}
.cm-login-right .content .submit {width: 100%;background: #233d52;color: #fff;font-size: 14px;padding: 4% 0;text-align: center;border-radius: 22px;cursor: pointer;overflow: hidden;}
.cm-login-right .content .submit:hover{background: #395063;}
.cm-login-right .content .submit.disabled {background: #7b8b97;cursor: default;color:#bcc3c9;}
.cm-login-right .content .link {text-align: center;padding-top: 4%;}
.cm-login-right .content .link a {color: #a1a2b2;font-size: 13px;margin: 0 1%;}
.cm-login-right .content .link a:hover {color: #233d52;}
.cm-login-right .content .nextbtn {width: 100%;background: #233d52;color: #fff;font-size: 14px;padding: 4% 0;text-align: center;border-radius: 22px;cursor: pointer;overflow: hidden;}
.cm-login-right .content .nextbtn:hover{background: #395063;}
.cm-login-right .content .nextbtn.disabled {background: #7b8b97;cursor: default;color:#bcc3c9;}
.cm-login-right .content .verification-code {background: none;position: absolute;color:#5975ff;right: 0;top: 50%;margin-top: -3px; border: none;z-index: 3;cursor: pointer;}
.cm-login-right .content .verification-code:hover {color: #5975ff;}
.cm-login-right .content .verification-code.disabled  {color: #ccc;cursor: default;} 
.cm-login-right .content .verification-code.disabled:hover {color: #ccc;}
.input-tip {font-size: 12px;padding-top: 2px;overflow: hidden;color: #ff5959;}
.cm-login-right .content .input.error:focus {border-bottom: 1px solid #ff5959;}
.cm-login  {}
.cm-forgot-password {position: absolute;width: 100%;height: auto;right:0px;bottom: 0;z-index:3;background: #fff;opacity: 1;}
.cm-reset-password { position: absolute;width: 100%;height: auto;right:0px;bottom: 0;z-index:4;background: #fff;opacity: 1;}
.r-hide {opacity: 0;z-index: -1;}




/* 主页 - 内容 */
.cm-index-right {margin-left:7.5%; margin-top: 74px;overflow: hidden;}
.cm-index-right .content {
    /* border-bottom: 15px solid rgb(246, 246, 246); */
}
.cm-index-right-top {position: relative;}
.cm-index-banner {}
.cm-index-banner .pic{background-color: #223c51;background-size: cover;background-position: center;background-repeat: no-repeat;}
.cm-index-banner .pic img{display: block; width: 100%;height: auto;opacity: 0;filter:alpha(opacity=0);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";}
.column-title {background: url("../images/index/column-title.png") center no-repeat;width: 282px;height: 123px;line-height: 64px; position: absolute;left: 50%;top: 50%;margin-top: 10px; margin-left: -141px; text-align: center;}
.knowledge-classification-nav {background: #fff;padding: 2.2rem 0 2rem 0;overflow: hidden;text-align: center;font-size: 0;/* margin-left: 7.5%; *//* margin-top: 74px; *//* overflow: hidden; */border-bottom: 1rem solid rgb(246, 246, 246);}
.knowledge-classification-nav a {display: inline-block;vertical-align: middle;padding: 0.5% 1.85%;position: relative;border-radius: 0.1rem;font-size: 0.8rem;color: #333333;/* text-align:  center; */line-height: 1.5;}
.knowledge-classification-nav a * {list-style: none;margin: 0;padding: 0;}
.knowledge-classification-nav a ul{display: table;width: 100%;height: 4rem;margin-bottom: 0.1rem;}
.knowledge-classification-nav a ul li{display: table-cell;vertical-align: middle;}
.knowledge-classification-nav a ul li img {max-width: 100%;max-height: 100%;width: 6.5rem;height: 6.5rem;padding-bottom: 0.2rem;}
.knowledge-classification-nav a i{
    width: 5rem;
    height: 5rem;
}
.knowledge-classification-nav a::after {content: '';width: 0.07rem;height: 100%;display: block;position: absolute;right: 0;top: 0;background: #f6f6f6;}
.knowledge-classification-nav a:last-child::after {display: none;}

.knowledge-classification-nav a:hover::after {display: none;}


/* 主页 - 左边 */
.cm-index-right-main {/* margin-top: 15px; */overflow: hidden;background: #fff;/* padding: 4% 0 0 0; */}
.cm-index-right-main .content {width: 90%;margin: auto;overflow: hidden;}
.index-right-main-left {float: left;width: 75%;}
.company-news-nav {position: relative;border-bottom: 0.1rem solid #f2f2f2;padding-bottom: 1.2rem;/* margin-top: 2%; */}
.company-news-nav::after {content: '';display: block;width: 8rem;height: 0.1rem;background: #233d52;position: absolute;left: 0;bottom: -0.08rem;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;transition:all .5s ease;}
.company-news-nav li{display:inline-block;vertical-align: middle;margin: 0;padding: 0;list-style: none;}
.company-news-nav li a{display: block;font-size: 1.3rem;color: #a1a4b2;margin-right:55px;}
.company-news-nav li a i {width: 2rem;height: 1.5rem;display: inline-block;vertical-align: middle;}
.company-news-nav li a i.in1 {background: url("../images/index/inews11.png") left center no-repeat;}
.company-news-nav li a i.in2 {background: url("../images/index/inews22.png") left center no-repeat;}
.company-news-nav li a i.in3 {background: url("../images/index/topic11.png") left center no-repeat;}
.company-news-nav li a i.in4 {background: url("../images/index/qa11.png") left center no-repeat;}
.company-news-nav li.cur a{color: #2e2f33;font-weight: bold;}
.company-news-nav li.cur a i.in1,.company-news-nav li a:hover i.in1{background: url("../images/inews1.png") left center no-repeat;}
.company-news-nav li.cur a i.in2,.company-news-nav li a:hover i.in2{background: url("../images/index/inews2.png") left center no-repeat;}
.company-news-nav li.cur a i.in3,.company-news-nav li a:hover i.in3{background: url("../images/topic1.png") left center no-repeat;}
.company-news-nav li.cur a i.in4,.company-news-nav li a:hover i.in4{background: url("../images/index/qa1.png") left center no-repeat;}
.company-news-nav li a:hover {color: #2e2f33;}
.company-news-nav .viewmore {position: absolute;right: 0;top:7px;}
.company-news-nav .viewmore a{font-size: 0.6rem;color: #a3a3a3;}
.company-news-nav .viewmore a i{font-family: "宋体";font-size: 12px;display: inline-block;width: 22px;height: 22px;line-height: 22px;border-radius: 100px;background: #747474;color: #fff;text-align: center;margin-left: 3px;}
.company-news-nav .viewmore a:hover {color: #3d474d;}
.company-news-nav .viewmore a:hover i{background: #3d474d;}


.cnswiper-1 {min-height: 100%;margin-bottom: 1%;}
.cnswiper-2 {min-height: 600px}
.company-news-nav.movex::after {left: 190px;}
.company-news-nav.cnnav-2.movex::after {left: 190px;width: 155px;}

 
.company-news-swiper {position: relative;overflow: hidden;}
.swiper-inews {overflow: hidden;background: #fff;}
.swiper-inews a *{-webkit-transition:all .5s ease;-moz-transition:all .5s ease;transition:all .5s ease;}
.swiper-inews a{border-bottom: 0.07rem solid #f0f2fa;display: block;overflow: hidden;padding: 1.2rem 0;position: relative;}

.swiper-inews a .pic{float: left;width:22%;border-radius: 4px;overflow: hidden;}
.swiper-inews a .pic img{display: block;width: 100%;height: auto;}
.swiper-inews a .txt{padding:1% 0 0 3%;width:75%;overflow: hidden;}
.swiper-inews a .txt h4{position: relative;margin: 0;padding: 0;}
.swiper-inews a .txt h4 strong{display: block;font-size: 1.1rem;color: #2e2f33;width: 80%;}
.swiper-inews a .txt h4 span{font-size: 0.8rem;color: #a1a4b2;position: absolute;width: 15%;text-align: right;top: 0.1rem;right: 0;}
.swiper-inews a .txt h5{margin: 0;padding: 1rem 0 0 0;font-size: 0.8rem;line-height: 2;px;color: #878787;font-weight:normal;}
.swiper-inews a h6 {margin: 0;padding: 0px 0 0 0.9rem;font-weight: normal;font-size: 1rem;color: #2e2f33;position: relative;}
.swiper-inews a h6::before {content: '';display: block;width: 3px;height: 3px;background: #231b18;position: absolute;left: 0;top: 50%;margin-top: -1.5px;}
.swiper-inews a i {display: block;position: absolute;width: 15%;font-size: 0.6rem;color: #a1a4b2;text-align: right;top: 50%;right: 0;margin-top: -0.7rem;}


.cnnav-2 {/* margin-top:40px; */}
.swiper-itopic {overflow: hidden;position: relative;background: #fff;}
.swiper-itopic *{-webkit-transition:all .5s ease;-moz-transition:all .5s ease;transition:all .5s ease;}
.swiper-itopic li {list-style: none;border-bottom: 1px solid #f0f2fa;display: block;overflow: hidden;padding:18px 0;position: relative;cursor: pointer;} 
.swiper-itopic li h4 {margin: 0;padding: 0;list-style: none;display: block;}
.swiper-itopic li .hover {height: 0px;overflow: hidden;position: absolute;top: 23px;left: 0;width: 100%;background: #fff;z-index: 3;}
.swiper-itopic li.cur {padding: 80px 0 60px 0;}
.swiper-itopic li.cur .hover{height:auto;}
.swiper-itopic li .hover .pic{width:22%;float: right; border-radius: 4px;overflow: hidden;}
.swiper-itopic li .hover .pic img {display: block;width: 100%;height: auto;}
.swiper-itopic li .hover .txt{padding:2px 0 0 40px;margin-top: 10px;overflow: hidden;position: relative;float: left;width: 70%;}
.swiper-itopic li .hover .txt i{width: 30px;height: 30px;display: block;position: absolute;left: 0;top: 0;}
.swiper-itopic li .hover .txt i img{display: block;}
.swiper-itopic li .hover .txt h4{position: relative;display: inline-block;}
.swiper-itopic li .hover .txt h4 strong{font-size: 18px;color: #2e2f33;position: relative;z-index: 3;}
.swiper-itopic li .hover .txt h4::after {content: '';width: 100%;height:8px;position: absolute;left: 0;bottom: 0;z-index:1;}
.swiper-itopic li .hover .txt h5{font-size: 14px;color: #737580;margin: 10px 0;font-weight: normal;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.swiper-itopic li .title {clear: both;overflow: hidden;}
.swiper-itopic li .title * {display: inline-block;vertical-align: middle;}
.swiper-itopic li .tleft {width:54%;}
.swiper-itopic li .tleft i{width: 30px;height: 30px;position: relative;}
.swiper-itopic li .tleft i img{display: block;}
.swiper-itopic li .tleft span {width:85%;font-size: 16px;color: #2e2f33;padding-left:10px;font-weight: normal;}
.swiper-itopic li .tright {width:45%;text-align: right;}
.swiper-itopic li .tright span{font-size: 12px;color: #a1a4b2;padding-left:5%;}
.swiper-itopic li .tright a{font-size: 12px;color: #a1a4b2;padding-left:4%;}
.as-user {overflow: hidden;padding-top: 15px;}
.as-user * { display: inline-block;vertical-align: middle;font-size: 14px;color: #a1a4b2;}
.as-user-headportrait {width: 30px;height: 30px;border-radius: 100px;overflow: hidden;}
.as-user-topicword {margin-left: 5%;overflow: hidden;}
.swiper-itopic li:nth-child(1) .hover .txt h4::after {background: #fdcf2c;}
.swiper-itopic li:nth-child(2) .hover .txt h4::after {background: #b0cff0;}
.swiper-itopic li:nth-child(3) .hover .txt h4::after {background: #e0c8b1;}
.swiper-itopic li i::before {position: absolute;left:50%;font-size: 12px;top: 50%;width: 8px;margin-left: -5px;margin-top: -10px;color: #a1a4b2;}
.swiper-itopic li:nth-child(4) i::before {content: '4';}
.swiper-itopic li:nth-child(5) i::before {content: '5';}
.swiper-itopic li:nth-child(6) i::before {content: '6';}
.swiper-itopic li:nth-child(7) i::before {content: '7';}
.swiper-itopic li:nth-child(8) i::before {content: '8';}
.swiper-itopic li:nth-child(9) i::before {content: '9';}

.swiper-itopic.sitopic-2 li .hover .txt {padding:2px 0 0 10px;}
.swiper-itopic.sitopic-2 li .tleft span::before {content: '';display: block;width: 3px;height: 3px;background: #231b18;position: absolute;left: 0;top: 50%;margin-top: -1.5px;}
.swiper-itopic.sitopic-2 li .hover .txt h4::after {display: none;}



/* 主页 - 右边 */
.index-right-main-right {float: right;width: 20%;overflow: hidden;}
.index-right-main-right .title-top{position: relative;overflow: hidden;}
.index-right-main-right .title-top::after {content: '';display: block;width: 130px;height: 2px;background: #747474;position: absolute;left: 0;bottom: 0;}
.index-right-main-right .title-top h3{position: relative;margin: 0;padding: 0 0 1rem 2rem;border-bottom: 0.1rem solid #f0f2fa;}
.index-right-main-right .title-top h3 * {display:inline-block;vertical-align: middle;}
.index-right-main-right .title-top h3 i{width: 50%;height: 50%;position: absolute;left: 0;top: 0.1rem;}
.index-right-main-right .title-top h3 strong {font-size: 1.3rem;color: #2e2f33;}
.index-right-main-right .title-top .viewmore{position: absolute;right: 0;top: 10px;}
.index-right-main-right .title-top .viewmore a{font-size: 0.6rem;color: #a3a3a3;}
.index-right-main-right .title-top .viewmore a i {font-family: "宋体";font-size: 12px;display: inline-block;width: 22px;height: 22px;line-height: 22px;border-radius: 100px;background: #747474;color: #fff;text-align: center;margin-left: 3px;}
.index-right-main-right .title-top .viewmore a:hover {color: #3d474d;}
.index-right-main-right .title-top .viewmore a:hover i{background: #3d474d;}
.company-announcement {}
.company-announcement .list {}
.company-announcement .list li {list-style: none;margin: 0;padding: 0;border-bottom: 1px solid #f6f6f6;}
.company-announcement .list li a{display: block;margin: 0;padding: 1rem 0 1rem 1rem;font-weight: normal;font-size: 1rem;color: #2e2f33;position: relative;}
.company-announcement .list li a::before {content: '';display: block;width: 0.25rem;height: 0.25rem;background: #231b18;position: absolute;left: 0;top: 50%;margin-top: -1.5px;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;transition:all .5s ease;}
.company-announcement .list li a:hover {background: #f6f6f6;padding: 1rem 0 1rem 2rem;}
.company-announcement .list li a:hover::before {left: 10px;}

.advertising-figure {padding:5% 0; overflow: hidden;}
.advertising-figure a {display: block;margin-bottom:6px;}
.advertising-figure img {display: block;width:auto;height: auto;max-width: 100%;}

.global-appreciation-of-architecture {padding:7% 0 5% 0; overflow: hidden;}
.global-appreciation-of-architecture .title-top::after {display: none;}
.global-appreciation-of-architecture .title-top h3 {border-bottom:none;}
.global-appreciation-of-architecture .pic-framework {position: relative;}
.global-appreciation-of-architecture .pic-framework .txt{position: absolute;left:7%;bottom: 5%;width:86%;z-index: 3;}
.global-appreciation-of-architecture .pic-framework .txt * {margin: 0;padding: 0;list-style: none;color: #fff;font-weight: normal;}
.global-appreciation-of-architecture .pic-framework .txt h3{font-size: 1.2rem;}
.global-appreciation-of-architecture .pic-framework .txt line{display: block;margin: 0.8rem 0;height: 0.15rem;background: #fff;opacity: .2;}
.global-appreciation-of-architecture .pic-framework .txt li h5{float: left;font-size: 0.5rem;opacity: .6;/* background: url("../images/index/add.png") left center no-repeat; *//* padding-left: 16px; */}
.global-appreciation-of-architecture .pic-framework .txt li span{float: right;font-size: 12px;opacity: .6;}
.global-appreciation-of-architecture .pic-framework .pic {overflow: hidden;position: relative;text-align: center;border-radius: 4px;}
.global-appreciation-of-architecture .pic-framework .pic .table{position: absolute;}



.global-appreciation-of-architecture .pic-framework .pic .table-cell img{display: inline-block;vertical-align: middle;width: auto; max-width: 100%;max-height: 100%;}
.global-appreciation-of-architecture .pic-framework .pic img{display: block;width: 100%;height: auto;} 
.global-appreciation-of-architecture .pic-framework a:hover .pic .table-cell img {-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1);opacity: .5;}

.month-recommended .scroll_main {margin-top:4%;}
.month-recommended {padding:10% 0 0 0; overflow: hidden;}
.month-recommended .list {overflow: hidden;}
.month-recommended .list li{list-style: none;padding: 10px 0;overflow: hidden;position: relative;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;transition:all .5s ease;}
.month-recommended .list li .pic{float: left;width: 20%;border-radius: 4px;overflow: hidden;position: relative;background: #000;}
.month-recommended .list li .pic a {display: block;}
.month-recommended .list li .pic img {display: block;width: 100%;height: auto;opacity: 0;}
.month-recommended .list li .txt{width:70%;height: 100%;position: absolute;right: 5%;top: 0;}
.month-recommended .list li h5{margin: 0;font-size: 14px;line-height: 20px;min-height:30px;margin-top: -2px; font-weight: 500;color: #2e2f33;}
.month-recommended .list li .link a{ font-size: 12px;color: #a1a4b2;}
.month-recommended .list li:hover {background: #f3f4fa;}
.month-recommended .scroll_bar {display: block;}
/* .month-recommended .scroll_wrap {overflow: auto;}
.month-recommended .scroll_wrap::-webkit-scrollbar{height:4px; width:2px;background-color: #ccc;}
.month-recommended .scroll_wrap::-webkit-scrollbar::-webkit-scrollbar-thumb{background-color: #000;} */



/* 主页 - 每月推荐 */
.cm-index-banner {position: relative;}
.cm-index-banner .txt {position: absolute;left:19%;top:50%;width:62%;margin-top: -25px;z-index: 2;}
.cm-index-banner .txt h1 {color: #fff;}
.cm-index-banner .txt h1 i{display: inline-block;vertical-align: middle;width: 42px;height:34px;overflow: hidden;margin-right: 15px;}
.cm-index-banner .txt h1 strong {display: inline-block;vertical-align: middle;font-size: 40px;}
.cm-index-banner .txt h2 {position: absolute;right: 0;top: 50%;margin-top: -30px; color: #fff;text-transform: uppercase;font-size: 40px;font-weight: normal;opacity: .15;}

.month-recommended-nav {background: #fff;padding:2.2% 19%;width:62%;margin: auto; overflow: hidden;}
.month-recommended-nav a {padding: 12px 25px; overflow: hidden;background: #fff;border-radius: 100px;}
.month-recommended-nav a * {display: inline-block;vertical-align: middle;}
.month-recommended-nav a i{width: 30px;height: 30px;}
.month-recommended-nav a span {color: #737580;font-size: 14px;}
.month-recommended-nav a.mrn-1 i{background: url("../images/month-recommended/nav-1.png") center no-repeat;}
.month-recommended-nav a.mrn-2 i{background: url("../images/month-recommended/nav-2.png") center no-repeat;}
.month-recommended-nav a.mrn-3 i{background: url("../images/month-recommended/nav-3.png") center no-repeat;}
.month-recommended-nav a.mrn-4 i{background: url("../images/month-recommended/nav-4.png") center no-repeat;}
.month-recommended-nav a.mrn-5 i{background: url("../images/month-recommended/nav-5.png") center no-repeat;}
.month-recommended-nav a.mrn-6 i{background: url("../images/month-recommended/nav-6.png") center no-repeat;}
.month-recommended-nav a.mrn-7 i{background: url("../images/month-recommended/nav-7.png") center no-repeat;}
.month-recommended-nav a.mrn-8 i{background: url("../images/month-recommended/nav-8.png") center no-repeat;}
.month-recommended-nav a.mrn-1.cur i{background: url("../images/month-recommended/nav-11.png") center no-repeat;}
.month-recommended-nav a.mrn-2.cur i{background: url("../images/month-recommended/nav-21.png") center no-repeat;}
.month-recommended-nav a.mrn-3.cur i{background: url("../images/month-recommended/nav-31.png") center no-repeat;}
.month-recommended-nav a.mrn-4.cur i{background: url("../images/month-recommended/nav-41.png") center no-repeat;}
.month-recommended-nav a.mrn-5.cur i{background: url("../images/month-recommended/nav-51.png") center no-repeat;}
.month-recommended-nav a.mrn-6.cur i{background: url("../images/month-recommended/nav-61.png") center no-repeat;}
.month-recommended-nav a.mrn-7.cur i{background: url("../images/month-recommended/nav-71.png") center no-repeat;}
.month-recommended-nav a.mrn-8.cur i{background: url("../images/month-recommended/nav-81.png") center no-repeat;}
.month-recommended-nav a.cur,.month-recommended-nav a.cur:hover {background-image: linear-gradient(180deg,#5e707f,#3d5466);}
.month-recommended-nav a.cur span,.month-recommended-nav a.cur:hover span{color: #fff;}
.month-recommended-nav a:hover {background: #f7f8fc;}

.cm-index-right-main .content.content-62 {width: 62%;margin: auto;}
.month-recommended-list * {-webkit-transition:all .5s ease;-moz-transition:all .5s ease;transition:all .5s ease;}
.month-recommended-list li {margin:0;padding:1.5% 0;list-style: none;position: relative;overflow: hidden;border-bottom: 1px solid #f0f2fa;}
.month-recommended-list li .pic {position: relative;float: left;width:10%;border-radius: 4px;overflow: hidden;background-color: #f0f2fa;}
.month-recommended-list li .pic a {background-position: center;background-size: cover;background-repeat: no-repeat;display: block;}
.month-recommended-list li .pic img{display: block;width: 100%;height: auto;opacity: 0;}
.month-recommended-list li .txt {position: absolute;width:88%;height: 100%;right: 0;top: 0;overflow: hidden;}
.month-recommended-list li .txt .title strong{float: left;font-size:18px;color: #2e2f33;}
.month-recommended-list li .txt .title span{float: right;font-size: 14px;color: #a1a4b2;display: none;}
.month-recommended-list li .txt .title i {float: right;color: #ffbb45;font-size: 14px;padding-left:15px;background: url("../images/month-recommended/xx.png") left center no-repeat;display: block;}
.month-recommended-list li .txt .information {font-size: 12px;color: #a1a4b2;clear: both;padding-top: 20px;overflow: hidden;}
.month-recommended-list li .txt .information a {font-size: 12px;color: #a1a4b2;}
.month-recommended-list li .txt .information a:hover {color: #2e2f33;}
.month-recommended-list li .txt .information .l-information{float: left;}
.month-recommended-list li .txt .information .r-collection{float: right;}
.month-recommended-list li .txt .information .r-collection h4 {display:none;padding-left: 20px;margin: 0; background: url("../images/month-recommended/sc.png") left center no-repeat;}
.month-recommended-list li .txt .information .r-collection span {display:block;font-size: 12px;color: #a1a4b2;}
.month-recommended-list li.cur .pic {width: 20%;}
.month-recommended-list li.cur .txt {width: 78%;}
.month-recommended-list li.cur .txt .title span{display: block;}
.month-recommended-list li.cur .txt .title i{display: none;}
.month-recommended-list li.cur .txt .rating {display: block;}
.month-recommended-list li.cur .txt .information .r-collection h4{display: block;}
.month-recommended-list li.cur .txt .information .r-collection span{display: none;}
.month-recommended-list li.cur .txt .title strong{font-size:20px;}
.month-recommended-list li.cur .txt .information {font-size: 14px;}
.month-recommended-list li.cur .txt .information a {font-size: 14px;}
.month-recommended-list li .txt * {-webkit-transition:none;-moz-transition:none;transition:none;}


.rating {clear: both;padding: 7px 0 30px 0;overflow: hidden;display: none;}
.rating .rating-star { display: inline-block;vertical-align: middle;width: 91px;height:16px; background-image: url("../images/month-recommended/rating.png");background-repeat: no-repeat;}
.rating .allstar50 {background-position: left 0;}
.rating .allstar45 {background-position: left -16px;}
.rating .allstar40 {background-position: left -32px;}
.rating .allstar35 {background-position: left -48px;}
.rating .allstar30 {background-position: left -64px;}
.rating .allstar25 {background-position: left -80px;}
.rating .allstar20 {background-position: left -96px;}
.rating .allstar15 {background-position: left -112px;}
.rating .allstar10 {background-position: left -128px;}
.rating .allstar5 {background-position: left -144px;}
.rating .allstar {background-position: left -160px;}
.rating .subject-rate { display: inline-block;vertical-align: middle;font-size: 16px;color: #ffbb45;margin-left: 10px;}



/* 全球建筑鉴赏 */
.cm-index-banner {}
.cm-index-banner .left-txt {position: absolute;width: 82%;left:9%;top:50%;margin-top: -50px;}
.cm-index-banner .left-txt *{margin: 0;padding: 0;color: #fff;}
.cm-index-banner .left-txt h4{font-size: 30px;text-transform: uppercase;opacity: .2;padding-bottom: 5px;}
.cm-index-banner .left-txt h3{font-size: 36px;}
.cm-index-banner .search-box {position: absolute;width: 22rem;height: 3.5rem;line-height: 3;left: 50%;top: 50%;padding: 0 2rem;margin-left: -15rem;margin-top: 7.5rem;border-radius: 3rem;overflow: hidden;background: #fff;box-shadow: 0px 0.2rem 1rem 0px rgba(0, 0, 0, 0.08);z-index: 3;text-align:  center;font-size: 1.2rem;}
.cm-index-banner .search-box *{-webkit-transition:all .5s ease;-moz-transition:all .5s ease;transition:all .5s ease;}
.cm-index-banner .search-box .search-input{width: 100%;height: 100%;}
.cm-index-banner .search-box .search-submit{position: absolute;left: 50%;top:50%;margin-left: -33px;margin-top: -10px; cursor: pointer;background: none;color: #000;font-size: 14px;background: url("../images/building/search.png") left center no-repeat;padding-left: 20px;opacity: .5;}
.cm-index-banner .search-box .search-submit:hover {opacity: 1;}
 
.building-nav {background: #fff;padding: 4% 0 1% 0;width: 90%;margin: auto;}
.building-nav .nav-1 {margin-bottom: 20px;line-height: 3;}
.building-nav .nav-2 {clear: both;width: 100%;}
.building-nav * {display: inline-block;vertical-align: middle;}
.building-nav h4{font-size: 1rem;color: #666;margin: 0;padding:8px 20px;font-weight: normal;background: #f6f6f6;border-radius: 0px 100px 100px 100px;}
.building-nav a{font-size: 1rem;color: #858585;margin: 0 1rem;position: relative;}
.building-nav a.cur::after {content: '';width: 100%;height: 2px;background: #233d52;position: absolute;left: 0;bottom: -5px;}
.building-nav a.cur{ color: #233d52;}
.building-nav a:hover {color: #233d52;}

.building-list {}
.building-list li {margin:0;padding:1.5% 0;list-style: none;position: relative;overflow: hidden;border-bottom: 1px solid #f0f2fa;}
.building-list li .pic {position: relative;display: inline-block;vertical-align: middle;width:7%;border-radius: 4px;overflow: hidden;background-color: #f0f2fa;}
.building-list li .pic a {background-position: center;background-size: cover;background-repeat: no-repeat;display: block;}
.building-list li .pic img{display: block;width: 100%;height: auto;opacity: 0;}
.building-list li .txt {display: inline-block;vertical-align: middle;width:90%;padding-left:1.5%;overflow: hidden;}
.building-list li .txt .title strong{display: block;font-size:16px;color: #2e2f33;}
.building-list li .txt .introduction {width: 100%;font-size: 12px;color: #a1a4b2;clear: both;line-height: 22px;padding-top:7px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.building-list li .txt .introduction a {color: #a1a4b2;-webkit-transition:none;-moz-transition:none;transition:none;}
.building-list li .txt .information {font-size: 12px;color: #a1a4b2;clear: both;padding-top:20px;overflow: hidden;}
.building-list li .txt .information a {font-size: 12px;color: #a1a4b2;-webkit-transition:none;-moz-transition:none;transition:none;}
.building-list li .txt .information a:hover {color: #2e2f33;}
.building-list li .txt .information .l-information{float: left;}
.building-list li .txt .information .r-collection{float: right;}
.building-list li .txt .information .r-collection span {display:block;font-size: 12px;color: #a1a4b2;}
.building-list li.cur .pic {width: 15%;}
.building-list li.cur .txt {width: 81.4%;padding-left:2.5%;}
.building-list li.cur .txt .title strong  {font-size: 22px;}
.building-list li.cur .txt .information {padding-top:45px;font-size: 14px;}
.building-list li.cur .txt .information a{font-size: 14px;}
.building-list li.cur .txt .information .r-collection span {font-size: 14px;}
.building-list li.cur .txt .introduction {font-size: 14px;line-height: 24px;padding-top:15px;color: #737580; text-overflow:inherit;white-space:normal;}
.building-list li.cur .txt .introduction a  {color: #737580;}



.turn-page {padding-top: 20px;overflow: hidden;}
.turn-page a{font-size: 14px;color: #737580;border-radius: 4px;padding:8px 13px;overflow: hidden; display: inline-block;vertical-align:middle;}
.turn-page a.prev{padding:10px 15px 10px 0;}
.turn-page a.next{padding:10px 0 10px 15px;}
.turn-page a.cur{background-image: linear-gradient(to top,#263f54,#4d6273);color: #fff;}
.turn-page a.prev.cur{background: none;color: #4d6273;}
.turn-page a.next.cur{background: none;color: #4d6273;}
.turn-page a:hover {color: #4d6273;text-decoration: underline;} 
.turn-page a.cur:hover {color: #fff;text-decoration: none;}

.popular-architecture {}
.popular-architecture .list {padding-top: 15px;overflow: hidden;}
.popular-architecture * {-webkit-transition:all .5s ease;-moz-transition:all .5s ease;transition:all .5s ease;}
.popular-architecture li {margin:0;padding:15px 0;list-style: none;position: relative;overflow: hidden;border-bottom: 1px solid #f0f2fa;}
.popular-architecture li .pic {position: relative;display: inline-block;vertical-align: top;width:7%;min-height: 50px;border-radius:4px;overflow: hidden;}
.popular-architecture li .pic a {background-position: center;background-size: cover;background-repeat: no-repeat;display: none;}
.popular-architecture li .pic img{display: block;width: 100%;height: auto;opacity: 0;}
.popular-architecture li .txt {display: inline-block;vertical-align: top;width:90%;padding-left:1.5%;overflow: hidden;position: relative;}
.popular-architecture li .txt .title {display: block;font-size:16px;color: #2e2f33;}
.popular-architecture li .txt .introduction {width: 100%;font-size: 12px;color: #a1a4b2;clear: both;line-height: 22px;padding-top:8px; text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.popular-architecture li .txt .introduction a {color: #a1a4b2;}
.popular-architecture li .txt .information {font-size: 12px;color: #a1a4b2;clear: both;padding-top:25px;overflow: hidden;display: block;position:absolute;bottom: 0;right: 0;}
.popular-architecture li .txt .information a {font-size: 12px;color: #a1a4b2;}
.popular-architecture li .txt .information a:hover {color: #2e2f33;}
.popular-architecture li .txt .information .l-information{float: left;display: none;}
.popular-architecture li .txt .information .r-collection{float: right;}
.popular-architecture li .txt .information .r-collection span {display:block;font-size: 12px;color: #a1a4b2;}
.popular-architecture li.cur .pic {width: 25%;vertical-align: middle;background-color: #f0f2fa;}
.popular-architecture li.cur .pic a {display: block;border-radius:4px;overflow: hidden;}
.popular-architecture li.cur .txt {width: 70%;padding-left:3%;vertical-align: middle;}
.popular-architecture li.cur .txt .title strong  {font-size: 18px;}
.popular-architecture li.cur .txt .introduction {font-size: 12px;padding-top: 0px; }
.popular-architecture li.cur .txt .information {padding-top:45px;display: block;position: relative;right: auto;bottom: auto;}
.popular-architecture li.cur .txt .information .l-information{display: block;}

.ranking {text-align: center;width: 100%;height:18px;line-height: 14px;border-radius:2px 9px 9px 9px;position: absolute;left: 0;top: 0;background-image: linear-gradient(to top left,#e4e5ed,#fff);text-transform:uppercase;color: #a1a4b2;}
.ranking * {display: inline-block;vertical-align: middle;font-size: 12px;}
.ranking span {padding-right:3px;display: none;}

.popular-architecture li:nth-child(1) .pic .ranking{background-image: linear-gradient(to top left,#ffc606,#f9eda2);color: #b77410;}
.popular-architecture li:nth-child(2) .pic .ranking{background-image: linear-gradient(to top left,#a7c9ed,#d0e5fb);color: #3f6d9e;}
.popular-architecture li:nth-child(3) .pic .ranking{background-image: linear-gradient(to top left,#dbc2ab,#f6e1ce);color: #986839;}
.popular-architecture li.cur .pic .ranking {width:57px;height:27px;line-height:27px;border-radius:4px 13px 13px 13px;}
.popular-architecture li.cur .pic .ranking span {display: inline-block;}



/* 全球建筑鉴赏 - 详细页 */

.cm-detail-top {box-shadow: 0px 0px 40px 0px rgba(31, 38, 77, 0.1);position: fixed;top: 0;left: 0;width: 100%;padding:20px 0;background: #fff;z-index: 88;}
.cm-detail-top .content{width: 97%;margin: auto;}
.cm-detail-top .content .left-path {float: left;font-size: 14px;color: #737580;}
.cm-detail-top .content .left-path i{display: inline-block;vertical-align: middle;width: 40px;height: 40px;background: url("../images/building/icon-bg.png") no-repeat;margin-right: 6px;}
.cm-detail-top .content .left-path i img {display: inline-block;width:60%;margin:20%;}
.cm-detail-top .content .left-path a {color: #737580;}
.cm-detail-top .content .left-path a:hover {color: #2e2f33;text-decoration: underline;}
.cm-detail-top .content .left-path a.cur {color: #2e2f33;}
.cm-detail-top .content .left-path a.cur:hover {color: #2e2f33;text-decoration: none;}
.cm-detail-top .content .right-operation  {float: right;text-align: right; font-size: 14px;color: #737580;}
.cm-detail-top .content .right-operation a {font-size: 14px;color: #2e2f33;line-height: 40px;padding-left:22px;margin-left: 35px;}
.cm-detail-top .content .right-operation a.ro-download {background: url("../images/building/rot-1.png") left center no-repeat;}
.cm-detail-top .content .right-operation a.ro-collection {background: url("../images/building/rot-2.png") left center no-repeat;}
.cm-detail-top .content .right-operation a.ro-givelike {background: url("../images/building/rot-3.png") left center no-repeat;}
.cm-detail-top .content .right-operation a.ro-close {width: 15px;padding-left: 15px;background: url("../images/building/rot-4.png") left center no-repeat;}
.cm-detail-top .content .right-operation a:hover {opacity: .5;}

.cm-detail {background: #fff;}
.cm-detail-content {width:75%;margin:auto;padding-top:120px; }
.cm-detail-content .detail-top {text-align: left;}
.cm-detail-content .detail-top .pic{display: inline-block;vertical-align: middle;border-radius: 4px;overflow: hidden;background-color:#eef1ff;background-size: cover; width:8.5%;}
.cm-detail-content .detail-top .pic img{display: block;width: 100%;height: auto;} 
.cm-detail-content .detail-top .txt {display: inline-block;vertical-align: middle;width: 80%;padding-left:2%;overflow: hidden;}
.cm-detail-content .detail-top .txt .title{font-size: 24px;color: #2e2f33;padding-bottom: 40px;overflow: hidden;}
.cm-detail-content .detail-top .txt .link{font-size: 14px;color: #a1a4b2;padding-bottom:12px;overflow: hidden;}
.cm-detail-content .detail-top .txt .link a {color: #a1a4b2;}
.cm-detail-content .detail-top .txt .link a:hover {color: #2e2f33;}
.cm-detail-content .detail-top .txt .information{font-size: 14px;color: #a1a4b2;}
.cm-popup-detail .popup-detail-content .cm-detail-content {padding-top:40px; }
.popup-detail-content-show iframe{margin: 0;padding: 0;border: 0;}

.detail-pics {margin: 40px 0;position: relative;border-radius: 4px;background: #000;overflow: hidden;}
.detail-swiper {overflow: hidden;}
.detail-swiper .swiper-slide .pic{position: relative;text-align: center;width:100%;height: 100%;}
.detail-swiper .swiper-slide .pic .table {position: absolute;}
.detail-swiper .swiper-slide .pic .table .table-cell img {display: inline-block;width: auto;height: auto;}
.detail-swiper .swiper-slide .pic img {display:block;width:100%;height: auto;}

.detail-pic-thumb {position: absolute;background: rgba(0,0,0,.7);width: 90%;left: 0;bottom:0;z-index: 3;padding:13px 5%;overflow: hidden;z-index: 33;}
.detail-swiper-thumb {position:static;}
.detail-swiper-thumb .swiper-slide {background-color: #000;}
.detail-swiper-thumb .swiper-slide .pic{position: relative;background-size:cover;background-position: center;background-repeat: no-repeat;opacity: .7;cursor: pointer;}

.detail-swiper-thumb .swiper-slide .pic img {display:block;width:100%;height: auto;}
.detail-swiper-thumb .swiper-button-next,.detail-swiper-thumb .swiper-button-prev {opacity: .6;}
.detail-swiper-thumb .swiper-button-next:hover,.detail-swiper-thumb .swiper-button-prev:hover {opacity:1;}
.detail-swiper-thumb .swiper-button-next {right: 2%;background: url("../images/building/next.png") center no-repeat;}
.detail-swiper-thumb .swiper-button-prev {left:2%;background: url("../images/building/prev.png") center no-repeat;}
.detail-swiper-thumb .swiper-button-disabled {opacity: .3;}
.detail-swiper-thumb .swiper-slide-thumb-active .pic{opacity:1;}
.detail-swiper-thumb .swiper-slide-thumb-active .pic::before {content: '';width: 100%;height: 100%;position: absolute;left: 0;top: 0;border: 2px solid #fff;overflow: hidden;width:-webkit-calc(100% - 4px); width:-moz-calc(100% - 4px); width:calc(100% - 4px);height:-webkit-calc(100% - 4px); height:-moz-calc(100% - 4px); height:calc(100% - 4px); }
.detail-swiper-thumb .swiper-slide .pic:hover {opacity: 1;}

.detail-project-introduction {padding: 1% 0 3% 0;overflow: hidden;clear: both;width: 100%;text-align: left}
.detail-project-introduction h2{color: #2e2f33;font-size: 24px;margin: 0;padding: 0;}
.detail-project-introduction .txt {font-size: 16px;line-height: 26px;color: #2e2f33;padding:1.5% 0 3% 0;overflow: hidden;border-bottom: 2px solid #f5f6fa;}
.detail-project-introduction .txt:last-child {border: none;}



/* 评论区 */
.cm-comments {margin-top:15px;overflow: hidden;background: #fff;padding:2.5% 0 0 0;}
.cm-comments-content {width: 66.5%;margin: auto;}
.comments-title {font-size: 24px;color: #2e2f33;border-bottom: 2px solid #f0f2fa;padding-bottom: 20px;overflow: hidden;}
.comments-textarea {position: relative;overflow: hidden;margin: 30px 0;}
.comments-textarea textarea {width:96%;height: 120px;padding: 20px 2%;display: block;background: #f7f8fc;border-radius: 4px;font-size: 16px;}
.comments-textarea input {width: 120px;height: 40px;line-height: 40px;position: absolute;bottom:20%;right: 2%;border-radius:100px;cursor: pointer;color: #fff;background-image: linear-gradient(180deg,#4d6273,#263f54);box-shadow: 0px 5px 20px 0px rgba(89, 117, 255, 0.2);}
.comments-textarea input:hover {background-image: linear-gradient(180deg,#5e707f,#3d5466);}

.comments-section {}
.comments-critics {overflow: hidden;padding-bottom: 25px;}
.comments-critics .critics {font-size: 0;position: relative;}
.comments-critics .critics .pic{display: inline-block;vertical-align: middle; width: 48px;height: 48px;background: #000;overflow: hidden;border-radius: 100px;}
.comments-critics .critics .pic img{display: block;width: 100%;height: auto;}
.comments-critics .critics .name{display: inline-block;vertical-align: middle;margin-left:15px;}
.comments-critics .critics .name * {margin: 0;padding: 0;font-weight: normal;}
.comments-critics .critics .name h4{font-size: 16px;color: #2e2f33;}
.comments-critics .critics .name h4 span {color: #a1a4b2;}
.comments-critics .critics .name h4 span.tizhu {font-size: 12px; color: #263f54;} 
.comments-critics .critics .rating {display: block;clear: both;}
.comments-critics .critics .rating span.subject-rate {font-size: 14px;padding-left: 5px;line-height: 16px;}
.comments-critics .critics .name h5{font-size: 12px;color: #a1a4b2;}
.comments-critics .operation{position: absolute;text-align: right;right: 0;top: 5%;}
.comments-critics .operation a{font-size: 14px;color: #a1a4b2;}
.comments-critics .operation a:hover {color: #233d52;}
.comments-critics .operation a.praise{background: url("../images/building/praise.png") left center no-repeat;padding-left: 20px;}
.comments-critics .operation a.praise:hover {background: url("../images/building/praise1.png") left center no-repeat;}
.comments-critics .operation a.reply{margin-left:20px;}
.comments-critics .operation a.cancel-reply {display: none;margin-left:20px;}
.comments-critics .critics .txt{padding: 10px 0 20px 63px;overflow: hidden;font-size: 16px;line-height: 26px; color: #2e2f33;clear: both;}
.comments-critics .content {margin-left: 63px;overflow: hidden;border-bottom: 1px solid #f0f2fa;}
.comments-critics .content .critics .pic{ width: 40px;height: 40px;}
.comments-critics .content .critics .name h4{font-size: 14px;color: #2e2f33;}
.comments-critics .content .critics .txt {padding: 10px 0 20px 55px;}
.comments-critics .reply-content {margin-bottom: 30px;overflow: hidden;position: relative;display: none;}
.comments-critics .reply-content .reply-textarea {width: 95%;padding:0 2%;height: 40px;line-height: 40px; border: 1px solid #ccc;font-size: 14px;border-radius: 24px 100px 100px 24px;overflow: hidden;}
.comments-critics .reply-content .reply-textarea:focus {border: 1px solid #233d52;}
.comments-critics .reply-content .reply-submit {width: 100px;height: 42px;line-height: 42px;position: absolute;top:0;right:0;border-radius:100px;cursor: pointer;color: #fff;background-image: linear-gradient(180deg,#263f54,#4d6273);box-shadow: 0px 5px 20px 0px rgba(89, 117, 255, 0.2);}
.comments-critics .reply-content .reply-submit:hover {background-image: linear-gradient(180deg,#4d6273,#263f54);}
.comments-critics .critics .reply-content {margin-left: 63px;}
.comments-critics .content .critics .reply-content {margin-left: 55px;}
.comments-critics .v-more {font-size: 14px;color: #737580;padding: 1% 0;overflow: hidden;cursor: pointer;}
.comments-critics .v-more:hover {color: #233d52;text-decoration: underline;}


/* 知识文档 */
#submit-knowledge {left: 43%;}
#knowledge-classification-nav a::after {display: none;}
.knowledge-classification-nav a.cur {background: #f3f4fa;position: relative;}
.knowledge-classification-nav a.cur::before {content: '';display: block;position: absolute;left: 50%;top: 103px;margin-left: -12px;z-index: 1; width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent;border-top:10px solid #f3f4fa;background: none;}
.knowledge-class-nav  {background: #fff;overflow: hidden;}
.knowledge-nav-swiper {width:74%;margin: auto;}
.knowledge-nav-swiper .swiper-wrapper {padding-bottom: 40px;}
.knowledge-nav-swiper a{display: inline-block;height: 42px;line-height: 42px;border-radius:100px;padding: 0 20px;}
.knowledge-nav-swiper a i {display: inline-block;vertical-align: middle;width: 22px;height: 16px;background: url("../images/knowledge/file.png") no-repeat;}
.knowledge-nav-swiper a h5 {display: inline-block;vertical-align: middle;font-size: 14px;color: #737580;margin: 0;padding: 0;font-weight: normal;margin-left: 10px;}
.knowledge-nav-swiper a.cur{background-image: linear-gradient(180deg,#4d6273,#263f54);box-shadow: 0px 5px 20px 0px rgba(89, 117, 255, 0.3);}
.knowledge-nav-swiper a.cur h5,.knowledge-nav-swiper a.cur:hover h5 {color: #fff;}
.knowledge-nav-swiper a.cur i {background: url("../images/knowledge/file1.png") no-repeat;}
.knowledge-nav-swiper a:hover h5{color: #233d52;}
.knowledge-nav-swiper .swiper-slide { width:auto;font-size: 0;}

 
.document-type {}
.document-type * {-webkit-transition:all .5s ease;-moz-transition:all .5s ease;transition:all .5s ease;}
.document-type li{margin:0;padding:20px 0;list-style: none;position: relative;overflow: hidden;border-bottom: 1px solid #f0f2fa;cursor: pointer;}
.document-type li .hover {display: none;background: #fff;position: absolute;width: 100%;height: 100%;left: 0;top: 20px;z-index: 1;}
.document-type li .hover .pic {width:22%;}
.document-type li .hover .txt {width:76%;padding-left:1%;}
.document-type li .hover .txt .title span{line-height: 25px;}
.document-type li .hover .txt .rating {display: block}
.document-type li .hover .txt .information{}
.document-type li .hover .txt .information *{font-weight: normal;}
.document-type li .hover .txt .information .as-user-headportrait{float: left;margin-right: 10px;}
.document-type li .hover .txt .information .l-information{padding-top: 5px;font-size:14px;}
.document-type li .hover .txt .information .r-collection {font-size:14px;}
.document-type li .hover .txt .information .r-collection h4{display: inline-block;vertical-align: middle;padding-left: 20px;margin: 0; background: url("../images/month-recommended/sc.png") left center no-repeat;}
.document-type li .hover .txt .information .r-collection h4.download-1 {margin-right: 30px;}

.document-type li .default {overflow: hidden;}
.document-type li .pic {width:10%;border-radius: 4px;overflow: hidden;background-color: #f0f2fa;display: inline-block;vertical-align: middle;}
.document-type li .pic a {background-position: center;background-size: cover;background-repeat: no-repeat;display: block;}
.document-type li .pic a img{display: block;width: 100%;height: auto;opacity: 0;}
.document-type li .txt {width:88%;padding-left:1%;display: inline-block;vertical-align: middle;}
.document-type li .txt .title{}
.document-type li .txt .title strong{float: left;font-size:18px;color: #2e2f33;}
.document-type li .txt .title span{float: right;font-size: 14px;color: #a1a4b2;}
.document-type li .txt .title i{float: right;color: #ffbb45;font-size: 14px;padding-left:15px;line-height: 25px; background: url("../images/month-recommended/xx.png") left center no-repeat;display: block;}
.document-type li .txt .information {padding-top: 20px;overflow: hidden;clear: both;}
.document-type li .txt .information .l-information {float: left;font-size:12px;color: #a1a4b2;}
.document-type li .txt .information .r-collection {float: right;font-size: 12px;color: #a1a4b2;}
.document-type li.cur {padding: 65px 0;}
.document-type li.cur .hover {display: block}



.share-latest .list{margin-top:10px;overflow: hidden;}
.share-latest * {-webkit-transition:all .5s ease;-moz-transition:all .5s ease;transition:all .5s ease;}
.share-latest li{margin:0;padding:20px 0;list-style: none;position: relative;overflow: hidden;border-bottom: 1px solid #f0f2fa;cursor: pointer;}
.share-latest li .hover{position: absolute;width: 100%;height:0px;left: 0;top: 20px;z-index: 1;background: #fff;overflow: hidden;}
.share-latest li .hover .pic{width: 34%;background-color: #f0f2fa;display: inline-block;vertical-align: middle;min-height: 50px;border-radius:4px;overflow: hidden;}
.share-latest li .hover .pic a{background-position: center;background-size: cover;background-repeat: no-repeat;display: block;}
.share-latest li .hover .pic a img{display: block;width: 100%;height: auto;opacity: 0;}
.share-latest li .hover .text{width: 60%;padding-left:3%; display: inline-block;vertical-align: middle;}
.share-latest li .hover .text .title{display: block;font-size:16px;color: #2e2f33;}
.share-latest li .hover .text .introduction{padding-top: 5px;font-size: 12px;color: #a1a4b2;}
.share-latest li .hover .text .introduction a {color: #a1a4b2;}
.share-latest li .hover .text .information{padding-top: 30px; font-size: 12px;color: #a1a4b2;}
.share-latest li .txt{display: inline-block;vertical-align: top;width:100%;overflow: hidden;position: relative;}
.share-latest li .txt .title{display: block;font-size:16px;padding-bottom:8px; color: #2e2f33;}
.share-latest li .txt .introduction{float: left;font-size: 12px;color: #a1a4b2;overflow: hidden;}								
.share-latest li .txt .information {float: right;font-size: 12px;color: #a1a4b2;overflow: hidden;}	
.share-latest li.cur {padding: 40px 0;}
.share-latest li.cur .hover{height: 100%;}



/* 知识文档 - 弹窗 */
.cm-popup-window {background: #f3f4fa;width: 100%;height: 100%;position: fixed;left:0;top:0;opacity: 0;z-index: -1; overflow: hidden; -webkit-transition:all .5s ease;-moz-transition:all .5s ease;transition:all .5s ease;}
.cm-popup-window.open-popup {left: 0;top: 0; opacity: 1;z-index: 999;}
.cm-window-content {width: 100%;height: 100%;position: relative;}
.window-content {width: 100%;height: 100%;overflow: auto;}
.cm-popup-window .cm-detail-top {top: -100px;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;transition:all .5s ease;}
.cm-popup-window.open-popup .cm-detail-top {top: 0px;z-index: 991;-moz-transition-delay: 0.5s; -webkit-transition-delay: 0.5s;-o-transition-delay: 0.5s;transition-delay: 0.5s;}
.cm-popup-detail {-webkit-transition:all .5s ease;-moz-transition:all .5s ease;transition:all .5s ease;}
.cm-popup-detail .popup-detail-content {padding-top:80px;width:100%;overflow: hidden;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;transition:all .5s ease;}
.cm-popup-detail .popup-detail-content.cur {width: 76%;}
.cm-popup-right {background: #fff;width: 24%;height: 100%;position: fixed;right:-24%;top:0;box-shadow: 0px 10px 50px 0px rgba(10, 13, 58, 0.06);z-index: 900;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;transition:all .5s ease;}
.open-right{-moz-transition-delay:initial;-webkit-transition-delay:initial;-o-transition-delay:initial;transition-delay: initial;}
.cm-popup-window.open-popup .cm-popup-right.open-right {right:0;}
.r-close {width: 30px;height: 140px;background: url("../images/document/r-btn.png") center no-repeat;position: absolute;left: -29px;top:50%;margin-top: -70px;cursor:pointer;}
.r-close i {display: block;width: 8px;height: 13px;background: url("../images/document/r-right.png");overflow: hidden;margin: 67px 0 0 15px;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;transition:all .5s ease;}
.r-close:hover i{-ms-transform:rotate(180deg);-moz-transform:rotate(180deg);-webkit-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg);}
.cm-popup-right .popup-right-content {position: relative;width: 84%;height:93%;padding: 8%;overflow: hidden;}
.cm-popup-right.open-right .popup-right-content {overflow: auto;}


.published-people {margin-top: 80px;overflow: hidden;position: relative;}
.published-people *{display: block;margin: 0;padding: 0;font-weight: normal;}
.published-people .head-portrait{width: 40px;height: 40px;overflow: hidden;border-radius: 100px;display: inline-block;vertical-align:middle;}
.published-people .head-portrait img {display: block;width: 100%;height: auto;}
.published-people .information{padding-left:5px;display: inline-block;vertical-align:middle;}
.published-people .information strong{font-size: 16px;color: #353535;}
.published-people .information span{font-size: 12px;color: #a1a4b2;}
.published-people .focus-on {position: absolute;right: 0;top: 50%;margin-top: -15px;}
.published-people .focus-on a{width: 70px;height: 28px;line-height: 28px;border: 1px solid #ebedf5;border-radius: 30px;text-align: center;}
.published-people .focus-on a i{display: inline-block;vertical-align: middle;width: 11px;height: 11px;background: url("../images/document/add.png");}
.published-people .focus-on a h5{display: inline-block;vertical-align: middle;font-size: 12px;color: #a1a4b2;padding-left: 5px;}
.published-people .focus-on a:hover,.published-people .focus-on a.cur{background: #233d52;}
.published-people .focus-on a:hover i,.published-people .focus-on a.cur i {background: url("../images/document/add1.png");}
.published-people .focus-on a:hover h5,.published-people .focus-on a.cur h5 {color: #fff;}
.published-people .focus-on a.cur i {display: none;}
.published-people .focus-on a.cur h5{padding-left: 0px;}

.document-information {padding: 5% 0;overflow: hidden;}
.document-information .pic{width: 30%;display: inline-block;vertical-align: middle;border-radius: 4px;overflow: hidden;background-size: cover;}
.document-information .pic img{display: block;width: 100%;height: auto;}
.document-information .txt{width: 65%;display: inline-block;vertical-align: middle;padding-left: 3%;}
.document-information .txt .title{font-size: 16px;color: #2e2f33;}
.document-information .txt .rating {display: block;padding: 7px 0 0px 0;} 
.document-information .txt .topic{font-size: 12px;color: #a1a4b2;padding-top: 5px;}
.document-information .information{font-size: 14px;color: #a1a4b2;clear: both;padding-top: 10px;overflow: hidden;}

.review-area {padding:0;overflow: hidden;}
.review-area .title{border-bottom: 1px solid #ebedf5;overflow: hidden;padding-bottom: 15px;margin-bottom:15px;position: relative;}
.review-area .title * {display: inline-block;vertical-align: middle;margin: 0;padding: 0;font-weight: normal;}
.review-area .title h3{font-size: 16px;color: #2e2f33;padding: 7px 0;float: left;}
.review-area .title .comments-score{width: 110px;height: 35px;background: #eff3ff;text-align: center;line-height: 35px;border-radius: 100px;font-size: 0; cursor: pointer;float: right;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;transition:all .5s ease;}


.review-area .title .comments-score i{width: 12px;height: 12px;background: url("../images/document/comments-score.png");}
.review-area .title .comments-score h6{font-size: 12px;color: #233d52;padding-left:5px;}
.review-area .title .comments-score:hover {background: #233d52;}
.review-area .title .comments-score:hover i{background: url("../images/document/comments-score1.png");}
.review-area .title .comments-score:hover h6{color: #fff;}

.review-area .list {}
.review-area .list .comments-critics .critics .pic{width: 40px;height: 40px;}
.review-area .list .comments-critics .critics .name {margin-left:8px;}
.review-area .list .comments-critics .critics .name h4 {font-size: 14px;}
.review-area .list .comments-critics .critics .name h4 span {font-size: 12px;}
.review-area .list .comments-critics .critics .rating {margin:5px 0 0 -8px; -webkit-transform:scale(0.8);-moz-transform:scale(0.8);transform:scale(0.8);}
.review-area .list .comments-critics .critics .rating span.subject-rate {display: none}
.review-area .list .comments-critics .critics .txt {font-size: 14px;line-height: 24px;padding: 10px 0 15px 50px;}
.review-area .list .comments-critics .operation a {font-size: 12px;}
.review-area .list .comments-critics .content {padding-left: 50px;margin-left: 0;}
.review-area .list .comments-critics .content .name h4 {font-size: 12px;}
.review-area .list .comments-critics .content .critics .pic{width: 31px;height: 31px;}
.review-area .list .comments-critics .content .critics .txt {padding: 0px 0 10px 40px;}
.review-area .list .comments-critics .content .critics .reply-content {margin-left: 0px;}
.review-area .list .comments-critics .reply-content .reply-submit {width: 80px;}
.review-area .list .comments-critics .critics .reply-content {margin-left: 0px;}
.review-area .list .comments-critics .content .v-more {font-size: 12px;padding: 1% 0 20px 0;}


/* 知识文档 - 弹窗 - 评分 */
.cm-score-review.hide-content {width: 0px;height: 0px; opacity: 0;z-index: -1;}
.cm-score-review.hide-content .score-review-content {margin-top:-300px;}
.cm-score-review {position: fixed;width: 100%;height: 100%;left: 0;top: 0; z-index: 999;overflow: hidden;background: rgba(10,13,26,.5);box-shadow: 0px 0px 40px 0px rgba(31, 38, 77, 0.1);}
.score-review-content {width: 560px;height: 430px;position: absolute;left: 50%;top: 50%;margin-top:-215px;margin-left:-280px; background: #fff;border-radius: 8px;overflow: hidden;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;transition:all .5s ease;}
.score-review-content * {font-weight: normal;margin: 0;padding: 0;}
.score-review-content .title{padding: 4% 5%;overflow: hidden;position: relative;border-bottom: 1px solid #eff3ff;}
.score-review-content .title h3{padding: 0;margin: 0;font-size: 18px;color: #2e2f33;}
.score-review-content .title .s-close{width: 15px;height: 14px;background: url("../images/building/rot-4.png");display: block;position: absolute;right: 5%;top:28px;opacity: .5;}
.score-review-content .title .s-close:hover {opacity: 1;}
.score-review-content .title.center {text-align: center;}
.score-review-content .score-content{padding:4% 5%;border-bottom: 1px solid #eff3ff;}
.score-review-content .review-content{padding:3% 5%;}
.score-review-content .review-content textarea {width: 100%;height:100px;font-size: 16px;}
.score-review-content .submit{position: absolute;left: 5%;bottom: 40px; }
.score-review-content .submit input {width: 120px;height: 40px;line-height: 40px;border-radius:100px;cursor: pointer;color: #fff;background-image: linear-gradient(180deg,#263f54,#4d6273);box-shadow: 0px 5px 20px 0px rgba(89, 117, 255, 0.2);}
.score-review-content .submit input:hover {background-image: linear-gradient(180deg,#4d6273,#263f54);}

#startone{padding:3% 0 2% 0;overflow: hidden;margin-left: -5px;}
.star_list{height:30px;line-height:30px;}
.star_score{background:url("../images/document/stark2.png");width:280px;height:30px;position:relative;}
.star_score a{display:block;text-indent:-999em;position:absolute;left:0;height:30px;}
.star_score a:hover{background:url(../images/document/stars2.png);left:0;}
.star_score a.clibg{background:url(../images/document/stars2.png);left:0;}




/* 专业知识圈 */
.cm-hot-topic {background: #fff;}
.cm-hot-topic .hot-topic-content {width: 82%;padding:2% 0; margin: auto;}
.cm-hot-topic .hot-topic-content .title{padding-bottom: 20px;overflow: hidden;}
.cm-hot-topic .hot-topic-content .title i{width: 24px;height: 24px;display: inline-block;vertical-align: middle;}
.cm-hot-topic .hot-topic-content .title h3{display: inline-block;vertical-align: middle;margin: 0;padding: 0;font-size: 24px;margin-left:3px; color: #2e2f33;}
.hot-topic-swiper {position: relative;padding: 0 0 3% 0;overflow: hidden;max-height: 400px;}
.hot-topic-swiper .swiper-slide {position: relative;}
.hot-topic-swiper .pic{background-repeat: no-repeat;background-size:100%;background-position: center;overflow: hidden;background-color: #eef1ff;}
.hot-topic-swiper .pic img{display: block;width: 100%;height: auto;opacity: 0;}
.hot-topic-swiper .txt{position: absolute;left: 0;bottom: 0;padding: 5%;width: 90%;z-index: 1;}
.hot-topic-swiper .txt h3{font-size: 18px;color: #fff;margin: 0;padding: 10px 0;overflow: hidden;font-weight: normal;}
.hot-topic-swiper .txt li{font-size: 12px;color: #fff;opacity: .4;}
.hot-topic-swiper .txt li span:last-child{float: right;}
.hot-topic-swiper .swiper-slide a {display: block;border-radius: 4px;overflow: hidden;}
.hot-topic-swiper .swiper-slide a:hover .txt li {opacity: 1;}
.hot-topic-swiper .swiper-slide a:hover .pic {background-size: 110%;}
.hot-topic-swiper .swiper-pagination-bullet {width:30px;height: 2px;border-radius:0;background: #ebedf5;opacity:1;}
.hot-topic-swiper .swiper-pagination-bullet.swiper-pagination-bullet-active {background: #233d52;}
.lt-top {position: absolute;width: 56px;height: 26px;line-height: 26px;left: 0;top: 0;z-index: 3;font-size: 12px;text-align: center;background: url("../images/knowledge/t0.png") left center no-repeat;color: #233d52;}
.lttop1 {background: url("../images/knowledge/t1.png") left center no-repeat;color: #b77410;}
.lttop2 {background: url("../images/knowledge/t2.png") left center no-repeat;color: #3f6d9e;}
.lttop3 {background: url("../images/knowledge/t3.png") left center no-repeat;color: #986839;}


.company-news-nav li a i.in5 {background: url("../images/knowledge/icon-11.png") left center no-repeat;}
.company-news-nav li.cur a i.in5,.company-news-nav li a:hover i.in5{background: url("../images/knowledge/icon-1.png") left center no-repeat;}
.company-news-nav li a i.in6 {background: url("../images/knowledge/icon-22.png") left center no-repeat;}
.company-news-nav li.cur a i.in6,.company-news-nav li a:hover i.in6{background: url("../images/knowledge/icon-2.png") left center no-repeat;}

.swiper-latest-topics {clear: both;position: relative;overflow: hidden;}
.swiper-latest-topics *{ display: inline-block;vertical-align: middle;margin: 0;padding: 0;font-weight: normal;}
.swiper-latest-topics a{overflow: hidden;padding: 30px 0;border-bottom: 1px solid #f0f2fa;}
.swiper-latest-topics a .txt{width: 72%;}
.swiper-latest-topics a .txt h4{font-size: 20px;color: #2e2f33;font-weight: bold;padding-bottom: 5px;}
.swiper-latest-topics a .txt h5{font-size: 14px;color: #737580;line-height: 24px;padding-bottom: 20px;}
.swiper-latest-topics a .information{width: 100%;display: block;}
.swiper-latest-topics a .information .l-information{}
.swiper-latest-topics a .information .l-information li {position: relative;margin-right: 14px;padding-right: 20px;}
.swiper-latest-topics a .information .l-information li::after {content: '';position: absolute;right: 0;top:10%;width: 1px;height: 90%;background: #e4e6ed;}
.swiper-latest-topics a .information .l-information li:last-child::after {display: none;}
.swiper-latest-topics a .information .l-information li i{width: 16px;height: 16px;margin-right: 5px;}
.swiper-latest-topics a .information .l-information li i.ic1 {background: url("../images/knowledge/d-1.png");}
.swiper-latest-topics a .information .l-information li i.ic2 {background: url("../images/knowledge/d-2.png");}
.swiper-latest-topics a .information .l-information li i.tx {width: 24px;height: 24px;border-radius: 100px;overflow: hidden;}
.swiper-latest-topics a .information .l-information li i.tx img {display: block;width: 100%;height: auto;}
.swiper-latest-topics a .information .l-information li span{font-size: 12px;color: #a1a4b2;}
.swiper-latest-topics a .information .r-information{float: right;text-align: right;}
.swiper-latest-topics a .information .r-information span{font-size: 12px;color: #a1a4b2;padding:8px 20px;background: #f5f6fa; text-align: center;border-radius: 100px;}
.swiper-latest-topics a .pic{width:25%;float: right;border-radius: 4px;overflow: hidden;background-size:cover;}
.swiper-latest-topics a .pic img{display: block;width: 100%;height: auto;} 
.swiper-latest-topics a:hover {background: #f5f6fa;padding:30px 0 30px 1%;}
.swiper-latest-topics a.nonepic .txt{width: 100%;}


.topic-add {position: absolute;right: 0;top: 0;}
.topic-add a{font-size: 14px;color: #233d52;display: block;background: #eef1ff;border-radius:100px;padding: 8px 25px;}
.topic-add a i{width: 14px;height: 14px;display: inline-block;vertical-align: middle;background: url("../images/knowledge/add1.png");}
.topic-add a:hover {color: #fff;background:#233d52;}
.topic-add a:hover i{background: url("../images/knowledge/add2.png");}

.right-mycircle {padding-bottom: 20px;overflow: hidden;}
.right-mycircle .list {padding: 7% 0;overflow: hidden;}
.right-mycircle .list a{width: 50%;float: left;display: block;padding:2% 0;margin-bottom: 20px; border-radius: 100px;}
.right-mycircle .list a * {margin: 0;padding: 0;font-weight: normal;}
.right-mycircle .list a .pic{width: 50px;height: 50px;border-radius: 100px;overflow: hidden;display: inline-block;vertical-align: middle;background-image: linear-gradient(180deg,#4d6273,#263f54);}
.right-mycircle .list a .pic img{display: block;width: 100%;height: auto;}
.right-mycircle .list a .txt{display: inline-block;vertical-align: middle;padding-left: 5px;}
.right-mycircle .list a .txt h4{font-size: 14px;color: #2e2f33;padding-bottom: 5px;width: 100%;display: block; text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.right-mycircle .list a .txt h6{font-size: 12px;color: #a1a4b2;}
.right-mycircle .list a .pic.addmore img{display: inline-block;width: auto;margin: 12px;}
.right-mycircle .list a:hover {background: #f5f6fa;width: 48%;padding:2% 1%;} 



.question-and-nswer {}
.question-and-nswer .list{overflow: hidden;}
.question-and-nswer .list * {margin: 0;padding: 0;font-weight: normal;}
.question-and-nswer .list a {padding:20px 0;overflow: hidden;display: block;border-bottom: 1px solid #f0f2fa;}
.question-and-nswer .list a h4{display: block;color: #2e2f33;font-size: 14px;padding-bottom: 5px;}
.question-and-nswer .list a h6{display: block;color: #a1a4b2;font-size: 12px;}
.question-and-nswer .list a:hover {padding:20px 3%;}


/* 专业知识圈 - 全部圈子 */
.style-1 {margin-top:2px;padding:2% 0 0 0;}
.cm-index-right-main .content.content-64 {width: 64%;margin: auto;overflow: visible;}
.month-recommended-nav {position: relative;}
.month-recommended-nav ul {position: relative;margin: 0;padding: 0;list-style: none;}
.month-recommended-nav ul a {padding: 9px 25px;}
.month-recommended-nav .right{position: absolute;right: 0;top: 0;user-select:none;}
.month-recommended-nav .right{color: #a1a4b2;font-size: 14px;overflow: hidden;}
.month-recommended-nav .right #notinto {width: 18px;height: 18px;background: url("../images/knowledge/checkbox.png");display: inline-block;vertical-align: middle;margin-right: 7px;}
.month-recommended-nav .right #notinto.clickon {background: url("../images/knowledge/checkbox1.png");}
.month-recommended-nav .right label {cursor: pointer;}
.cm-allcircles {padding-bottom: 20px;text-align: center;}
.circles-list {width:25%;padding:5% 3% 1% 3%;margin:.8% .8%; display: inline-block;vertical-align: top;background: #fff; border-radius: 4px;box-shadow: 0px 2px 30px 0px rgba(39, 51, 108, 0.1);-webkit-transition:all .5s ease;-moz-transition:all .5s ease;transition:all .5s ease;}
.circles-list *{display: inline-block;vertical-align: middle;margin: 0;padding: 0;font-weight: normal;}
.circles-list .pic{width: 80px;height: 80px;overflow: hidden;border-radius: 100px;margin: auto;display: block;}
.circles-list .pic img {display: block;width: 100%;height: auto;}
.circles-list .title{text-align: center;padding-top: 10px;overflow: hidden;}
.circles-list .title h3{display: block;font-size: 18px;color: #2e2f33;font-weight: bold;padding: 10px 0;}
.circles-list .title h6{display: block;font-size: 12px;line-height: 20px; color: #a1a4b2;}
.circles-list .joinlist {border-top: 1px solid #ebedf5;margin-top: 25px;padding: 20px 0;overflow: hidden;width: 100%;position: relative;text-align: left;}
.circles-list .joinlist ul {position: relative;height: 30px;}
.circles-list .joinlist ul li{width: 28px;height: 28px;overflow: hidden;border-radius: 100px;border: 3px solid #fff;}
.circles-list .joinlist ul li img {display: block;width: 100%;height: auto;}
.circles-list .joinlist ul li.num1 {margin-left: -20px;}
.circles-list .joinlist span{font-size: 12px;color: #a1a4b2;}
.circles-list .joinlist .join-circles{width: 67px;height: 30px;line-height: 30px;position: absolute;right: 0;top:50%;margin-top: -15px;text-align: center;background-image: linear-gradient(to top,#263f54,#4d6273);border-radius: 100px;font-size: 0;}
.circles-list .joinlist .join-circles:hover {background-image: linear-gradient(180deg,#5e707f,#3d5466);}
.circles-list .joinlist .join-circles i {width: 9px;height:9px;background: url("../images/knowledge/add.png") center no-repeat;overflow: hidden;margin-right: 5px;margin-bottom: 2px;}
.circles-list .joinlist .join-circles h6 {font-size: 12px;color: #fff;}
.circles-list .joinlist .join-circles.cur {background: #f5f6fa;}
.circles-list .joinlist .join-circles.cur i{display: none;}
.circles-list .joinlist .join-circles.cur h6 {color: #a1a4b2;}
.circles-list .joinlist .join-circles.cur:hover {background: #ccc;}
.circles-list .joinlist .join-circles.cur:hover h6 {color: #fff;}
.circles-list:hover {margin:0 .8% 1.6% .8%;}
 

/* 专业知识圈 - 待解决问答 */
.cm-question-answer {}
.question-answer-list {}
.cm-score-review .score-review-content.w500 {width: 500px;margin-left: -250px;}
.cm-score-review .score-review-content.height-auto {height: auto;}
.cm-score-review .text-content {text-align: center;font-size: 18px;color: #000;padding: 5% 3%;overflow:hidden;}
.cm-score-review .voperation {text-align: center;padding: 3% 3% 6% 3%;overflow: hidden;}
.cm-score-review .voperation a{display: inline-block;vertical-align: middle;background: #eef1ff;width: 47%; border-radius: 100px;padding: 10px 0px;margin: 0 1%; text-align: center;}
.cm-score-review .voperation a.voff{}
.cm-score-review .voperation a.vjoin{background-image: linear-gradient(180deg,#4d6273,#263f54);color: #fff;box-shadow: 0px 2px 10px 0px rgba(8, 16, 124, 0.1);}
.cm-score-review .voperation a:hover {background-image: linear-gradient(180deg,#5e707f,#3d5466);color: #fff;}
.cm-score-review .voperation a.vok{background: #ff5152;color: #fff;}



/* 专业知识圈 - 圈子 */
.style-2 {margin-top: 0;}
.circles-information {position: absolute;width: 88%;left: 9%;top:45%;z-index: 3;}
.circles-information * {margin: 0;padding: 0;font-weight: normal;list-style: none;}
.circles-information img {display: block;width: 100%;height: auto;}
.circles-information .ci-left{width: 70%;display: inline-block;vertical-align: top;}
.circles-information .ci-left .pics{width: 100px;height: 100px;border-radius: 100%;overflow: hidden;display: inline-block;vertical-align: middle;}
.circles-information .ci-left .text{width: 80%;padding-left:1%; display: inline-block;vertical-align: middle;}
.circles-information .ci-left .text h3{font-size: 26px;color: #fff;}
.circles-information .ci-left .text h5{font-size: 14px;color: #fff;line-height: 24px;opacity: .6;}
.circles-information .ci-right{width: 29%;display: inline-block;vertical-align: top;margin-top:13px;}
.circles-information .ci-right .join-exit {background:none;color: #fff;width: 80px;height:35px;line-height: 35px;text-align: center;overflow: hidden; border-radius: 100px;cursor: pointer;border: 1px solid #fff;user-select: none;}
.circles-information .ci-right .join-exit i{width: 13px;height: 13px;display: inline-block;vertical-align: middle;background:url("../images/knowledge/add4.png") no-repeat;margin-right: 5px;}
.circles-information .ci-right .join-exit h6{font-size: 14px;color: #fff;opacity: 1;display: inline-block;vertical-align: middle;}
.circles-information .ci-right .join-exit.cur {background: rgba(255,255,255,.2);border:rgba(0,0,0,0) 1px solid;}
.circles-information .ci-right .join-exit.cur i{display: none}
.circles-information .ci-right .join-exit.cur h6{opacity: .6; }
.circles-information .ci-right .join-exit:hover {background: #fff;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;transition:all .5s ease;}
.circles-information .ci-right .join-exit:hover h6 {color: #000;}
.circles-information .ci-right .join-exit:hover i {background:url("../images/knowledge/add1.png") no-repeat;}
.circles-information .ci-right .join-list{padding-top:20px;overflow: hidden;}
.circles-information .ci-right .join-list ul{display: inline-block;vertical-align: middle;padding-right: 5px;}
.circles-information .ci-right .join-list ul li{width:29px;height: 29px;border-radius: 100px;border: 2px solid #202739;overflow: hidden; display: inline-block;vertical-align: middle;}
.circles-information .ci-right .join-list ul li.mr-20 {margin-left: -20px;}
.circles-information .ci-right .join-list span {font-size: 14px;color: #fff;opacity: .6;position: relative;margin-right:10px;}
.circles-information .ci-right .join-list span.r-line{padding-right:20px;}
.circles-information .ci-right .join-list span.r-line::after {content:'';width: 1px;height:16px;background: #fff;position: absolute;right: 0;top:50%;margin-top: -8px;opacity: .5; display: block;}
 


/* 专业知识圈 - 圈子 - 最新、热门、精华 */
.pt1 {padding-top: 1.5%;}
.topic-add a i.icon-style-1 {background: url("../images/document/comments-score.png") center no-repeat;}
.topic-add a:hover i.icon-style-1 {background: url("../images/document/comments-score1.png") center no-repeat;}
.cm-circles-list {}
.company-news-nav li a i.in7 {background: url("../images/knowledge/in71.png") left center no-repeat;}
.company-news-nav li.cur a i.in7,.company-news-nav li a:hover i.in7{background: url("../images/knowledge/in7.png") left center no-repeat;}
.company-news-nav li a i.in8 {background: url("../images/knowledge/in81.png") left center no-repeat;}
.company-news-nav li.cur a i.in8,.company-news-nav li a:hover i.in8{background: url("../images/knowledge/in8.png") left center no-repeat;}
.company-news-nav li a i.in9 {background: url("../images/knowledge/in91.png") left center no-repeat;}
.company-news-nav li.cur a i.in9,.company-news-nav li a:hover i.in9{background: url("../images/knowledge/in9.png") left center no-repeat;}
.swiper-latest-topics a .txt h4 i{width: 20px;height: 20px;margin-right: 5px;margin-bottom:3px;}
.swiper-latest-topics a .txt h4 i.ding{background: url("../images/knowledge/1d.png") no-repeat;}
.swiper-latest-topics a .txt h4 i.jing{background: url("../images/knowledge/1j.png") no-repeat;}


.company-news-nav.cnnav-3::after {display: none;}
.move-x {display: block;width: 90px;height: 2px;background: #233d52;position: absolute;left: 0;bottom:-2px;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;transition:all .5s ease;}


.swiper-latest-topics.style-x {}
.swiper-latest-topics.style-x a .sun {width:36px;height: 36px;line-height: 36px;font-size:14px;color: #a1a4b2; vertical-align: top;text-align: center;background: url("../images/knowledge/x4.png") center no-repeat;}
.swiper-latest-topics.style-x a.x1 .sun {background: url("../images/knowledge/x1.png") center no-repeat;color: #b77410;}
.swiper-latest-topics.style-x a.x2 .sun {background: url("../images/knowledge/x2.png") center no-repeat;color: #3f6d9e;}
.swiper-latest-topics.style-x a.x3 .sun {background: url("../images/knowledge/x3.png") center no-repeat;color: #986839;}
.swiper-latest-topics.style-x a .txt {width: 68%;margin-top: 5px;}
.swiper-latest-topics.style-x a .txt h4{position: relative;}
.swiper-latest-topics.style-x a .txt h4 strong{font-weight: bold;position: relative;z-index: 5;}
.swiper-latest-topics.style-x a .txt h4::after {content: '';width: 100%;height: 8px;background:none;display: block;position: absolute;left: 0;bottom:8px;}
.swiper-latest-topics.style-x a.x1 .txt h4::after {background: #fdd02f;}
.swiper-latest-topics.style-x a.x2 .txt h4::after {background: #aecdef;}
.swiper-latest-topics.style-x a.x3 .txt h4::after {background: #e1cbb6;}
.swiper-latest-topics.style-x a.nonepic.x3 .txt{width: 94%;}


/* 专业知识圈 - 圈子 - 详细 */

.cm-index-banner .return {width: 100px;background: rgba(0,0,0,.3);overflow: hidden; position: absolute;left:9.1%;top:30px;z-index: 3;text-align: center;border-radius: 100px;}
.cm-index-banner .return a{height: 44px;line-height: 44px;display: block;overflow: hidden;font-size: 0;}
.cm-index-banner .return a *{display: inline-block;vertical-align: middle;}
.cm-index-banner .return a i{width: 18px;height: 10px;background: url("../images/month-recommended/return.png") center no-repeat;opacity: .6;}
.cm-index-banner .return a span {opacity: .6;margin-left:5px;color: #fff;font-size: 14px;}
.cm-index-banner .return a:hover {background: #000;}
.cm-index-banner .return a:hover i,.cm-index-banner .return a:hover span {opacity: 1;}


.knowledge-detail {background: #fff;}

.knowledge-detail .return {width: 100px;background:#fff;overflow: hidden; position: absolute;left:16%;top: 12%;text-align: center;border-radius: 100px;box-shadow: 0px 2px 10px 0px rgba(8, 16, 124, 0.1);}
.knowledge-detail .return a{height: 44px;line-height: 44px;display: block;overflow: hidden;font-size: 0;}
.knowledge-detail .return a *{display: inline-block;vertical-align: middle;}
.knowledge-detail .return a i{width: 18px;height: 10px;background: url("../images/month-recommended/return1.png") center no-repeat;opacity: .6;}
.knowledge-detail .return a span {margin-left:5px;color: #737580;font-size: 14px;}
.knowledge-detail .return a:hover {background-image: linear-gradient(180deg,#5e707f,#3d5466);}
.knowledge-detail .return a:hover i {background: url("../images/month-recommended/return.png") center no-repeat;opacity: 1;}
.knowledge-detail .return a:hover span {color: #fff;}

.knowledge-detail-content {width: 62%;padding:2% 0; margin: auto;min-height: 300px;}
.knowledge-detail-top {padding-bottom: 30px;overflow: hidden;}
.knowledge-detail-top * {display: inline-block;vertical-align: middle;margin: 0;padding: 0;font-weight: normal;}
.knowledge-detail-top .l-title {font-size: 30px;color: #2e2f33;font-weight: bold;float: left;}
.knowledge-detail-top .r-information {float: right;}
.knowledge-detail-top .r-information .personal{position: relative;}
.knowledge-detail-top .r-information .personal .pic{width: 46px;height: 46px;border-radius: 100px;overflow: hidden;}
.knowledge-detail-top .r-information .personal .pic img {display: block;width: 100%;height: auto;}
.knowledge-detail-top .r-information .personal .txt{padding-left: 5px;}
.knowledge-detail-top .r-information .personal .txt h4{font-size: 16px;color: #2e2f33;}
.knowledge-detail-top .r-information .personal .txt span{color: #5975ff;font-size: 12px;padding-left: 10px;}
.knowledge-detail-top .r-information .personal .txt h6{clear: both;display: block;font-size: 12px;color: #ccc;padding-top: 5px;}
.knowledge-detail-top .r-information .data {text-align: center;position: relative;padding-left:30px;margin-left:30px;}
.knowledge-detail-top .r-information .data::before {content: '';width: 1px;height: 100%;position: absolute;left: 0;top: 0;background: #ebedf5;}
.knowledge-detail-top .r-information .data h3{display: block;font-size: 20px;line-height: 24px; color: #2e2f33;font-weight: bold;}
.knowledge-detail-top .r-information .data h5{display: block;font-size: 14px;color: #737580;}

.knowledge-detail-circles {clear: both;padding:1% 1%;background: #f5f6fa;border-radius: 4px; overflow: hidden;position: relative;font-size: 0;}
.knowledge-detail-circles .pic{width: 62px;height: 62px;border-radius: 100px;overflow: hidden;display:inline-block;vertical-align: middle;}
.knowledge-detail-circles .txt{display:inline-block;vertical-align: middle;padding-left:10px;}
.knowledge-detail-circles .txt h4{font-size: 16px;color: #2e2f33;margin: 0;padding: 0;font-weight: normal;}
.knowledge-detail-circles .txt h6{font-size: 12px;color: #a1a4b2;margin: 0;padding: 0;font-weight: normal;}
.knowledge-detail-circles .joinin {width: 95px;height: 37px;line-height: 37px;border: 1px solid #233d52;position: absolute;right: 3%;top: 50%;margin-top: -19px;text-align: center;border-radius: 100px;color: #233d52;cursor: pointer;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;transition:all .5s ease;}
.knowledge-detail-circles .joinin i {width: 13px;height: 13px;display: inline-block;vertical-align: middle;background: url("../images/knowledge/add5.png") no-repeat;margin-right: 5px;}
.knowledge-detail-circles .joinin h5 {display: inline-block;vertical-align: middle;color: #233d52;font-size: 14px;margin: 0;padding: 0;}
.knowledge-detail-circles .joinin.cur i {display: none;}
.knowledge-detail-circles .joinin:hover {background: #233d52;}
.knowledge-detail-circles .joinin:hover h5{color: #fff;}
.knowledge-detail-circles .joinin:hover i {background: url("../images/knowledge/add4.png") no-repeat;}

.knowledge-detail-text {padding:3% 0;overflow: hidden;font-size: 16px; line-height: 28px;color: #2e2f33;border-bottom: 1px solid #ebedf5;}
.knowledge-detail-bottom {padding:3% 0;overflow: hidden;position: relative;}
.knowledge-detail-bottom a{width: 130px;padding:20px 20px;font-size: 0; margin-right:10px;border-radius: 100px;overflow: hidden;text-align: center;box-shadow: 0px 2px 10px 0px rgba(8, 16, 124, 0.1);}
.knowledge-detail-bottom a i {display: inline-block;vertical-align: middle;width: 16px;height: 16px;margin-right: 5px;}
.knowledge-detail-bottom a h6 {display: inline-block;vertical-align: middle;margin: 0;padding: 0;font-weight: normal;font-size: 14px;color: #737580;}
.knowledge-detail-bottom a.write-answer{background-image: linear-gradient(180deg,#4d6273,#263f54);}
.knowledge-detail-bottom a.write-answer i{background:url("../images/document/comments-score1.png") center no-repeat;}
.knowledge-detail-bottom a.write-answer h6 {color: #fff;}
.knowledge-detail-bottom a.download-attachment i{background:url("../images/document/dl.png") center no-repeat;}
.knowledge-detail-bottom .datetime{font-size: 14px;color: #a1a4b2;position: absolute;top: 50%;margin-top: -10px; right: 0;}
.knowledge-detail-bottom a:hover {background-image: linear-gradient(180deg,#5e707f,#3d5466);}
.knowledge-detail-bottom a.write-answer:hover i {background:url("../images/document/comments-score1.png") center no-repeat;} 
.knowledge-detail-bottom a.download-attachment:hover i {background:url("../images/document/dl1.png") center no-repeat;} 
.knowledge-detail-bottom a:hover h6 {color: #fff;}


.answer-area {margin-top: 15px;overflow: hidden;padding:0;background: #fff;}
.answer-area-editor {background: #f5f6fa;border-radius: 4px;overflow:visible;padding:2% 3%;position: relative;min-height:100px;}
.answer-submit {position: absolute;bottom:20%;right: 2%;z-index: 33;}
.answer-submit input{width: 120px;height: 40px;line-height: 40px;border-radius:100px;cursor: pointer;color: #fff;background-image: linear-gradient(180deg,#4d6273,#263f54);box-shadow: 0px 5px 20px 0px rgba(89, 117, 255, 0.2);}
.answer-submit input:hover {background-image: linear-gradient(180deg,#5e707f,#3d5466);}
.answer-area-detail {padding: 3% 0;overflow: hidden;}
.answer-area-detail .title{font-size: 24px;color: #2e2f33;font-weight: bold;padding-bottom: 15px;margin-bottom: 15px; border-bottom: 1px solid #ebedf5;}

.write-answer-right {position: fixed;right: 5%;bottom:10%; width: 60px;height: 60px;border-radius:100px;background-image: linear-gradient(180deg,#4d6273,#263f54);box-shadow: 0px 5px 20px 0px rgba(89, 117, 255, 0.3);}
.write-answer-right a {display: block;width: 60px;height: 60px;background: url("../images/knowledge/edit1.png") center no-repeat;}
.write-answer-right:hover {background-image: linear-gradient(180deg,#5e707f,#3d5466);}

.answer-area-editor {display: none}
.wangEditor-content {position: relative;z-index: 13;}
.wangEditor-toolbar {border-bottom: 1px solid #dcdee6;padding-bottom: 20px;margin-bottom: 20px;}
.wangEditor-textarea {min-height: 150px;}

.answer-area-list {overflow: hidden;}
.answer-critics { padding-top: 30px; padding-bottom:20px;border-bottom: 1px solid #e4e6ed;overflow: hidden;}
.answer-critics .critics-top {font-size: 0;position: relative;}
.answer-critics .critics-top .pic{display: inline-block;vertical-align: middle; width: 55px;height: 55px;background: #000;overflow: hidden;border-radius: 100px;}
.answer-critics .critics-top .pic img{display: block;width: 100%;height: auto;}
.answer-critics .critics-top .name{display: inline-block;vertical-align: middle;margin-left:15px;}
.answer-critics .critics-top .name * {margin: 0;padding: 0;font-weight: normal;}
.answer-critics .critics-top .name h4{font-size: 18px;color: #2e2f33;font-weight: bold;}
.answer-critics .critics-top .name h4 span {color: #a1a4b2;}
.answer-critics .critics-top .name h5{font-size: 14px;color: #a1a4b2;}
.answer-critics .critics-top .txt{padding: 10px 0 20px 70px;overflow: hidden;font-size: 16px;line-height: 26px; color: #2e2f33;clear: both;}

.answer-critics .critics-top .reply-content {margin-bottom: 30px;margin-left: 70px;overflow: hidden;position: relative;display: none;}
.answer-critics .critics-top .reply-content .reply-textarea {width: 95%;padding:0 2%;height: 40px;line-height: 40px; border: 1px solid #ccc;font-size: 14px;border-radius: 24px 100px 100px 24px;overflow: hidden;}
.answer-critics .critics-top .reply-content .reply-textarea:focus {border: 1px solid #233d52;}
.answer-critics .critics-top .reply-content .reply-submit {width: 100px;height: 42px;line-height: 42px;position: absolute;top:0;right:0;border-radius:100px;cursor: pointer;color: #fff;background-image: linear-gradient(180deg,#263f54,#4d6273);box-shadow: 0px 5px 20px 0px rgba(89, 117, 255, 0.2);}
.answer-critics .critics-top .reply-content .reply-submit:hover {background-image: linear-gradient(180deg,#4d6273,#263f54);}
.answer-critics .reply-content .reply-textarea{background: none;}

.answer-critics .operation-bottom {clear: both;padding: 0px 0 30px 63px;overflow: hidden;}
.answer-critics .operation-bottom a{display:block;float: left;border-radius: 100px;padding: 10px 20px;text-align: center;}
.answer-critics .operation-bottom a i{width: 16px;height: 16px;display: inline-block;vertical-align: middle;margin-right: 5px;}
.answer-critics .operation-bottom a h5{display: inline-block;vertical-align: middle;margin: 0;padding: 0;font-weight: normal;font-size: 14px;color: #a1a4b2;}
.answer-critics .operation-bottom a.agreewith{background: #eef1ff;}
.answer-critics .operation-bottom a.replyon{}
.answer-critics .operation-bottom a.replyoff{display: none;}
.answer-critics .operation-bottom a.agreewith i{background: url("../images/knowledge/dz1.png") center no-repeat;}
.answer-critics .operation-bottom a.replyon i{background: url("../images/knowledge/hf1.png") center no-repeat;}
.answer-critics .operation-bottom a.replyoff i{background: url("../images/knowledge/hf1.png") center no-repeat;}
.answer-critics .operation-bottom a.agreewith h5 {color: #263f54;}
.answer-critics .operation-bottom a:hover {background-color:#eef1ff;}
.answer-critics .critics-comments-content {background: #f7f8fc;border-radius: 4px; padding: 3%;overflow: hidden;}
.answer-critics .critics-comments-content.mlt20 {margin: 0px 0 20px 70px;}
.answer-critics .critics-comments-content .comments-critics .content .v-more{margin-left: 55px;}
.answer-critics .critics-comments-content .comments-critics .content {border-bottom: 1px solid #e4e6ed;padding-bottom: 20px;}
.answer-critics .critics-comments-content .comments-critics .v-more {margin-left: 60px;margin-top:10px;font-size: 14px;}




/* 诚脉动态 */
.cm-news-banner {background: #fff;overflow: hidden;}
.cm-news-banner-content-bg {position: relative;width: 90%;margin:50px auto;border-radius: 8px;background: #fff;box-shadow: 0px 1px 40px 0px rgba(31, 38, 77, 0.12);}
.cm-news-banner-content {position: relative;overflow: hidden;}
.cm-news-banner-left {float: left;width: 75%;overflow: hidden;position: relative;z-index: 4;}
.news-banner-left-swiper {position: relative;border-radius: 8px;overflow: hidden;}
.news-banner-left-swiper .swiper-slide {background: #000;}
.news-banner-left-swiper .txt{position: absolute;bottom: 0;left: 0;width: 90%;z-index: 3;padding:5%;font-size: 0;background-image: linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,.0));}
.news-banner-left-swiper .txt * {margin: 0;padding: 0;font-weight: normal;}
.news-banner-left-swiper .txt h3{color: #fff;}
.news-banner-left-swiper .txt h3 span{display: inline-block;vertical-align: middle;font-size: 0.6rem;padding: 0 0.7rem;line-height: 2;text-align: center;border: 0.05rem solid #fff;border-radius: 0.3rem;margin-right: 1rem;}
.news-banner-left-swiper .txt h3 strong{font-size: 1.2rem;display: inline-block;vertical-align: middle;}
.news-banner-left-swiper .txt h5 {font-size: 14px;line-height: 22px;color: #fff;opacity: .6;padding-top: 10px;overflow: hidden;}
.news-banner-left-swiper .pic {background-size: 104%;background-position: center;background-repeat: no-repeat;}
.news-banner-left-swiper .pic img{opacity: 0;display: block;width: 100%;height: auto;}
.news-banner-left-swiper a:hover .pic{background-size: 110%;}

.cm-news-banner-right {width: 26%;height: 90%;position:absolute;right: -1%;top: 5%; z-index: 4;overflow: hidden;}
.news-banner-right-swiper {height: 100%;}
.news-banner-right-swiper .r-title {cursor: pointer;padding:0 10% 0 6%;width: 100%;height: 100%;display: table;border-radius: 0 8px 8px 0;}
.news-banner-right-swiper .r-title .txt { border-bottom: 1px solid #f0f2fa;display: table-cell;vertical-align: middle;}
.news-banner-right-swiper .r-title .txt h6{font-size: 12px;color: #a1a4b2;font-weight: normal;margin: 0;padding: 0;}
.news-banner-right-swiper .r-title .txt h6 span:first-child{float: left;}
.news-banner-right-swiper .r-title .txt h6 span:last-child{float: right;}
.news-banner-right-swiper .r-title .txt h5{font-size: 0.8rem;color: #2e2f33;font-weight: normal;margin: 0;padding: 0;line-height: 2;clear: both;padding-top: 0.8rem;}
.news-banner-right-swiper .swiper-slide-thumb-active .r-title{background: #284d55;}
.news-banner-right-swiper .swiper-slide-thumb-active .r-title .txt h5 {color: #fff;}
.news-banner-right-swiper .swiper-slide-thumb-active .r-title .txt h6 span {color: #fff;opacity: .6;font-size: 0.8rem;}
.news-banner-right-swiper .swiper-slide-thumb-active .r-title .txt {border-bottom: 1px solid #233d52;}
.news-banner-right-swiper .swiper-slide:last-child .r-title .txt  {border-bottom:none;}

.cm-index-right-main.mt0 {margin-top: 0;padding: 1% 0 0 0;}

.cm-news-list {}
.cm-news-list a {display: block;overflow: hidden;border-bottom: 1px solid #f0f2fa;padding: 30px 0;}
.cm-news-list a .pic{display: inline-block;vertical-align: middle;width: 24%;border-radius: 4px;overflow: hidden; background-size: cover;}
.cm-news-list a .pic img {display: block;width: 100%;overflow: hidden;opacity: 0;}
.cm-news-list a .txt {display: inline-block;vertical-align: middle;width: 73%;padding-left: 2%;overflow: hidden;}
.cm-news-list a .txt * {margin: 0;padding: 0;font-weight: normal;}
.cm-news-list a .txt h4{font-size: 20px;color: #2e2f33;font-weight: bold;padding-bottom: 10px;}
.cm-news-list a .txt h5{font-size: 14px;color: #737580;line-height: 24px;padding-bottom: 20px;} 
.cm-news-list a .txt h6{font-size: 14px;color: #a1a4b2;} 
.cm-news-list a:hover {background: #f5f6fa;} 

.elegant-demeanour {padding: 3% 0;overflow: hidden;}
.elegant-demeanour .list {padding:30px 0;overflow: hidden;position: relative;}
.elegant-demeanour .list .pic{overflow: hidden;position: relative;border-radius: 4px;}
.elegant-demeanour .list .pic a{display: block;background-size: 100%;overflow: hidden;}

.elegant-demeanour .list .pic a img{display: block;width: 100%;height: auto;opacity: 0;}
.elegant-demeanour .list .pic a.pic2 {position: absolute;width: 40%;height: 50%;right: 0;top: 0;z-index: 1;border-left: 2px solid #fff;}
.elegant-demeanour .list .pic a.pic3 {position: absolute;width: 40%;height: 50%;right: 0;bottom: 0;z-index: 2;border-left: 2px solid #fff;border-top:2px solid #fff;}
.elegant-demeanour .list .pic a.pic2,.elegant-demeanour .list .pic a.pic3 {border-radius: 0px;}
.elegant-demeanour .list .pic a .picnum {font-size: 18px;color: #fff;text-align: center;position: absolute;width: 100%;height: 100%;}
.elegant-demeanour .list .pic a .picnum ul {list-style: none;margin: 0;padding: 0;display: table;width: 100%;height: 100%;}
.elegant-demeanour .list .pic a .picnum ul li{list-style: none;margin: 0;padding: 0;display: table-cell;vertical-align: middle;}
.elegant-demeanour .list .pic a:hover {background-size: 110%;}
.elegant-demeanour .list .titledate {padding: 20px 0;overflow: hidden;}
.elegant-demeanour .list .titledate *{display: inline-block;vertical-align: middle;margin: 0;padding: 0;font-weight: normal;}
.elegant-demeanour .list .titledate .date{width: 15%;background: #eef1ff;padding:1.5% 1.5%;overflow: hidden;border-radius: 4px;text-align: center;}
.elegant-demeanour .list .titledate .date h6{color: #a1a4b2;font-size: 12px;display: block;padding-top: 3px;}
.elegant-demeanour .list .titledate .date h3{color: #2e2f33;font-size: 22px;display: block;font-weight: bold;}
.elegant-demeanour .list .titledate .title {padding-left: 2%;}
.elegant-demeanour .list .titledate .title h3{color: #2e2f33;font-size: 18px;display: block;font-weight: bold;}
.elegant-demeanour .list .titledate .title h5{color: #a1a4b2;font-size: 12px;display: block;}


.cm-announcement-list {padding:0;overflow: hidden;}
.cm-announcement-list a {position: relative;display: block;overflow: hidden;padding:25px 0;border-bottom:1px solid #f0f2fa;}
.cm-announcement-list a *{margin: 0;padding: 0;font-weight: normal;}
.cm-announcement-list a .hover{display: block;width: 100%;height:0px;position: absolute;left: 0;top: 0;background: #fff;overflow: hidden;z-index: 1;}
.cm-announcement-list a .hover h4{font-size: 20px;color: #2e2f33;padding-bottom: 10px;display: block;}
.cm-announcement-list a .hover h4 strong{font-weight: bold;font-size: 20px;color: #2e2f33;}
.cm-announcement-list a .hover h4 span{font-size: 14px;color: #a1a4b2;float: right;}
.cm-announcement-list a .hover h5{font-size: 14px;line-height: 24px;color: #a1a4b2;}
.cm-announcement-list a .hover .published-from{padding-top: 20px;overflow: hidden;}
.cm-announcement-list a .hover .published-from .people{display: inline-block;vertical-align: middle;}
.cm-announcement-list a .hover .published-from .people i{width: 28px;height: 28px;border-radius: 100px;overflow: hidden;display: inline-block;vertical-align: middle;margin-right: 5px;}
.cm-announcement-list a .hover .published-from .people h6{font-size: 14px;color: #a1a4b2;display: inline-block;vertical-align: middle;}
.cm-announcement-list a .hover .published-from .download{font-size: 14px;color: #a1a4b2;float: right;padding-left:20px;background: url("../images/document/dl.png") left center no-repeat;}
.cm-announcement-list a .default {clear: both;}
.cm-announcement-list a .default h4{font-size: 18px;color: #2e2f33;font-weight: bold;padding-bottom: 15px;}
.cm-announcement-list a .default h6{font-size: 12px;color: #a1a4b2;display: block;}
.cm-announcement-list a .default span{font-size: 12px;color: #a1a4b2;}
.cm-announcement-list a .default span:last-child {float: right;}						
.cm-announcement-list a.cur {padding:60px 0 ;}
.cm-announcement-list a.cur .hover {height:100%;top: 30px;}

.cm-news-detail {background: #fff;}
.cm-news-detail-content {width: 58%;margin: auto;padding-top:80px;overflow: hidden;}
.news-detail-title {border-bottom: 2px solid #f0f2fa;overflow: hidden;padding-bottom:50px;}
.news-detail-title .news-type{margin-bottom: 20px;}
.news-detail-title .news-type h6 {margin: 0;font-size: 12px;color: #a1a4b2;background: #f5f6fa;border-radius: 100px;padding: 5px 20px;font-weight: normal;display: inline-block;}
.news-detail-title .news-title{float: left;width: 81%;font-size:34px;color: #2e2f33;font-weight: bold;}
.news-detail-title .news-date {text-align: right;float: right;width: 18%;padding-top: 10px;}
.news-detail-title .news-date h3{font-size: 20px;color: #2e2f33;margin: 0;padding: 0;display: block;font-family: 'Montserrat-Bold';}
.news-detail-title .news-date h5{font-size: 14px;color: #a1a4b2;margin: 0;padding: 0;font-family: 'Montserrat-Bold';}
.news-detail-text {padding: 5% 0;overflow: hidden;font-size: 18px;border-bottom: 2px solid #f0f2fa;line-height: 30px;color: #2e2f33;clear: both;}
.news-detail-text img {max-width: 100%;height: auto;}
					 

.cm-index-right-main.mt2 {margin-top: 2px;padding:1% 0 0 0;}
.cm-project-gallery-list {overflow: hidden;clear: both;}
.project-gallery {float: left;width: 47%;margin-top: 30px;}
.project-gallery .ppics {overflow: hidden;border-radius: 4px;position: relative;}
.project-gallery .ppics a{display: block;background-size: 100%;background-position: center; overflow: hidden;background-color: #000;}
.project-gallery .ppics a img{display: block;width: 100%;height: auto;opacity: 0;}
.project-gallery .ppics a.pic1{}
.project-gallery .ppics a.pic2{position: absolute;width: 40%;height: 50%;right: 0;top: 0;z-index: 1;border-left: 3px solid #fff;}
.project-gallery .ppics a.pic3{position: absolute;width: 40%;height: 50%;right: 0;bottom: 0;z-index: 2;border-left: 3px solid #fff;border-top:3px solid #fff;}
.project-gallery .ppics a.pic2,.project-gallery .ppics a.pic3 {border-radius: 0px;}
.project-gallery .ppics a .picnum {font-size: 26px;color: #fff;text-align: center;position: absolute;width: 100%;height: 100%;font-weight: bold;}
.project-gallery .ppics a .picnum ul {list-style: none;margin: 0;padding: 0;display: table;width: 100%;height: 100%;}
.project-gallery .ppics a .picnum ul li{list-style: none;margin: 0;padding: 0;display: table-cell;vertical-align: middle;}
.project-gallery .ppics a:hover {background-size: 110%;}
.project-gallery .titledate {padding: 25px 0;overflow: hidden;clear: both;}
.project-gallery .titledate *{display: inline-block;vertical-align: middle;margin: 0;padding: 0;font-weight: normal;}
.project-gallery .titledate .date{width: 74px;background: #eef1ff;padding:10px 4px;overflow: hidden;border-radius: 4px;text-align: center;}
.project-gallery .titledate .date h6{color: #a1a4b2;font-size: 14px;display: block;}
.project-gallery .titledate .date h3{color: #2e2f33;font-size: 26px;line-height:28px; display: block;font-weight: bold;}
.project-gallery .titledate .title {padding-left:1%;}
.project-gallery .titledate .title h3{color: #2e2f33;font-size: 20px;display: block;font-weight: bold;}
.project-gallery .titledate .title h5{color: #a1a4b2;font-size: 14px;display: block;}
.project-gallery.mr5 {margin-right: 5%;}


.projectgallery-detail {background: #fff;}
.projectgallery-detail-content {width: 82%;margin: auto;padding-top:40px;overflow: hidden;}
.projectgallery-detail .return {width: 100px;background:#fff;overflow: hidden;text-align: center;border-radius: 100px;z-index: 3;box-shadow: 0px 2px 10px 0px rgba(8, 16, 124, 0.1);}
.projectgallery-detail .return a{height: 44px;line-height: 44px;display: block;overflow: hidden;font-size: 0;}
.projectgallery-detail .return a *{display: inline-block;vertical-align: middle;}
.projectgallery-detail .return a i{width: 18px;height: 10px;background: url("../images/month-recommended/return1.png") center no-repeat;opacity: .6;}
.projectgallery-detail .return a span {margin-left:5px;color: #737580;font-size: 14px;}
.projectgallery-detail .return a:hover {background-image: linear-gradient(180deg,#5e707f,#3d5466);}
.projectgallery-detail .return a:hover i {background: url("../images/month-recommended/return.png") center no-repeat;opacity: 1;}
.projectgallery-detail .return a:hover span {color: #fff;}

.projectgallery-detail-content .titledate {padding: 50px 0;overflow: hidden;clear: both;}

.projectgallery-detail-content .titledate *{display: inline-block;vertical-align: middle;margin: 0;padding: 0;font-weight: normal;}
.projectgallery-detail-content .titledate .date{width: 90px;background: #eef1ff;padding:13px 0px;overflow: hidden;border-radius: 6px;text-align: center;}
.projectgallery-detail-content .titledate .date h6{color: #a1a4b2;font-size: 16px;display: block;}
.projectgallery-detail-content .titledate .date h3{color: #2e2f33;font-size: 30px;line-height:32px; display: block;font-weight: bold;}
.projectgallery-detail-content .titledate .title {padding-left:1%;}
.projectgallery-detail-content .titledate .title h3{color: #2e2f33;font-size: 34px;display: block;font-weight: bold;}
.projectgallery-detail-content .titledate .title h5{color: #a1a4b2;font-size: 14px;display: block;}

.picgallery {position: relative;padding:1% 0 1% 0;}
#wrapper{width:100%;}
#container{position:relative;width:100%;}
.grid{width:480px;min-height:100px; background: #f1f1f1; font-size:12px;float:left;-webkit-transition:top 1s ease, left 1s ease;-moz-transition:top 1s ease, left 1s ease;-o-transition:top 1s ease, left 1s ease;-ms-transition:top 1s ease, left 1s ease;}
.grid .imgholder {position: relative;cursor: pointer;}
.grid .imgholder a {display: block;position: relative;}
.grid .imgholder a::before {content: '';display: block;opacity: 0; width:100%;height:100%;background: url("../images/news/fbig.png") center no-repeat;position: absolute;left: 0;top: 0;z-index: 1;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;transition:all .5s ease;}
.grid .imgholder a:hover::before {opacity: 1;}
.grid .imgholder img{max-width:100%;display:block;background:url(../images/loading.gif) no-repeat center;border-radius: 4px;overflow: hidden;}





/* 投票 */
.cm-index-right-main .content.w85 {width: 85%;}
.cm-voting-list {padding:1.5% 0;overflow: hidden;}
.cm-voting-list a.item {display: block;overflow: hidden; }
.cm-voting-list a.item * {margin: 0;padding: 0;font-weight: normal;list-style: none;display: inline-block;vertical-align: middle;}
.cm-voting-list a.item .txt {width: 75%;}
.cm-voting-list a.item .txt h3{display: block;font-size: 24px;color: #2e2f33;font-weight: bold;padding-bottom: 10px;}
.cm-voting-list a.item .txt h4{display: block;font-size: 16px;color: #737580;line-height: 26px;}
.cm-voting-list a.item .txt .joinlist{display: block;padding: 20px 0 5px 0;overflow: hidden;width: 100%;position: relative;text-align: left;}
.cm-voting-list a.item .txt .joinlist ul{position: relative;height: 30px;}
.cm-voting-list a.item .txt .joinlist ul li{width: 28px;height: 28px;overflow: hidden;border-radius: 100px;border: 3px solid #fff;}
.cm-voting-list a.item .txt .joinlist ul li.num1{margin-left: -20px;}
.cm-voting-list a.item .txt .joinlist ul li img{display: block;width: 100%;height: auto;}
.cm-voting-list a.item .txt .joinlist span{font-size: 14px;color: #a1a4b2;}
.cm-voting-list a.item .txt .joinlist span.v-reply{ padding-left: 20px;margin-left: 20px;background: url("../images/knowledge/d-2.png") left center no-repeat;}
.cm-voting-list a.item .txt .joinlist span.v-right{float: right;}
.cm-voting-list a.item .pic {width: 20%;margin-left: 3%;border-radius: 4px;overflow: hidden; background-size: cover;background-repeat: no-repeat;background-position: center;background-color: #000;}
.cm-voting-list a.item .pic img{display: block;width: 100%;height: auto;opacity: 0;}
.cm-voting-list a.item .view-voting-details {border-top: 1px solid #ebedf5;clear: both;margin-top:25px;display: block;padding: 25px 0;overflow: hidden;}
.cm-voting-list a.item .view-voting-details h5 {padding: 12px 4%; overflow: hidden;color: #fff; font-size: 14px;border-radius: 100px;background-image: linear-gradient(180deg,#4d6273,#263f54); box-shadow: 0px 5px 20px 0px rgba(89, 117, 255, 0.3);}
.cm-voting-list a.item:hover .view-voting-details h5{background-image: linear-gradient(180deg,#5e707f,#3d5466);} 

.voting-items {box-shadow: 0px 1px 40px 0px rgba(31, 38, 77, 0.12);background: #fff;border-radius: 4px;margin: 2%;padding: 3% 3% 1% 3%;position: relative;}
.voting-items .cm-voting-detail-content,.voting-items .cm-comments .cm-comments-content.w62{width: 100%;}
.voting-show {display: none;}
.voting-items .cm-voting-detail-top {padding: 0px;}
.voting-items .item.cur {}
.cm-voting-list .voting-items a.item .view-voting-details {overflow: visible;}
.voting-items .item.cur .txt,.voting-items .item.cur .pic,.voting-items .item.cur .view-voting-details{display: none;}
.voting-items .item.cur .voting-show {padding:0 0 5% 0;}
.voting-items .item.cur .view-voting-details-hide {display:block ;}
.view-voting-details-hide {border-top: 1px solid #ebedf5;clear: both;margin-top:25px;display: block;padding: 25px 0;overflow: hidden; cursor: pointer;}
.view-voting-details-hide h5 {padding: 12px 4%; overflow: hidden;color: #fff; font-size: 14px;border-radius: 100px;background-image: linear-gradient(180deg,#4d6273,#263f54); box-shadow: 0px 5px 20px 0px rgba(89, 117, 255, 0.3);display: inline-block;}
.view-voting-details-hide h5{background-image: linear-gradient(180deg,#5e707f,#3d5466);} 
.view-voting-details-hide:hover h5{background-image: linear-gradient(180deg,#3d5466,#5e707f);} 


.cm-voting-detail {background: #fff;}
.cm-voting-detail .return {width: 100px;background:#fff;overflow: hidden; position: absolute;left:16%;top: 12%;text-align: center;border-radius: 100px;box-shadow: 0px 2px 10px 0px rgba(8, 16, 124, 0.1);}
.cm-voting-detail .return a{height: 44px;line-height: 44px;display: block;overflow: hidden;font-size: 0;}
.cm-voting-detail .return a *{display: inline-block;vertical-align: middle;}
.cm-voting-detail .return a i{width: 18px;height: 10px;background: url("../images/month-recommended/return1.png") center no-repeat;opacity: .6;}
.cm-voting-detail .return a span {margin-left:5px;color: #737580;font-size: 14px;}
.cm-voting-detail .return a:hover {background-image: linear-gradient(180deg,#5e707f,#3d5466);}
.cm-voting-detail .return a:hover i {background: url("../images/month-recommended/return.png") center no-repeat;opacity: 1;}
.cm-voting-detail .return a:hover span {color: #fff;}
.cm-voting-detail-content {width: 62%;padding:2% 0; margin: auto;min-height: 300px;}
.cm-voting-detail-top {padding: 80px 0 0px 0;overflow: hidden;}
.cm-voting-detail-top * {display: inline-block;vertical-align: middle;margin: 0;padding: 0;font-weight: normal;}
.cm-voting-detail-top .l-title {font-size: 34px;color: #2e2f33;font-weight: bold;float: left;}
.cm-voting-detail-text {padding:3% 0;overflow: hidden;font-size: 16px; line-height: 28px;color: #737580;border-bottom: 1px solid #ebedf5;}
.cm-voting-detail .download-attachment{width: 130px;padding:20px 20px;font-size: 0; margin-right:10px;border-radius: 100px;overflow: hidden;text-align: center;box-shadow: 0px 2px 10px 0px rgba(8, 16, 124, 0.1);}
.cm-voting-detail .download-attachment i {display: inline-block;vertical-align: middle;width: 16px;height: 16px;margin-right: 5px;}
.cm-voting-detail .download-attachment h6 {display: inline-block;vertical-align: middle;margin: 0;padding: 0;font-weight: normal;font-size: 14px;color: #2e2f33;}
.cm-voting-detail .download-attachment i{background:url("../images/document/dl.png") center no-repeat;}
.cm-voting-detail .download-attachment:hover {background-image: linear-gradient(180deg,#5e707f,#3d5466);}
.cm-voting-detail .download-attachment:hover i {background:url("../images/document/dl1.png") center no-repeat;} 
.cm-voting-detail .download-attachment:hover h6 {color: #fff;}
.cm-voting-detail-bottom {padding:1% 0;overflow: hidden;position: relative;}
.cm-voting-detail-bottom * {margin: 0;padding: 0;font-weight: normal;list-style: none;display: inline-block;vertical-align: middle;}
.cm-voting-detail-bottom .joinlist{display: block;padding: 20px 0 5px 0;overflow: hidden;width: 100%;position: relative;text-align: left;}
.cm-voting-detail-bottom .joinlist ul{position: relative;height: 30px;}
.cm-voting-detail-bottom .joinlist ul li{width: 28px;height: 28px;overflow: hidden;border-radius: 100px;border: 3px solid #fff;}
.cm-voting-detail-bottom .joinlist ul li.num1{margin-left: -20px;}
.cm-voting-detail-bottom .joinlist ul li img{display: block;width: 100%;height: auto;}
.cm-voting-detail-bottom .joinlist span{font-size: 14px;color: #a1a4b2;}
.cm-voting-detail-bottom .joinlist span.v-reply{ padding-left: 20px;margin-left: 20px;background: url("../images/knowledge/d-2.png") left center no-repeat;}
.cm-voting-detail-bottom .joinlist span.v-right{float: right;}

.voting-item {padding:3% 0 1% 0;overflow: hidden;}
.voting-item * {-webkit-transition:all .5s ease;-moz-transition:all .5s ease;transition:all .5s ease;}
.voting-item .progress-options{margin-bottom: 1%;overflow: hidden; cursor: pointer;}
.voting-item .progress-options .progress-radio {position: relative; display: inline-block;vertical-align: middle;width: 20px;height: 20px;border: 2px solid #dadce6;border-radius: 100px;}
.voting-item .progress-options .progress-radio .v-radio{width: 20px;height: 20px;position: absolute;left: 0;top: 0;z-index: 3;}
.voting-item .progress-options .progress-bar{margin-left:15px;position: relative; background: #f5f6fa;border-radius:100px;width: 650px;height: 60px;overflow: hidden;}
.voting-item .progress-options .progress-bar .progress{z-index: 2;position: absolute;left: 0;width: 0px;height: 100%; background: #edeff5;border-radius: 0 100px 100px  0;}
.voting-item .progress-options .progress-bar .progress.w10 {width: 10%;}
.voting-item .progress-options .progress-bar .progress.w20 {width: 20%;}
.voting-item .progress-options .progress-bar .progress.w30 {width: 30%;}
.voting-item .progress-options .progress-bar .progress.w40 {width: 40%;}
.voting-item .progress-options .progress-bar .progress.w50 {width: 50%;}
.voting-item .progress-options .progress-bar .progress.w60 {width: 60%;}
.voting-item .progress-options .progress-bar .progress.w70 {width: 70%;}
.voting-item .progress-options .progress-bar .progress.w80 {width: 80%;}
.voting-item .progress-options .progress-bar .progress.w90 {width: 90%;}
.voting-item .progress-options .progress-bar .progress.w100 {width: 100%;}
.voting-item .progress-options .progress-bar h4{font-size: 18px;color: #2e2f33;margin: 0;padding: 0;position: absolute;font-weight: bold;left: 5%;top: 50%;margin-top: -12.5px;z-index: 3;}
.voting-item .progress-options .progress-bar h6{font-size: 14px;color: #2e2f33;margin: 0;padding: 0;position: absolute;font-weight: bold;right: 5%;top: 50%;margin-top: -10px;z-index: 3; opacity: .4;}
.voting-item .progress-options.cur .progress-bar .progress{background: #e5e9fb;}
.voting-item .progress-options.cur .progress-radio::before {content: '';display: block;width: 10px;height: 10px;border-radius: 40px;background: #2e2f33;position: absolute;left: 50%;top: 50%;margin-left: -5px;margin-top: -5px;z-index: 3;}
.voting-btn {padding:1% 0 1% 48px;overflow: hidden;clear: both;}
.voting-btn .v-submit {width: 180px;padding:15px 30px;border-radius: 100px;color: #fff; overflow: hidden;text-align: center;background-image: linear-gradient(180deg,#4d6273,#263f54);box-shadow: 0px 2px 10px 0px rgba(8, 16, 124, 0.1);cursor: pointer}
.voting-btn .v-submit:hover {background-image: linear-gradient(180deg,#5e707f,#3d5466);}
.voting-btn .v-submit.disabled {cursor:default;background: #e6e8f2;color: #a5a7b5;box-shadow:none;}
.voting-item.disabled .progress-options{cursor: default;pointer-events: none;}

.cm-comments .cm-comments-content.w62 {width: 62%;}




/* 意见箱 */
.cm-index-banner .left-txt.center {text-align: center;margin-top: -80px;}
.cm-suggestion-box {position: relative;min-height:490px;background: #fff;}
.cm-suggestion-box .suggestion-box {width: 1000px;position: absolute;left: 50%;margin-left: -500px;top:-80px;z-index: 31;background: #fff url("../images/vote/yjx1.png") center ; box-shadow: 0px 0px 40px 0px rgba(31, 38, 77, 0.1);border-radius: 4px;overflow: hidden;}
.cm-suggestion-box .suggestion-box .suggestion-box-content {margin:8px;background: #fff;padding:3% 3% 3.5% 3%; overflow: hidden;text-align: center;}
.cm-suggestion-box .suggestion-box .s-textarea {border: 1px solid #ebedf5;height:230px;margin:3% auto;width: 84%;padding: 3% ;color: #a1a4b2;font-size: 16px;}
.cm-suggestion-box .suggestion-box .s-submit {margin: auto;display: block;width:55%;padding:15px 0px;border-radius: 100px;color: #fff;font-size: 16px;overflow: hidden;text-align: center;background-image: linear-gradient(180deg,#4d6273,#263f54);box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.3);cursor: pointer}
.cm-suggestion-box .suggestion-box .s-submit:hover {background-image: linear-gradient(180deg,#5e707f,#3d5466);}




/* 搜索 */
.cm-search-type-top {background: #233d52;overflow: hidden;}
.search-type-content {width: 62%;margin: auto;position: relative;}
.search-type-left-nav {position: relative;}
.search-type-left-nav a {position: relative; display: inline-block;vertical-align: middle;font-size: 20px;padding:25px 10px; color: #fff;opacity: .4;margin-right: 20px;}
.search-type-left-nav a::after {content: '';width: 100%;height: 3px;background: #fff;display: none;position: absolute;left: 0;bottom: 0;z-index: 3;}
.search-type-left-nav a.cur {opacity: 1;}
.search-type-left-nav a.cur::after {display: block;}
.search-type-left-nav a:hover {opacity: 1;}
.search-type-left-nav a:first-child {padding:25px 0px;}
.search-type-right-input {position: absolute;right: 0;top: 50%;margin-top: -20px; z-index: 3;}
.str-search-input {width: 240px;height: 40px;line-height: 40px;padding:0 20px;color: #fff;font-size: 14px;background: none;border: 1px solid #4f6475;border-radius: 100px;}
.str-submit {width: 20px;height: 20px;background: url("../images/index/search1.png") center no-repeat;position: absolute;right:20px;top: 50%;margin-top: -10px;z-index: 10;opacity: .4;cursor: pointer;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;transition:all .5s ease;}
.str-submit:hover {opacity: 1;}

.search-list-content {}
.search-list-swiper {overflow: hidden;}
.search-list-swiper .swiper-slide {background: #fff;overflow: hidden;}
.search-none {text-align: center;padding: 10%;overflow: hidden;}
.search-results {font-size: 14px;color: #a1a4b2;padding:10px 0 10px 0;overflow: hidden;}
.search-list-swiper .swiper-slide .document-type{padding-left: 2px;}
.search-list-swiper .swiper-slide .document-type li .txt .title strong {font-size: 20px;}
.search-list-swiper .swiper-slide .document-type li .txt .title strong b {color: #5975ff;}
.search-list-swiper .swiper-slide .document-type li .hover .pic {width: 20%;}
.search-list-swiper .swiper-slide .document-type li .hover .txt {width: 78%;}
.search-list-swiper .swiper-latest-topics a .txt h4 b{color: #5975ff;font-weight:bold;vertical-align: text-bottom;}
.search-list-swiper .swiper-slide .Titem {width: 100%;float: left;margin-right:0;margin-left: 2px;padding-top: 10px;}
.search-list-swiper .swiper-slide .Titem .shake {background-image: linear-gradient(180deg,#4d6273,#263f54);}
.search-list-swiper .swiper-slide .Titem .GZchild li .user_about .txt .name {font-weight: bold;}
.search-list-swiper .swiper-slide .Titem .GZchild li .user_about .txt .name b{color: #5975ff;font-weight: bold;}
.search-list-swiper .swiper-slide .Titem .SCchild .Top .Top_a a {color: #a1a4b2;}
.search-list-swiper .swiper-slide .Titem .SCchild .Top .Top_a a.cli  {color: #fff;}
.search-list-swiper .swiper-slide .Titem .SCchild .Top::before {background-image: linear-gradient(180deg,#4d6273,#263f54);}
.search-list-swiper .swiper-slide .cm-news-list {padding-top: 20px;margin-left: 2px;}
.search-list-swiper .swiper-slide .cm-news-list a .txt h4 b{color: #5975ff;font-weight: bold;}
.search-list-swiper .swiper-slide .cm-announcement-list a .hover h4 strong b{color: #5975ff;font-weight: bold;}
.search-list-swiper .swiper-slide .cm-announcement-list a .default h4 b{color: #5975ff;font-weight: bold;}
.search-list-swiper .swiper-slide .project-gallery .titledate .title h3 b{color: #5975ff;font-weight: bold;vertical-align: baseline;}
.search-list-swiper .swiper-slide .Titem .SCchild_show .search-results {position: absolute;right: 3px;top:17px;}
.search-list-swiper .swiper-slide .swiper-latest-topics {width: 99%;}


/* 发布知识 */
.release-detail {}
.release-detail-content {width: 62%;padding-top: 2%;margin: auto;min-height: 300px;}
.release-knowledge {text-align: center;padding-top: 50px;overflow: hidden;}
.release-knowledge-title {display: inline-block;position: relative;}
.release-knowledge-title::after {content: '';display: block;position: absolute;left: 0;bottom:5px;width: 100%;height: 10px;background: #263f54;z-index: 3;}
.release-knowledge-title h2{position: relative;font-size: 36px;color: #2e2f33;margin: 0;padding: 0;z-index: 6;}
.release-knowledge-content {padding: 5% 0 1% 0;overflow: hidden;width: 60%;margin: auto;}
.release-knowledge-content li{display: block;list-style: none;margin: 0;padding: 0;background: #f5f6fa;border-radius: 4px;overflow: hidden;}
.release-knowledge-input {margin-bottom: 10px;}
.release-knowledge-input input {width: 92%;height:60px;background: none;border: none;padding:0 4%;font-size: 16px;color: #2e2f33;}
.release-knowledge-input input::-webkit-input-placeholder {color: #a1a4b2;font-size: 16px;}
.release-knowledge-class {margin-bottom: 10px;text-align: left;}
.release-knowledge-class li {padding:0 4%;}
.release-knowledge-class h4{width: 50%;display: inline-block;vertical-align: middle;font-weight: normal;}
.release-knowledge-class .click-select {width: 50%;text-align: right;display: inline-block;vertical-align: middle;}
.release-knowledge-class .click-select h5{display: inline-block;vertical-align: middle;margin: 0;padding: 0;font-weight: normal;color:#a1a4b2; margin-right: 10px;}
.release-knowledge-class .click-select i{display: inline-block;vertical-align: middle;width: 9px;height: 16px;background: url("../images/knowledge/right.png") no-repeat;opacity: .3;}
.release-knowledge-class .click-select:hover h5{color: #2e2f33;}
.release-knowledge-class .click-select:hover i{opacity: 1;} 

.release-knowledge-upload {text-align: left;padding: 10px 0;overflow: hidden;}
.release-knowledge-upload * {margin: 0;padding: 0;font-weight: normal;}
.release-knowledge-upload h4{font-size: 18px;color: #2e2f33;display: block;padding-bottom: 15px;}
.release-knowledge-upload .left{width: 48%;}
.release-knowledge-upload .right{width: 48.5%;margin-left: 3%;}
.release-knowledge-upload .r-upload-content{position: relative;border: 2px dashed #ebedf5;border-radius: 4px;overflow: hidden;text-align: center;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;transition:all .5s ease;}
.release-knowledge-upload .r-upload-content i{background: url("../images/knowledge/up.png") no-repeat;width: 34px;height: 28px;display: block;margin:10px auto;}
.release-knowledge-upload .r-upload-content h3{font-size: 14px;color: #2e2f33;padding-bottom: 5px;}
.release-knowledge-upload .r-upload-content h6{font-size: 12px;color: #a1a4b2;}
.release-knowledge-upload .r-upload-content .input-file {z-index: 9;opacity: 0;display: block;position: absolute;left: 0;top: 0;width: 100%;height: 100%;cursor: pointer;}
.release-knowledge-upload .r-upload-content:hover {border: 2px dashed #2e2f33;}
.release-knowledge-upload .r-upload-content .default{padding:60px 0;}
.release-knowledge-upload .r-upload-content .after{background: #000;border-radius: 4px;display: none;}
.release-knowledge-upload .r-upload-content .after .txt{position: absolute;width: 100%;height: 100%;text-align: center;z-index: 3;}
.release-knowledge-upload .r-upload-content .after .txt a{color: #fff;font-size: 16px;width: 90%;margin: auto;display: block;}
.release-knowledge-upload .r-upload-content .after .txt a strong {display: block;padding-top: 10px;font-size: 14px;color: #f5f6fa;}
.release-knowledge-upload .r-upload-content .after .pic {}
.release-knowledge-upload .r-upload-content .after .pic .table{position: absolute;}
.release-knowledge-upload .r-upload-content .after .pic img{display: block;width: 100%;height: auto;}



.release-knowledge-submit .rk-submit {margin:20px auto;display: block;width:70%;padding:14px 0px;border-radius: 100px;color: #fff;font-size: 14px;overflow: hidden;text-align: center;background-image: linear-gradient(180deg,#4d6273,#263f54);box-shadow: 0px 5px 20px 0px rgba(89, 117, 255, 0.2);cursor: pointer}
.release-knowledge-submit .rk-submit:hover {background-image: linear-gradient(180deg,#5e707f,#3d5466);}


.cm-widown-popup.hide-content {width: 0px;height: 0px; opacity: 0;z-index: -1;}
.cm-widown-popup.hide-content .widown-popup-content {margin-top:100px;}
.cm-widown-popup {position: fixed;width: 100%;height: 100%;left: 0;top: 0; z-index: 999;overflow: hidden;background: rgba(10,13,26,.5);box-shadow: 0px 0px 40px 0px rgba(31, 38, 77, 0.1);text-align: center;}
.widown-popup-content {width:640px;height:auto;background: #fff;border-radius: 8px;margin: 0 auto; overflow: hidden;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;transition:all .5s ease;}
.widown-popup-content * {font-weight: normal;margin: 0;padding: 0;}
.widown-popup-content .title{padding: 4% 5%;overflow: hidden;position: relative;border-bottom: 1px solid #eff3ff;text-align: left;}
.widown-popup-content .title h3{display: inline-block;vertical-align: middle;padding: 0;margin: 0;font-size: 18px;color: #2e2f33;}
.widown-popup-content .title .s-close{width: 15px;height: 14px;background: url("../images/building/rot-4.png");display: block;position: absolute;right: 5%;top:28px;opacity: .5;}
.widown-popup-content .title .s-close:hover {opacity: 1;}
.widown-popup-content .title .s-prev {display:none;vertical-align: middle;padding-left: 20px; background: url("../images/knowledge/left.png") left center no-repeat;font-size: 16px;color: #2e2f33;}
.widown-popup-submit {padding: 3% 0 1% 0;overflow: hidden;clear: both;}
.widown-popup-submit a{margin:20px auto;display: block;width:70%;padding:14px 0px;border-radius: 100px;color: #fff;font-size: 14px;overflow: hidden;text-align: center;background-image: linear-gradient(180deg,#4d6273,#263f54);box-shadow: 0px 5px 20px 0px rgba(89, 117, 255, 0.2);cursor: pointer}
.widown-popup-submit a:hover {background-image: linear-gradient(180deg,#5e707f,#3d5466);}

#knowledge-classification .step-1 {background: #fff;width:100%;position: relative;}
#knowledge-classification .step-2 {background: #fff;width:100%;position: relative;display: none;}
#knowledge-classification .step-3 {background: #fff;width:100%;position: relative;}


.knowledge-class-select {position: relative;overflow: hidden; }
.knowledge-class-select::before {content: '';display: block;width: 1px;height: 100%;background:#ebedf5;position: absolute;left: 33.33%;top: 0;z-index: 3;}
.knowledge-class-select::after {content: '';display: block;width: 1px;height: 100%;background:#ebedf5;position: absolute;right: 33.33%;top: 0;z-index: 3;}
.knowledge-class-select a{display: block;text-align: center;float: left;width: 23.33%;padding: 5%;overflow: hidden;font-size: 16px;color: #2e2f33;position: relative;border-bottom: 1px solid #ebedf5;}
.knowledge-class-select a * {list-style: none;margin: 0;padding: 0;}
.knowledge-class-select a ul {width: 50px;height: 55px;display: table;text-align: center;margin: auto;}
.knowledge-class-select a ul li{display: table-cell;vertical-align: middle;}
.knowledge-class-select a ul li i{}
.knowledge-class-select a ul li i img{display: inline-block;margin: auto;max-height:55px;}
.knowledge-class-select a:hover {background: #f5f6fa;}
.knowledge-class-select .b-line {display: block;width: 100%;height: 1px;background:#ebedf5;position: absolute;left:0;bottom: 0;z-index: 3;}
.knowledge-class-select a.cur .knowledge-type-radio {background: #263f54;border: 2px solid #263f54;}
.knowledge-class-select a.cur .knowledge-type-radio .kc-radio{display: block;}
.knowledge-class-select a .pic {width:50px;height:50px;border-radius: 100px;margin: 10px auto;overflow: hidden;}
.knowledge-type-radio {position: absolute;width: 18px;height:18px;right: 5%;top: 5%;border: 2px solid #e7e8ef;border-radius: 100px;}
.knowledge-type-radio .kc-radio{display: none;width: 8px;height: 8px;background: #fff;position: absolute;left: 50%;top: 50%;margin-left: -4px;margin-top: -4px;z-index: 3;border-radius: 100px;}


.knowledge-class-select-2 {padding: 3%;overflow: hidden;text-align: left;}
.knowledge-class-select-2 .pathing{font-size: 16px;color: #a1a4b2;}
.knowledge-class-select-2 .pathing strong{color: #263f54;}
.knowledge-class-select-2 .list-select {padding:5% 0 0 0;overflow: hidden;}
.knowledge-class-select-2 .list-select a{text-align: center;margin: 1% 2% 1% 0;display:block;float: left; height: 42px;line-height: 42px;border-radius: 100px;padding: 0 20px;font-size: 14px; color: #a1a4b2;background: #f5f6fa;}
.knowledge-class-select-2 .list-select a:hover,.knowledge-class-select-2 .list-select a.cur{background-image: linear-gradient(180deg,#4d6273,#263f54);color: #fff;}
.knowledge-class-select-2 .rk-submit-2 {}

.knowledge-class-select-3 {padding:0 3% 3% 3%;overflow: hidden;text-align: left;}
.knowledge-class-select-3 #list-select-3.list-select {padding:0;border-bottom: 1px solid #ebedf5;}
.knowledge-class-select-3 .list-select {padding:5% 0 0 0;overflow: hidden;}
.knowledge-class-select-3 .list-select .select-options {border-bottom: 1px solid #ebedf5;padding:25px 2%;overflow: hidden; cursor: pointer;}
.knowledge-class-select-3 .list-select .select-options .select-radio {position: relative; display: inline-block;vertical-align: middle;width: 20px;height: 20px;border: 2px solid #dadce6;border-radius: 100px;margin-right: 10px;}
.knowledge-class-select-3 .list-select .select-options .select-radio .sr-radio{width: 20px;height: 20px;position: absolute;left: 0;top: 0;z-index: 3;}
.knowledge-class-select-3 .list-select .select-options.cur .select-radio {background: #2e2f33;border: 2px solid #2e2f33;}
.knowledge-class-select-3 .list-select .select-options.cur .select-radio::before {content: '';display: block;width: 10px;height: 10px;border-radius: 40px;background: #fff;position: absolute;left: 50%;top: 50%;margin-left: -5px;margin-top: -5px;z-index: 3;}
.knowledge-class-select-3 .list-select .select-options:hover {background: #f7f9ff;}
.knowledge-class-select-3 .list-select .select-options .select-txt {display: inline-block;vertical-align: middle;}
.knowledge-class-select-3 .list-select .select-options .select-txt h4{margin: 0;padding: 0;font-weight: bold;font-size: 18px;color: #2e2f33;}
.knowledge-class-select-3 .list-select .select-options .select-txt h5{margin: 0;padding: 0;font-weight: normal;font-size: 14px;color: #a1a4b2;}
.knowledge-class-select-3 .list-select .select-options.border-none {border-bottom:none;}

.select-options-checkbox {padding:0 0 1% 0;overflow: hidden;display: none}
.select-options-checkbox .soc-content {position: relative; height: 200px;overflow: auto;}
.select-options-checkbox .soc-content::after {content: '';width: 1px;height:90%;position: absolute;right: 0;top: 0;background: #ebedf5;z-index: 1;}
.select-options-checkbox .soc-content::-webkit-scrollbar{height:4px; width:1px;right: 0px;}
.select-options-checkbox a{display: block;padding:0 0 25px 50px;}
.select-options-checkbox a .sr-checkbox{display: inline-block;vertical-align: middle;width: 18px;height: 18px;background: url("../images/knowledge/checkbox.png");margin-right: 7px;}
.select-options-checkbox a .sr-checkbox input{opacity: 0;}
.select-options-checkbox a.cur .sr-checkbox {background: url("../images/knowledge/checkbox1.png");}
.select-options-checkbox a h5{display: inline-block;vertical-align: middle;margin: 0;padding: 0;font-weight: normal;font-size: 18px;color: #2e2f33;}
.select-options-checkbox a:hover h5{opacity: .5}


.release-knowledge-textarea {}
.release-knowledge-textarea {margin-bottom: 10px;}
.release-knowledge-textarea textarea {width: 92%;height:100px;background: none;border: none;padding:20px 4%;font-size: 16px;color: #2e2f33;}
.release-knowledge-textarea textarea::-webkit-input-placeholder {color: #a1a4b2;font-size: 16px;}
.release-knowledge-upload-pic {text-align: left;}
.release-knowledge-upload-pic h4{font-size: 18px;color: #2e2f33;padding-top:10px;margin: 0;}
.release-knowledge-upload-pic h4 span {font-size: 14px;color: #a1a4b2;}
.release-knowledge-upload-pic-content {padding:15px 0 15px 0;overflow: hidden;}
.release-knowledge-upload-pic-content .pic{position: relative;border-radius: 4px;width: 31%;float: left;margin-right:3%;}
.release-knowledge-upload-pic-content .pic img {display: inline-block;width:auto;height: auto;}
.release-knowledge-upload-pic-content .pic .up-delete {width: 20px;height: 20px;background: url("../images/knowledge/xx.png") center no-repeat #ff4e4e;position: absolute;right: -5px;top: -10px;z-index: 33;border-radius: 100px;cursor: pointer;}
.release-knowledge-upload-pic-content .pic .up-delete:hover {background: url("../images/knowledge/xx.png") center no-repeat #2e2f33;}
.release-knowledge-upload-pic-content .pic .up-progress {position: absolute;left: 0;top: 0;z-index: 30;background: rgba(0,0,0,.5);width: 100%;height: 100%;color: #fff;text-align: center;font-size: 14px; border-radius: 4px;display: none;}
.release-knowledge-upload-pic-content .pic .up-progress.cur {display: block;}
.release-knowledge-upload-pic-content .pic .up-progress ul {display: table;width: 100%;height: 100%;margin: 0;padding: 0;}
.release-knowledge-upload-pic-content .pic .up-progress ul span{display: table-cell;vertical-align: middle;}
.release-knowledge-upload-pic-content .r-upload-content {position: relative; width: 31%;border-radius: 4px;float: left;overflow: hidden;text-align: center;}
.release-knowledge-upload-pic-content .r-upload-content .txt {position: absolute;border: 2px dashed #ebedf5;width:calc(100% - 4px);height:calc(100% - 4px);left: 0;top: 0;z-index: 33;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;transition:all .5s ease;}
.release-knowledge-upload-pic-content .r-upload-content .txt i{background: url("../images/knowledge/up.png") no-repeat;width: 34px;height: 28px;display: block;margin:auto auto 10px auto;}
.release-knowledge-upload-pic-content .r-upload-content .txt h3{font-size: 14px;color: #2e2f33;padding-bottom: 5px;margin: 0;}
.release-knowledge-upload-pic-content .r-upload-content .txt h6{font-size: 12px;color: #a1a4b2;margin: 0 auto;padding: 0;font-weight: normal;width: 80%;}
.release-knowledge-upload-pic-content .r-upload-content img {display: block;width: 100%;height: auto;opacity: 0;}
.release-knowledge-upload-pic-content .r-upload-content .input-file {opacity: 0;display: block;position: absolute;left: 0;top: 0;width: 100%;height: 100%;cursor: pointer;z-index: 44;}
.release-knowledge-upload-pic-content .r-upload-content:hover .txt{border: 2px dashed #2e2f33;}

.release-knowledge-upload-pic-content .filetxt{position: relative;border-radius: 4px;width: 31%;float: left;margin-right:3%;background: #f8f8f8;}
.release-knowledge-upload-pic-content .filetxt .up-delete {width: 20px;height: 20px;background: url("../images/knowledge/xx.png") center no-repeat #ff4e4e;position: absolute;right: -5px;top: -10px;z-index: 33;border-radius: 100px;cursor: pointer;}
.release-knowledge-upload-pic-content .filetxt .up-delete:hover {background: url("../images/knowledge/xx.png") center no-repeat #2e2f33;}
.release-knowledge-upload-pic-content .filetxt .up-progress {position: absolute;left: 0;top: 0;z-index: 30;background: rgba(0,0,0,.5);width: 100%;height: 100%;color: #fff;text-align: center;font-size: 14px; border-radius: 4px;display: none;}
.release-knowledge-upload-pic-content .filetxt .txt {position: absolute;left: 0;top: 0;z-index: 30;width: 100%;height: 100%;text-align: center;font-size: 14px; border-radius: 4px;}
.release-knowledge-upload-pic-content .filetxt .txt i{width:22px;height:16px;background: url(../images/knowledge/file.png) no-repeat;display:block;margin:10px auto; }
.release-knowledge-upload-pic-content .filetxt .txt h6{font-size: 14px;color: #2e2f33;width: 80%;margin: 0 auto;padding: 0;}
.release-knowledge-upload-pic-content .filetxt img {display: block;width: 100%;height: auto;}




/* 文化 */
.cm-culture {padding: 75px 0;overflow: hidden;}
.cm-culture-content {width: 1280px;margin: auto;}
.cm-index-banner .center-txt {position: absolute;width: 800px;top: 50%;margin-top: -100px;left: 50%;margin-left: -400px;z-index: 3;text-align: center;color: #fff;}
.cm-index-banner .center-txt h4 {font-size: 20px;margin: 0;letter-spacing: 3px;}
.cm-index-banner .center-txt h2 {font-size: 60px;margin:20px 0;letter-spacing: 5px;}
.cm-index-banner .center-txt h6 {font-size: 14px;margin: 0;font-weight: normal;opacity: .5;line-height: 24px;}

.culture-title {position: relative;padding-left: 20px;}
.culture-title::before {content: '';display: block;width: 2px;height: 100%;background: #233d52;left: 0;position: absolute;top: 0;}
.culture-title h5 {font-size: 16px;margin: 0;color: #a1a4b2; text-transform: uppercase;font-weight: normal;}
.culture-title h3 {font-size: 30px;margin: 0;color: #233d52;}

.purpose-list {padding:60px 0 0px 0;overflow: hidden;}
.purpose {clear: both;margin-bottom:75px;overflow: hidden;}
.purpose-list .purpose:last-child {margin: 0;}
.purpose .img{float: left;width: 40%;background-repeat: no-repeat;background-position: center;background-size: cover;}
.purpose .img img{display: block;width: 100%;height: auto;opacity: 0;}
.purpose .right {float: left;width:60%;}
.purpose .name{border-bottom: 2px solid #eaeaea;padding: 20px 0 20px 70px;overflow: hidden;}
.purpose .name h3{font-weight: bold;margin: 0;color: #2e2f33;font-size: 28px;}
.purpose .name h4{font-weight: normal;margin: 0;color: #a1a4b2;font-size: 18px;line-height: 32px;}
.purpose .item{padding:10px 0px 0px 0px;overflow: hidden;border-bottom: 1px solid #eaeaea;margin: 0 30px 0 70px;}
.purpose .item .title{padding:15px 0 25px 0; background: url("../../culture/images/add.png") right center no-repeat;cursor: pointer;}
.purpose .item .title h5{font-weight: normal;margin: 0;color: #2e2f33;font-size:16px;line-height: 30px;}
.purpose .item .title h4{font-weight: bold;margin: 0;color: #2e2f33;font-size:18px;}
.purpose .item .children {font-size: 14px;color: #737580;line-height: 26px;padding:0px 0 20px 0;margin: 0; overflow: hidden;text-align: justify;display: none;}
.purpose .item.cur .children{display: block;}
.purpose .item .title.cur {background: url("../../culture/images/acc.png") right center no-repeat;}
.purpose .scroll_main {width: 100%;}
.purpose .scroll_wrap {height:470px;}
.purpose .scroll_bar {top: 30px;}
.purpose .left {float: left;width:60%;}
.purpose .left  .name {padding: 20px 0 20px 0px;}
.purpose .left  .item {margin: 0 40px 0 0px;}
.scroll_main2{width:91%;display: block;}
.scroll_wrap2 {width:100%;height:470px;position: relative; font-size:13px;}
.scroll_cont2{height: 100%;overflow: hidden; }
.scroll_bar2{position: absolute;top:30px;right:0;width:2px;height: 100%;background-color: #f0f2fa;}
.scroll_slider2{position: absolute;top:0px;left:0px;width:2px;height:20%;background-color:#c4c5cc; overflow:hidden; cursor:pointer;}
.scroll_slider2:hover{background-color:#233d52;}


.work-report-summary {padding:60px 0 30px 0;overflow: hidden;}
.work-report-summary .img{float: left;width:55%;border-radius: 4px;overflow: hidden;position: relative; background-repeat: no-repeat;background-position: center;background-size: 100%;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;}
.work-report-summary .img img{display: block;width: 100%;height: auto;opacity: 0;}
.work-report-summary .img .title {position: absolute;left:5%;width: 90%; bottom:10%;color: #fff;}
.work-report-summary .img .title strong{float: left;width: 70%;}
.work-report-summary .img .title h6{float: left;width:30%;text-align: right; font-weight: normal;margin: 0;opacity: .9;}
.work-report-summary .img:hover {background-size: 105%;}
.work-report-summary .list {float: left;width:40%;padding-left: 5%;}
.work-report-summary .list .item{border-bottom:1px solid #e1e1e1;position: relative;}
.work-report-summary .list .item:last-child {border: none;}
.work-report-summary .list .item::after {content: '';display: block;width: 0;height: 1px;background: #000;left: 0;position: absolute;bottom: -1px;z-index: 3;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;}
.work-report-summary .list .item:hover::after {width: 100%;}
.work-report-summary .list .item a{padding: 25px 0;display: block;overflow: hidden;}

.work-report-summary .list .item h4{margin: 0;color: #2e2f33;font-size:18px;padding-bottom: 20px;}
.work-report-summary .list .item h5{margin: 0;color: #737580;font-size:14px;padding-bottom: 10px;line-height: 26px;font-weight: normal;}
.work-report-summary .list .item h6{margin: 0;color: #a1a4b2;font-size:12px;font-weight: normal;}

.culture-title .viewmore {position: absolute;right: 0;top:50%;margin-top: -7px;}
.culture-title .viewmore a{font-size: 12px;color: #a1a4b2;}
.culture-title .viewmore a i{font-family: "宋体";font-size: 12px;display: inline-block;width: 22px;height: 22px;line-height: 22px; border-radius: 100px;background: #919ea8;color: #fff;text-align: center;margin-left: 3px;}
.culture-title .viewmore a:hover {color: #3d474d;}
.culture-title .viewmore a:hover i{background: #3d474d;}


.spirit-list {padding:60px 0 30px 0;overflow: hidden;}
.spirit-list .spirit{}
.spirit-list .spirit a{display: block;position: relative;overflow: hidden;}
.spirit-list .spirit .text{width:86%;height:83%;padding: 7% 7% 0 7%; position: absolute;left: 0;top: 0;z-index: 3;color: #fff;}
.spirit-list .spirit .text h3{margin: 0;font-size:24px;padding-bottom: 15px;}
.spirit-list .spirit .text h4{margin: 0;font-size:14px;line-height: 24px;font-weight: 400; opacity: .8;}
.spirit-list .spirit .text h5{margin: 0;font-size:14px;position: absolute;left: 7%;bottom:12%; opacity: .6;}
.spirit-list .spirit .img {overflow: hidden;position: relative; background-repeat: no-repeat;background-position: center;background-size: 100%;}
.spirit-list .spirit .img img {display: block;width: 100%;height: auto;opacity: 0;}
.spirit-swiper-ctrl {position: absolute;right: 0;top:40px;width: 345px;}
.spirit-swiper-ctrl .swiper-pagination{bottom: 0px;left: 0;width: auto;}
.spirit-swiper-ctrl .swiper-button-next,.spirit-swiper-ctrl .swiper-button-prev {right: 0;left: auto;opacity: 1;}
.spirit-swiper-ctrl .swiper-button-next{right: 110px;background: url("../../culture/images/rr.png") no-repeat;}
.spirit-swiper-ctrl .swiper-button-prev{right: 160px;background: url("../../culture/images/ll.png") no-repeat;}

.cm-culture-content.mt60 {margin: 60px auto 0 auto;clear: both;}
.culture-team {margin-top: 30px;position: relative;overflow: hidden;padding: 40px 0;}

.culture-team-left {background: #f7f8fa;}
.culture-team-swiper {position: relative;}
.culture-team-swiper .item{}
.culture-team-swiper .item .img{float: left;width: 35%;background-repeat: no-repeat;background-position: center;background-size: cover;}
.culture-team-swiper .item .img img{display: block;width: 100%;height: auto;opacity: 0;}
.culture-team-swiper .item .text{float: left;width: 45%;padding: 3% 0 2% 0;margin-left: 5%; overflow: hidden;position: relative; border-bottom: 1px solid #e2e3e6;}
.culture-team-swiper .item .text h2{font-size: 30px;color: #292a33;border-bottom: 2px solid #292a33;display: block;margin: 0;padding:23px 0;position: relative;}
.culture-team-swiper .item .text h2 i {font-style: normal;font-size: 60px;color: #292a33;position: absolute;right: 0;bottom:10px; opacity: .1;}
.culture-team-swiper .item .text .scrollheight {height:390px;overflow: auto;margin-top: 23px;}
.culture-team-swiper .item .text .scrollheight::-webkit-scrollbar{height:4px; width:2px;background-color: #ccc;}
.culture-team-swiper .item .text .scrollheight::-webkit-scrollbar-thumb{background-color: #000;}
.culture-team-swiper .swiper-button-disabled {opacity: .2;}

.culture-team-swiper .item .text .textulli{padding: 0px 0 20px 0;overflow: hidden;}
.culture-team-swiper .item .text .textulli h3{font-size: 18px;color: #292a33;margin:10px 0;}
.culture-team-swiper .item .text .textulli ul{list-style: none;margin: 0;padding: 0;}
.culture-team-swiper .item .text .textulli ul li{list-style: none;margin: 0;padding: 0;font-size: 14px;color: #737580;line-height: 24px;}
.culture-team-swiper .item .text .textulli ul li strong{color: #292a33;}
.culture-team .spirit-swiper-ctrl{top:auto;bottom:20px; width:55%;right:5%;}	 

.culture-team-swiper-right {background: #233d52;position: absolute;width: 100px;height:68%;right: 0;top: 0;z-index: 3;text-align: center;padding:10% 20px;}
.culture-team-swiper-right-nav {height:100%;position: initial;border-top: 1px solid #395164;border-bottom: 1px solid #395164;}
.culture-team-swiper-right-nav .swiper-slide {border-bottom: 1px solid #395164;cursor: pointer;}
.culture-team-swiper-right-nav .ctsr-h5 {text-align: center;display: table;height: 100%;width: 100%;}
.culture-team-swiper-right-nav .ctsr-h5 h5{font-size: 16px;color: #8f98a0;display: table-cell;vertical-align: middle;margin: 0;font-weight: normal;}
.culture-team-swiper-right-nav .swiper-button-next,.culture-team-swiper-right-nav .swiper-button-prev {opacity: .6;}
.culture-team-swiper-right-nav .swiper-button-next:hover,.culture-team-swiper-right-nav .swiper-button-prev:hover {opacity:1;}
.culture-team-swiper-right-nav .swiper-button-next {left:50%;margin-left:-13px;right:auto;top:auto;bottom:50px;transform:rotate(90deg);background: url("../images/building/next.png") center no-repeat;}
.culture-team-swiper-right-nav .swiper-button-prev {left:50%;margin-left:-13px;top: 50px;transform:rotate(90deg);background: url("../images/building/prev.png") center no-repeat;}
.culture-team-swiper-right-nav .swiper-slide-thumb-active .ctsr-h5 h5{color: #fff;}
.swiper-button-next,.swiper-button-prev  {outline: none;}




.entry-guidance {position: relative; background: url("../../culture/images/zz1.png") right 85% no-repeat;overflow: hidden;}
.entry-guidance .left{background: #f5f6fa;padding: 5% 5% 7% 5%;width: 60%;float: left;}
.entry-guidance .left .text{font-size: 14px;line-height: 28px;padding-bottom:60px; color: #737580;}
.entry-guidance .culture-title {position: absolute;right: 0;top:20%;width: 270px;}
.entry-guidance .culture-title h4 {font-size: 30px;color: #a1a4b2;margin: 0;line-height: 36px;font-weight: normal;padding-bottom: 10px; text-transform: uppercase;}
.qianming {padding:40px 0 10px 0;overflow: hidden;position: absolute;bottom: 60px;left: 5%;}
.entry-guidance::after {content: '';display: block;position: absolute;width:83%;height:2px;bottom:85px;right: 0;background: #e6e6e6;}

.entry-process {margin:110px auto 0 auto;clear: both;}
.entry-process-list {margin-top:60px;overflow: hidden;position: relative;}
.entry-process-list::after {content: '';display: block;width: 2px;height: 100%;position: absolute;left: 50%;margin-left: -1px;background: #e9ebed; top: 0;z-index: 1;}
.entry-process-list .item{position: relative;z-index: 33;clear: both;margin-bottom: 50px;overflow: hidden;}
.entry-process-list .item:last-child {margin: 0;}
.entry-process-list .item i {width: 75px;height: 75px;line-height: 75px;text-align: center;color: #fff;font-size: 20px; background: #233d52;display: block;position: absolute;left: 50%;margin-left: -37.5px;top: 0;}
.entry-process-list .item .img{float: left;width: 43%;background-repeat: no-repeat;background-position: center;background-size: 100%;}
.entry-process-list .item .img img{display: block;width: 100%;height: auto;opacity: 0;}
.entry-process-list .item .text{float: right;width: 43%;padding: 1.6% 0 1% 0;overflow: hidden;position: relative;}
.entry-process-list .item .text h4{margin: 0;font-size: 24px;color: #233d52;padding-bottom: 25px;}
.entry-process-list .item .text h5{margin: 0;font-size: 14px;line-height: 28px;color: #737580;font-weight: normal;}
.entry-process-list .item.fr .img{float: right;}
.entry-process-list .item.fr .text{float: left;text-align: right;}


.matters-needing-attention {margin:110px auto 0 auto;overflow: hidden;position: relative;}
.matters-needing-attention-swiper {background: #f5f6fa;padding:3% 5% 5% 5%;overflow: hidden;margin:70px 0 50px 0;position: relative;z-index: 1;}
.matters-needing-attention-swiper .item{width: 84%;}
.matters-needing-attention-swiper .item .title{position: relative;padding-top: 50px;overflow: hidden;}
.matters-needing-attention-swiper .item .title h3{font-size: 30px;color: #233d52;margin: 0;z-index: 6;}
.matters-needing-attention-swiper .item .title h4{font-size: 14px;color: #a1a4b2;margin: 0;z-index: 6;font-weight: normal;text-transform: uppercase;}
.matters-needing-attention-swiper .item .title i{position: absolute;top: 0;left: 0;font-size: 80px;font-weight:bold;opacity: .1;color: #233d52;z-index: 3;}
.matters-needing-attention-swiper .item .scroll_main {position: relative;margin-top: 50px;}
.matters-needing-attention-swiper .item .scroll_wrap {height: 310px;}
.matters-needing-attention-swiper .item .scroll_cont {}
.matters-needing-attention-swiper .item .scroll_bar {background: #e2e3e6;}
.matters-needing-attention-swiper .item .scroll_slider  {background: #c4c5cc;}
.matters-needing-attention-swiper .item .text {padding: 0px 30px 50px 0;overflow: hidden;line-height: 34px;font-size: 14px;color: #737580; text-align: justify;}

.matters-needing-attention-swiper-right {width: 200px;position: absolute;right: 0;bottom: 0;height:90%;z-index: 33; background: #233d52;}
.mnasr-nav {position: relative;height:100%;overflow: hidden;z-index: 9;}
.mnasr-nav-swiper {width:70%;height:70%;position: relative;border-bottom: 1px solid #395164; margin:100px auto auto;overflow: hidden;text-align: center;}
.mnasr-nav-swiper .swiper-slide{ border-top: 1px solid #395164;}
.mnasr-nav-swiper h5{color: #959da5;font-size: 16px;display: inline-block; text-align: center; cursor: pointer;}
.mnasr-nav-swiper .swiper-slide-active h5{color: #fff;}
.mnasr-nav .swiper-button-next,.mnasr-nav .swiper-button-prev {left:0;width: 100%;height: 50px; right: auto;top: auto;bottom: auto;margin:0px;outline: none;}
.mnasr-nav .swiper-button-next {background: url("../../culture/images/bb.png") center no-repeat;bottom: 5%;}
.mnasr-nav .swiper-button-prev {background: url("../../culture/images/tt.png") center no-repeat;top: 5%;}