html,body { margin:0; padding:0; }
.page_pc { position:relative; overflow:hidden; max-width:1920px; min-width:1200px; margin:0 auto; background:#f6f6f6; }
.page_pc * { margin:0; padding:0; list-style:none; border:0; font-family:'\5FAE\8F6F\96C5\9ED1\0', 'SL-Simplified', "Microsoft YaHei"; }
.page_pc img { display:block; max-width:100%; }
.page_pc video { display:block; width:100%; }
.page_pc p { font-weight:normal; font-size:14px; line-height:1.5em; color:#777; text-align:center; text-justify:inter-ideograph; }
.page_pc sup { font-size:0.6em; line-height:0; vertical-align:super; }
.page_pc :focus:not(:focus-visible) { outline:none; }
.page_pc img.imgIcon { display:inline-block; width:auto; height:0.8em; margin:0 0.4em; }

.page_pc .kv { position:relative; width:1920px; left:50%; margin-left:-960px; }
.page_pc .kv .navs { position:absolute; overflow:hidden; bottom:0; left:18.75%; width:1200px; }
.page_pc .kv .navs a { float:left; color:#fff; font-size:20px; line-height:44px; padding-bottom:18px; box-sizing:border-box; border-right:1px solid #f6f6f6; text-align:center; cursor:pointer; transition:all 0.3s linear; }
.page_pc .kv .navs a::before { content:''; position:absolute; left:0; width:0; height:0; border-color:rgba(0, 0, 0, 0.1) transparent; border-width:0px 12px 62px 0px; border-style:solid; }
.page_pc .kv .navs a:nth-child(1) { width:298px; }
.page_pc .kv .navs a:nth-child(1)::before { display:none; }
.page_pc .kv .navs a:nth-child(2) { position:relative; width:301px; }
.page_pc .kv .navs a:nth-child(3) { position:relative; width:269px; }
.page_pc .kv .navs a:nth-child(4) { position:relative; width:329px; border-right:none; }
.page_pc .kv .fcLeft { position:absolute; bottom:0; left:-1920px; width:1920px; height:18px; background:#f6f6f6; transition:all 0.3s linear; }
.page_pc .kv .fcRight { position:absolute; bottom:0; left:658px; width:1920px; height:18px; background:#f6f6f6; transition:all 0.3s linear; }

.page_pc .contBox { width:1200px; max-width:75%; margin:0 auto; overflow:hidden; padding-bottom:90px; }
.page_pc .contBox h2 { font-size:30px; line-height:1.2em; font-weight:700; text-align:center; padding:15px 0; position:relative; margin-top:3em; }
.page_pc .contBox h2 img { display:inline-block; width:auto; height:0.8em; margin-right:0.5em; }
.page_pc .contBox h2::after { content:""; position:absolute; left:50%; bottom:0; transform:translateX(-50%); width:27px; height:4px; background-color:#303030; }
.page_pc .contBox h2 + p { font-size:16px; margin-top:1em; }
.page_pc .contBox h3 { font-size:24px; line-height:1.2em; font-weight:bold; text-align:center; color:#85c2ff; padding-top:20px; }
.page_pc .contBox h4 { font-size:20px; line-height:1.2em; font-weight:bold; letter-spacing:0.1em; text-align:center; }
.page_pc .contBox h4 span { color:#85c2ff; font-style:italic; }

.page_pc .contBox .section { margin-top:40px; border-radius:8px; background-color:#fff; overflow:hidden; }
.page_pc .contBox .community { background:url(../images/member_life_community_bg.jpg) center top no-repeat; position:relative; }
.page_pc .contBox .community .communityTxt { width:300px; margin-left:25%; padding:30px 0; }
.page_pc .contBox .community .communityTxt .h4Box { position:relative; }
.page_pc .contBox .community .communityTxt .h4Box::before { content:''; position:absolute; left:0; top:50%; width:55px; height:1px; background:#6b6b6b; }
.page_pc .contBox .community .communityTxt .h4Box::after { content:''; position:absolute; right:0; top:50%; width:55px; height:1px; background:#6b6b6b; }
.page_pc .contBox .community .communityTxt dl { width:200px; margin:20px auto 0; overflow:hidden; }
.page_pc .contBox .community .communityTxt dl dt { float:left; width:93px; }
.page_pc .contBox .community .communityTxt dl dd { float:left; margin-left:10px; font-size:12px; line-height:1.5em; padding:28px 0; }
.page_pc .contBox .community .communityPic { position:absolute; left:57%; top:20px; width:255px; }

.page_pc .contBox .tbox { position:absolute; left:10%; top:45%; width:80%; transform:translateY(-50%); z-index:1; }
.page_pc .contBox .tbox .icon { width:34px; margin:0 auto; }
.page_pc .contBox .tbox h5 { font-size:24px; line-height:1.2em; margin-top:0.5em; letter-spacing:0.06em; text-align:center; color:#fff; }
.page_pc .contBox .tbox p { font-size:16px; text-align:center; margin-top:0.3em; color:#fff; }
.page_pc .contBox .tbox::after { content:""; position:absolute; left:50%; top:100%; width:91px; height:16px; transform:translate(-50%, 100%); opacity:0; z-index:0; background:url(../images/btn_more.png); transition:all 0.3s linear; }

.page_pc .contBox .listUl { overflow:hidden; margin:0 auto; }
.page_pc .contBox .listUl > a { float:left; position:relative; overflow:hidden; border-radius:8px; }
.page_pc .contBox .listUl > a .btnMore { position:absolute; width:91px; bottom:13%; left:50%; transform:translateX(-50%); opacity:0; z-index:0; transition:all 0.3s linear; }
.page_pc .contBox .listUl > a::before { content:''; position:absolute; left:50%; top:50%; width:310px; height:300px; border-left:solid 2px #fff; border-right:solid 2px #fff; transform:translate(-50%, -50%) rotate(45deg); opacity:0; transition:all 0.3s linear; }
.page_pc .contBox .listUl > a::after { content:''; position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(10, 29, 52, 0.44); transition:all 0.3s linear; }
.page_pc .contBox .listUl > a:hover::before { opacity:1; }
.page_pc .contBox .listUl > a:hover::after { background:rgba(144, 204, 254, 0.88); }
.page_pc .contBox .listUl > a:hover .btnMore { opacity:1; z-index:1; }
.page_pc .contBox .listUl > a:hover .tbox::after { opacity:1; z-index:1; }
.page_pc .contBox .learnUl { width:93.25%; padding-bottom:40px; }
.page_pc .contBox .learnUl > a { width:32.35%; margin:20px 1.4% 0 0; }
.page_pc .contBox .learnUl > a::before { width:310px; }
.page_pc .contBox .learnUl > a:nth-child(3n) { margin-right:0; }

.page_pc .contBox .secUl { overflow:hidden; margin-top:40px; }
.page_pc .contBox .secUl > li { width:48.75%; float:left; margin-right:2.5%; background:#fff; overflow:hidden; border-radius:8px; }
.page_pc .contBox .secUl > li:nth-child(2n) { margin-right:0; }
.page_pc .contBox .secUl > li p + a { display:block; margin-top:15px; position:relative; }
.page_pc .contBox .secUl > li p + a::after { content:''; position:absolute; right:0; bottom:0; width:75px; height:75px; background:url(../images/icon/icon_arrow.png); background-size:100%; opacity:0; transition:all 0.3s linear; }
.page_pc .contBox .secUl > li p + a:hover::after { opacity:1; }

.page_pc .contBox .forumUl > a { width:23.25%; margin:36px 2.3% 0 0; }
.page_pc .contBox .forumUl > a::before { width:260px; }
.page_pc .contBox .forumUl > a .tbox h5 { font-size:24px; }
.page_pc .contBox .forumUl > a .tbox p { font-size:14px; }
.page_pc .contBox .forumUl > a:nth-child(4n) { margin-right:0; }