.innerbg {background:#fff url(../image/innerbg.jpg) repeat-x center top;}
.innerbannerWrap { padding:80px 0 0; }
.innerbanner {background:url(../image/temp3.jpg) no-repeat center top; width: 100%;height: 400px;}
.innerbanner2 { background-repeat: no-repeat; background-position: center top; background-color: #e87ca4; width: 100%;height: 400px;}
.b__news {background-image:url(../image/newsbanner.jpg); }
.b__storys {background-image:url(../image/storybanner.jpg); }
.b__join {background-image:url(../image/joinbanner.jpg); }
.b__service {background-image:url(../image/servicebanner.jpg); }
.f1,.fg,.f0,.f3,.f4,.f5 {display: block; margin:0 auto;}
.f1 {margin-top: 25px;}
.f2 {text-align: center; color: #a6a6a6; font-size: 18px; font-weight: bold; margin-top:20px; line-height: 1;}
.f0 {margin-top: 80px;}
.f3 {margin-top: 60px;}
.f4 {margin-top: 30px;}
.fg {margin-top: 25px;}
.f5 {margin-top: 10px;}
.our__sm {margin: 70px 0;}
.aboutusleft {width:550px;}
.aboutusright {width:540px;}
.aboutusleft h6,.aboutusright h6 { font-weight: bold; font-size: 24px; color:#d50b7b; }
.aboutusleft p,.aboutusright p { color: #282828; font-size: 18px; line-height: 36px; margin-top: 15px; }
.aboutchild a {float: left; margin-left: 40px;}
.aboutchild a:first-child {margin-left: 0;}
.aboutchild a img {display: block;}
.mar__b__60 {margin-bottom: 60px;}
.newslist {border-top: 1px solid #eeeeee;}
.newslist li {border-bottom: 1px solid #eeeeee;}
.newslist li a {padding:20px 0 19px; display: block;}
.newslist li a:hover .news__title,.single_story a:hover .story__title {color: #d50080;}
.newslist li a img { width: 100px; height: 80px; object-fit: cover; margin-right: 20px; float: left; border-radius: 10px; }
.newslist li a div { float: left;height: 80px;background:url(../image/arrow-r.png) no-repeat right center;}
.w440 {width: 360px; padding-right: 60px; }
.wfull {width: 500px; padding-right: 60px; }
.newscommon.w100 {width: 100%;}
.news__title {font-size: 16px; color: #282828; line-height: 24px;}
.time {color: #a6a6a6; font-size: 14px; margin-top: 10px; line-height: 1.5;}
.newscommon {float: left; width: 540px;}
.newsTitle {padding:67px 0 33px;}
.newsTitleFirstSpan { line-height: 30px; padding-left: 50px; float: left; background:url(../image/newsicon.png) no-repeat left center; height: 40px; color: #d50b7b; font-weight: bold; font-size: 24px;}
a.newsTitleLastSpan {float: right; font-size: 14px; color: #d50080; line-height: 30px;}
a.newsTitleLastSpan:hover {text-decoration: underline;}
a.newsTitleLastSpan i {font-family: 'simsun'; font-style: normal;}
.newscommon:nth-child(even) {margin-left: 80px;}
.books {margin-bottom: 60px;}
.books li { width: 360px; float: left; margin-left: 40px; }
.books li:first-child {margin-left: 0;}
.books li h5 { color: #282828; font-size: 18px; margin:20px 0 14px; line-height: 1; }
.books li p { color: #a6a6a6; font-size: 14px; line-height:24px; }
.books li a,.books li a img {display: block;}
.books li a:hover h5 { color: #d50080; }
.books li a img { width: 360px; height: 240px; object-fit: cover; }

.second__title {padding:70px 0 20px; border-bottom: 1px solid #fce3ee;}
.second__title__first {float: left; color: #d50b7b; font-size: 30px; font-weight: bold; line-height: 30px;}
a.second__title__last {float: right;line-height: 30px; color: #000000; font-size: 16px;}
a.second__title__last:hover { text-decoration: underline; }
.newssorts { margin:50px 0; }
.newssorts a { width: 120px; height: 40px; line-height: 40px; text-align: center; color: #000000; font-size: 14px; background-color: #f8f8f8; float: left; border-radius: 20px; margin-right:10px; }
.newssorts a.current,.newssorts a:hover {color: #fff; background-color: #f3bbd4;}

.institutionalnews li {float: left; width: 360px; margin-left: 40px; height: 400px; overflow: hidden; margin-bottom: 40px;}
.joinnews li { height: 380px; }
.institutionalnews li:nth-child(3n+1) { margin-left: 0; }
.institutionalnews li a,.institutionalnews li a img {display: block;}
.ins__top { color: #a6a6a6; line-height: 1; font-size: 12px; margin-bottom: 10px; }
.institutionalnews li h5 { font-size: 18px; color: #282828; line-height: 24px; margin:20px 0 14px; }
.ins__bottom { color: #a6a6a6; font-size: 14px; line-height: 24px; }
a.loadmore {margin:0 auto 100px; width: 320px; height: 60px; text-align: center; font-size: 18px; color: #d50b7b; background-color: #f8f8f8; border-radius: 20px; display: block; line-height: 60px;}
a.loadmore:hover {background-color: #f1f1f1;}
a.loadmore:active {background-color: #f3bbd4; color: #fff;}

.storysWrap li {border:1px solid #f7d8e4; padding:39px 49px; border-radius: 25px; position: relative; min-height: 240px; margin-bottom: 40px;}
.storysWrap li:last-child {margin-bottom:0;}
.storysWrap li img {width: 360px; height: 240px; object-fit: cover; border-radius: 10px; position: absolute; left:49px; top: 39px;}
.storysWrap div {margin-left: 420px;}
.story__tag { font-size: 14px; color: #d50b7b; }
.story__name {font-size: 24px; color: #282828; line-height: 36px; margin:14px 0;}
.story__des { font-size: 16px; color: #a6a6a6; line-height: 30px; }
a.readmore { margin-top:25px;display: block; color: #e87ca4; font-weight: bold; font-size: 16px; width: 200px; height: 40px; line-height: 40px; border:1px solid #e87ca4; text-align: center; border-radius: 20px;}
a.readmore:hover {background-color: #e87ca4; color: #fff;}

.second__title2 {padding:40px 0 20px; border-bottom: 1px solid #fce3ee; font-size: 16px; color: #a6a6a6;}
.detailWrap {margin-top: 80px; padding-bottom: 80px;}
.detailLeft { width: 800px; }
.detailLeft h5 { color: #d50b7b; font-weight: bold; font-size: 30px; line-height: 1.2; margin-bottom:30px; }
.anthor {font-size: 18px; color:#a6a6a6; margin-bottom:40px;}
.detail__info {line-height: 36px; font-size: 20px; color: #282828; }
.detail__info img {max-width: 100%; margin:0 auto;}
.detail__info p {margin-bottom: 40px;}
.join__info { padding-top: 70px; padding-bottom: 30px; width: 880px; margin:0 auto; }
.join__info img {margin:0 auto; display: block;}
.join__info p { color: #a6a6a6; font-size: 16px; line-height: 30px; text-align: center; margin-top: 40px; }
.joinform { background-color: #fbe8f1; padding:70px 0; border-top: 2px solid #f2f2f2; position: relative; margin-top: 220px; }
.before {position: absolute; left: 50%; background:url(../image/tojoin.png) no-repeat left center; width: 380px; height: 118px; z-index: 1; top: -112px; margin-left: -190px;}
.largeLabel { font-size: 18px; color: #282828; }
.isNeeded {color: #d50b7b;}
.tb__join {margin:0 auto;}
.tb__join td {padding:12px;}
.tb__join td .inputcommon { font-size: 14px; width: 214px; height: 18px; border:1px solid #ddd; padding:8px 12px; outline: 0 none; border-radius: 5px; }
.tb__join td .inputcommon::-webkit-input-placeholder {color: #a6a6a6;}
.tb__join td.isNeeded {padding:0;}
.tb__join td.noPadding {padding:0;}
.normalLabel { color: #282828; font-size: 14px; }
.btn__form {-webkit-appearance : none; border-radius: 0; -webkit-border-radius: 0; border: 0 none; cursor: pointer; outline: 0 none; overflow: visible; -webkit-tap-highlight-color: transparent; padding:0; }
.pinkbtn { color: #ffffff; font-size: 16px; width: 250px; height: 40px; background-color: #d50b7b; border-radius: 20px;}
.pinkbtn:active { opacity: 0.8; }
.innerbg__support {background:url(../image/innerbg.png) repeat-x center top;}
.supportbg {background:url(../image/rightbg.png) no-repeat right top;}
.supportPaddding{ padding:120px 0 80px;}
.supportLeft {width: 600px;}
.supportLeft h5 { color: #d50b7b; font-size: 32px; line-height: 1; margin-bottom: 18px; }
.supportLeft__des { color: #d50b7b; font-size: 18px; line-height: 1; margin-bottom: 40px; }
.supportLeft__info p { color: #282828; font-size: 16px; line-height: 30px; margin-bottom: 24px; }
.supportLeft__info p:last-child {margin-bottom: 0; font-size: 18px; color: #d50b7b;}
.supportRight { text-align:center; width: 516px; height: 396px; border: 2px solid #f3bbd4; background-color: #fef1f7; border-radius: 30px;}
.supportRight h5 {padding-top: 96px; line-height: 1; color: #d50b7b; font-weight: bold; font-size: 30px;}
.supportRight img {display: block; margin:15px auto 30px;}
.supportRight p { font-size: 18px; color: #d50b7b; line-height: 2; }

.service__info { padding-top: 70px; padding-bottom: 30px; width: 880px; margin:0 auto; }
.service__info h5 { font-size: 24px; color: #282828; text-align: center; line-height: 1;}
.service__info p { color: #a6a6a6; font-size: 18px; line-height: 30px; margin-top: 40px; }
.service__info p a {display: block; font-size: 14px; text-decoration: underline; color: #a6a6a6;}
.service__info p a:hover {color: #d50b7b;}
.servicesWrap {height: 160px; border-bottom: 2px solid #f2f2f2;}
.services li {width: 145px; height: 160px; float: left; position: relative;}
.services li.current::after { position: absolute; bottom:-8px; left: 0; width: 145px; content: '.'; font-size: 0; z-index: 1;background:url(../image/bottom.png) no-repeat center top; height: 8px; }
.services li a { display: block; height: 160px; color: #a6a6a6; font-size: 16px; line-height: 1; text-align: center; transition: all ease .2s;}
.services li a span {display: block; height: 120px; opacity: 0.2; background-repeat: no-repeat; background-position: center 30px; transition: all ease .2s;}
.services li.current a,.services li a:hover { color: #d50b7b;}
.services li.current a span,.services li a:hover span {opacity: 1;}
.icon1 span { background-image: url(../image/icon4_l.png); }
.icon2 span { background-image: url(../image/icon3_l.png); }
.icon3 span { background-image: url(../image/icon7_l.png); }
.icon4 span { background-image: url(../image/icon10_l.png); }
.icon5 span { background-image: url(../image/icon5_l.png); }
.icon6 span { background-image: url(../image/icon8_l.png); }
.icon7 span { background-image: url(../image/icon6_l.png); }
.icon8 span { background-image: url(../image/icon9_l.png); }