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

.Main{background:url("../images/gylm_bg_1.png")no-repeat center top;background-size:100% auto;}

.title{width:100%;height:64px;}
.title a{display:block;width:210px;margin: 0 auto;text-align: center;line-height:64px;font-size: 36px;font-weight: bold;color:#222222;}
.title a:hover{color:#8bbb29; }

/*Part1 联盟介绍、联盟章程*/
.lmjsPart{height:620px;margin-top:50px;border-radius:5px;background:#ffffff;border:1px solid #eeeeee;padding:30px;box-sizing: border-box;display: flex;justify-content: space-between;align-items: center;margin-bottom:71px;}
.lmjsPart .hd{width:161px;height:525px;border-right:2px solid #8bbb29; }
.lmjsPart .hd ul{display: flex;align-content: center;flex-wrap: wrap;height:100%;}
.lmjsPart .hd ul li{width:100%;height:50px;margin:30px auto; position: relative;}
.lmjsPart .hd ul li.on::after{content:"";width:31px;height:31px;position: absolute;right:-16px;top:10px;background:url("../images/gylm_icon_1.png")no-repeat center;}
.lmjsPart .hd ul li a{display:block;width:100%;height:100%;font-size:30px;color:#222222;line-height: 50px;padding-left:7px;box-sizing: border-box; }
.lmjsPart .hd ul li.on a{color:#8bbb29;font-weight: bold; }
.lmjsPart .bd{width:1134px;height:100%;overflow: hidden;}
.lmjsPart .bd .conBox{width:100%;height:100%;padding-right:62px;box-sizing: border-box;overflow-y:auto;}
.lmjsPart .bd .conBox *{font-size:18px;color:#222222;line-height:42px;}
/**设置滚动条的样式**/
.conBox::-webkit-scrollbar {width:10px;}
.conBox::-webkit-scrollbar-track {background:#eeeeee;border-radius:5px;}
.conBox::-webkit-scrollbar-thumb {border-radius:10px;background:#8bbb29;box-shadow: none;}

/*Part2 联盟领导*/
.lmldPart{height:auto;overflow: hidden;background:url("../images/gylm_bg_2.png")no-repeat center bottom;padding-bottom: 77px;}
.lmldPart .hd{width:100%;height:68px;margin-bottom:42px; }
.lmldPart .hd ul{width:100%;display: flex;justify-content: center; }
.lmldPart .hd ul li{width:292px;height:68px;position: relative;}
.lmldPart .hd ul li a{display: block;width:100%;height:100%;font-size:24px;color:#7e808a;line-height: 68px;text-align: center;}
.lmldPart .hd ul li em{width:calc(100% - 52px);height:13px;background:#7e808a;position: absolute;left:50%;transform:translateX(-50%);bottom:0px;}
.lmldPart .hd ul li em::after,
.lmldPart .hd ul li em::before{content:""; position: absolute;bottom:0px;}
.lmldPart .hd ul li em::after{left:-26px;border-left: 26px solid transparent;border-bottom:13px solid #7e808a;border-right: 26px solid transparent; }
.lmldPart .hd ul li em::before{right:-26px;border-left: 26px solid transparent;border-top:13px solid #7e808a;border-right: 26px solid transparent; }
.lmldPart .hd ul li.on em{background:#8bbb29;}
.lmldPart .hd ul li.on em::after{border-bottom:13px solid #8bbb29;}
.lmldPart .hd ul li.on em::before{border-top:13px solid #8bbb29;}
.lmldPart .hd ul li.on a{color:#8bbb29;}
.lmldPart .bd {height:auto;}
.lmldPart .bd .ldxxBox{width:100%;height:100%;}
.lmldPart .bd .ldxxBox ul li{width:445px;height:680px;float:left;margin-right: 32px;background:#FFFFFF;margin-bottom:36px;transition: all ease-in-out 1s;position: relative;}
.lmldPart .bd .ldxxBox ul li::after{content:"";width:0px;height:4px;background:#8bbb29;position: absolute;left:0px;bottom:0px;transition: width ease-in-out 1s; }
.lmldPart .bd .ldxxBox ul li:hover::after{width:100%; }
.lmldPart .bd .ldxxBox ul li:hover{box-shadow:0px 0px 10px rgba(0,52,120,0.5);}
.lmldPart .bd .ldxxBox ul li:nth-child(3n){margin-right:0px;}
.lmldPart .bd .ldxxBox ul li .pic{display: block;width:100%;height:420px;overflow: hidden;position: relative;/* margin-bottom:20px; */}
.lmldPart .bd .ldxxBox ul li .txt {height: 260px;display: flex;align-items: center;}
.lmldPart .bd .ldxxBox ul li .pic img{width:100%;height:100%;object-fit: cover;object-position: top;}

.lmldPart .bd .ldxxBox ul li .pic .info{width:100%;height:110px;background:rgba(0,0,0,0.5);position: absolute;left:0px;bottom:0px;display: flex;align-content: center;flex-wrap:wrap;padding:10px 10px 0px;box-sizing: border-box;}
.lmldPart .bd .ldxxBox ul li .pic .info span{display: block;width:100%;line-height:26px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-size: 18px;color:#ffffff;text-align: center; }
.lmldPart .bd .ldxxBox ul li .pic .info h1{display: block;width:100%;line-height:38px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-size:24px;font-weight:bold;color:#ffffff;text-align: center; }
.lmldPart .bd .ldxxBox ul li p,
.lmldPart .bd .ldxxBox ul li .desc{width:100%;height:auto;overflow:hidden;max-height:224px;padding:0px 40px;box-sizing:border-box;display: -webkit-box; -webkit-line-clamp: 7;-webkit-box-orient: vertical;font-size:18px;color:#333333;line-height:32px;}
.lmldPart .bd .ldxxBox ul li .desc{max-height:250px;overflow-y:auto;margin-bottom: 10px;}


/*Part3 组织架构*/
.zzjgPart{height:1134px;overflow: hidden;background:url("../images/gylm_bg_3.png")no-repeat center top;background-size: cover; }
.zzjgPart .name{width:350px;height:1134px;float: left;margin-left: 30px;position: relative;background:url("../images/gylm_icon_2.png")no-repeat center top;}
.zzjgPart .name span{width:80px;height:504px;position: absolute;left:44px;top:0px;}
.zzjgPart .name span img{width:100%;height:auto;}
.zzjgPart .jgCon{width:1130px;height:1134px;float:right;margin-left:-110px;position: relative;z-index:2;}
.zzjgPart .jgCon .listOne{width:392px;height:auto;overflow: visible;margin-top: 188px;position: relative;float: left;}
.zzjgPart .jgCon .listOne ul li{width:100%;height:auto;overflow: visible;transition:all ease-in-out 1s;text-align: right;margin-bottom: 92px;position: relative;}
.zzjgPart .jgCon .listOne ul li::after {content: "";width: 54px;height: 80px;position: absolute;right: 120px;bottom: -80px;background: url("/images/gylm_icon_jt.png")no-repeat center;}
.zzjgPart .jgCon .listOne ul li:last-child::after{display: none;}
.zzjgPart .jgCon .listOne ul li:hover{transform: translateY(-5px);}
.zzjgPart .jgCon .listOne::after{content: "";width:187px;height:927px;position: absolute;right:-175px;bottom: -17px;background:url("../images/gylm_icon_15.png")no-repeat center top;}

.zzjgPart .jgCon .listTwo{width:300px;height:auto;overflow: visible;margin-top: 119px;float:left;margin-left:134px;position: relative;}
.zzjgPart .jgCon .listTwo ul li{width:100%;height:130px;border-radius:10px 10px 0px 0px;padding:30px 80px 0px 0px;box-sizing: border-box;text-align: right;}
.zzjgPart .jgCon .listTwo ul li + li{margin-top:-6px;}
.zzjgPart .jgCon .listTwo ul li:last-child{border-radius:10px;}
.zzjgPart .jgCon .listTwo ul .li-1{background:url("../images/gylm_icon_8.png")no-repeat center #424f82;}
.zzjgPart .jgCon .listTwo ul .li-2{background:url("../images/gylm_icon_9.png")no-repeat center #4c7e44;}
.zzjgPart .jgCon .listTwo ul .li-3{background:url("../images/gylm_icon_10.png")no-repeat center #424f82;}
.zzjgPart .jgCon .listTwo ul .li-4{background:url("../images/gylm_icon_11.png")no-repeat center #4c7e44;}
.zzjgPart .jgCon .listTwo ul .li-5{background:url("../images/gylm_icon_12.png")no-repeat center #424f82;}
.zzjgPart .jgCon .listTwo ul .li-6{background:url("../images/gylm_icon_13.png")no-repeat center #4c7e44;}
.zzjgPart .jgCon .listTwo ul .li-7{background:url("../images/gylm_icon_14.png")no-repeat center #424f82;}
.zzjgPart .jgCon .listTwo::after{content: "";width:96px;height:206px;position: absolute;right:-95px;top: 586px;background:url("../images/gylm_icon_16.png")no-repeat center top;}
.zzjgPart .jgCon .listTwo ul li h1{font-size: 20px;color:#ffffff;font-weight: bold;line-height: 40px;}
.zzjgPart .jgCon .listTwo ul li:nth-child(2n) a h1{color:#4c7e44;}

.zzjgPart .jgCon .listThree{width:214px;height:auto;overflow: hidden;margin-top: 719px;float:left;margin-left:74px;}
.zzjgPart .jgCon .listThree ul li{width:100%;height:92px;border-radius:10px 10px 0px 0px;background: #424f82;padding:8px 0px 0px 21px;box-sizing: border-box;}
.zzjgPart .jgCon .listThree ul li + li{margin-top:-6px;background: #4c7e44;padding-top:13px;}
.zzjgPart .jgCon .listThree ul li h1{font-size:18px;color:#ffffff;font-weight: bold;line-height:32px;}
.zzjgPart .jgCon .listThree ul li p{font-size:12px;color:#ffffff;line-height:14px;}
.zzjgPart .jgCon .listThree ul li:last-child{border-radius:10px;}


/*Part4 联盟大事记*/
.lmdsjPart{margin-top:-93px;z-index:2;height: auto;overflow: hidden;background:url("../images/gylm_bg_4.png")no-repeat center top;background-size: cover; padding-top:183px;box-sizing: border-box;padding-bottom:79px;}
.lmdsjPart .title{margin-bottom:55px;}
.lmdsjPart .lmsjCon{width:1276px;height:576px;position: relative;margin:0 auto;}
.lmdsjPart .lmsjCon .xt{width:100%;height:2px;position:absolute;left:0px;top:312px;}
.lmdsjPart .lmsjCon .xt em{display:block;width:calc(100% - 540px);height:2px;background:#7bb20a;margin:0 auto;}
.lmdsjPart .lmsjCon .xt::after,
.lmdsjPart .lmsjCon .xt::before{content:"";width:270px;height:2px;background:url("../images/gylm_icon_17.png")no-repeat center;position:absolute;top:calc(50% - 1px);}
.lmdsjPart .lmsjCon .xt::after{left:0px;}
.lmdsjPart .lmsjCon .xt::before{right:0px;transform: rotateY(180deg)}
.lmdsjPart .lmsjCon ul{width:100%;height:100%;position:relative;z-index:2;}
.lmdsjPart .lmsjCon ul li{width:323px;height:312px;float:left;position: relative;padding-top: 70px;box-sizing: border-box;}
.lmdsjPart .lmsjCon ul li:nth-child(2n){margin-top:314px;/*margin-left:-8px;*/padding-top:16px;}
.lmdsjPart .lmsjCon ul li::after{content:"";width:1px;height:289px;position: absolute;left:13px;bottom:0px;background:#7e808a;}
.lmdsjPart .lmsjCon ul li:nth-child(2n)::after{bottom:23px;}
.lmdsjPart .lmsjCon ul li::before{content:"";width:26px;height:26px;position: absolute;left:0px;bottom:-13px;background:url("../images/gylm_icon_20.png")no-repeat center;z-index:2;}
.lmdsjPart .lmsjCon ul li:hover::before,
.lmdsjPart .lmsjCon ul li.on::before{background:url("../images/gylm_icon_21.png")no-repeat center;}
.lmdsjPart .lmsjCon ul li:nth-child(2n)::before{top:-13px;bottom: unset;}
.lmdsjPart .lmsjCon ul li .date{display:block;width:262px;height:52px;background:#FFFFFF;border:1px solid #7e808a;box-sizing: border-box;border-radius:26px;text-align: center;line-height:52px;font-size:24px;color:#8bbb29;position: absolute;top:0px;left:13px; }
.lmdsjPart .lmsjCon ul li:hover .date,
.lmdsjPart .lmsjCon ul li.on .date{background:#8bbb29;border:1px solid #8bbb29;color:#FFFFFF;}
.lmdsjPart .lmsjCon ul li:nth-child(2n) .date{top:unset;bottom:0px;}
.lmdsjPart .lmsjCon ul li p{padding:0px 18px 0px 40px;box-sizing: border-box;font-size:16px;color:#7e808a;line-height:36px;max-height:210px;overflow-y:auto;}
.lmdsjPart .lmsjCon ul li.on p{color:#222222;}
.lmdsjPart a.prev,
.lmdsjPart a.next{display: block;width:36px;height:114px;position: absolute;bottom:206px; }
.lmdsjPart a.prev{background:url("../images/gylm_icon_18_on.png")no-repeat center;left:0px;}
.lmdsjPart a.next{background:url("../images/gylm_icon_19_on.png")no-repeat center;right:0px;}
.lmdsjPart a.prev.prevStop{background:url("../images/gylm_icon_18.png")no-repeat center;}
.lmdsjPart a.next.nextStop{background:url("../images/gylm_icon_19.png")no-repeat center;}

/**设置滚动条的样式**/
.lmdsjPart .lmsjCon ul li p::-webkit-scrollbar {width:3px;}
.lmdsjPart .lmsjCon ul li p::-webkit-scrollbar-track {background:#dddddd;border-radius:1.5px;}
.lmdsjPart .lmsjCon ul li p::-webkit-scrollbar-thumb {border-radius:1.5px;background:#8bbb29;box-shadow: none;}


/*Part5 招贤纳士*/
.zxnsPart{width:100%;height:261px;background:url("../images/gylm_icon_22.png")no-repeat center right #0d1b4c;}
.zxnsPart a{display:flex;width:240px;height:100%;margin: 0 auto;justify-content: center;align-content: center;flex-wrap: wrap;position: relative;}
.zxnsPart a::after{content:"";width:100%;height:100%;background:url("../images/gylm_icon_23.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;}
.zxnsPart a i{display:block;width:100%;height:36px;background:url("../images/gylm_icon_24.png")no-repeat center;}
.zxnsPart a span{display:block;width:100%;line-height:55px;font-size: 36px;font-weight: bold;color:#ffffff;text-align: center;}

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




/* 英文版-修正 */
body.en .lmjsPart .hd{width: 240px;}
body.en .lmjsPart .bd{width: 1044px;}
body.en .title a{width: 400px;}
body.en .lmldPart .bd .ldxxBox ul{display:flex;flex-wrap: wrap;}
body.en .lmldPart .bd .ldxxBox ul li,
body.en .lmldPart .bd .ldxxBox ul li .txt{ height:auto; }
body.en .lmldPart .bd .ldxxBox ul li p,
body.en .lmldPart .bd .ldxxBox ul li .desc{height:auto;word-break: break-word; -webkit-line-clamp: none; padding: 1em 40px;text-align: justify;}
body.en .lmldPart .bd .ldxxBox ul li .desc::-webkit-scrollbar{ width:5px; }
body.en .lmldPart .bd .ldxxBox ul li .desc::-webkit-scrollbar-thumb{ background-color:#8bbb29; }
body.en .lmldPart .bd .ldxxBox ul li .pic .info{ height:auto; }
