@charset "utf-8";body,html {
    height: auto
}

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,i {
    margin: 0;
    padding: 0
}

.menu-container {
    width: 100%;
    height: 53px;
    line-height: 51px;
    background-color: #fff;
    border: 1px solid #f4f4f4;
    box-sizing: border-box
}

.menu-wp {
    position: relative;
    margin: 0 auto;
    width: 976px;
    height: 100%;
    font-size: 0;
    text-align: center
}

.menu {
    position: relative;
    display: inline-block;
    vertical-align: top;
    height: 100%;
    width: 122px;
    cursor: pointer;
    font-size: 16px;
    color: #5f6464;
    font-family: Microsoft YaHei
}

.menuOn:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 2px;
    background-color: #2f83fb
}

.menu-active-line {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 122px;
    height: 2px;
    background-color: #2f83fb
}

.banner {
    width: 100%;
    height: 170px;
    background: url(/image/about/banner.jpg?v=201809251340) center no-repeat
}

.webAbout {
    position: relative;
    margin: 40px auto 45px;
    width: 1226px;
    height: auto;
    font-family: system,-apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft YaHei","Hiragino Sans GB","PingFang SC","Helvetica Neue",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
    text-align: left;
    clear: both;
    background-color: #fff;
    box-shadow: 0 4px 6px rgba(199,226,252,0.1)
}

.aboutTitleLeft_3 {
    float: left;
    width: 520px;
    height: 140px
}

.aboutTitleLeft_4 {
    float: left;
    width: 940px;
    height: 140px
}

.aboutTitleRight_3 {
    float: left;
    width: 338px;
    height: 215px;
    margin-top: 90px;
    _margin-top: 30px;
    _margin-left: 260px
}

.aboutContent {
    clear: both;
    width: 100%;
    height: auto
}

.aboutContent img {
    float: left
}

.aboutContent .aboutText {
    text-indent: 18px;
    -text-indent: 1.5em;
    font-family: "微软雅黑";
    color: #282828;
    font-size: 15px;
    line-height: 35px;
    padding-left: 71px;
    width: 540px;
    float: left;
    top: 135px;
    position: absolute;
    height: 149px
}

.aboutContent .aboutText a {
    text-decoration: none;
    letter-spacing: normal
}

.aboutMenu {
    width: 73px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    background: #FFF;
    border: 1px solid #e5e5e5;
    color: #666;
    cursor: pointer;
    margin-top: 5px
}

.aboutMenuCheck {
    border-right-color: #fff
}

.aboutPaper .companyHistory {
    overflow: hidden;
    width: 100%;
    height: auto;
    background-color: #fff;
    margin-bottom: 50px;
    _margin-bottom: 35px;
    float: left;
    margin-top: 30px;
    box-shadow: 0 0 5px #e5e5e5
}

.historyTitleLeft {
    float: left;
    width: 1002px;
    height: 155px;
    background: url(/image/about/history.png?v=201610241359) top left no-repeat;
    margin-left: 30px;
    _margin-left: 15px;
    margin-top: 30px;
    _margin-top: 5px;
    margin-right: 4px;
    *display: inline-block
}

.companyHistoryTitle {
    width: 800px;
    overflow: hidden;
    height: 150px
}

.historyTab {
    width: 100%
}

.history_ul {
    width: 100%;
    overflow: auto
}

.history_li {
    float: left;
    list-style: none;
    font-size: 30px;
    color: #666;
    font-weight: bold;
    font-family: "微软雅黑"
}

.historyContent {
    width: 100%
}

#historyTimeLine {
    width: 800px;
    height: auto;
    overflow: hidden;
    margin: 30px auto 35px;
    *margin-top: 30px;
    background: url(/image/about/history/hr_blue.png?v=201610241359) 0 45px repeat-x;
    background-size: 100%
}

#historyTime li.history_li {
    margin-bottom: 5px;
    list-style: none;
    float: left;
    width: 180px;
    height: 50px;
    font-size: 24px;
    text-align: center;
    background: url(/image/about/history/dot_tiny_blue.png?v=201610241359) center bottom no-repeat
}

#historyTime a {
    line-height: 38px;
    padding-bottom: 10px;
    text-decoration: none
}

#historyTime a:hover,#historyTime a:link,#historyTime a:visited {
    text-decoration: none;
    color: #666
}

#historyTimeLine #historyTime li.history_li a.selected {
    font-size: 36px;
    background: url(/image/about/history/dot_blue.png?v=201610241359) center bottom no-repeat;
    *background: url(/image/about/history/dot_tiny_blue.png?v=201610241359) center bottom no-repeat;
    _background: url(/image/about/history/dot_blue.png?v=201610241359) center bottom no-repeat;
    color: #fd8c42
}

#historyContainer {
    width: 800px;
    overflow: auto;
    min-height: 405px
}

#historyContainer>li {
    width: 800px;
    height: auto;
    list-style: none;
    float: left
}

.history_ul .checkHistory {
    font-size: 36px;
    color: #fd8c42
}

.historyContent .history_tab {
    width: 1002px
}

.historyContent .history_tab .hisMoth {
    font-size: 20px;
    margin: 0;
    line-height: 40px
}

.historyContent .history_tab .hisText {
    font-family: "微软雅黑";
    color: #666;
    font-size: 14px;
    line-height: 20px;
    width: 100%;
    overflow: auto;
    margin-top: 60px;
    margin-bottom: 30px;
    *margin-top: 58px;
    *margin-bottom: 31px;
    _margin-top: 38px;
    _margin-bottom: 97px;
    min-height: 120px;
    height: auto
}

.tab_ul .hisText:first-child {
    margin-top: 35px
}

.tab_ul .hisText:nth-child(2n+1) .hisBox {
    text-align: right;
    float: left;
    width: 345px
}

.tab_ul .hisText:nth-child(2n) .hisBox {
    text-align: left;
    float: right;
    width: 340px
}

#tab5 .hisText .hisBox {
    text-align: right;
    float: left;
    width: 350px;
    *width: 350px
}

#tab1 {
    padding-top: 50px;
    background: url(/image/about/history/h5.png?v=201610241359) top center no-repeat
}

#tab2 {
    padding-top: 50px;
    background: url(/image/about/history/h3.png?v=201610241359) top center no-repeat
}

#tab3 {
    padding-top: 50px;
    background: url(/image/about/history/h2.png?v=201610241359) top center no-repeat
}

#tab4 {
    padding-top: 50px;
    background: url(/image/about/history/h2.png?v=201610241359) top center no-repeat
}

#tab5 {
    padding-top: 50px;
    background: url(/image/about/history/h1.png?v=201610241359) top center no-repeat
}

#tab6 {
    padding-top: 50px;
    background: url(/image/about/history/h2.png?v=201610241359) top center no-repeat
}

#historyTime {
    *width: 1080px;
    margin-left: 310px
}

.hisText .hisBox {
    _width: 345px
}

.tab_ul .firstLi .hisBox {
    *text-align: right;
    *float: left;
    *width: 345px
}

.tab_ul .secondLi .hisBox {
    *text-align: left;
    *float: right;
    *width: 340px
}

.tab_ul .thirdLi .hisBox {
    *text-align: right;
    *float: left;
    *width: 345px
}

.tab_ul .fourthLi .hisBox {
    *text-align: left;
    *float: right;
    *width: 340px
}

.tab_ul .fifthLi .hisBox {
    *text-align: right;
    *float: left;
    *width: 345px
}

#tab1,#tab2,#tab3,#tab4,#tab5,#tab6 {
    *width: 800px
}

#tab6 .secondLi .hisBox {
    _margin-top: 20px
}

#tab5 .firstLi .hisBox {
    *text-align: right;
    *float: left;
    _width: 355px
}

.aboutPaper .officeEnvironment {
    width: 680px;
    height: auto;
    margin: 6px auto
}

.aboutPaper .imgContact {
    position: absolute;
    top: 65px;
    left: 90px
}

.aboutPaper .people {
    position: absolute;
    bottom: 30px;
    right: 55px
}

.aboutPaper .contactDotted {
    width: 650px;
    height: 0;
    line-height: 0;
    font-size: 0;
    margin: auto;
    margin-top: 135px
}

.aboutPaper .contactText {
    display: block;
    width: 400px;
    height: auto;
    left: 0;
    font-size: 16px;
    width: 100%
}

.aboutPaper .contactText .conTextLine {
    width: auto;
    height: 38px;
    line-height: 38px;
    padding-left: 40px;
    font-size: 15px;
    font-family: "微软雅黑";
    color: #333
}

.aboutPaper .contactText .consultLink {
    display: inline-block;
    vertical-align: middle;
    width: 76px;
    height: 28px;
    line-height: 26px;
    border: 1px solid #b8d9ff;
    background-color: #eff6fe;
    background: linear-gradient(180deg,#fff 0,#eff6fe 100%);
    border-radius: 50px;
    box-sizing: border-box;
    text-decoration: none;
    text-align: center;
    font-size: 13px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #0076fe
}

.aboutPaper .contactText .consultLink:hover {
    border-color: #0076fe;
    background: #0076fe;
    color: #fff
}

a.joinus {
    font-family: "微软雅黑",Arial,sans-serif;
    font-size: 14px;
    padding: 11px 35px;
    color: #fff;
    background-color: #13b5b1;
    line-height: 38px;
    text-decoration: none;
    -webkit-transition: background-color .2s ease-in 0s;
    -moz-transition: background-color .2s ease-in 0s;
    -ms-transition: background-color .2s ease-in 0s;
    -o-transition: background-color .2s ease-in 0s;
    transition: background-color .2s ease-in 0s
}

a.joinus:hover {
    background-color: #0ea7a2
}

.aboutContentLeft {
    position: absolute;
    top: 18px;
    left: -90px;
    z-index: 9999
}

.aboutContentLeft ul {
    width: 90px;
    height: 400px;
    font-size: 15px;
    color: #5a5a5b
}

.aboutContentLeft li {
    position: relative;
    font-family: "微软雅黑";
    display: inline
}

.aboutContentLeft li a {
    text-decoration: none;
    color: #5a5a5b;
    display: block;
    height: 16px;
    line-height: 16px
}

.aboutContentLeft li .selected {
    background: url(/image/about/subnavi_sel2.png?v=201610241359) center bottom no-repeat
}

.aboutContentLeft ul .iconLi {
    position: absolute;
    top: 0;
    right: -25px;
    display: inline-block;
    width: 30px;
    height: 20px;
    background: url(/image/about/aboutBtn.png?v=201610241359) -253px -30px no-repeat;
    cursor: pointer;
    _background: 0;
    _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=noscale,src="http://fkh.faisys.com/image/about/dot_grey.png?v=201610241359")
}

.aboutContentLeft ul .curMenu .iconLi {
    position: absolute;
    top: 0;
    right: -25px;
    display: inline-block;
    width: 30px;
    height: 20px;
    background: url(/image/about/aboutBtn.png?v=201610241359) -222px -32px no-repeat;
    _background: 0;
    _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=noscale,src="http://fkh.faisys.com/image/about/dot_blue.png?v=201610241359");
    _right: -23px
}

.aboutContentLeft ul .curMenu a {
    color: #0078e4
}

.hr_border {
    width: 100%;
    height: 25px;
    border-right: 1px solid #a4a4a4;
    margin: 5px auto
}

.officeEnvironment .officeTitle {
    background: url(/image/about/tit02.png?v=201610241359) center no-repeat;
    width: 930px;
    height: 150px;
    margin-left: 30px;
    margin-top: 30px;
    *margin-left: 15px;
    *margin-top: 20px;
    float: left;
    display: inline;
    overflow: hidden
}

.officeEnvironment .deskContent {
    width: 100%;
    height: 300px;
    margin-top: 150px;
    *margin-top: -30px
}

.officeEnvironment .deskContent #desk {
    background: url(/image/about/img01.jpg?v=201610241359) center no-repeat;
    width: 530px;
    height: 300px;
    margin-left: 67px;
    float: left;
    position: absolute
}

.officeEnvironment .deskContent #deskText {
    background: url(/image/about/text01.png?v=201610241359) center no-repeat;
    width: 290px;
    height: 70px;
    margin-right: 50px;
    _margin-right: 25px;
    margin-top: 95px;
    float: right
}

.officeEnvironment .roomContent {
    position: relative;
    width: 100%;
    height: 435px
}

.officeEnvironment .roomContent #room {
    width: 680px;
    height: 402px;
    float: left
}

.officeEnvironment .roomContent #roomText {
    width: 680px;
    height: 70px;
    float: left;
    background: url(/image/about/text02.png?v=201610241359) center no-repeat;
    margin-left: 80px;
    _margin-left: 40px;
    margin-top: 105px
}

.officeEnvironment .roomContent .roomImg {
    position: absolute;
    z-index: 2
}

.officeEnvironment .roomContent .turnImg {
    margin: 0 auto;
    width: 85px
}

.officeEnvironment .officeContent {
    width: 100%;
    height: 500px
}

.officeEnvironment .officeContent #office {
    width: 680px;
    height: 402px;
    float: left
}

.officeEnvironment .officeContent #officeText {
    width: 290px;
    height: 70px;
    margin-left: 80px;
    background: url(/image/about/text03.png?v=201610241359) center no-repeat;
    float: left;
    margin-top: 105px
}

.officeEnvironment .officeContent .officeImg {
    position: absolute;
    z-index: 2
}

.officeEnvironment .officeContent .turnImg {
    margin: 0 auto;
    width: 85px
}

.officeEnvironment .environmentContent {
    width: 100%;
    height: 500px
}

.officeEnvironment .environmentContent #environmentText {
    width: 320px;
    height: 70px;
    float: left;
    background: url(/image/about/text04.png?v=201610241359) center no-repeat;
    margin-top: 105px
}

.officeEnvironment .environmentContent .environmentImg {
    position: absolute;
    z-index: 2
}

.officeEnvironment .environmentContent #environment {
    width: 680px;
    height: 402px;
    float: left
}

.officeEnvironment .environmentContent .turnImg {
    width: 60px;
    margin: 0 auto
}

.officeEnvironment .subwayContent {
    width: 100%;
    height: 500px;
    margin-bottom: 80px
}

.officeEnvironment .subwayContent #subway {
    width: 680px;
    height: 402px;
    background: url(/image/about/img02.jpg?v=201710301711) center no-repeat;
    float: left
}

.officeEnvironment .subwayContent #subwayText {
    width: 290px;
    height: 70px;
    background: url(/image/about/text05.png?v=201610241359) center no-repeat;
    float: left;
    margin-left: 80px;
    margin-top: 115px
}

.officeEnvironment .companyOutlook {
    width: 100%;
    height: 500px
}

.officeEnvironment .companyOutlook #outlook {
    width: 680px;
    height: 402px;
    float: left
}

.officeEnvironment .companyOutlook #roomText {
    width: 680px;
    height: 70px;
    float: left;
    background: url(/image/about/text02.png?v=201610241359) center no-repeat;
    margin-left: 80px;
    _margin-left: 40px;
    margin-top: 105px
}

.officeEnvironment .companyOutlook .outlookImg {
    position: absolute;
    z-index: 2
}

.officeEnvironment .envContainer {
    display: none
}

.turnImg .round {
    text-decoration: none;
    font-size: 16px;
    line-height: 30px;
    color: #a4a4a4;
    margin-right: 5px
}

.turnImg a:hover {
    color: #1682fc
}

.clearfloat {
    clear: both
}

#aboutPaper7 {
    position: relative;
    background-color: #fff;
    height: 650px;
    box-shadow: 0 0 5px #e5e5e5;
    display: none
}

.aboutTitleLeft_7 {
    float: left;
    width: 587px;
    height: auto
}

.aboutPaperContainer {
    margin: 0 auto;
    display: block;
    font-size: 0;
    text-align: center
}

#aboutPaper7 .aboutPaperTab {
    display: inline-block;
    vertical-align: top;
    width: 110px;
    height: 38px;
    line-height: 36px;
    border: 1px solid #e2e2e2;
    box-sizing: border-box;
    text-align: center;
    color: #666;
    font-size: 15px;
    cursor: pointer;
    transition: all .3s
}

#aboutPaper7 .aboutPaperTab+.aboutPaperTab {
    margin-left: 2px
}

#aboutPaper7 .aboutPaperTab.aboutPaperTabActive,#aboutPaper7 .aboutPaperTab:hover {
    background-color: #1477fa;
    border-color: #1477fa;
    color: #fff
}

#aboutPaper5 {
    background-color: #fff;
    height: auto;
    display: none;
    font-family: "微软雅黑"
}

.timeLiner {
    position: relative;
    width: 737px;
    height: 48px;
    border-bottom: 4px solid #dedede;
    margin: 0 auto 15px
}

.historyYear {
    display: inline-block;
    width: 50px;
    text-align: center;
    font-size: 20px;
    line-height: 48px;
    color: #dedede;
    margin: 0 16px 0 34px;
    cursor: pointer;
    _height: 50px;
    border-bottom: 4px solid #dedede
}

#aboutPaper5 .timeLiner .historyYearCur {
    border-bottom: 4px solid #0078e3;
    color: #0078e3;
    z-index: 44
}

#aboutPaper5 .timeLiner #fk_2016 {
    _position: absolute;
    _bottom: -4px;
    _left: 0
}

#aboutPaper5 .timeLiner #fk_2015 {
    _position: absolute;
    _bottom: -4px;
    _left: 95px
}

#aboutPaper5 .timeLiner #fk_2014 {
    _position: absolute;
    _bottom: -4px;
    _left: 190px
}

#aboutPaper5 .timeLiner #fk_2013 {
    _position: absolute;
    _bottom: -4px;
    _left: 285px
}

#aboutPaper5 .timeLiner #fk_2012 {
    _position: absolute;
    _bottom: -4px;
    _left: 380px
}

#aboutPaper5 .timeLiner #fk_2011 {
    _position: absolute;
    _bottom: -4px;
    _left: 475px
}

#aboutPaper5 .timeLiner #fk_2010 {
    _position: absolute;
    _bottom: -4px;
    _left: 570px
}

.preBtn {
    position: absolute;
    top: 18px;
    left: -31px;
    width: 40px;
    height: 56px;
    background: url(/image/about/aboutBtn.png?v=201610241359) -60px -11px no-repeat;
    cursor: pointer;
    color: #0078e3;
    _background: 0;
    _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=noscale,src="http://fkh.faisys.com/image/about/prev.png?v=201610241359");
    _left: -35px
}

.timeLiner .preBtnUnable {
    position: absolute;
    top: 18px;
    left: -31px;
    width: 40px;
    height: 56px;
    background: url(/image/about/aboutBtn.png?v=201610241359) -16px -11px no-repeat;
    cursor: inherit;
    color: #dedede;
    _background: 0;
    _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=noscale,src="http://fkh.faisys.com/image/about/prev_un.png?v=201610241359");
    _left: -35px
}

.nextBtn {
    position: absolute;
    top: 18px;
    right: -39px;
    width: 40px;
    height: 56px;
    background: url(/image/about/aboutBtn.png?v=201610241359) -153px -11px no-repeat;
    cursor: pointer;
    color: #0078e3;
    _background: 0;
    _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=noscale,src="http://fkh.faisys.com/image/about/next.png?v=201610241359");
    _right: -38px
}

.timeLiner .nextBtnUnable {
    position: absolute;
    top: 18px;
    right: -39px;
    width: 40px;
    height: 56px;
    background: url(/image/about/aboutBtn.png?v=201610241359) -109px -11px no-repeat;
    cursor: inherit;
    color: #dedede;
    _background: 0;
    _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=noscale,src="http://fkh.faisys.com/image/about/next_un.png?v=201610241359");
    _right: -38px
}

#historyBox {
    height: auto;
    padding: 20px 0 72px 0
}

#historyBox .activeYear {
    display: block
}

.histroyPanel {
    width: 690px;
    margin: 20px auto 80px;
    height: auto;
    display: none
}

.monthPanel {
    width: 687px;
    height: auto;
    border: 1px solid #78b3fd;
    border-radius: 4px;
    margin-bottom: 6px
}

.eventMonth {
    width: 110px;
    float: left;
    background: #78b3fd;
    height: auto;
    text-align: center;
    vertical-align: middle;
    font-size: 24px;
    color: #fff;
    line-height: 60px;
    height: auto
}

.eventItem {
    height: 60px;
    line-height: 60px;
    vertical-align: middle
}

.event {
    float: left;
    width: 577px;
    height: auto
}

.event_border {
    border-bottom: 1px solid #b9d2fd
}

.monthPanel_2016_4 .eventMonth {
    height: 121px
}

.monthPanel_2015_11 .eventMonth {
    height: 182px
}

.eventMonthOne_2 .eventMonth {
    height: 80px
}

.eventMonthOne_2 .eventItem {
    padding-top: 5px
}

.eventMonthOne_2 .eventItem .eventDetail {
    line-height: 25px;
    vertical-align: middle;
    height: auto
}

.fk_2019 .eventItem,.fk_2018 .eventItem {
    line-height: 50px
}

.fk_2018 .eventMonthOne_2 .eventMonth {
    height: 70px
}

.monthPanel .itemOne_2 {
    height: 70px;
    padding-top: 10px
}

.monthPanel .itemOne_2 .eventDetail {
    line-height: 25px;
    vertical-align: middle;
    height: auto
}

.monthPanel .itemOne_3 {
    height: 85px;
    padding-top: 10px
}

.monthPanel .itemOne_3 .eventDetail {
    line-height: 25px;
    vertical-align: middle;
    height: auto
}

.eventDetail {
    display: inline-block;
    line-height: 61px;
    font-size: 15px;
    font-family: "微软雅黑";
    color: #282828;
    padding-left: 25px;
    width: 350px
}

.clickLink {
    margin-left: 72px;
    font-size: 12px;
    color: #78b3fd;
    margin-right: 8px
}

.eventMonthOne_2 .clickLink {
    margin-left: 72px;
    margin-left: 72px\9;
    *margin-left: 75px;
    _margin-left: 75px
}

.certificateInco {
    display: inline-block;
    width: 22px;
    height: 22px;
    background: url(/image/about/aboutBtn.png?v=201610241359) -87px -230px no-repeat;
    vertical-align: middle;
    *margin-right: 5px
}

.certificateInco:hover {
    display: inline-block;
    width: 22px;
    height: 22px;
    background: url(/image/about/aboutBtn.png?v=201610241359) -116px -230px no-repeat;
    vertical-align: middle
}

.linkIcon {
    display: inline-block;
    width: 22px;
    height: 22px;
    background: url(/image/about/aboutBtn.png?v=201610241359) -30px -230px no-repeat;
    vertical-align: middle
}

.linkIcon:hover {
    display: inline-block;
    width: 22px;
    height: 22px;
    background: url(/image/about/aboutBtn.png?v=201610241359) -58px -230px no-repeat;
    vertical-align: middle
}

#corProcessImg {
    position: relative;
    display: none;
    padding-top: 44px;
    padding-bottom: 50px;
    min-height: 507px
}

#corProcessImg .imgTitle {
    width: 100%;
    height: 80px;
    font-family: "微软雅黑";
    font-size: 20px;
    text-align: center;
    line-height: 80px;
    color: #383434
}

#corProcessImg img {
    display: block;
    margin: 10px auto
}

.hideText,.hideImg {
    display: none
}

.returnBtn {
    display: inline-block;
    position: absolute;
    bottom: 0;
    right: -72px;
    width: 72px;
    height: 72px;
    background: url(/image/about/aboutBtn.png?v=201610241359) -19px -146px;
    cursor: pointer;
    text-decoration: none
}

.returnBtn:hover {
    display: inline-block;
    position: absolute;
    bottom: 0;
    right: -72px;
    width: 72px;
    height: 72px;
    background: url(/image/about/aboutBtn.png?v=201610241359) -90px -146px
}

.imgSrc {
    width: 100%;
    height: 500px;
    z-index: 777
}

.contactText .conTextLine a {
    font-family: "微软雅黑";
    color: #21709b
}

.monthPanel_2016_6 .eventMonth,.monthPanel_2016_8 .eventMonth {
    height: 121px
}

.timeLiner .timerContainer {
    position: relative;
    width: 737px;
    height: 55px;
    overflow: hidden
}

.timerContainer .fk_timeUl {
    position: absolute;
    height: 55px
}

.timerContainer .fk_timeUl li {
    float: left
}

.aboutContent .aboutText {
    text-indent: 31px
}

.fkw-topbar-box .topbar-manage-icon {
    display: inline-block
}

.hd-video-tips {
    width: 228px;
    height: 120px;
    position: fixed;
    bottom: 20px;
    right: 20px;
    background: url("<%=_resRoot%>/image/about/movie_about.jpg?v=201712181930")0px -1px no-repeat;
    background-size: 100%;
    cursor: pointer;
    z-index: 99999;
    border-radius: 9px 9px
}

.hd-video-tips:hover {
    background: url("<%=_resRoot%>/image/about/movie_about.jpg?v=201712181930")0px -128px no-repeat;
    background-size: 100%
}

.hd-video-tips .tips-close {
    width: 30px;
    height: 31px;
    background: url("<%=_resRoot%>/image/close.png?v=201712181939") no-repeat;
    background-size: 100%;
    position: absolute;
    right: -12px;
    top: -15px;
    z-index: 11;
    cursor: pointer
}

.hd-video-tips .video-wrap .video-mask {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0,0,0,0.6);
    z-index: 101;
    cursor: default
}

.hd-video-tips .video-wrap .video-box {
    width: 860px;
    position: fixed;
    top: 120px;
    left: 0;
    right: 0;
    margin: auto;
    text-align: center;
    padding: 10px;
    background: #fff;
    z-index: 102
}

.hd-video-tips .video-wrap .video-box .video-close {
    width: 30px;
    height: 31px;
    background: url("<%=_resRoot%>/image/close.png?v=201712181939") no-repeat;
    background-size: 100%;
    position: absolute;
    right: -12px;
    top: -15px;
    z-index: 11;
    cursor: pointer
}

.hide {
    display: none
}

.clearfix:after {
    content: "";
    display: block;
    height: 0;
    clear: both
}

.float-l {
    float: left
}

.float-l {
    float: right
}

.con-title {
    font-size: 40px;
    font-weight: 400
}

.intro-container {
    line-height: 30px
}

.intro-container .intro-fkw {
    height: 675px;
    background: url(/t207/resource/images/intro-bg.png) 0 0 no-repeat;
    color: #333;
    
}

.intro-container .intro-fkw-wp {
    padding: 80px 130px 0;
}

.intro-container .intro-fkw-title {text-align: center;
    height: 54px;
    line-height: 54px
}

.intro-container .intro-fkw-subtitle {
    margin-top: 30px;
    line-height: 20px;
    font-size: 15px;
    font-weight: bold
}

.intro-container .intro-fkw-desc {
    margin-top: 4px;
    font-size: 15px
}

.intro-container .intro-spirit {
    position: relative;
    margin-top: 32px;
    height: 657px;
    background: url(/t207/resource/images/spirit-bg.png) 0 0 no-repeat;
    color: #5f6464;
    text-align: left
}

.intro-container .intro-spirit-wp {
    position: absolute;
    left: 166px;
    top: 97px;
    width: 374px
}

.intro-container .intro-spirit-title {
    height: 52px;
    color: #0564e1
}

.intro-container .intro-spirit-subtitle {
    color: #0564e1;
    font-size: 24px;
    font-weight: 400
}

.intro-container .intro-spirit-desc {
    margin-top: 36px;
    font-size: 15px
}

.intro-container .intro-logo {
    position: absolute;
    top: 188px;
    right: 190px;
    width: 321px;
    height: 135px;
    background: url(/t207/resource/images/logo.png) 0 0 no-repeat
}

.culture-container {
    position: relative;
    line-height: 30px;
    padding: 75px 160px 150px;
    text-align: left
}

.culture-container .con-title {
    line-height: 50px;
    color: #0564e1
}

.culture-container .culture-wp {
    margin-top: 50px
}

.culture-container .culture-title {
    line-height: 40px;
    color: #0564e1;
    font-size: 24px;
    font-weight: 400
}

.culture-container .culture-content {
    color: #5f6464;
    font-size: 15px
}

.culture-container .culture-values {
    padding-left: 28px
}

.culture-container .culture-values-title {
    position: relative;
    margin-top: 14px;
    line-height: 24px;
    color: #0564e1;
    font-size: 20px;
    font-weight: 400
}

.culture-container .culture-values-title:before {
    content: "";
    position: absolute;
    top: 10px;
    left: -28px;
    width: 8px;
    height: 8px;
    background-color: #0564e1;
    border-radius: 50%
}

.culture-container .culture-values-content {
    color: #5f6464;
    font-size: 15px
}

.culture-container .culture-swiper {
    position: absolute;
    top: 129px;
    right: 79px
}

.culture-container .swiper-container {
    width: 563px;
    height: 375px;
    border-radius: 20px;
    overflow: hidden
}

.culture-container .swiper-slide,.culture-container .swiper-slide img {
    width: 100%;
    height: 100%
}

.culture-container .switch-btn {
    position: absolute;
    top: 50%;
    margin-top: -30px;
    width: 32px;
    height: 60px;
    line-height: 60px;
    text-align: center;
    background-color: rgba(0,0,0,.35);
    opacity: 0;
    filter: alpha(opacity=0);
    border-radius: 4px;
    z-index: 10;
    transition: opacity .65s cubic-bezier(.19,1,.22,1),filter .65s cubic-bezier(.19,1,.22,1),background-color .65s cubic-bezier(.19,1,.22,1)
}

.culture-container .switch-btn:hover {
    background-color: rgba(0,0,0,.5)
}

.culture-container .culture-swiper:hover .switch-btn {
    opacity: 1;
    filter: alpha(opacity=100)
}

.culture-container .switch-btn.pre-btn {
    left: -14px
}

.culture-container .switch-btn.next-btn {
    right: -14px;
    transform: rotate(180deg)
}

.culture-container .switch-btn svg {
    position: relative;
    top: 2px;
    width: 8px
}

.culture-container .switch-btn svg * {
    fill: #fff
}

.culture-container .culture-swiper-footer {
    position: absolute;
    left: 0;
    bottom: -16px;
    width: 100%;
    height: 6px;
    white-space: nowrap;
    font-size: 0;
    z-index: 10;
    text-align: center
}

.culture-container .culture-swiper-footer-item {
    display: inline-block;
    vertical-align: top;
    width: 6px;
    height: 6px;
    background-color: #cbcbcb;
    border-radius: 50%;
    transition: background-color .3s
}

.culture-container .culture-swiper-footer-item+.culture-swiper-footer-item {
    margin-left: 4px
}

.culture-container .culture-swiper-footer-item.active {
    background-color: #0564e1
}

.course-container {
    padding: 76px 209px 0
}

.course-container .con-title {
    color: #0564e1
}

.contact-container {
    position: relative;
    margin: 0 auto;
    width: 910px;
    height: 610px
}

.contact-container .contactText {
    font-size: 15px;
    line-height: 35px;
    color: #282828
}

.contact-container .czq-code {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0,0,0,0.5);
    z-index: 10002
}

.contact-container .czq-code .img-wp {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -170px;
    margin-top: -211px;
    width: 339px;
    height: 423px;
    padding-top: 48px;
    background: url(/image/about/bsc-bg.png?v=202010261620) 0 0 no-repeat;
    border-radius: 10px;
    text-align: center
}

.contact-container .czq-code .img-wp:before {
    content: "商务合作请扫码咨询";
    display: block;
    line-height: 30px;
    text-align: center;
    font-size: 24px;
    color: #333
}

.contact-container .czq-code img {
    margin-top: 34px;
    width: 274px;
    height: 274px
}

.contact-container .czq-code .close-btn {
    position: absolute;
    top: 0;
    right: -33px;
    width: 19px;
    height: 19px;
    cursor: pointer
}

.brand-about {
    height: 627px
}

.brand-about-img {
    width: 491px;
    height: 100%;
    background: url(/image/about/brand/brand-bg.png) 0 0 no-repeat
}

.brand-about-wp {
    width: 735px;
    height: 100%;
    padding: 62px 160px 0 140px;
    box-sizing: border-box;
    text-align: left;
    color: #fff;
    background-color: #297ce1
}

.brand-about .con-title {
    margin-bottom: 32px;
    line-height: 50px
}

.brand-about-desc {
    margin-top: 20px;
    font-size: 15px;
    line-height: 30px
}

.brand-ts {
    height: 763px;
    padding: 75px 67px 0;
    box-sizing: border-box;
    background-color: #f6f9fe;
    text-align: center
}

.brand-ts .con-title {
    line-height: 50px;
    color: #0564e1
}

.brand-ts-subtitle {
    margin-top: 8px;
    line-height: 30px;
    font-size: 24px;
    font-weight: normal;
    color: #0564e1
}

.brand-ts-wp {
    margin-top: 67px
}

.brand-ts-item {
    position: relative;
    width: 270px;
    height: 366px;
    background-color: #fff;
    color: #fff
}

.brand-ts-item+.brand-ts-item {
    margin-left: 4px
}

.brand-ts-item-front {
    padding-top: 115px;
    text-align: center
}

.brand-ts-item-front-title {
    color: #0564e1;
    font-size: 30px;
    font-weight: 400
}

.brand-ts-item-front-en {
    margin-top: 18px;
    line-height: 30px;
    font-size: 24px;
    color: #d8d8d8
}

.brand-ts-item-front:after {
    content: "";
    position: absolute;
    left: 93px;
    top: 211px;
    width: 85px;
    height: 2px;
    background-color: #297ce1
}

.brand-ts-item-back {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 26px 30px 0;
    box-sizing: border-box;
    text-align: left
}

.brand-ts-item-back:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(5,100,225,0.88);
    opacity: 0;
    filter: alpha(opacity=0);
    transition: all .5s linear
}

.brand-ts-item-back-text {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
    word-break: break-all;
    transform: scale(0);
    transition: all .5s linear;
    opacity: 0;
    filter: alpha(opacity=0)
}

.brand-ts-item-back-text:before {
    content: "";
    position: absolute;
    top: 37px;
    left: 0;
    width: 76px;
    height: 1px;
    background-color: #fff
}

.brand-ts-item-back-title {
    line-height: 40px;
    font-size: 24px;
    line-height: 25px;
    font-weight: 400
}

.brand-ts-item-back-desc {
    margin-top: 62px;
    font-size: 15px;
    line-height: 25px
}

.brand-ts-item:hover .brand-ts-item-front {
    transform: scale(1);
    opacity: 0;
    filter: alpha(opacity=0)
}

.brand-ts-item:hover .brand-ts-item-back:before {
    opacity: 1;
    filter: alpha(opacity=100)
}

.brand-ts-item:hover .brand-ts-item-back-text {
    transform: scale(1);
    opacity: 1;
    filter: alpha(opacity=100)
}

.brand-mascot {
    position: relative;
    height: 795px;
    padding: 167px 146px 0;
    box-sizing: border-box;
    text-align: left
}

.brand-mascot .con-title {
    color: #0564e1;
    line-height: 50px
}

.brand-mascot-wp {
    margin-top: 55px;
    color: #584d4d;
    font-size: 20px
}

.brand-mascot-intro-item {
    line-height: 36px
}

.brand-mascot-intro-item+.brand-mascot-intro-item {
    margin-top: 25px
}

.brand-mascot-intro-label {
    margin-right: 17px;
    width: 101px;
    height: 36px;
    border-radius: 22px;
    background-color: #0564e1;
    color: #fff;
    text-align: center
}

.brand-mascot-intro-value {
    max-width: 786px
}

.brand-mascot-intro-con-item {
    margin-bottom: 5px
}

.brand-mascot-intro-con-label {
    font-weight: 600
}

.brand-mascot-icon {
    position: absolute;
    top: -85px;
    right: 55px;
    width: 484px;
    height: 541px;
    background: url(/image/about/brand/brand-icon.png) -10px -10px no-repeat
}

.brand-expression {
    height: 723px;
    padding-top: 66px;
    box-sizing: border-box;
    background-color: #f6f9fe;
    font-size: 0;
    text-align: center
}

.brand-expression-item {
    margin: 0 5px 5px 0;
    display: inline-block;
    vertical-align: top;
    width: 326px;
    height: 271px;
    background: url(/image/about/brand/brand-icon.png) 0 0 no-repeat
}

.brand-expression-item:nth-child(3n) {
    margin-right: 0
}

.brand-expression-item:nth-child(1) {
    background-position: -10px -571px
}

.brand-expression-item:nth-child(2) {
    background-position: -356px -571px
}

.brand-expression-item:nth-child(3) {
    background-position: -869px -10px
}

.brand-expression-item:nth-child(4) {
    background-position: -869px -301px
}

.brand-expression-item:nth-child(5) {
    background-position: -514px -10px
}

.environment-container {
    padding-top: 70px;
    text-align: center
}

.environment-container .con-title {
    line-height: 50px;
    color: #0564e1
}

#aboutPaper8 {
    display: none;
    background-color: #fff;
    margin-bottom: 50px;
    box-shadow: 0 0 5px #e5e5e5
}

#aboutPaper8 .about_paper_nav {
    height: 128px;
    background-color: #f2f7fa;
    overflow: hidden;
    padding: 10px 211px;
    box-sizing: border-box
}

#aboutPaper8 .about_paper_nav .about_paper_nav_item {
    float: left;
    width: 138px;
    height: 108px;
    margin-left: 84px;
    cursor: pointer
}

#aboutPaper8 .about_paper_nav .about_paper_nav_item:first-child {
    margin-left: 0
}

#aboutPaper8 .about_paper_nav_item .nav_icon {
    display: block;
    margin: 0 auto;
    margin-top: 15px;
    width: 40px;
    height: 40px;
    border-radius: 50%
}

#aboutPaper8 .about_paper_nav_item:nth-child(1) .nav_icon {
    background: url(/image/about/talentDev/icon.png?v=201906131329) -3px 0 no-repeat
}

#aboutPaper8 .about_paper_nav_item:nth-child(2) .nav_icon {
    background: url(/image/about/talentDev/icon.png?v=201906131329) -80px 0 no-repeat
}

#aboutPaper8 .about_paper_nav_item:nth-child(3) .nav_icon {
    background: url(/image/about/talentDev/icon.png?v=201906131329) -158px 0 no-repeat
}

#aboutPaper8 .about_paper_nav_item:nth-child(4) .nav_icon {
    background: url(/image/about/talentDev/icon.png?v=201906131329) -235px 0 no-repeat
}

#aboutPaper8 .about_paper_nav_item:hover .nav_icon,#aboutPaper8 .about_paper_nav_item.active .nav_icon {
    background-position-y: -70px
}

#aboutPaper8 .about_paper_nav_item .nav_text {
    text-align: center;
    font-size: 16px;
    font-weight: 400;
    color: #444;
    line-height: 38px
}

#aboutPaper8 .about_paper_nav_item:hover .nav_text,#aboutPaper8 .about_paper_nav_item.active .nav_text {
    color: #1772e6
}

#about_paper_train {
    padding: 52px 227px 43px
}

#about_paper_train .train_fk_college {
    height: 320px;
    padding: 65px 52px 0;
    box-sizing: border-box;
    background: url(/image/about/talentDev/bg1.png?v=201906131329) 0 0 no-repeat
}

#about_paper_train .train_fk_college_title {
    font-size: 26px;
    color: #000
}

#about_paper_train .train_fk_college_content {
    width: 340px;
    font-size: 14px;
    color: #666;
    line-height: 28px;
    margin-top: 30px
}

#about_paper_train .train_nav {
    overflow: hidden;
    margin-top: 12px
}

#about_paper_train .train_nav_fix_box {
    position: fixed;
    top: 70px;
    left: -2px;
    z-index: 5;
    width: 100%;
    display: none
}

#about_paper_train .train_nav_fix_box .train_nav {
    width: 951px;
    padding: 0 89px;
    box-sizing: border-box;
    margin: 0 auto;
    background-color: #fff
}

#about_paper_train .train_nav .train_nav_item {
    float: left;
    display: block;
    width: 25%;
    height: 60px;
    line-height: 60px;
    border-bottom: 2px solid #e4e9ee;
    font-size: 16px;
    text-align: center;
    cursor: pointer
}

#about_paper_train .train_nav .train_nav_item.active {
    color: #1772e6;
    border-bottom-color: #1772e6
}

#about_paper_train .train_nav .train_nav_item:hover {
    color: #1772e6
}

#about_paper_train .train_content_item {
    margin-top: 54px
}

#about_paper_train .train_content_item .train_content_title {
    font-size: 16px;
    font-family: MicrosoftYaHei-Bold;
    font-weight: bold;
    color: #000
}

#about_paper_train .train_content_item .train_content_title:before {
    content: '';
    display: inline-block;
    width: 6px;
    height: 11px;
    margin-right: 12px;
    background: url(/image/about/talentDev/icon.png?v=201906131329) -329px 0 no-repeat
}

#about_paper_train .train_content_item .train_content_text {
    margin-top: 20px;
    font-size: 14px;
    color: #666;
    line-height: 28px
}

#about_paper_train .train_content_item .train_content_img_box,#about_paper_develop .develop_item .develop_item_img_box {
    margin-top: 25px;
    border-radius: 6px;
    overflow: hidden
}

#about_paper_train .train_content_item .train_content_img_box {
    position: relative;
    width: 770px;
    height: 400px
}

#about_paper_develop .develop_item .develop_item_img_box {
    width: 688px
}

#about_paper_train .train_content_item img,#about_paper_develop .develop_item img {
    width: 100%;
    height: auto
}

#about_paper_develop {
    padding: 10px 269px 88px
}

#about_paper_develop .develop_item {
    margin-top: 76px
}

#about_paper_develop .develop_item .develop_item_title {
    text-align: center;
    font-size: 28px;
    color: #24282a
}

#about_paper_develop .develop_item .develop_item_text {
    margin-top: 20px;
    font-size: 16px;
    color: #666;
    line-height: 28px
}

#about_paper_welfare {
    padding: 0 137px
}

#about_paper_welfare .welfare_head {
    position: relative;
    height: 330px;
    background: url(/image/about/talentDev/bg2.png?v=201906171534) 0 0 no-repeat
}

#about_paper_welfare .welfare_head_item {
    position: absolute;
    bottom: 42px;
    font-size: 15px;
    font-family: MicrosoftYaHei-Bold;
    font-weight: bold;
    color: #2776db
}

#about_paper_welfare .welfare_head_item:nth-child(1) {
    left: 100px
}

#about_paper_welfare .welfare_head_item:nth-child(2) {
    left: 239px
}

#about_paper_welfare .welfare_head_item:nth-child(3) {
    left: 380px
}

#about_paper_welfare .welfare_head_item:nth-child(4) {
    left: 520px
}

#about_paper_welfare .welfare_head_item:nth-child(5) {
    left: 660px
}

#about_paper_welfare .welfare_head_item:nth-child(6) {
    left: 800px
}

#about_paper_welfare .welfare_content {
    overflow: hidden;
    padding: 15px 58px 100px 73px
}

#about_paper_welfare .welfare_content_col {
    float: left;
    width: 120px;
    margin-left: 20px
}

#about_paper_welfare .welfare_content_col:first-child {
    margin-left: 0
}

#about_paper_welfare .welfare_content_item_title {
    position: relative;
    height: 40px;
    line-height: 40px;
    border-bottom: 1px solid #e6eaf2;
    box-sizing: border-box;
    font-size: 14px;
    color: #525558;
    cursor: pointer
}

#about_paper_welfare .welfare_content_item_title:after {
    content: '';
    position: absolute;
    right: 0;
    top: 15px;
    width: 10px;
    height: 10px;
    background: url(/image/about/talentDev/icon.png?v=201906131329) -410px 0 no-repeat
}

#about_paper_welfare .welfare_content_item.active .welfare_content_item_title:after {
    background-position: -367px 3px
}

#about_paper_welfare .welfare_content_item_title:hover {
    color: #2776db
}

#about_paper_welfare .welfare_content_item.active .welfare_content_item_title {
    color: #2776db;
    border: 0
}

#about_paper_welfare .welfare_content_item_content {
    position: relative;
    margin-top: 5px;
    display: none;
    background-color: #4c7fcc;
    padding: 8px;
    font-size: 13px;
    color: #fff;
    line-height: 20px
}

#about_paper_welfare .welfare_content_item.active .welfare_content_item_content {
    display: block
}

#about_paper_welfare .welfare_content_item_content:before {
    content: '';
    position: absolute;
    top: -6px;
    left: 12px;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #4c7fcc
}

#about_paper_staff {
    padding: 0 227px 65px
}

#about_paper_staff .staff_item {
    margin-top: 65px
}

#about_paper_staff .staff_item .staff_item_title {
    font-size: 28px;
    color: #24282a;
    text-align: center
}

#about_paper_staff .staff_item .staff_item_img_box {
    position: relative;
    margin-top: 42px;
    height: 400px;
    border-radius: 6px;
    overflow: hidden
}

#about_paper_staff .staff_item .staff_item_img_text {
    text-align: center;
    font-size: 16px;
    color: #24282a;
    line-height: 38px
}

#about_paper_train .train_content_item .train_content_img_item,#about_paper_staff .staff_item .staff_item_img_item {
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    transform: translateZ(0);
    opacity: 0;
    transition: opacity 1.5s
}

#about_paper_train .train_content_item .train_content_img_item.active,#about_paper_staff .staff_item .staff_item_img_item.active {
    z-index: 3;
    opacity: 1
}

#aboutPaper8 .switch_btn {
    position: absolute;
    top: 50%;
    margin-top: -30px;
    width: 32px;
    height: 60px;
    line-height: 60px;
    text-align: center;
    background-color: rgba(0,0,0,.35);
    opacity: 0;
    filter: alpha(opacity=0);
    border-radius: 4px;
    z-index: 10;
    transition: opacity .65s cubic-bezier(.19,1,.22,1),filter .65s cubic-bezier(.19,1,.22,1),background-color .65s cubic-bezier(.19,1,.22,1)
}

#aboutPaper8 .switch_btn:hover {
    background-color: rgba(0,0,0,.5)
}

#aboutPaper8 .train_content_img_box:hover .switch_btn,#aboutPaper8 .staff_item_img_box:hover .switch_btn {
    opacity: 1;
    filter: alpha(opacity=100)
}

#aboutPaper8 .switch_btn.pre_btn {
    left: 0
}

#aboutPaper8 .switch_btn.next_btn {
    right: 0;
    transform: rotate(180deg)
}

#aboutPaper8 .switch_btn svg {
    position: relative;
    top: 2px;
    width: 8px
}

#aboutPaper8 .switch_btn svg * {
    fill: #fff
}

#about_paper_train .train_content_item .pagination_box,#about_paper_staff .staff_item .pagination_box {
    position: absolute;
    left: 50%;
    bottom: 20px;
    transform: translate(-50%,0);
    overflow: hidden;
    z-index: 4
}

#about_paper_train .train_content_item .pagination_item,#about_paper_staff .staff_item .pagination_item {
    float: left;
    width: 10px;
    height: 10px;
    background: rgba(255,255,255,1);
    opacity: .6;
    border-radius: 5px;
    margin-left: 8px;
    cursor: pointer;
    transition: all .5s
}

#about_paper_train .train_content_item .pagination_item:first-child,#about_paper_staff .staff_item .pagination_item:first-child {
    margin-left: 0
}

#about_paper_train .train_content_item .pagination_item.active,#about_paper_staff .staff_item .pagination_item.active {
    opacity: 1;
    width: 30px
}

.about_paper_content {
    display: none
}

.about_paper_content.active {
    display: block
}