/*about style*/
.page-about-box { padding: 56px 0px 60px; }
.page-about-sider { float: left; display: block; width: 210px; margin-right: 48px; }
.page-about-con { float: left; display: block; width: 1120px; }
.sider-nav a:link, .sider-nav a:visited { color: #666666; }
.sider-nav a:active, .sider-nav a:hover { color: #fff; }
.sider-nav li { margin-bottom: 5px; font: bold 15px/44px "microsoft yahei"; }
.sider-nav li a { background: url(about_nav_bg1.png) no-repeat; width: 210px; height: 44px; display: block; text-align: center; position: relative; }
.sider-nav li a .slider-link { position: absolute; width: 0px; background: url(about_nav_bg2.png) no-repeat scroll right center; -webkit-transition: 0.4s; -moz-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; display: block; height: 100%; opacity: 0; }
.sider-nav li a .slider-txt { position: relative; z-index: 2; }
.sider-nav li a:hover .slider-link, .sider-nav li a.active .slider-link { width: 219px; opacity: 1; }
.sider-nav li a.active .slider-txt { color: #fff; }
.pageCur { display: block; text-align: right; border-bottom: 1px solid #d2d2d2; padding-bottom: 18px; font-size: 14px; margin-bottom: 50px; }
.pageCur a:link, .pageCur a:visited { color: #999999; }
.pageCur a:active, .pageCur a:hover { color: #D82828; }
.pageCur a, .pageCur span { background: url(pnav_act.png) no-repeat scroll left center; padding-left: 20px; margin-left: 12px; }
.pageCur a.home { background-image: url(home_ico.png); margin-left: 0px; }
.pageCur a.act { color: #D82828; }
.pageC { overflow: hidden; font: 14px/1.8 "microsoft yahei"; color: #666; text-align: justify; }
.pageC a:link, .pageC a:visited { color: #D82828; }
.pageC a:active, .pageC a:hover { color: #9a231b; }
.pageC img { max-width: 100%; }
.pageT { padding: 0px 0px 35px; }
.pageT .zh { font: bold 20px/1.5 "microsoft yahei"; color: #666666; }
.pageT .en { font: 18px/1.1 "KnockoutHTF50Welterweight"; color: #ccc; }
.historyPage a:link, .historyPage a:visited { color: #D82828; }
.historyPage a:active, .historyPage a:hover { color: #9a231b; }
.historyPage { margin: 36px 0px; padding: 22px 0px 0px; position: relative; color: #666666; }
.historyLine { width: 2px; height: 100%; position: absolute; left: 50%; top: 0px; margin-left: -1px; background-color: #cccccc; }
.historyIco { background: url(h_t.png) no-repeat scroll center top; height: 36px; position: absolute; left: 50%; width: 2px; margin-left: -1px; top: -36px; }
.historybot { background: url(h_y.png) no-repeat; width: 30px; height: 30px; position: absolute; left: 50%; bottom: 0px; margin-left: -15px; }
.history-list .item { width: 50%; float: left; display: block; margin: 0px 0px 70px; position: relative; z-index: 4; }
.history-list .twoItem { float: right; margin: 70px 0px 0px; }
.h-year { padding-right: 46px; text-align: right; font: bold 18px/30px "microsoft yahei"; position: relative; }
.h-year .year { font-size: 24px; font-weight: normal; font-family: "KnockoutHTF50Welterweight"; padding-right: 8px; }
.h-year .h-d { position: absolute; right: -5px; top: 50%; display: block; background-color: #cccccc; width: 34px; margin: -1px 0px 0px 0px; height: 2px; }
.h-year .h-d i { background: url(h_d.png) no-repeat; border-radius: 50%; width: 10px; height: 10px; display: block; position: absolute; right: 0px; top: 50%; margin-top: -5px; }
.twoItem .h-year { text-align: left; padding: 0px 0px 0px 46px; }
.twoItem .h-year .h-d { right: auto; left: -5px; }
.twoItem .h-year .h-d i { right: auto; left: 0px; }
.h-month { background-color: #e8e8e8; padding: 20px 22px; border-radius: 10px; font-size: 14px; margin: 22px 48px 6px 0px; -webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; }
.twoItem .h-month { margin: 22px 0px 6px 48px; }
.history-list .item:hover .h-year { color: #D82828; }
.history-list .item:hover .h-month { background-color: #D82828; color: #fff; }
.speech-lbox { float: left; display: block; border: 2px solid #d7e2e6; width: 31%; }
.speech-lbox .img img { width: 100%; display: block; }
.speech-lbox .txt { padding: 15px 5%; text-align: center; color: #D82828; }
.speech-rbox { float: right; width: 61%; display: block; }
.companyExecutivesList { font-size: 14px; color: #666; }
.companyExecutivesList li { background: url(ibox_list_bot.gif) repeat-x scroll left bottom; padding-bottom: 30px; margin-bottom: 26px; min-height: 190px; position: relative; padding-left: 222px; }
.companyExecutivesList .img { position: absolute; left: 0px; top: 0px; width: 193px; height: 190px; overflow: hidden; }
.companyExecutivesList .img img { width: 100%; display: block; }
.companyExecutivesList .name { font: bold 18px/1.8 "microsoft yahei"; margin-bottom: 5px; }
.companyExecutivesList .name .en { font-weight: normal; padding-left: 8px; font-family: "KnockoutHTF50Welterweight"; }
.companyExecutivesList .zw { margin-bottom: 28px; }
.memberList a:link, .memberList a:visited { color: #666; }
.memberList a:active, .memberList a:hover { color: #D82828; }
.memberList ul { margin-left: -4%; }
.memberList li { float: left; display: block; width: 29.33%; margin: 0px 0px 4% 4%; position: relative; overflow: hidden; }
.memberList .img { border: 1px solid #cccccc; overflow: hidden; }
.memberList .img img { width: 100%; display: block; transition: 500ms; -webkit-transition: 500ms; -ms-transition: 500ms; }
.memberList .con { padding: 20px 15px; background-color: #e8e8e8; position: relative; overflow: hidden; font-size: 14px; color: #666; }
.memberList .t { position: relative; z-index: 2; font-weight: bold; height: 25px; margin-bottom: 18px; overflow: hidden; }
.memberList .txt { position: relative; z-index: 2; height: 50px; overflow: hidden; text-align: justify; }
.memberList .blue-bgc { position: absolute; left: 0px; bottom: 0px; width: 100%; height: 0%; background-color: #D82828; transition: all 0.4s cubic-bezier(0.71, -0.01, 0.07, 0.99) 0s; -webkit-transition: all 0.4s cubic-bezier(0.71, -0.01, 0.07, 0.99) 0s; }
.memberList .ibox-link { z-index: 3; }
.memberList li:hover .img img { transform: scale(1.1); -webkit-transform: scale(1.1); }
.memberList li:hover .blue-bgc { height: 100%; }
.memberList li:hover .con { color: #fff; }
.pading { text-align: center; padding: 40px 0px 0px; }
.pading a:link, .pading a:visited { color: #fff; }
.pading span { color: #fff!important; background: #D82828!important; font-weight: normal!important; }
.pading a, .pading span { padding: 6px 16px; background: #cccccc; font: 18px/1.4 "KnockoutHTF50Welterweight",arial, helvetica, sans-serif; display: inline-block; margin: 0px 4px!important; *display: inline; zoom: 1; position: relative; }
.pading .next, .pading .prev { padding: 6px 18px; }
.pading .prev { background: url(paging_1.png) no-repeat scroll center center #cccccc; margin: 0px 10px 0px 0px; }
.pading .next { background: url(paging_3.png) no-repeat scroll center center #cccccc; margin: 0px 0px 0px 10px; }
.pading .prev:hover { background-color: #D82828; }
.pading .next:hover { background-color: #D82828; }
.bgf4f4f4 { background-color: #F4F4F4; }
.pbt30 { padding-bottom: 30px; }
.infoPage-box { position: relative; width: 936px; margin: -160px auto 0px; z-index: 2; background-color: #fff; }
.infoPage-box .pageCur { text-align: left; background-color: #f4f4f4; padding: 5px 6%; }
.black-list-btn { -webkit-transition: 0s; -moz-transition: 0s; -o-transition: 0s; transition: 0s; position: absolute; left: -92px; top: 85px; background-color: #D82828; border-radius: 5px 0px 0px 5px; width: 92px; height: 40px; text-align: center; z-index: 100; }
.black-list-btn .txt { color: #fff; background: url(black_ico.png) no-repeat scroll left center; padding-left: 26px; font: bold 14px/40px "microsoft yahei"; -webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; }
.black-list-btn:hover { background-color: #666; }
.black-list-btn:hover .txt { padding-left: 35px; }
.black-list-btn.fixed { left: 50%; margin-left: -560px; top: 120px; }
.infoPage-info { width: 88%; margin: 0px auto; }
.infopage-box-t { padding-bottom: 12px; }
.infopage-box-t .zh { font: bold 24px/1.2 "microsoft yahei"; margin-bottom: 14px; }
.infopage-box-t .en { font-size: 12px; color: #666666; }
.infopage-box-t .en .time { font: 14px/1.8 "KnockoutHTF50Welterweight"; color: #999999; }
.infopage-box-c { overflow: hidden; margin-bottom: 25px; border-top: 1px solid #ccc; padding-top: 34px; }
.infopage-box-c table td{ padding: 8px;}
.memberInfo a:link, .memberInfo a:visited { color: #666; }
.memberInfo a:active, .memberInfo a:hover { color: #D82828; }
.memberInfo { border-top: 1px solid #ccc; padding: 30px 0px 54px; font-size: 14px; color: #666; }
.memberInfo .mitem { padding-left: 32px; margin-bottom: 5px; }
.memberInfo .tel { background: url(m_ico1.png) no-repeat scroll left 2px; }
.memberInfo .email { background: url(m_ico2.png) no-repeat scroll left 2px; }
.memberInfo .address { background: url(m_ico3.png) no-repeat scroll left 2px; }
.idea-cimg { float: left; margin-right: 52px; }
.padding-page { padding: 18px 0px 90px; }
.pagenavBox { height: 42px; width: 1200px; margin: 0px auto; }
.pagenav { background-color: #f0f0f0; width: 100%; text-align: center; }
.pagenav .pnavbox { line-height: 42px; }
.pagenav a { text-align: center; color: #666666; font: bold 14px/42px "microsoft yahei"; float: left; display: block; width: 50%; }
.pagenav a:hover, .pagenav a.active { background-color: #D82828; color: #fff; }
.cpnav { display: none; width: 100%; color: #FFF; line-height: 42px; height: 42px; overflow: hidden; text-align: center; font-size: 14px; background: #D82828; cursor: pointer; }
.caret { display: inline-block; width: 0px; height: 0px; margin-left: 10px; vertical-align: middle; border-top: 4px solid; border-right: 4px solid transparent; border-left: 4px solid transparent; }
.fixed { position: fixed; left: 0px; top: 0px; z-index: 970; }
.pagenav.fixed { top: 58px; }
.cD82828 { color: #D82828; }
.f18 { font-size: 18px; }
.subDL-img, .subDL-con { float: left; display: block; width: 46%; }
.subDL-img { overflow: hidden; float: right; display: block; width: 48%; }
.subDL-img img { width: 100%; display: block; }
.subDL-img .subimg { -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; }
.subDL-img .subimg:hover { -webkit-transform: scale(1.1); transform: scale(1.1); opacity: 0.8; filter: alpha(opacity=80); }
.subDL-con { line-height: 2; padding-top: 28px; }
.subDL-con .f18 { margin-bottom: 5px; }
.benefitActivities-box { margin: 22px auto 0px; }
.benefitActivities-box-t { font-size: 18px; color: #666666; padding: 26px 0px; }
.benefitActivities-list a:link, .benefitActivities-list a:visited { color: #666; }
.benefitActivities-list a:active, .benefitActivities-list a:hover { color: #D82828; }
.benefitActivities-list ul { margin-left: -2%; }
.benefitActivities-list li { float: left; display: block; width: 23%; margin: 0px 0px 2% 2%; }
.benefitActivities-list .img { overflow: hidden; }
.benefitActivities-list .img img { width: 100%; display: block; transition: 600ms; -webkit-transition: 600ms; -ms-transition: 600ms; }
.benefitActivities-list .txt { padding: 10px 15px 24px; background-color: #ffffff; font-size: 14px; overflow: hidden; position: relative; }
.benefitActivities-list .txt .t { height: 45px; line-height: 1.6; overflow: hidden; text-align: justify; }
.benefitActivities-list .ibox-more3 { background: url(more_i4.png) no-repeat scroll right center; width: 0px; height: 5px; position: absolute; right: 15px; bottom: 15px; }
.benefitActivities-list li:hover .img img { transform: scale(1.1); -webkit-transform: scale(1.1); }
.benefitActivities-list li:hover .txt { background-color: #D82828; color: #fff; }
.benefitActivities-list li:hover .ibox-more3 { width: 19px; }
.pading2 { border-top: 1px solid #ccc; }
.mb15 { margin-bottom: 15px; }
.cpnavbox a{ border-left: 1px solid #d5d5d5; margin-left: -1px; position: relative;}
.cpnavbox3 a { width: 33.33%;  }
.cpnavbox4 a { width: 25%; }
.cpnavbox5 a { width: 20%;}
.cpnavbox6 a { width: 16.66%; }
.cpnavbox7 a { width: 14.28%; }
.aboutT { font-size: 18px; padding: 40px 0px; color: #D82828; margin-top: 30px; }
.directorList { position: relative; overflow: hidden; }
.directorList ul { margin-top: -40px; }
.directorList li { float: left; display: block; width: 46%; padding: 48px 4% 48px 0px; }
.directorList .img { float: left; display: block; width: 35%; margin-right: 7%; }
.directorList .img img { width: 100%; display: block; }
.directorList li.twoItem { padding: 48px 0px 48px 4%; }
.directorList .con { float: left; display: block; width: 58%; font-size: 14px; }
.directorList .threeItem { background: url(ibox_list_bot.gif) repeat-x scroll left bottom; padding: 0px; height: 1px; width: 100%; }
.directorList .name { font: bold 18px/1.8 "microsoft yahei"; margin-bottom: 5px; }
.directorList .name .en { font-weight: normal; padding-left: 8px; font-family: "KnockoutHTF50Welterweight"; }
.directorList .zw { margin-bottom: 28px; }
.director-line { background: url(list_bot2.gif) repeat-y; height: 100%; width: 1px; position: absolute; left: 50%; top: 0px; }
.newList a:link, .newList a:visited { color: #666666; }
.newList a:active, .newList a:hover { color: #D82828; }
.newList { font-size: 15px; margin-bottom: 42px; }
.newList li { height: 40px; line-height: 40px; position: relative; overflow: hidden; transition: 300ms; -webkit-transition: 300ms; -ms-transition: 300ms; }
.newList li a { position: relative; z-index: 2; }
.newList li .inner { position: relative; }
.newList .time { width: 100px; float: left; display: block; font-family: "KnockoutHTF50Welterweight"; font-size: 16px; }
.newList .con { width: 40%; float: left; display: block; overflow: hidden; height: 40px; }
.newList i { position: absolute; left: 75%; background: url(new_ico.png) no-repeat; width: 8px; height: 14px; display: block; top: 50%; margin-top: -7px; opacity: 0; visibility: hidden; transition: 300ms; -webkit-transition: 300ms; -ms-transition: 300ms; }
.newList li:hover { background-color: #F0F0F0; }
.newList li:hover i { opacity: 1; visibility: visible; left: 77%; }
.ratingList ul { margin-left: -2%; }
.ratingList li { float: left; display: block; width: 31.33%; margin: 0px 0px 2% 2%; position: relative; overflow: hidden; }
.ratingList .item { border: 2px solid #e0e0e0; padding: 8px; transition: 300ms; -webkit-transition: 300ms; -ms-transition: 300ms; }
.ratingList .img img { width: 100%; display: block; }
.ratingList .txt { position: absolute; left: 0px; bottom: -54px; width: 100%; text-align: center; color: #fff; height: 52px; line-height: 52px; background-color: #D82828; transition: 300ms; -webkit-transition: 300ms; -ms-transition: 300ms; }
.ratingList .txt .addico { background: url(add.png) no-repeat scroll left center; padding-left: 40px; font: bold 14px/52px "microsoft yahei"; display: block; width: 58px; margin: 0px auto; }
.ratingList li:hover .item { border-color: #D82828; }
.ratingList li:hover .txt { bottom: 0px; }
.overlayClose { width: 52px; height: 52px; display: block; position: fixed; right: 2%; top: 2%; border-radius: 50%; transition: 300ms; -webkit-transition: 300ms; z-index: 100; }
.overlayClose i { background: url(close_ico2.png) no-repeat scroll center center #D82828; border-radius: 50%; width: 100%; height: 100%; display: block; transition: 400ms; -webkit-transition: 400ms; }
.overlayClose:hover i { transform: rotate(90deg); -webkit-transform: rotate(90deg); -o-transform: rotate(90deg); -moz-transform: rotate(90deg); }
.imgShowBox { background: url(black.png) repeat; background: none rgba(0,0,0,0.7); bottom: 0; left: 0; position: fixed; right: 0; top: 0; transform: translateY(100%); -webkit-transform: translateY(100%); transition: all 800ms ease 0s; -webkit-transition: all 800ms ease 0s; z-index: 1010; width: 100%; overflow: hidden; -webkit-overflow-scrolling: touch; }
.no-csstransitions .imgShowBox { display: none; }
.imgShowDemo { width: 100%; height: 100%; position: relative; overflow: hidden; }
.imgShowDemo .item { width: 100%; height: 100%; background-repeat: no-repeat; background-position: center; position: relative; }
.imgShowDemo .img { vertical-align: middle; height: auto; width: auto; max-height: 100%; max-width: 100%; margin: auto; position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; }
.imgShowDemo .con { position: absolute; left: 0px; right: 0px; bottom: 0px; background-color: #fff; width: 90%; padding: 10px 5%; }
.imgShowDemo .con .t { font-size: 16px; color: #333; }
.imgShowDemo .txt { background: #272727; font-size: 14px; color: #fff; position: absolute; left: 0; right: 0; bottom: 0; padding: 15px 0px; text-align: center; }
.imgShowDemo .txt .i { padding-left: 3%; }
.hi-num { width: 85px; height: 65px; background: #272727; color: #fff; border-left: 1px solid #3a3a3a; position: absolute; bottom: 0; right: 0; text-align: center; line-height: 65px; font-size: 16px; }
.img-show { transform: translateY(0) !important; -webkit-transform: translateY(0) !important; }
.no-csstransitions .img-show { display: block; }
.imgShowDemo .owl-controls .owl-buttons div { position: absolute; padding: 0px; margin: 0px; width: 50px; height: 50px; border-radius: 50%; background-color: #fff; overflow: hidden; top: 50%; margin-top: -25px; background-position: center center; background-repeat: no-repeat; text-indent: -10em; }
.imgShowDemo .owl-controls .owl-buttons div.owl-prev { left: 2%; background-image: url(paging_2.png); }
.imgShowDemo .owl-controls .owl-buttons div.owl-next { right: 2%; background-image: url(paging_4.png); }
.imgShowDemo .owl-controls .owl-buttons div.owl-prev:hover, .imgShowDemo .owl-controls .owl-buttons div.owl-next:hover { background-color: #fff; }
.imgShowDemo .owl-controls .owl-buttons div.owl-prev.disabled, .imgShowDemo .owl-controls .owl-buttons div.owl-next.disabled { background-color: #666666; }
.performanceList a:link, .performanceList a:visited { color: #666666; }
.performanceList a:active, .performanceList a:hover { color: #D82828; }
.performanceList li { position: relative; }
.performanceList .inner { background: url(ibox_list_bot.gif) repeat-x scroll left bottom; padding: 34px 0px; position: relative; z-index: 2; }
.performanceList .time { background-color: #D82828; padding: 22px 0px 0px 18px; width: 74px; height: 65px; color: #fff; position: absolute; left: 0px; top: 34px; }
.performanceList .time .day { font: 30px/1 "KnockoutHTF50Welterweight"; display: block; }
.performanceList .time .year { font: 18px/1.2 "KnockoutHTF50Welterweight"; }
.performanceList .con { position: relative; overflow: hidden; width: 70%; display: block; margin-left: 115px; }
.performanceList .con .t { height: 32px; line-height: 32px; font-size: 16px; font-weight: bold; margin-bottom: 5px; overflow: hidden; }
.performanceList .con .c { height: 50px; overflow: hidden; font-size: 14px; }
.performanceList .bgf0 { position: absolute; left: 0px; bottom: 0px; width: 100%; height: 0px; background-color: #F0F0F0; transition: 300ms; -webkit-transition: 300ms; }
a.pdf-btn { display: block; background: url(down_ico1.png) no-repeat scroll 18px center #f0f0f0; height: 38px; line-height: 38px; padding: 0px 14px 0px 48px; border-radius: 19px; font: 18px/38px "KnockoutHTF50Welterweight"; text-transform: uppercase; color: #999999; }
a.pdf-btn:hover { background: url(down_ico2.png) no-repeat scroll 18px center #D82828; color: #fff; }
.performanceList a.pdf-btn { position: absolute; right: 22px; top: 50%; margin-top: -19px; color: #999999; }
.performanceList a.pdf-btn:hover { color: #fff; }
.performanceList li:hover .inner { background: none; }
.performanceList li:hover .con .t { color: #D82828; }
.performanceList li:hover .bgf0 { height: 100%; }
.performanceList li:hover a.pdf-btn { background: url(down_ico2.png) no-repeat scroll 18px center #D82828; color: #fff; }
/*about style end*/