@charset "utf-8";
@import url("reset.css");
@import url("header.css");
@import url("footer.css");
@import url("animate.min.css");

.channel{font-size:36px;font-weight: bold;color:#222222;text-align: center;line-height:106px;}

/*Part1 会员名录*/
.Part1{height:auto;overflow: hidden;}
.Part1::after{content:"";width:100%;height:637px;background:#f6f6f6;position: absolute;left:0px;top:0px;}
.Part1 .selectContainer{width:100%;height:auto;overflow: hidden;border-top:1px solid #e5e5e5;position: relative;}
.Part1 .selectContainer::after{content:"";width:1px;height:213px;background:#e5e5e5;position: absolute;left:133px;top:10px;}
.Part1 .selectContainer .item{height:76px;border-bottom:1px solid #e5e5e5;}
.Part1 .selectContainer .item span{display:block;width:133px;height:76px;padding-right:22px;box-sizing: border-box;float: left;font-size:20px;font-weight: bold;color:#222222;text-align: right;line-height: 76px;}
.Part1 .selectContainer .item ul{width:calc(100% - 159px);height:76px;float:right;display: flex;align-items: center;}
.Part1 .selectContainer .item ul li{width:auto;height:38px;padding:0px 18px;cursor:pointer;font-size:16px;color:#222222;line-height:38px;float: left;margin-right:10px;border-radius:19px;}
.Part1 .selectContainer .item ul li.active{background:#8bbb29;color:#FFFFFF;}
.Part1 .selectContainer .item ul li.active:first-child{background:#1a2a99!important;color:#FFFFFF!important;}
.Part1 .newsList{width:100%;height:auto;overflow: hidden;padding:32px 26px 0px;background:#FFFFFF;box-sizing: border-box;}
.Part1 .newsList li{width:430px;height:145px;float:left;margin-right:29px;margin-bottom:31px;box-shadow:0px 0px 38px rgba(156,156,156,0.21);padding-left:24px;box-sizing: border-box;position: relative;}
.Part1 .newsList li:hover{background:url("../images/hyfw_icon_2.png")no-repeat right 9px bottom #8bbb29;}
.Part1 .newsList li:nth-child(3n){margin-right:0px;}
.Part1 .newsList li a{display: block;width:100%;height:100%;}
.Part1 .newsList li a h2{width:80%;height:auto;overflow: hidden;font-size:20px;color:#222222;line-height:30px;padding-top:21px;font-weight:normal;max-height:60px;}
.Part1 .newsList li a p{width:100%;height:auto;overflow: hidden;font-size:18px;color:#999999;line-height:30px;position:absolute;bottom:21px;left:24px;}
.Part1 .newsList li a em{display:block;width:81px;height:35px;position: absolute;right:0px;top:0px;background:url("../images/hyfw_icon_3.png")no-repeat center;text-align: center;line-height:35px;font-size:14px;color:#ffffff;}
.Part1 .newsList li:hover a h2,
.Part1 .newsList li:hover a p{color:#FFFFFF;}
.Part1 .search-box{width:725px;height:59px;border-radius:10px;background: #FFFFFF;margin:29px auto 24px;display: flex;justify-content: space-between;align-items: center;}
.Part1 .search-box em{display:block;width:105px;height:24px;text-align: center;border-right:1px solid #dddddd;line-height: 24px;font-size:16px;color:#222222;}
.Part1 .search-box input {width:calc(100% - 173px);height: 59px;font-size:16px;color: #999999;border: none;outline: none;padding-left:31px;background: none;line-height: 59px;box-sizing: border-box;}
.Part1 .search-box input::-webkit-input-placeholder { color: #999999;} /* WebKit, Blink, Edge */
.Part1 .search-box input:-moz-placeholder { color: #999999;opacity:  1;} /* Mozilla Firefox 4 to 18 */
.Part1 .search-box input::-moz-placeholder { color: #999999; opacity:  1;} /* Mozilla Firefox 19+ */
.Part1 .search-box input:-ms-input-placeholder {color: #999999;} /* Internet Explorer 10-11 */
.Part1 .search-box input::-ms-input-placeholder { color: #999999;} /* Microsoft Edge */
.Part1 .search-box button{width:68px;height:59px;border-radius:0px 10px 10px 0px;background:url("../images/hyfw_icon_1.png")no-repeat center #8bbb29;border:none;cursor: pointer;}

/*分页*/
.zpagenav {text-align: center;-webkit-user-select: none;}
.zpagenav {font-family: arial;color: #48576a;}
.zpagenav ul {display: inline-block;margin: 20px 20px;padding: 0;}
.zpagenav ul li {display: inline-block;margin: 0;padding: 0 4px;border: 1px solid #d1dbe5;border-right: 0;background: #fff;font-size: 13px;min-width: 28px;height: 28px;line-height: 28px;cursor: pointer;box-sizing: border-box;text-align: center;}
.zpagenav ul li:last-child {border-right: 1px solid #d1dbe5;}
.zpagenav ul li:hover {color: #8bbb29;}
.zpagenav ul li.active {border-color: #8bbb29;background-color: #8bbb29;color: #fff!important;cursor: default;}
.zpagenav ul li.active:hover {color: #fff;}
.zpagenav ul li.disabled {cursor: not-allowed;color: #a7a7a7;}
.zpagenav ul li.dot {cursor: default;}
.zpagenav .total{ display:none; }

/*项目推荐*/
.xmtjPart{height: auto;border-radius:5px;border:1px solid #eeeeee;box-sizing: border-box;padding-top:10px;margin-bottom:54px;padding-bottom: 20px;}
.xmtjPart h1{line-height:110px;}
.xmtjPart h1:hover a{color:#8bbb29;}
.xmtjPart .bd{width:1263px;height:auto;overflow: hidden;margin:0 auto 37px;}
.xmtjPart .bd ul li{width:385px;height: 378px;border:1px solid #eeeeee;box-sizing: border-box;margin:0px 18px 20px;float: left;}
.xmtjPart .bd ul li a{display: block;width:100%;height:100%;}
.xmtjPart .bd ul li a .pic{display: block;width:100%;height:241px;overflow: hidden;}
.xmtjPart .bd ul li a .pic img{width:100%;height:100%;transition:all ease-in-out 1s;}
.xmtjPart .bd ul li:hover a .pic img{transform: scale(1.2);}
.xmtjPart .bd ul li .txt{width:100%;height:auto;overflow:hidden;padding:22px 30px 0px;box-sizing: border-box;}
.xmtjPart .bd ul li .txt h1,
.xmtjPart .bd ul li .txt p{width:100%;max-height:60px;overflow:hidden;font-size:20px;line-height:30px;color:#222222;margin-bottom:7px;display: -webkit-box; -webkit-line-clamp:2;-webkit-box-orient: vertical;font-weight: normal;text-align: left;}
.xmtjPart .bd ul li .txt p{font-size:16px;color:#999999;margin-bottom:18px;}
.xmtjPart .bd ul li .txt .more{display: block;width:121px;height:40px;background:#8bbb29;text-align:center;margin:0 auto;position: relative;overflow: hidden;}
.xmtjPart .bd ul li .txt .more em{line-height:40px;font-size:16px;color:#ffffff;position: relative;z-index:2;}
.xmtjPart .bd ul li .txt .more::after{content:"";width:0px;height:40px;background: #77a220;position: absolute;left:50%;transform: translateX(-50%);top:0px;transition: width ease-in-out 0.5s;border-radius:20px;}
.xmtjPart .bd ul li .txt .more:hover::after{width: 170%;}
.xmtjPart .bd ul li:hover .txt h1{color:#8bbb29;}
.xmtjPart .bd ul li:hover{border-color:#8bbb29;}
.xmtjPart .num{width:100%;height:36px;display: flex;justify-content: center;align-items: center;}
.xmtjPart .num li{width:16px;height:16px;background:#cfcfcf;margin:0px 4px;border-radius:50%;font-size:0px;cursor: pointer;}
.xmtjPart .num li.on{background:#8bbb29;}
.xmtjPart .btn{display: block;width:61px;height:117px;position: absolute;top:50%;}
.xmtjPart .prev{left:0px;background:url("../images/hyfw_icon_4_on.png")no-repeat center; }
.xmtjPart .next{right:0px;background:url("../images/hyfw_icon_5_on.png")no-repeat center; }
.xmtjPart .prev.prevStop{background:url("../images/hyfw_icon_4.png")no-repeat center;}
.xmtjPart .next.nextStop{background:url("../images/hyfw_icon_5.png")no-repeat center;}

/*Part3 入会须知、入会流程*/
.rhxzPart{height:785px;background:url("../images/hyfw_icon_10.png")no-repeat center bottom #5f7275;background-size:100% auto;padding-top:26px;box-sizing: border-box; overflow: hidden;}
.rhxzPart::after,
.rhxzPart::before{content: "";width:50%;height:100%;position: absolute;top:0px;}
.rhxzPart::after{background:rgba(255,255,255,0.87);left:0px;}
.rhxzPart::before{background:rgba(1,57,93,0.87);right:0px;}
.rhxzPart>.w1400{position: relative;z-index:2;}
.rhxzPart .channel{line-height:65px;margin-bottom: 20px;text-align: left;}
.rhxzPart .rhxzBox{width:643px;height:auto;overflow: hidden;}
.rhxzPart .rhxzBox .listBox{width:100%;height:auto;overflow: hidden;}
.rhxzPart .rhxzBox .listBox ul li{width:100%;height:auto;overflow: hidden;margin-bottom:16px;}
.rhxzPart .rhxzBox .listBox ul li h2{width:622px;height:46px;margin-bottom:15px;float: right;cursor:pointer;border-radius:0px 23px 23px 0px;background:rgba(221,221,221,0.71);font-size:20px;font-weight: bold;padding-left:45px;box-sizing: border-box;color:#222222;line-height:46px;position: relative;}
.rhxzPart .rhxzBox .listBox ul li.active h2{background:#8bbb29;color:#FFFFFF;font-weight: bold;}
.rhxzPart .rhxzBox .listBox ul li h2::after{content:"";width:46px;height:46px;background:#cccccc;border-radius:50%;position: absolute;left:-21px;top:0px;}
.rhxzPart .rhxzBox .listBox ul li.active h2::after{background:url("../images/hyfw_icon_6.png")no-repeat center #77a220; }
.rhxzPart .rhxzBox .listBox ul li .lcBrief{width:100%;height:auto;display:none;overflow: hidden;padding-left:66px;box-sizing: border-box;max-height:300px;overflow-y: auto;padding-right: 20px;word-break: break-word;}
.rhxzPart .rhxzBox .listBox ul li .lcBrief p{line-height: 30px;font-size: 18px;color:#222222;margin-bottom:15px; }
.rhxzPart .rhxzBox .listBox ul li .lcBrief::-webkit-scrollbar {width:4px;}
.rhxzPart .rhxzBox .listBox ul li .lcBrief::-webkit-scrollbar-track {background:#dedede;border-radius:2px;}
.rhxzPart .rhxzBox .listBox ul li .lcBrief::-webkit-scrollbar-thumb {border-radius:2px;background:#8bbb29;box-shadow: none;}
.rhxzPart .rhxzBox .listBox ul li.active .lcBrief{display:block;}

.rhxzPart .rhlcBox{width:670px;height:auto;overflow: hidden;}
.rhxzPart .rhlcBox .channel{color:#FFFFFF;margin-bottom:8px;}



/*Part4 会员信箱*/
.hyxxPart{width:100%;height:300px;background:url("../images/hyfw_icon_11.png")no-repeat center top;background-size:cover;}
.hyxxPart a{display:flex;width:261px;height:100%;margin: 0 auto;justify-content: center;align-content: center;flex-wrap: wrap;position: relative;}
.hyxxPart a::after{content:"";width:100%;height:100%;background:url("../images/hyfw_icon_9.png")no-repeat center;position: absolute;left:0px;top:0px;animation-name:RingAll; animation-duration: 30s; animation-fill-mode: both; animation-iteration-count: infinite; animation-timing-function:linear; animation-direction:normal;}
.hyxxPart a i{display:block;width:100%;height:50px;background:url("../images/hyfw_icon_8.png")no-repeat center;}
.hyxxPart a span{display:block;width:100%;line-height:60px;font-size: 36px;font-weight: bold;color:#ffffff;text-align: center;}

@keyframes RingAll {
    0% { transform: rotate(0);}
    100% { transform: rotate(360deg); }
}



/* 英文版-修正 */
body.en .Part1 .search-box em{word-break: break-word;line-height: 1.1;display: flex;align-items: center;}
body.en .hyxxPart a span{font-size: 26px;}