/* website public css */
html, body, div, span, iframe, h1, h2, h3, h4, h5, h6, pre, a, abbr, acronym, big, cite, code, del, em, img, q, s, samp, small, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, tbody, tr, th, td, canvas, footer, header, menu, nav, section, summary, time, mark, audio, video, p { border: none; margin: 0; padding: 0; outline: none; -webkit-tap-highlight-color: transparent; -webkit-text-size-adjust: none; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
fieldset, img { max-width: 100%; }
address, caption, cite, code, dfn, em, var, i, h3, h4, h5, h6 { font-weight: normal; font-style: normal; }
ol, ul, dl, li { list-style: none; }
h1, h2, h3, h4, h5, h6, button, input, select, textarea, input:focus, textarea:focus { font-size: 100%; outline: none; }
a { color: #474747; text-decoration: none; outline: none; -webkit-tap-highlight-color: transparent; transition: color .35s; -webkit-transition: color .35s }
html { font-size: 62.5%; }
body { font-size: 1.4rem; font-family: 'Microsoft Yahei','Helvetica Neue',Helvetica,Arial,Simsun,Sans-Serif; min-width: 320px; line-height: 1.5; background: #F7F7F7; color: #474747; }
.lt { float: left; }
.rt { float: right; }
.cler { clear: both; overflow: hidden; height: 0; width: 100%; }
ul::after, dl::after, .clr::after { content: ""; display: block; clear: both; width: 100%; height: 0; overflow: hidden; }
.box { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.opa { filter: alpha(opacity=0.5); opacity: 0.5; }
.pc-layer { display: block }
.mobile-layer, .image_galpop { display: none }
.ts, .hv img { transition: all .5s; -webkit-transition: all .5s; -moz-transition: all .5s; }
/* public */
#Header, #main, #Footer, .layer, .tier { width: 100% }
.half { width: 50% }
.high { height: 100% }
.wrap { width: 1400px; margin: 0 auto; position: relative; height: 100% }
.wrapper { margin: 0px 8%; }
.boxtable { width: 100%; height: 100%; display: table; }
.boxcell { width: 100%; height: 100%; display: table-cell; vertical-align: middle }
img.pic, .her img { display: block; width: 100%; height: auto; }
.nosel { -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.row li { display: block; float: left; }
.row-2 li { width: 50% }
.row-3 li { width: 33.33% }
.row-4 li { width: 25% }
.rela { position: relative }
.padd { padding: 50px 0px }
.padtop { padding-top: 40px }
.padbom { padding-bottom: 40px }
.padbox { padding: 50px }
.top-title { font-size: 7rem; color: #3b4473; letter-spacing: 5px; text-align: center }
.page-title { font-size: 3rem; color: #3b4473; letter-spacing: 1px; }
.h1-title, .nw-title { font-size: 2.4rem }
.h2-title { font-size: 2rem }
.title { font-size: 1.8rem }
.text { font-size: 1.6rem; text-align: justify }
.over-text { word-break: break-all; display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; }
.pop-layer { width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; z-index: 2; }
.flow { overflow: hidden }
.mar80 { margin-bottom: 80px }
.mar60 { margin-bottom: 60px }
.mar40, .marbom { margin-bottom: 40px }
.mar20 { margin-bottom: 20px }
.mar10 { margin-bottom: 10px }
/* transition transform */
.over, .himg { overflow: hidden }
#Header .nav .submenu, .her img, #Footer .share p, .leftnav .grid a, .leftnav .picbox p, .leftnav .picbox i, .leftnav .txtbox span, .leftnav .txtbox i, .busine .linkbar i, .busine .linkbar a, .busine .linkbar em, .top-news .more-btn .btn, .popup .close-btn i, .news-item .li-list a::after { transition: all .5s; -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; }
.her:hover img, .socail a:hover .pic { transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); }
/* Header */
#Header { position: fixed; height: 120px; width: 100%; top: 0px; left: 0px; z-index: 10000; background: #FFF; box-shadow: 0px 0px 10px rgba(102,102,102,0.15) }
#Header .logo, #Header .nav { float: left; height: 100%; }
#Header .logo a { display: block; width: 230px; height: 100%; line-height: 120px; }
#Header .logo img { vertical-align: middle }
#Header .menu { float: right; height: 100%; }
#Header .nav { float: left; height: 100%; margin-right: 120px; }
#Header .nav li { display: block; float: left; height: 100%; padding: 0 20px; line-height: 120px; position: relative }
#Header .nav li a.m { display: block; line-height: 120px; color: #333; font-size: 16px; position: relative }
#Header .nav li a.m::after { content: ""; display: none; width: 100%; height: 3px; position: absolute; left: 0px; bottom: 0px; background: url(../images/line.png) no-repeat center; }
#Header .nav li a.m:hover, #Header .nav .submenu a:hover, #Header .lang a:hover { color: #e62318 }
#Header .nav li a.current { color: #e62318 }
#Header .nav li a.current::after { display: block }
#Header .nav .submenu { width: 100%; padding: 5px 0px 10px; position: absolute; top: 130px; left: 0%; background: rgba(59,59,59,0.7); visibility: hidden; opacity: 0; }
#Header .nav .submenu p { display: block; padding: 0px 5px; text-align: center; line-height: 30px; }
#Header .nav .submenu a { display: block; color: #FFF; font-size: 14px; }
#Header .nav li:hover .submenu { top: 120px; visibility: visible; opacity: 1; }
#Header .right { width: 74px; height: 24px; position: absolute; top: 50%; right: 0px; margin-top: -12px }
#Header .lang { float: left; margin-right: 10px; position: relative; height: 24px }
#Header .lang a { display: block; float: left; margin: 0 5px; line-height: 24px }
#Header .lang i { display: block; width: 1px; height: 12px; position: absolute; left: 50%; top: 50%; margin-top: -6px; background: #9d9d9d }
#Header .find { width: 16px; height: 24px; float: right; background: url(../images/b-find.png) no-repeat center; cursor: default }
#Header .find:hover, #Header .find.open { background: url(../images/r-find.png) no-repeat center; cursor: pointer }
#Header .srechbox { position: absolute; top: 120px; right: 0px; padding: 10px; background: #FFF; display: none }
#Header .srechbox p { display: block; height: 35px; margin-right: 60px; padding-right: 55px; position: relative; border: 1px solid #aaa }
#Header .srechbox .ui-text { width: 100%; height: 100%; padding: 0px 7px; box-sizing: border-box; border: none }
#Header .srechbox .ui-button { height: 35px; width: 50px; line-height: 35px; text-align: center; position: absolute; top: 10px; box-sizing: border-box; cursor: default; }
#Header .srechbox .ui-submit { width: 40px; right: 0px; top: 0px; background: url(../images/find.png) no-repeat center #FFF; background-size: 16px auto; border: none; overflow: hidden; text-indent: 999rem; }
#Header .srechbox .ui-cancel { right: 10px; border-radius: 3px; -webkit-border-radius: 3px; font-size: 16px; letter-spacing: 3px }
.perch { height: 120px; }
/* mobile */
#Header .menuBtn { width: 50px; height: 100%; position: absolute; top: 0px; right: 0px; z-index: 10; cursor: pointer; display: none }
#Header .menuBtn p { display: block; width: 24px; height: 2px; position: absolute; top: 50%; left: 50%; margin: -1px 0px 0px -12px; background: #b71f31; }
#Header .menuBtn p::before, #Header .menuBtn p::after { content: ""; display: block; height: 100%; width: 26px; position: absolute; left: 0px; background: #b71f31; transition: all .5s; -webkit-transition: all .5s; -moz-transition: all .5s; }
#Header .menuBtn p::before { top: -7px }
#Header .menuBtn p::after { bottom: -7px }
#Header .menuBtn p, #Header .menuBtn p::before, #Header .menuBtn p::after, #mobile-menu .menu-nav li a.m::after, #mobile-menu .menu-nav, #banner, #main, .pagebanner { transition: all .35s; -webkit-transition: all .35s; -moz-transition: all .35s }
#Header .menuBtnClose p { background: none }
#Header .menuBtnClose p::before { top: 0px; transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); }
#Header .menuBtnClose p::after { bottom: 0px; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg) }
#mobile-menu { width: 100%; height: 100%; position: fixed; top: 0px; left: 0px; z-index: 9900; visibility: hidden }
#mobile-menu .wall { width: 100%; height: 100%; background: #000; opacity: 0.65; filter: alpha(opacity= 65); }
#mobile-menu .menu-nav { width: 75%; height: 100%; padding: 65px 0px 30px; position: absolute; top: 0px; right: -100%; overflow: auto; overflow-y: auto; background: #FEFEFE; }
#mobile-menu .menu-nav li { display: block; height: auto; position: relative }
#mobile-menu .menu-nav li a.m { display: block; line-height: 45px; font-size: 1.6rem; border-bottom: 1px solid #d9d9d9; color: #333; padding: 0 15px; position: relative }
#mobile-menu .menu-nav li a.m::after { content: ""; display: block; width: 20px; height: 100%; position: absolute; top: 0px; right: 15px }
#mobile-menu .menu-nav li a.link::after { background: url(../images/btn-next-black.png) no-repeat center right; background-size: auto 12px }
#mobile-menu .menu-nav li a.down::after { background: url(../images/btn-down.png) no-repeat center right; background-size: auto 7px }
#mobile-menu .menu-nav li a.on::after { right: 7px; transform: rotate(180deg); -webkit-transform: rotate(180deg); }
#mobile-menu .subnav { display: none }
#mobile-menu .subnav p { display: block; padding: 0 30px; border-bottom: 1px solid #dcdcdc; }
#mobile-menu .subnav a { display: block; height: 40px; line-height: 40px; color: #666; font-size: 1.5rem; }
#mobile-menu.show { visibility: visible }
#mobile-menu.show .menu-nav { right: 0px }
/* Footer */
#Footer { padding: 20px 0px; background: #212221; position: relative; z-index: 1010 }
#Footer .rights span { margin-right: 40px; color: #888888; line-height: 22px }
#Footer .rights a { color: #777 }
#Footer .share { height: 22px }
#Footer .share a { display: block; float: left; width: 27px; height: 21px; margin-left: 20px; background: url(../images/share.png) no-repeat; position: relative }
#Footer .share p { display: block; width: 100px; padding: 3px; position: absolute; bottom: 45px; left: 50%; margin-left: -53px; background: #999999; opacity: 0; visibility: hidden }
#Footer .share p::after { content: ""; display: block; width: 0px; height: 0px; border: 10px solid transparent; border-top-color: #999999; position: absolute; left: 50%; bottom: -20px; margin-left: -10px; }
#Footer .share a:hover { background: url(../images/re-share.png) no-repeat; }
#Footer .share a:hover p { bottom: 35px; opacity: 1; visibility: visible }
#Footer .share a.sina { background-position: 0px 0px; }
#Footer .share a.weixin { background-position: -44px 0px; }
.swiper-container, .swiper-container .swiper-wrapper { width: 100%; height: 100% }
/* banner */
#banner, #banner-swiper { width: 100%; position: relative; }
#banner { margin-bottom: 60px }
#banner-swiper { margin-bottom: 20px; height: 806px }
#banner-swiper .swiper-wrapper, #banner-swiper .swiper-slide, #banner-swiper .wall { width: 100%; height: 100%; }
#banner-swiper .wall { display: block; width: 100%; height: 100% }
#banner-swiper .wall img { display: none }
#banner .tips { width: 21px; height: 65px; position: absolute; bottom: 50px; left: 50%; margin-left: -11px; z-index: 999 }
#banner .tips span { display: block; width: 100%; height: 33px; position: relative; }
#banner .tips img { display: block; width: 100%; position: absolute; top: 0px; left: 0 }
#banner .tips p { display: block; width: 6px; height: 6px; position: absolute; top: 42px; left: 50%; margin-left: -3px }
#banner .tips em { display: block; width: 6px; height: 5px; position: absolute; top: 55px; left: 50%; margin-left: -3px }
#banner .tips span img { animation: anifade 3s linear infinite both; -webkit-animation: anifade 3s linear infinite both; -moz-animation: anifade 3s linear infinite both }
#banner .tips p img { animation: anifade 3s 0.3s linear infinite both; -webkit-animation: anifade 3s 0.3s linear infinite both; -moz-animation: anifade 3s 0.3s linear infinite both }
#banner .tips em img { animation: anifade 3s 0.6s linear infinite both; -webkit-animation: anifade 3s 0.6s linear infinite both; -moz-animation: anifade 3s 0.6s linear infinite both }
#banner .swiper-pagina { width: 100%; text-align: center }
#banner .swiper-pagina span { width: 12px; height: 12px; border: 1px solid #F7F7F7; padding: 4px; opacity: 1; position: relative; margin: 0 10px; background: #F7F7F7 }
#banner .swiper-pagina span::after { content: ""; display: block; width: 12px; height: 12px; position: absolute; top: 50%; left: 50%; margin-left: -6px; margin-top: -6px; background: #e5e5e5; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; }
#banner .swiper-pagina span.swiper-pagination-bullet-active { border: 1px solid #ffa200 }
#banner .swiper-pagina span.swiper-pagination-bullet-active::after { width: 8px; height: 8px; margin-left: -4px; margin-top: -4px; }
/* home */
#main { position: relative; }
.top-news { margin-bottom: 50px; height: 312px }
.top-news a { display: block; }
.top-news .imgbar { width: 542px; float: left; }
.top-news .infor { margin-left: 542px; height: 100%; padding-left: 50px; position: relative }
.top-news .nw-time { color: #eb6100; font-size: 3rem; position: relative; padding-bottom: 20px; margin-bottom: 20px; }
.top-news .nw-time i { display: block; width: 4rem; height: 1px; background: #a0a0a0; position: absolute; left: 0px; bottom: 0px }
.top-news .nw-title { margin-bottom: 20px }
.top-news .text { font-size: 1.6rem; line-height: 30px; -webkit-line-clamp: 3; height: 90px; margin-bottom: 20px }
.top-news .infor a:hover .nw-title { color: #cd2927 }
.top-news .more-btn { width: 100%; text-align: right; position: absolute; bottom: 0px; left: 0px }
.top-news .more-btn .btn { display: inline-block; height: 40px; line-height: 40px; padding: 0 30px; font-size: 16px; letter-spacing: 2px; background: #eb6101; color: #FFF; text-transform: uppercase }
.top-news .more-btn .btn:hover { background: #fb8b4e; }
.news-tier { margin-bottom: 50px }
.news-item { width: 34%; margin-right: 3%; }
.news-item .bar-title { height: 45px; border-bottom: 2px solid #dcdcdc; margin-bottom: 25px }
.news-item .bar-title span { float: left; font-size: 2.4rem; color: #eb6100; cursor: default; font-weight: lighter }
.news-item .bar-title a { float: right; text-transform: uppercase; color: #999; line-height: 40px }
.news-item .bar-title a:hover, .news-item .li-list a:hover { color: #eb6100 }
.news-item .li-list, .news-item .li-list li { width: 100% }
.news-item .li-list li, .news-item .li-list a, .news-item .li-list em { display: block; }
.news-item .li-list li { height: 36px; line-height: 35px; position: relative }
.news-item .li-list a { padding-right: 100px; height: 35px; font-size: 1.6rem; color: #666666 }
.news-item .li-list a::after { content: ""; display: block; width: 0%; height: 1px; position: absolute; left: 0px; bottom: 0px; overflow: hidden; background: #eb6100 }
.news-item .li-list p { display: inline-block; overflow: hidden; height: 35px; max-width: 100%; white-space: nowrap; text-overflow: ellipsis }
.news-item .li-list em { position: absolute; top: 0px; right: 0 }
.news-item .li-list li:hover a::after { width: 100% }
.socail { width: 25.85%; position: relative }
.socail a { display: block; width: 100%; position: relative; overflow: hidden }
.socail .pop-layer { background: rgba(0,0,0,0.5); text-align: center; color: #FFF }
.socail .iconbox { margin-bottom: 10px; height: auto; }
.socail .line { width: 30px; height: 2px; margin: 0 auto; background: #FFF; margin-bottom: 7px }
.socail .infor { width: 100%; overflow: hidden }
.socail .infor p { display: block; font-size: 22px; font-weight: lighter }
.socail .infor em { display: block; font-style: normal; font-size: 12px; text-transform: uppercase; letter-spacing: 1px; }
.page-link ul { margin: 0 -3px }
.page-link li { display: block; float: left }
.page-link li.mobile-layer { display: none }
.page-link a { display: block; margin: 0 3px; position: relative; overflow: hidden; color: #FFF; }
.page-link .pop-layer { top: initial; bottom: 0px; height: 54px; background: rgba(0,0,0,0.65); text-align: center }
.page-link .infor { text-align: left; display: inline-block; padding: 10px 0px; position: relative; line-height: 34px; }
.page-link .infor i { display: none; width: 90px; height: 72px; line-height: 72px; margin: 0px auto 7px; text-align: center }
.page-link .infor img { display: inline-block; height: 70px; width: auto; transform: none !important; -webkit-transform: none !important; -moz-transform: none !important; }
.page-link .infor p { display: block; font-size: 22px; margin-bottom: 0px; float: left; position: relative; font-weight: lighter }
.page-link .infor p::after { content: ""; display: block; width: 2px; height: 20px; background: #e0e1e2; position: absolute; right: -10px; top: 50%; margin-top: -9px; }
.page-link .infor em { display: block; margin-left: 108px; width: 90px; font-style: normal; font-size: 12px; line-height: 13px; padding-top: 5px; text-transform: uppercase; letter-spacing: 1px; opacity: 0.65; filter: alpha(opacity = 65) }

/* inside page */
.pagebanner { width: 100% }
.pagebanner p { width: 100%; height: 504px; display: block }
.pagebanner p img.pic { display: none }
.navgaiter { height: 60px; border-bottom: 1px solid #deb463; margin-bottom: 50px; }
.navgaiter .place, .navgaiter .page-menu { height: 100%; line-height: 60px }
.navgaiter .place a { display: block; float: left; height: 100%; font-size: 16px }
.navgaiter .place a.home { width: 20px; background: url(../images/icon-home.png) no-repeat center; }
.navgaiter .place i { display: block; float: left; width: 20px; height: 100%; background: url(../images/ary-rigt.png) no-repeat center }
.navgaiter .place a:hover { color: #eb6100 }
.navgaiter .page-menu { float: right }
.navgaiter .page-menu a { display: inline-block; font-size: 16px; margin-left: 30px }
.navgaiter .page-menu a.current, .navgaiter .page-menu a:hover { color: #eb6100 }
.leftnav { width: 313px; position: absolute; left: 0px; top: 0px; background: #f9f9ff; animation: fadeInLeft 0.5s ease-out both; }
.leftnav .topbar { width: 100%; height: 154px; background: url(../images/title-wall.png) no-repeat center; color: #FFF }
.leftnav .topbar p { display: block; line-height: 154px; text-align: center; font-size: 26px }
.leftnav .grid { width: 100%; height: 90px; position: relative; }
.leftnav .grid a { display: block; height: 100%; width: 253px; padding: 0 20px 0 40px; position: relative }
.leftnav .picbox { float: left; width: 40px; height: 40px; position: absolute; left: 40px; top: 50%; margin-top: -20px; }
.leftnav .picbox p { display: block; width: 100%; height: 100%; overflow: hidden; line-height: 40px; }
.leftnav .picbox p img { max-height: 40px; }
.leftnav .picbox i { width: 55px; height: 55px; position: absolute; top: 0px; left: 0px; text-align: center; display: none }
.leftnav .picbox i img { display: block; height: 50px; margin: auto }
.leftnav .txtbox { margin-left: 60px; height: 44px; padding: 23px 0px; }
.leftnav .txtbox p { display: block; font-size: 16px; line-height: 22px }
.leftnav .txtbox span { display: block; font-size: 16px; color: #ccccd0; line-height: 17px; margin-top: 3px; text-transform: capitalize }
.leftnav .txtbox i { display: none; width: 30px; height: 20px; position: absolute; right: 20px; top: 50%; margin-top: -10px; background: url(../images/ary-right.png) no-repeat center right }
.leftnav .grid a:hover, .leftnav .grid a.current { background: url(../images/onlink.png) no-repeat center; margin-left: 10px }
.leftnav .grid a:hover .picbox, .leftnav .grid a.current .picbox { left: 25px; width: 55px; height: 55px; margin-top: -23px }
.leftnav .grid a:hover .picbox p, .leftnav .grid a.current .picbox p { display: none; }
.leftnav .grid a:hover .picbox i, .leftnav .grid a.current .picbox i, .leftnav .grid a:hover .txtbox i, .leftnav .grid a.current .txtbox i { display: block }
.leftnav .grid a:hover .txtbox p, .leftnav .grid a.current .txtbox p { font-size: 20px; line-height: 24px; color: #FFF; letter-spacing: 7px }
.leftnav .grid a:hover .txtbox span, .leftnav .grid a.current .txtbox span { color: rgba(255,255,255,0.5) }
.main-content { min-height: 560px; position: relative }
.right-main { margin-left: 390px; min-height: 560px; position: relative; animation: fadeInRight 0.5s ease-out both; }
/* about */
.about, .bgImage { background: url(../images/bomwall.png) no-repeat center bottom #fefdfd; padding-bottom: 200px }
.desc-text { line-height: 28px; margin-bottom: 50px }
.desc-text p { margin-bottom: 7px }
.about .culbox { width: 100%; margin-bottom: 50px }
.about .culbox ul { margin: 0 -20px }
.about .culbox li { display: block; float: left }
.about .culbox .grid { margin: 0 20px; position: relative; padding-top: 50px }
.about .culbox .iconbox { width: 100%; text-align: center; position: absolute; top: 0px; left: 0px }
.about .culbox .culdesc { padding: 40px 20px 30px; background: #fff8f0; border-radius: 20px; text-align: center }
.about .culbox .culdesc h2 { display: block; padding-top: 10px; font-size: 20px; font-weight: normal; letter-spacing: 3px; padding-bottom: 5px }
.about .culbox .culdesc p { display: block; letter-spacing: 1px }
.about .cultab { width: 100%; position: relative; padding-bottom: 40px }
.about .tabmain { float: left; width: 652px; }
.about .tabmain ul { width: 100%; position: relative }
.about .tabmain li { display: none; width: 100% }
.about .tabnav { float: right; width: 317px }
.about .tabnav li { display: block; border: 1px solid #b5b5b5; border-radius: 3px; padding: 12px 17px; cursor: default; margin-bottom: 24px }
.about .tabnav li p { font-size: 17px; display: block }
.about .tabnav li em { font-size: 12px; color: #727171; padding-left: 15px }
.about .tabnav li i { display: block; width: 30px; height: 1px; margin: 15px 0; background: #eb6100 }
.about .tabnav li span { display: block; color: #716d6a }
.about .tabnav li.active { background: #e0900c; border: 1px solid #e0900c; color: #FFF }
.about .tabnav li:hover { background: #fcb139; color: #FFF; border: 1px solid #fcb139; }
.about .tabnav li:hover span, .about .tabnav li.active span, .about .tabnav li:hover em, .about .tabnav li.active em { color: #FFF }
.about .page-title { width: 175px; height: 46px; line-height: 46px; font-size: 20px; background: #e78a30; color: #fff; margin: 0 auto; text-align: center }
.about .events { width: 100%; position: relative; padding-top: 20px }
.about .events .line { display: block; width: 1px; height: 100%; position: absolute; top: 0; left: 50%; background: #dddddd }
.about .events ul { width: 100%; position: relative; z-index: 1 }
.about .events li { display: block; margin-top: 20px; }
.about .events .item { width: 50%; position: relative; }
.about .events .linebar { width: 113px; height: 11px; position: absolute; top: 50%; margin-top: -5px; z-index: 1; }
.about .events .linebar img, .about .events .ary img { display: block; width: 100% }
.about .events .content { position: relative; padding: 23px 30px; min-height: 30px; border: 1px solid #FFF; z-index: 5 }
.about .events .year { font-size: 30px; color: #eb6100; position: absolute; top: 0; height: 100%; width: 105px; text-align: center }
.about .events .text { line-height: 30px; }
.about .events .ary { width: 26px; height: 76px; position: absolute; top: 50%; margin-top: -38px; display: none }
.about .events .ary i { display: block; width: 10px; height: 10px; border-radius: 50%; background: #da641d; position: absolute; top: 50%; margin-top: -5px }
.about .events .onimg { width: 31px; height: 31px; position: absolute; top: 50%; margin-top: -15px; opacity: 0; visibility: hidden; z-index: 2 }
.about .events li.even .linebar { right: -5px; }
.about .events li.even .content { margin-right: 115px }
.about .events li.even .year { right: 0px }
.about .events li.even .text { text-align: right; margin-right: 125px }
.about .events li.even .ary { right: -26px; }
.about .events li.even .ary i { left: -10px }
.about .events li.even .onimg { right: -15px }
.about .events li.odd .item { margin-left: 50% }
.about .events li.odd .linebar { left: -5px; }
.about .events li.odd .content { margin-left: 115px }
.about .events li.odd .year { left: 0px }
.about .events li.odd .text { margin-left: 125px }
.about .events li.odd .ary { left: -26px; }
.about .events li.odd .ary i { right: -10px }
.about .events li.odd .onimg { left: -15px }
.about .events .item:hover .content { border: 1px solid #e78a30; }
.about .events .item:hover .ary { display: block }
.about .events .item:hover .onimg { opacity: 1; visibility: visible }
.about .events li.even .item:hover .year { right: 20px }
.about .events li.odd .item:hover .year { left: 20px }
.about .events li:last-child .item::after { content: ""; display: block; width: 2px; height: 50%; position: absolute; bottom: 0px; background: #FFF; z-index: 0; }
.about .events li.even :last-child .item::after { right: 0px; }
.about .events li.odd :last-child .item::after { left: 0px; }
.about .end { text-align: center; font-size: 22px; color: #eb6100; padding-top: 40px }
.about .honor ul { margin: 0 -20px }
.about .honor li { display: block; float: left; margin-bottom: 30px; }
.about .honor .item { margin: 0 20px; background: #fffbf5; box-shadow: 0px 3px 7px rgba(0,0,0,0.15) }
.about .honor .text { padding: 13px 17px; text-align: center; line-height: 28px }
.about .honor .item:hover { background: #f8f8f8; color: #eb6100 }
/* news */
.news-top a { display: block; margin-bottom: 40px; padding: 27px 30px; background: #fbfaf4; color: #333 }
.news-top .nw-pic { float: left; width: 38%; }
.news-top .nw-info { margin-left: 39%; padding: 20px 20px 20px 40px; }
.news-top .nw-time { color: #b71f31; margin-bottom: 10px; }
.news-top .nw-title { color: #454545; margin-bottom: 15px; }
.news-top .text { height: 90px; -webkit-line-clamp: 3; line-height: 30px; font-size: 1.6rem; }
.news-top a:hover { background: #fbf9f2; box-shadow: 0px 0px 7px rgba(35,35,35,0.35); }
.news-top a:hover .nw-title, .news .list-content li a:hover .nw-title { color: #b71f31; }
.news .list-content li { display: block; border-bottom: 1px solid #dedede }
.news .list-content li a { display: block; padding: 20px; color: #333 }
.news .list-content .nw-time { width: 100px; height: 92px; float: left; background: #fdfaf8; text-align: center; display: table; border: 1px solid #eb6100 }
.news .list-content .nw-time i { color: #b71f31; display: block; font-size: 5rem; line-height: 1.15; }
.news .list-content .nw-time span { display: block; font-size: 2rem }
.news .list-content .nw-time p { display: block; color: #666 }
.news .list-content .nw-info { margin-left: 125px; height: 94px; }
.news .list-content .nw-title { height: 30px; line-height: 30px; margin-bottom: 10px; font-size: 21px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis }
.news .list-content .nw-text { color: #666; font-size: 1.6rem; line-height: 26px; height: 52px; -webkit-line-clamp: 2; }
.news .list-content li a:hover { background: #fdfaf8; box-shadow: 0px 0px 7px rgba(35,35,35,0.25); }
.detail-top .h1-title { margin-bottom: 20px; text-align: center }
.detail-top .news-informa { height: 30px; line-height: 30px; color: #666; border-bottom: 1px solid #ddd; padding-bottom: 5px; }
.detail-top .news-informa span { display: block; float: left; margin-right: 40px; }
.detail-top .news-informa .return { display: block; font-size: 1.6rem; line-height: 30px; padding-right: 25px; background: url(../images/icon-return.png) no-repeat right center; float: right; color: #999 }
.detail-top .news-informa .return:hover { color: #b71f31; background: url(../images/icon-return-red.png) no-repeat right center; }
.news-content { padding-bottom: 20px; border-bottom: 1px solid #ddd; margin-bottom: 40px; line-height: 30px; }
.news-content p { margin-bottom: 8px; line-height: 30px !important; }
.prev-next-news { height: 30px; line-height: 30px; }
.prev-next-news a { display: block; max-width: 48%; height: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color: #666 }
.prev-next-news a:hover { color: #b71f31 }
/* business */
.busine { min-height: 748px; height: calc(100vh - 100px - 62px); position: relative }
#dait-swiper { width: 100%; height: 100%; position: relative }
#dait-swiper .swiper-wrapper, #dait-swiper .swiper-slide, #dait-swiper .wall { width: 100%; height: 100%; }
#dait-swiper .swiper-slide { float: left }
#dait-swiper .wall { display: block; }
.busine .title { text-align: center; font-size: 36px; color: #FFF; letter-spacing: 3px; position: absolute; top: 20%; left: 0px; width: 100% }
.busine .title li { text-shadow: 0 0 7px rgba(0,0,0,0.65) }
.busine .text { color: #FFF; font-size: 24px; line-height: 36px; font-weight: lighter; margin-bottom: 80px; display: none }
.busine .linkbar { height: 80px; text-align: center; position: absolute; left: 0px; bottom: 20%; width: 100% }
.busine .linkbar a { display: inline-block; width: 80px; height: 80px; position: relative; margin: 0px 10px; color: #FFF }
.busine .linkbar .item { width: 80px; height: 80px; position: relative; overflow: hidden }
.busine .linkbar span { display: block; width: 80px; height: 80px; background: rgba(255,255,255,0.7); position: relative }
.busine .linkbar i, .busine .linkbar em { display: block; width: 100%; height: 100%; position: absolute; top: 0px; left: 0px }
.busine .linkbar em { opacity: 0; visibility: hidden }
.busine .linkbar p { display: block; width: 100px; height: 80px; line-height: 80px; text-align: right; position: absolute; left: 80px; top: 0px; font-size: 24px; font-weight: lighter }
.busine .linkbar a:hover, .busine .linkbar a.active { padding: 0 40px 0 20px; width: 190px; background: #ef6715 }
.busine .linkbar a:hover span, .busine .linkbar a.active span { background: none }
.busine .linkbar a:hover i, .busine .linkbar a.active i { opacity: 0; visibility: hidden }
.busine .linkbar a:hover em, .busine .linkbar a.active em { opacity: 1; visibility: visible }
.busine .linkbar a:hover .item, .busine .linkbar a.active .item { width: 190px }
.business .bs-title h2 { display: block; font-weight: lighter; color: #eb6100 }
.business .bs-title p { color: #bfbfbf; font-weight: lighter; }
.business .este-text { padding-bottom: 40px; margin-bottom: 40px; border-bottom: 1px solid #dccaae; line-height: 28px; }
.business .este-text p { margin-bottom: 7px }
.business .big-title { font-size: 2.8rem; color: #eb6100; margin-bottom: 20px; font-weight: lighter; }
.item-wrapper { width: 100%; position: relative; }
.item-wrapper .butn { width: 46px; height: 46px; cursor: default; position: absolute; top: 50%; margin-top: -23px; z-index: 50; }
.item-wrapper .btn-prev, .btn-left { left: -86px; background: url(../images/btn-rod-prev.png) no-repeat center }
.item-wrapper .btn-prev:hover, .btn-left:hover { cursor: pointer; background: url(../images/btn-rod-prev-red.png) no-repeat center }
.item-wrapper .btn-next, .btn-right { right: -86px; background: url(../images/btn-rod-next.png) no-repeat center }
.item-wrapper .btn-next:hover, .btn-right:hover { cursor: pointer; background: url(../images/btn-rod-next-red.png) no-repeat center }
.item-wrapper .swiper-slide { width: 33.33%; float: left }
.item-wrapper .swiper-slide a { display: block; margin: 3px; position: relative; overflow: hidden; box-shadow: 0px 0px 10px rgba(102,102,102,0.25); background: #FFF; text-align: center; }
.item-wrapper .swiper-slide .over { position: relative; width: 100% }
.item-wrapper .swiper-slide .over p { display: none; width: 100%; text-align: right; bottom: 50px; position: absolute; left: 0px; font-size: 12px; color: #FFF; text-shadow: 0 0 5px rgba(0,0,0,0.5); }
.item-wrapper .name { width: 100%; padding: 5px 0px; height: 30px; line-height: 30px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; position: absolute; left: 0px; bottom: 0px; background: #FFF }
.item-wrapper .black { background: rgba(0,0,0,0.65); color: #FFF; visibility: hidden }
.item-wrapper .black * { transform: translateY(20px); -webkit-transform: translateY(20px); -moz-transform: translateY(20px); opacity: 0; transition: all 0.35s ease-out; -webkit-transition: all 0.35s ease-out; -moz-transition: all 0.35s ease-out }
.item-wrapper .item-name { font-size: 1.8rem; margin: 0 20px 10px; }
.item-wrapper .lne { width: 30px; height: 1px; background: #FFF; margin: 0 auto 10px; transition-delay: 0.1s; -webkit-transition-delay: 0.1s; -moz-transition-delay: 0.1s; }
.item-wrapper .desced { margin: 0 20px; transition-delay: 0.2s; -webkit-transition-delay: 0.2s; -moz-transition-delay: 0.2s; }
.item-wrapper .swiper-slide:hover .name { visibility: hidden }
.item-wrapper .swiper-slide:hover .over p { display: none }
.item-wrapper .swiper-slide:hover .black { visibility: visible }
.item-wrapper .swiper-slide:hover .black * { transform: none; -webkit-transform: none; -moz-transform: none; opacity: 1 }
.business .banner-wrap { width: 100%; position: relative; background: #f5f6f6 }
.business .pictrue { width: 57.65%; }
.business .desc-wrap { width: 42.35%; height: 100%; position: absolute; top: 0px; right: 0px }
.business .desctext { width: 58%; height: 90%; margin-left: 40px; position: relative; overflow-y: scroll; padding-right: 20px; top: 5%; }
.business .desctext::-webkit-scrollbar { width: 5px; height: 8px; background-color: rgba(210, 210, 210, 0.48); -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 0; }
.business .desctext::-webkit-scrollbar-thumb { background-color: rgba(123, 121, 121, 0.7); -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 0; }
.business .item-nikename { margin-bottom: 40px; position: relative; height: 35px; padding-right: 50px; }
.business .item-nikename span { font-size: 28px; font-weight: lighter; color: #eb6100 }
.business .item-nikename a { display: block; width: 40px; height: 35px; background: url(../images/return.png) no-repeat center; background-size: 30px auto; position: absolute; top: 0px; right: 0px }
.business .item-nikename a:hover { background: url(../images/red-return.png) no-repeat center; background-size: 30px auto }
.business .item-infor { line-height: 28px; }
.business .item-introd { border: 1px solid #ddd }
.business .introd-img { width: 49.85% }
.business .introd-txt { width: 50%; position: relative }
.business .inner-box { padding: 20px 30px }
.business .item-introd .h2-title { margin-bottom: 10px }
.business .item-ject, .business .inner-banner { width: 100%; position: relative }
.business .item-ject { margin-bottom: 20px }
.business .item-ject::before { content: ""; display: block; width: 1px; height: 100%; position: absolute; top: 0px; left: 49%; background: #dddd }
.business .par-infor { font-size: 1.6rem; line-height: 28px; max-width: 48%; min-width: 44%; }
.business .code-img { width: 103px }
.business .desc-wrod { line-height: 30px; margin-left: 135px; font-size: 1.6rem; }
.business .img-show-title { font-weight: lighter; padding-top: 80px; margin-bottom: 40px }
.business .ablue ul { margin: 0px -14px; }
.business .ablue li { width: 25%; float: left; display: block }
.business .ablue a { display: block; margin: 3px 14px; position: relative; overflow: hidden; box-shadow: 0px 0px 10px rgba(102,102,102,0.25); background: #FFF; text-align: center; }
.business .ablue .name { padding: 10px 15px; text-align: center; font-size: 1.6rem; line-height: 30px }
.business .maps { width: 46.35% }
.business .circum { width: 50%; line-height: 28px }
.business .circum .h1-title { margin-bottom: 20px; }
.business .inner-back { position: absolute; top: 20%; right: 0 }
.business .inner-content { height: auto; position: relative }
.business .content-box { width: 100%; position: relative; top: -200px }
#inner-swiper, #inner-swiper .img-box, .join .job-list { width: 100% }
#inner-swiper .swiper-slide { width: 100%; float: left; position: relative }
#inner-swiper .swiper-slide p { display: block; width: 100%; text-align: right; bottom: 0px; position: absolute; left: 0px; font-size: 12px; color: #FFF; text-shadow: 0 0 5px rgba(0,0,0,0.75); }
.business .item-present { height: 100%; background: url(../images/bgwall3.jpg) no-repeat right bottom; background-size: cover; position: absolute; top: 0px; right: 0px; box-shadow: 0px 0px 10px rgba(102,102,102,0.25); overflow-y: scroll; }
.business .item-present .text { line-height: 28px }
.business .content-box .butn { width: 44px; height: 44px; cursor: default; position: absolute; bottom: 24px; left: 50%; z-index: 1000; background: #FFF }
.business .content-box .butn i { display: block; width: 100%; height: 100% }
.business .content-box .ary-prev { margin-left: -108px; }
.business .content-box .ary-prev i { background: url(../images/ary-prev.png) no-repeat center }
.business .content-box .ary-next { margin-left: -58px; }
.business .content-box .ary-next i { background: url(../images/ary-next.png) no-repeat center }
.business .content-box .butn:hover { background: #eb6100 }
.business .content-box .ary-prev:hover i { background: url(../images/ary-prev-wt.png) no-repeat center }
.business .content-box .ary-next:hover i { background: url(../images/ary-next-wt.png) no-repeat center }
.business .real-layer { border-top: 1px solid #dccaae; padding-top: 50px }
.business .no-bar { border-bottom: none; padding-bottom: 10px }
.BMap_noprint { display: none !important }
.hideImg { width: 0px; height: 0px; overflow: hidden }
/* join */
.join-index { height: 992px; position: relative }
.join .page-link { width: 100%; position: absolute; left: 0px; bottom: 0px; }
.join .page-link ul { margin: 0px -14px }
.join .page-link li { float: left; display: block; }
.join .page-link li a { display: block; background: #fff; margin: 0 14px; color: #333 }
.join .page-link .h1-title { color: #eb6100; margin-bottom: 10px }
.join .page-link .text { line-height: 28px; padding-bottom: 20px; min-height: 160px }
.join .inofor { padding: 20px 40px; }
.join .job-text { color: #666; line-height: 28px; margin-bottom: 40px }
.join .tallent-item .item { display: block; width: 25%; float: left; position: relative; text-align: center }
.join .tallent-item .pic { margin-bottom: 10px }
.join .tallent-item .infom { position: relative; border-right: 2px solid #ececec }
.join .tallent-item .top-text { text-align: center; color: #474747; font-size: 1.7rem; margin-bottom: 7px }
.join .tallent-item .text { text-align: center; color: #999999 }
.join .tallent-item .item:last-child .infom, .join .tallent-item .no-bar { border: none }
.join .picbox { width: 54.79%; overflow: hidden }
.join .textbox { width: 30%; }
.join .textbox .grid { min-height: 60px; padding: 20px 30px 20px 70px; background: #fff8f0; border-radius: 15px; position: relative; margin-bottom: 20px }
.join .textbox .pics { width: 82px; height: 82px; position: absolute; top: 50%; left: -41px; border-radius: 50%; -webkit-border-radius: 50%; background: #FFF; margin-top: -41px; box-shadow: 0px 0px 10px rgba(102,102,102,0.25) }
.join .textbox .pics p { display: block; width: 100%; height: 100%; text-align: center; line-height: 82px }
.join .textbox .pics p img { vertical-align: middle }
.join .textbox .text { font-size: 1.4rem; color: #666666 }
.join .textbox .text h2 { display: block; font-weight: lighter; color: #000; margin-bottom: 7px; font-size: 18px }
.join .working { background: url(../images/bgwall4.jpg) no-repeat right bottom; }
.join .working .level-pad { padding: 40px 60px; }
.join .working .level-top { margin-bottom: 20px }
.join .working .level-top span { font-size: 4rem; }
.join .working .level-top em { margin-left: 20px; font-size: 24px; color: #727171 }
.join .working .line { width: 8rem; height: 2px; background: #9d9a96; margin-bottom: 60px }
.join .working .item { float: left; margin-right: 60px; text-align: center }
.join .working .item p { font-size: 2.4rem; display: block; font-weight: lighter; letter-spacing: 3px }
.join .leveltop { position: relative; margin-bottom: 60px }
.join .big-top { margin-bottom: 20px }
.join .big-top h1 { display: block; font-weight: lighter; font-size: 5rem; letter-spacing: 22px; color: #a49683; line-height: 5.5rem; }
.join .big-top p { display: block; font-weight: bold; font-size: 28px; color: #a99d8c }
.join .leveltop .text { width: 39%; font-size: 1.4rem; color: #666; line-height: 26px }
.join .campus .big-top h1, .join .campus .big-top p, .join .campus .big-top h1, .join .campus .text { color: #FFF }
.join .srechbox .grid { width: 100%; margin-bottom: 17px; }
.join .srechbox .grid span { display: block; float: left; font-size: 17px; cursor: default }
.join .srechbox .grid p { display: block; margin-left: 100px }
.join .srechbox .grid a { display: inline-block; font-size: 16px; line-height: 26px; margin-right: 10px; padding: 0 3px; }
.join .srechbox .grid a:hover { color: #eb6100 }
.join .srechbox .grid a.current { color: #e17625 }
.join .seek { height: 50px; width: 65%; margin-top: 20px; position: relative }
.join .seek p { display: block; padding: 0 20px; height: 100%; background: #f5f5f5; margin-right: 60px; }
.join .seek .ui-text { height: 100%; padding: 0px; border: none; background: #f5f5f5; width: 100% }
.join .seek .ui-button { width: 70px; height: 50px; position: absolute; top: 0px; right: 0px; border: none; background: #eb6100 url(../images/find-whtie.png) no-repeat center; cursor: pointer; }
.join .seek .ui-button:hover { background: #e17625 url(../images/find-whtie.png) no-repeat center }
.join .th-title { width: 100%; height: 88px; line-height: 88px; font-size: 2.2rem; background: url(../images/bgwall5.png) repeat }
.join .th-title .job-name { float: left; height: 100%; width: 68%; }
.join .th-title .job-name span { padding-left: 20% }
.join .th-title .job-ment { float: right; width: 30%; text-align: center }
.join .table-main li { display: block; margin-bottom: 15px; background: #fffcfa }
.join .table-main .job-desc { height: 78px; line-height: 78px; font-size: 1.6rem; cursor: pointer }
.join .table-main .job-name { float: left; height: 100%; width: 68%; position: relative }
.join .table-main .job-ment { float: right; width: 30%; text-align: center; position: relative }
.join .table-main .job-ming { height: 100%; padding-left: 60px; background: url(../images/icon-ren.png) no-repeat left center; margin: 0 7%; }
.join .table-main .job-ment em { display: block; width: 24px; height: 24px; position: absolute; top: 50%; right: 10%; margin-top: -12px; background: url(../images/icon-poit.png) no-repeat center }
.join .table-main li:hover .job-desc, .join .table-main li .active { background: #ede2d9 }
.join .job-introd { padding: 30px 50px; display: none }
.join .job-introd dl { margin-bottom: 20px }
.join .job-introd dt { font-size: 2.2rem; color: #e78a30; font-weight: lighter; margin-bottom: 7px }
.join .job-introd dd { line-height: 26px; font-size: 1.4rem; }
.join .job-introd .btn-up { display: block; height: 48px; width: 166px; text-align: center; border-radius: 8px; -webkit-border-radius: 8px; overflow: hidden; position: relative; margin: 0 auto; background: #f77121; cursor: pointer }
.join .job-introd .btn-up span { display: inline-block; height: 100%; line-height: 48px; font-size: 18px; color: #FFF; /*padding-right:45px;background:url(../images/icon-up.png) no-repeat center right;*/ }
.join .job-introd .btn-up .ui-files { width: 100%; height: 100%; position: absolute; top: 0; left: 0; opacity: 0; filter: alpha(opacity = 0) }
.join .job-introd .btn-up:hover { background: #eb6100 }
/* social */
.social-image ul { margin: 0 -5px }
.social-image li { display: block; float: left; }
.social-image .grid { margin: 0 5px }
/* relation */
.email { background: url(../images/jb02.png) no-repeat left bottom; height: auto; padding: 10px 0px 25px; margin-bottom: 40px }
.email p { display: block; padding-left: 37px; background: url(../images/re-icon3.png) no-repeat 0px 2px; font-size: 1.6rem; line-height: 28px }
.site { font-size: 2rem; text-align: left }
.site a { color: #FFF; display: inline-block; background: #eb6100; height: 45px; line-height: 45px; padding: 0 25px; border-radius: 3px; -webkit-border-radius: 3px; }
.site a:hover { background: #eb7100; }
.relation .contact span, .relation .contact p { display: block; padding-left: 37px; font-size: 1.6rem; line-height: 28px }
.relation .contact span { background: url(../images/re-icon4.png) no-repeat 0px 2px; margin-bottom: 10px }
.relation .contact p { background: url(../images/re-icon3.png) no-repeat 0px 2px }
.year-list { border-bottom: 1px solid #ddd; position: relative; padding-bottom: 20px; margin-bottom: 40px }
#year-swiper, #year-swiper .swiper-wrapper { width: 100%; position: relative }
#year-swiper .swiper-slide { float: left; height: 40px; line-height: 40px; width: 105px }
#year-swiper .swiper-slide a { display: block; font-size: 1.8rem; color: #eb6100; cursor: pointer }
#year-swiper .swiper-slide.active a { font-size: 2.4rem; }
.events-list li { display: block; width: 100%; padding: 20px 0px; border-bottom: 1px solid #ddd }
.events-list li a { display: block; height: 40px; position: relative; }
.events-list li span { display: block; font-size: 1.8rem; line-height: 40px; position: absolute; top: 0px; left: 0px }
.events-list li h2 { display: block; margin-left: 120px; margin-right: 60px; font-size: 1.8rem; font-weight: normal; height: 40px; line-height: 40px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap }
.events-list li em { display: block; width: 40px; height: 40px; position: absolute; top: 0px; right: 0px; background: url(../images/pdf-gay.png) no-repeat center; background-size: 30px auto }
.events-list li a:hover { color: #eb6100 }
.events-list li a:hover em { background: url(../images/pdf-red.png) no-repeat center; background-size: 30px auto }
.relation .cont { margin-top: 40px }
.relation .cont ul { margin: 0 -10px }
.relation .cont li { display: block; float: left; width: 50%; }
.relation .cont .grid { background: #f7f7f7; margin: 0 10px; padding: 30px 40px }
.relation .cont h2 { display: block; height: 40px; line-height: 30px; font-weight: normal; font-size: 2rem; margin-bottom: 20px }
.relation .cont h2 img { display: block; height: 30px; float: left; margin-right: 10px }
.relation .cont .text { line-height: 30px }
.relation .cont .text p { margin-bottom: 7px }
/* contact */
.contact .maps { height: 451px }
.contact .content { width: 460px; height: 100%; position: absolute; top: 0px; right: 60px; background: rgba(255,255,255,0.8) }
.contact .paox { padding: 50px 40px; }
.contact .content .item { height: auto; line-height: 30px; margin-bottom: 15px; padding-left: 40px; font-size: 1.6rem }
.contact .content .tel { background: url(../images/ca-icon1.png) no-repeat 0px 3px }
.contact .content .mail { background: url(../images/ca-icon2.png) no-repeat 0px 3px }
.contact .content .ader { background: url(../images/ca-icon3.png) no-repeat 0px 3px }
.contact .content .code { padding-top: 20px; text-align: center }
.contact .content .code img { width: 140px }
.textBar { line-height: 28px; margin-bottom: 40px }
.textBar p { margin-bottom: 5px }
.level-title { margin-bottom: 20px }
.level-title .h1-title { color: #eb6100; font-size: 2.6rem; }
.level-title .en-title { color: #bfbfbf; font-size: 18px; }
.level-title .hide-title { display: none }
.return { display: block; width: 40px; height: 35px; background: url(../images/return.png) no-repeat center; background-size: 30px auto }
.return:hover { background: url(../images/red-return.png) no-repeat center; background-size: 30px auto }
/* pagination */
.pagination { padding: 20px 0px; text-align: center }
.pagination span, .pagination a { display: inline-block; margin: 0px 2px; padding: 0px 10px; height: 30px; line-height: 30px; font-size: 16px; color: #333; transition: all .5s; -webkit-transition: all .5s; -moz-transition: all .5s; overflow: hidden }
.pagination .prev { background: url(/images/icon-prev.png) no-repeat center; background-size: auto 20px; border: 1px solid #FFF; text-indent: 999rem; }
.pagination .next { background: url(/images/icon-next.png) no-repeat center; background-size: auto 20px; border: 1px solid #FFF; text-indent: 999rem; }
.pagination a:hover, .pagination a.page_current { color: #eb6100; }
.pagination .prev:hover { background: url(/images/icon-prev-on.png) no-repeat center; background-size: auto 20px; }
.pagination .next:hover { background: url(/images/icon-next-on.png) no-repeat center; background-size: auto 20px; }

.popup { width: 100%; height: 100%; position: fixed; top: 0px; left: 0px; z-index: 1000; display: none }
.popup .wall { width: 100%; height: 100%; background: #000; opacity: 0.65; filter: alpha(opacity = 65) }
.popup .content { width: 800px; height: 400px; position: absolute; top: 50%; left: 50%; margin: -200px 0 0 -400px; background: #FFF; box-shadow: 0 0 7px rgba(0,0,0,0.35) }
.popup .close-btn { width: 30px; height: 30px; position: absolute; top: -15px; right: -15px; cursor: pointer; background: #FFF; border-radius: 50%; -webkit-border-radius: 50%; overflow: hidden; }
.popup .close-btn i { display: block; width: 100%; height: 100%; background: url(../images/icon_cancel.gif) no-repeat center; }
.popup .close-btn:hover { box-shadow: 0 0 5px rgba(0,0,0,0.35) }
.popup .close-btn:hover i { transform: rotate(90deg); -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); }
.popup .title { padding: 15px; border-bottom: 1px solid #cdcdcd; margin-bottom: 15px }
.popup .chose { border: 1px solid #cdcdcd; background: #f4f4f4; margin: 40px 6% 25px; padding: 30px 40px; text-align: center }
.popup .files-btn { margin-bottom: 15px }
.popup .btn-up { display: block; height: 37px; width: 166px; text-align: center; border-radius: 5px; -webkit-border-radius: 5px; overflow: hidden; position: relative; margin: 0 auto; background: #f77121; cursor: pointer }
.popup .btn-up div.picker { display: inline-block; height: 100%; line-height: 37px; font-size: 16px; padding-right: 25px; color: #FFF; background: url(../images/icon-up.png) no-repeat center right; background-size: auto 16px; }
.popup .btn-up .ui-files { width: 100%; height: 100%; position: absolute; top: 0; left: 0; opacity: 0; filter: alpha(opacity = 0) }
.popup .btn-up:hover { background: #eb6100 }
.popup .user, .popup .submit-box { height: 35px; margin: 0 6% }
.popup .user ul { margin: 0 -8px }
.popup .user li { display: block; float: left; width: 33.333%; height: 35px }
.popup .user .grid { margin: 0px 8px; border: 1px solid #cdcdcd; }
.popup .user .grid input { box-sizing: border-box; padding: 0px 10px; height: 35px; width: 100%; border: none }
.popup .submit-box { margin-top: 35px; text-align: center }
.popup .btn-submit { height: 36px; line-height: 36px; width: 160px; border: none; display: inline-block; border-radius: 5px; -webkit-border-radius: 5px; background: #f77121; cursor: default; color: #FFF; font-size: 16px }
.popup .btn-submit:hover { background: #eb6100 }

.goToTop { width: 40px; height: 40px; position: fixed; bottom: 80px; right: 10px; background: url(../images/toTop.png) center; cursor: pointer; z-index: 10000; display: none }

@media only screen and (min-width: 1280px) and (max-width:1440px) {
    #main { overflow-x: hidden }
    .wrap { width: 1180px; }
    #Header .nav { margin-right: 100px }
    #Header .nav li { padding: 0 10px }
    .login-page { width: 53%; }
    .top-news .imgbar { width: 38.71%; float: left; }
    .top-news .infor { margin-left: 39%; padding-left: 50px; position: relative }
    .top-news .text { font-size: 1.6rem; line-height: 30px; -webkit-line-clamp: 2; height: 60px }
}
/* media screen ipad */
@media only screen and (min-width: 980px) and (max-width:1279px) {
    #main { overflow-x: hidden }
    .wrap { width: 980px; }
    .h1-title, .nw-title { font-size: 2.1rem }
    .h2-title { font-size: 2rem }
    .text { font-size: 1.4rem }
    .level-title .h1-title { font-size: 2.3rem }
    .level-title .en-title { font-size: 1.6rem }
    #Header, .perch { height: 90px }
    #Header .logo a { width: 193px; line-height: 90px; }
    #Header .logo img { height: 51px }
    #Header .nav { margin-right: 80px }
    #Header .nav li { padding: 0 6px }
    #Header .nav li a.m { line-height: 90px }
    #Header .nav .submenu p { padding: 0 3px }
    #Header .nav li:hover .submenu { top: 90px }
    #Footer .share p { margin-left: 0px; left: -80px }
    #Footer .share p::after { margin-left: 30px }
    #banner, .top-news { margin-bottom: 30px }
    .top-news .infor { padding-left: 40px }
    .top-news .nw-time { font-size: 2.6rem }
    .top-news .text { font-size: 1.4rem; line-height: 2.6rem; height: 104px; -webkit-line-clamp: 4; }
    .top-news .more-btn .btn { height: 33px; line-height: 33px; font-size: 1.4rem; padding: 0 20px }
    .news-tier { margin-bottom: 30px }
    .news-item { margin-right: 3% }
    .news-item .bar-title { height: 40px; margin-bottom: 10px }
    .socail { width: 27.85% }
    .news-item .bar-title span { font-size: 2.1rem }
    .news-item .li-list li { height: 30px; line-height: 30px }
    .news-item .li-list a { font-size: 1.4rem; }
    .socail .iconbox img { width: 40px }
    .socail .line { width: 32px }
    .socail .infor { height: auto }
    .socail .infor p, .socail .infor em { opacity: 1; visibility: visible; transform: none; -webkit-transform: none; -moz-transform: none; }
    .socail .infor p, .page-link .infor p { font-size: 2rem; }
    .socail .infor em, .page-link .infor em { font-size: 12px }
    .page-link .infor p, .page-link .infor i { margin-bottom: 10px }
    .leftnav .txtbox span { font-size: 1.4rem; }
    .about, .bgImage { padding-bottom: 150px }
    .right-main { margin-left: 350px }
    .about .culbox ul { margin: 0px -5px }
    .about .culbox .grid { margin: 0 5px }
    .about .culbox .culdesc { padding: 40px 5px 30px }
    .about .culbox .culdesc h2 { font-size: 1.8rem }
    .about .tabmain { width: 64.55% }
    .about .tabnav { width: 33% }
    .about .tabnav li { padding: 5px 5px; margin-bottom: 5px; }
    .about .tabnav li i { margin: 5px 0; }
    .about .tabnav li p { font-size: 1.5rem }
    .desc-text { line-height: 25px }
    .about .events .content { padding: 40px 30px 20px; background: #FFF }
    .about .events .year { height: 40px; font-size: 2.4rem }
    .about .events .text { line-height: 26px; font-size: 1.4rem; text-align: center !important }
    .about .events li.even .content { margin-right: 45px }
    .about .events li.even .text { margin-right: 0px }
    .about .events li.odd .content { margin-left: 45px }
    .about .events li.odd .text { margin-left: 0px }
    .about .honor ul { margin: 0 -7px }
    .about .honor .item { margin: 0 7px }
    .about .honor .text { padding: 10px 10px }
    .return { height: 30px; font-size: 14px }
    .detail-top .news-informa .return { font-size: 1.4rem; padding-right: 15px }
    .news-top a { padding: 15px 15px; margin-bottom: 20px }
    .news-top .nw-info { padding: 0px 15px; }
    .news-top .nw-title, .news-top .nw-time { margin-bottom: 5px }
    .news-top .text { font-size: 1.4rem; line-height: 24px; height: 72px }
    .news .list-content .nw-title { font-size: 20px }
    .news .list-content .nw-time span { font-size: 1.8rem }
    .busine .text { font-size: 20px; line-height: 30px; margin-bottom: 40px }
    .item-wrapper .btn-next, .btn-right { right: 0px }
    .item-wrapper .btn-prev, .btn-left { left: 0px }
    .business .desctext { width: 87%; margin-left: 30px }
    .business .item-nikename { margin-bottom: 15px }
    .business .item-infor { line-height: 24px }
    .business .item-nikename span { font-size: 24px }
    .business .inner-box { padding: 15px 20px }
    .business .par-infor, .business .desc-wrod { font-size: 1.4rem; line-height: 26px }
    .business .desc-wrod { margin-left: 120px }
    .business .circum { padding: 0px 0px; font-size: 1.4rem; line-height: 24px }
    .mar60 { margin-bottom: 40px }
    .join .inofor { padding: 20px 20px }
    .join .page-link .text { line-height: 24px }
    .join .working .level-top span { font-size: 2.4rem }
    .join .working .level-top em, .join .working .item p { font-size: 1.6rem }
    .join .padbox { padding: 20px }
    .join .big-top { margin-bottom: 10px }
    .join .big-top h1 { font-size: 3rem; line-height: 3.5rem; }
    .join .big-top p { font-size: 1.6rem }
    .relation .cont .grid { padding: 20px 20px }
    .events-list li { padding: 15px 0 }
    .events-list li span, .events-list li h2 { font-size: 1.6rem }
}
/* media screen mobile phone */
@media only screen and (min-width: 320px) and (max-width:978px) {
    html, body { font-family: "PingFang SC",'Microsoft Yahei','Helvetica Neue',Helvetica,Arial,Simsun,Sans-Serif; }
    .lt, .rt, .noflt { float: none }
    .noflt { width: 100% }
    .text { font-size: 1.4rem; }
    .pc-layer, #Header .nav, #banner .tips, .navgaiter, .leftnav .topbar { display: none }
    .mobile-layer, #Header .menuBtn { display: block }
    .wrap { width: 95%; }
    .h1-title, .nw-title { font-size: 2rem; }
    #Header, .perch { height: 60px; }
    #Header .logo a { line-height: 60px; width: 135px; }
    #Header .right { right: 60px; width: 75px; }
    #Header .lang { margin-right: 5px; }
    #Header .find { width: 20px; background: url(../images/find.png) no-repeat center !important; background-size: 16px auto !important }
    #Header .srechbox { position: fixed; width: 100%; top: 0px; box-sizing: border-box; -webkit-box-sizing: border-box; z-index: 1000 }

    #banner { margin-top: 50px; margin-bottom: 20px }
    #banner-swiper { height: auto }
    #banner-swiper .wall { background: none !important }
    #banner-swiper .wall img { display: block }
    #banner .swiper-pagina { position: absolute; left: 0px; bottom: 0px; z-index: 90; }
    #banner .swiper-pagina span { width: 6px; height: 6px; padding: 0px; margin: 0px 5px; opacity: 0.5 }
    #banner .swiper-pagina span::after { display: none }
    #banner .swiper-pagina span.swiper-pagination-bullet-active { border: 1px solid #ffa200; background: #ffa200; opacity: 1 }
    #Footer { padding: 15px 0px }
    #Footer .share { text-align: center; margin: 0px auto 5px; width: 100px; }
    #Footer .rights { text-align: center }
    #Footer .rights span { margin-right: 10px; font-size: 13px }
    #Footer .rights a { display: block; }
    .pagebanner { margin-top: 60px; }
    .pagebanner p { height: auto; background: none !important }
    .pagebanner p img.pic { display: block }
    .leftnav { width: 100%; position: relative; animation: fadeInDown 0.5s ease-out both; margin-bottom: 20px; }
    .leftnav .menubox { height: 75px; width: 105%; margin: 0 -2.5%; border-bottom: 1px solid #dedede; }
    .leftnav .grid { float: left; width: 25%; height: 100% }
    .leftnav .row2 .grid { width: 50% }
    .leftnav .row3 .grid { width: 33.33% }
    .leftnav .grid a { display: block; width: 100%; padding: 0px 0px; text-align: center; font-size: 15px }
    .leftnav .picbox { position: relative; left: 0px; top: 10px; margin-top: 0px; width: 100%; height: 30px; float: none }
    .leftnav .menubox .picbox { margin-bottom: 0px !important }
    .leftnav .picbox p { width: 30px; line-height: 30px; margin: 0 auto }
    .leftnav .picbox i { width: 30px; height: 30px; line-height: 30px; left: 50%; margin-left: -15px }
    .leftnav .picbox i img { height: 28px; }
    .leftnav .txtbox { margin-left: 0px; height: auto; padding: 12px 0px 0px; }
    .leftnav .txtbox p { font-size: 15px }
    .leftnav .txtbox i { display: none !important }
    .leftnav .txtbox span { display: none }
    .leftnav .grid a:hover, .leftnav .grid a.current { margin-left: 0px }
    .leftnav .grid a:hover .picbox, .leftnav .grid a.current .picbox { margin-top: 0px; width: 100%; height: 30px; left: 0px }
    .leftnav .grid a:hover .txtbox p, .leftnav .grid a.current .txtbox p { font-size: 16px; letter-spacing: 0px }
    .right-main { margin-left: 0px; animation: fadeInDown 0.5s 0.1s ease-out both; }
    .top-news { height: auto; margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #cdcdcd }
    .top-news .imgbar { width: 165px; float: left; }
    .top-news .infor { margin-left: 175px; height: 95px; position: relative; padding-left: 0px; }
    .top-news .nw-time { font-size: 20px; padding-bottom: 0px; margin-bottom: 0px; position: absolute; left: 0px; bottom: 0px; }
    .top-news .nw-time p { font-size: 13px; }
    .top-news .nw-time i { display: none }
    .top-news .nw-title { font-size: 1.5rem; margin-bottom: 0px; }
    .top-news .text { font-size: 1.5rem; line-height: 26px; height: 78px; margin-bottom: 10px; display: none }
    .top-news .more-btn { position: relative; display: none }
    .news-tier { margin-bottom: 10px }
    .news-item { margin-bottom: 20px }
    .news-item .bar-title { height: 35px; margin-bottom: 5px; border-width: 1px; }
    .news-item .bar-title span { font-size: 1.8rem; font-weight: bold }
    .news-item .bar-title a { line-height: 31px }
    .news-item .li-list li { border-bottom: 1px solid #dedede }
    .news-item .li-list li:last-child { border-bottom: none }
    .news-item .li-list a { font-size: 14px }
    .news-item .li-list em { font-size: 12px; }
    .socail .infor p { font-size: 20px; font-weight: normal }
    .page-link ul { margin: 0 -3px; }
    .page-link li { width: 50%; float: left; margin-bottom: 15px }
    .page-link li.mobile-layer { display: block }
    .page-link a { color: #333 }
    .page-link .pic { display: block; margin-bottom: 2px }
    .page-link .pop-layer { position: relative; background: none; height: auto }
    .page-link .infor { margin-left: 0%; text-align: center; display: block; text-align: center; padding: 0px 0px 5px; }
    .page-link .infor p { font-size: 1.6rem; margin-bottom: 0px; float: none; font-weight: normal }
    .page-link .infor i { margin-bottom: 3px; display: none }
    .page-link .infor em { font-size: 12px; margin-left: 0px; width: 100%; padding-top: 0px; }
    .about, .bgImage { background-size: 200% auto; padding-bottom: 100px; background-position: 80% 100% !important }
    .main-content { min-height: 100px }
    .right-main { min-height: 30px }
    .level-title .h1-title { font-size: 2.1rem }
    .level-title .en-title { font-size: 14px }
    .about .cultab { margin-bottom: 0px; padding-bottom: 0px }
    .about .culbox { margin-bottom: 20px }
    .about .culbox ul { margin: 0 -5px }
    .about .culbox li { margin-bottom: 15px }
    .about .culbox .grid { margin: 0 5px; padding-top: 25px; }
    .about .culbox .iconbox img { width: 50px }
    .about .culbox .culdesc { padding: 30px 10px 20px }
    .about .culbox .culdesc h2 { font-size: 18px; letter-spacing: 1px; padding-top: 10px }
    .row-4 li { width: 50%; }
    .about .tabmain { width: 100%; float: none }
    .about .tabnav { float: none; width: 100% }
    .about .tabnav li { float: left; width: 23%; min-height: 114px; padding: 2px 2px; margin: 0 1%; margin-bottom: 0px; font-size: 12px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; }
    .about .tabnav li p { font-size: 14px; text-align: center; display: block }
    .about .tabnav li em { display: none }
    .about .tabnav li i { margin: 5px auto; }
    .about .page-title { width: 100% }
    .about .page-title { height: 40px; line-height: 40px; font-size: 18px; }
    .about .events { padding-top: 30px }
    .about .events .linebar { top: 0px; margin-top: 0px }
    .about .events .content { padding: 15px 0px 20px 0px; border: none !important; }
    .about .events .year, .about .events .boxcell { display: block; height: auto; font-size: 26px }
    .about .events .year { top: -30px; width: 100%; text-align: center }
    .about .events .text { line-height: 26px; font-size: 1.3rem; }
    .about .events .ary, .about .events .onimg { display: none !important }
    .about .events li.even .linebar { right: -6px; }
    .about .events li.even .content { margin-right: 0px; }
    .about .events li.even .text { margin-right: 13px; }
    .about .events li.odd .content { margin-left: 0px; }
    .about .events li.odd .text { margin-left: 13px }
    .about .events li.even .item:hover .year { right: 0px; }
    .about .events li.odd .item:hover .year { left: 0px; }
    .about .honor ul { margin: 0px 0px }
    .about .honor li { width: 100%; float: none; margin-bottom: 15px; }
    .about .honor .item { margin: 0 10px }
    .about .honor .item .pic { text-align: center }
    .about .honor .item .pic img { width: auto; display: inline-block }
    .about .honor .text { padding: 10px 10px; line-height: 24px }
    .news-top { margin-bottom: 20px }
    .news-top a { padding: 0px 0px; margin-bottom: 0px; }
    .news-top .nw-pic { width: 100%; float: none }
    .news-top .nw-info { margin-left: 0px; padding: 15px 15px 15px 15px; }
    .news-top .nw-time { font-size: 1.8rem; margin-bottom: 0px; }
    .news-top .nw-title { font-size: 1.8rem; }
    .news-top .text { font-size: 1.4rem; line-height: 26px; height: 78px }
    .news .list-content li a { padding: 10px 0px; }
    .news .list-content .nw-time { width: 80px; height: 78px }
    .news .list-content .nw-time span { font-size: 1.8rem }
    .news .list-content .nw-info { margin-left: 100px; height: 80px; }
    .news .list-content .nw-title { font-size: 18px; margin-bottom: 6px; }
    .news .list-content .nw-text { font-size: 1.4rem; line-height: 22px; height: 44px }
    .news-content video { width: 100% !important; height: auto }
    .detail-top .h1-title { margin-bottom: 2px }
    .detail-top .news-informa span { margin-right: 15px }
    .detail-top .news-informa .return { font-size: 14px; padding-right: 14px; background-size: auto 12px; height: 30px; width: 32px }
    .news-content p { line-height: 25px !important; margin-bottom: 7px }
    .pagination span, .pagination a { padding: 0 3px; font-size: 14px; }
    .business .pictrue, .business .desc-wrap, .business .introd-img, .business .introd-txt, .business .maps, .business .circum, .join .picbox, .join .textbox { width: 100% }
    .business .este-text { line-height: 26px; padding-bottom: 10px; margin-bottom: 30px }
    .item-wrapper .swiper-slide:hover .name { visibility: visible }
    .item-wrapper .swiper-slide:hover .over p { display: none }
    .item-wrapper .swiper-slide:hover .black { visibility: hidden }
    .item-wrapper .swiper-slide:hover .black * { transform: none; -webkit-transform: none; -moz-transform: none; opacity: 1 }
    .item-wrapper .butn { width: 30px; height: 30px; }
    .item-wrapper .btn-prev, .btn-left { left: 1px; }
    .item-wrapper .btn-next, .btn-right { right: 1px }
    .business .desc-wrap { position: static }
    .business .desctext { width: 95%; margin-left: auto; margin: 0px auto }
    .business .boxtable { display: block; padding-bottom: 20px }
    .business .item-nikename { padding-top: 15px; padding-right: 30px; margin-bottom: 10px }
    .business .item-nikename span { font-size: 21px; font-weight: normal }
    .business .item-nikename a { top: 10px; background-size: auto 16px !important; right: -2% }
    .business .inner-box { padding: 10px 10px }
    .business .par-infor { font-size: 1.4rem; line-height: 25px; }
    .business .par-infor.lt, .business .code-img.lt { float: left }
    .business .par-infor.rt { float: right }
    .business .desc-wrod { margin-left: 115px; font-size: 1.4rem; line-height: 25px; }
    .business .img-show-title { padding-top: 20px; margin-bottom: 10px }
    .business .ablue { padding-bottom: 40px }
    .business .ablue ul { margin: 0px -5px }
    .business .ablue li { width: 50%; margin-bottom: 10px }
    .business .ablue a { margin: 3px 5px }
    .business .layer.mar60 { height: auto !important }
    .maps { margin-bottom: 20px }
    .maps #mapBox { height: 240px !important }
    .inner-banner, .join .job-text, .join .picbox { margin-bottom: 20px; }
    .business .content-box { top: -60px }
    .business .item-present { position: static }
    .padbox { padding: 15px }
    .business .slide-box { position: relative; }
    .business .content-box .butn { width: 30px; height: 30px; bottom: 50%; margin-bottom: -15px; cursor: pointer; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; overflow: hidden }
    .business .content-box .butn i { background-size: auto 12px !important }
    .business .content-box .ary-prev { left: 10px; margin-left: 0px; }
    .business .content-box .ary-next { right: 10px; margin-left: 0px; left: initial }
    .join .tallent-item .item { width: 50%; margin-bottom: 20px }
    .join .tallent-item .infom { border-right-width: 1px }
    .join .tallent-item .item:nth-child(2) .infom { border-right: none }
    .join .tallent-item .pic img { height: 30px; }
    .join .working { background-size: cover !important }
    .join .textbox .grid { margin: 0 15px 10px 40px; min-height: 40px; padding: 10px 15px 10px 50px; }
    .join .textbox .pics { width: 50px; height: 50px; left: -25px; margin-top: -25px; }
    .join .textbox .pics p { line-height: 50px }
    .join .textbox .pics p img { height: 30px }
    .join .textbox .text h2 { margin-bottom: 0px }
    .join .working .level-pad { padding: 20px 20px 40px; }
    .join .working .level-top { margin-bottom: 5px }
    .join .working .level-top span { font-size: 2rem; }
    .join .working .line { margin-bottom: 40px }
    .join .working .item { margin-right: 30px; }
    .join .working .item p { font-size: 1.6rem }
    .join .leveltop, .textBar { margin-bottom: 20px }
    .join .leveltop .padbox { padding: 10px 10px }
    .join .leveltop .pop-layer { position: absolute; background: rgba(0,0,0,0.15); }
    .join .big-top { margin-bottom: 5px }
    .join .big-top h1 { font-size: 18px; line-height: 30px; color: #FFF; letter-spacing: 20px; }
    .join .big-top p { font-size: 14px; color: #FFF }
    .join .leveltop .text { width: 100%; text-shadow: 0px 0px 5px rgba(0,0,0,0.5); color: #FFF; line-height: 20px; }
    .join .srechbox .grid span { font-size: 16px; float: none; margin-bottom: 3px }
    .join .srechbox .grid p { margin-left: 0px }
    .join .srechbox .grid a { margin-right: 5px }
    .join .seek { width: 100%; height: 40px }
    .join .seek p { margin-right: 50px; padding: 0 10px }
    .join .seek .ui-button { height: 40px; width: 50px; background-size: auto 20px }
    .join .th-title { height: 50px; line-height: 50px; font-size: 1.8rem; }
    .join .table-main .job-desc { height: 48px; line-height: 48px; border-bottom: 1px solid #ede2d9 }
    .join .table-main .job-ming { margin: 0px 1%; background-size: auto 20px !important; padding-left: 30px; }
    .join .table-main .job-ment em { background-size: auto 14px !important; right: 0px; }
    .join .job-introd { padding: 15px 0px; }
    .join .job-introd dt { font-size: 18px; }
    .join .job-introd .btn-up { height: 40px; border-radius: 5px; -webkit-border-radius: 5px; }
    .join .job-introd .btn-up span { line-height: 40px; font-size: 16px }
    .social .leftnav .grid, .contact .leftnav .grid { width: 100% }
    .social .leftnav .grid a, .contact .leftnav .grid a { background-size: cover !important }
    .email p { font-size: 14px; }
    .site a { font-size: 16px; }
    .relation .contact span, .relation .contact p { font-size: 1.4rem; line-height: 26px; }
    .year-list { padding-bottom: 5px; margin-bottom: 10px }
    .events-list li { padding: 10px 0px }
    .events-list li a { height: 30px }
    .events-list li span { font-size: 14px; line-height: 30px; }
    .events-list li h2 { margin-left: 88px; font-size: 14px; height: 30px; line-height: 30px; margin-right: 40px; }
    .events-list li em { width: 30px; height: 30px; background-size: 24px auto; }

    .relation .cont { margin-top: 20px }
    .relation .cont ul { margin: 0 0px; }
    .relation .cont li { width: 100%; float: none; margin-bottom: 15px }
    .relation .cont .grid { margin: 0 0px; padding: 15px; }
    .relation .cont h2 { margin-bottom: 10px; height: 30px; }
    .relation .cont .text { line-height: 24px }
    .contact .maps { height: auto }
    .contact .content { position: static; width: 100% }
    .contact .paox { padding: 20px 0px; }
    .contact .content .item { background-size: auto 20px !important; padding-left: 28px; background-position: 0px 5px; margin-bottom: 8px; }

    .popup .content { width: 90%; left: 5%; height: 420px; margin: -220px 0 0 0px; }
    .popup .chose { padding: 15px 15px; margin: 0px 5% 15px; }
    .popup .user li { float: none; width: 100%; margin-bottom: 10px; }
    .popup .user { height: auto }
    .popup .submit-box { margin-top: 10px }
    .desc-text, .business .item-infor, .business .circum, .business .item-present .text, .textBar { line-height: 26px }
    .padbom { padding-bottom: 20px }
    .mar40, .marbom { margin-bottom: 20px }
    .mar60 { margin-bottom: 20px }
    .mob.mar60 { margin-bottom: 40px; }
    .mar80 { margin-bottom: 30px }
    .level-title { margin-bottom: 10px }
    body.flow #banner, body.flow .pagebanner, body.flow #main { transform: translateX(-75%); -webkit-transform: translateX(-75%); -moz-transform: translateX(-75%); }
}
/* keyframes */
.anime { animation-duration: 0.5s; -webkit-animation-duration: 0.5s; -moz-animation-duration: 0.5s; animation-timing-function: ease-out; -webkit-animation-timing-function: ease-out; -moz-animation-timing-function: ease-out; animation-fill-mode: forwards; -webkit-animation-fill-mode: forwards; -moz-animation-fill-mode: forwards; opacity: 0; }
.fadeInDown { animation-name: fadeInDown; -webkit-animation-name: fadeInDown; -moz-animation-name: fadeInDown; }
.fadeInUp { animation-name: fadeInUp; -webkit-animation-name: fadeInUp; -moz-animation-name: fadeInUp; }
.fadeInLeft { animation-name: fadeInLeft; -webkit-animation-name: fadeInLeft; -moz-animation-name: fadeInLeft; }
.fadeInRight { animation-name: fadeInRight; -webkit-animation-name: fadeInRight; -moz-animation-name: fadeInRight; }

@keyframes anifade {
    0% { opacity: 0 }
    50% { opacity: 1 }
    90% { opacity: 1 }
    100% { opacity: 0 }
}

@-webkit-keyframes anifade {
    0% { opacity: 0 }
    50% { opacity: 1 }
    90% { opacity: 1 }
    100% { opacity: 0 }
}

@-moz-keyframes anifade {
    0% { opacity: 0 }
    50% { opacity: 1 }
    90% { opacity: 1 }
    100% { opacity: 0 }
}

@keyframes slideDown {
    0% { opacity: 1; transform: translateY(0px) scale(1); -webkit-transform: translateY(0px) scale(1); -webkit-transform: translateY(0px) scale(1) }
    100% { opacity: 0.4; transform: translateY(6px) scale(0.5); -webkit-transform: translateY(6px) scale(0.5); -webkit-transform: translateY(6px) scale(0.5) }
}

@-webkit-keyframes slideDown {
    0% { opacity: 1; -webkit-transform: translateY(0px) scale(1); }
    100% { opacity: 0.4; -webkit-transform: translateY(6px) scale(0.5); }
}

@-moz-keyframes slideDown {
    0% { opacity: 1; -moz-transform: translateY(0px) scale(1); }
    100% { opacity: 0.4; -moz-transform: translateY(6px) scale(0.5); }
}

@keyframes anifadeUp {
    0% { transform: translateY(0px); -webkit-transform: translateY(0px); -moz-transform: translateY(0px); }
    50% { transform: translateY(-5px); -webkit-transform: translateY(-5px); -moz-transform: translateY(-5px); }
    90% { transform: translateY(2px); -webkit-transform: translateY(2px); -moz-transform: translateY(2px); }
    100% { transform: translateY(0px); -webkit-transform: translateY(0px); -moz-transform: translateY(0px); }
}

@-webkit-keyframes anifadeUp {
    0% { -webkit-transform: translateY(0px); }
    50% { -webkit-transform: translateY(-5px); }
    90% { -webkit-transform: translateY(2px); }
    100% { -webkit-transform: translateY(0px); }
}

@-moz-keyframes anifadeUp {
    0% { -moz-transform: translateY(0px); }
    50% { -moz-transform: translateY(-5px); }
    90% { -webkit-transform: translateY(2px); }
    100% { -moz-transform: translateY(0px); }
}

@keyframes zoomIn {
    0% { opacity: 0.9; transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); }
    100% { opacity: 1; transform: none; -webkit-transform: none; -moz-transform: none; }
}

@-webkit-keyframes zoomIn {
    0% { opacity: 0.9; transform: scale(1.1); -webkit-transform: scale(1.1); }
    100% { opacity: 1; transform: none; -webkit-transform: none; }
}

@-moz-keyframes zoomIn {
    0% { opacity: 0.9; -moz-transform: scale(1.1); }
    100% { opacity: 1; -moz-transform: none; }
}

@keyframes fadeInDown {
    0% { opacity: 0; transform: translate(0px,50px); -webkit-transform: translate(0px,50px); -moz-transform: translate(0px,50px); }
    100% { opacity: 1; transform: none; -webkit-transform: none; -moz-transform: none; }
}

@-webkit-keyframes fadeInDown {
    0% { opacity: 0; transform: translate(0px,50px); -webkit-transform: translate(0px,50px); }
    100% { opacity: 1; transform: none; -webkit-transform: none; }
}

@-moz-keyframes fadeInDown {
    0% { opacity: 0; -moz-transform: translate(0px,50px); }
    100% { opacity: 1; -moz-transform: none; }
}

@keyframes fadeInLeft {
    0% { opacity: 0; transform: translate(-50px,0px); -webkit-transform: translate(-50px,0px); -moz-transform: translate(-50px,0px); }
    100% { opacity: 1; transform: none; -webkit-transform: none; -moz-transform: none; }
}

@-webkit-keyframes fadeInLeft {
    0% { opacity: 0; transform: translate(-50px,0px); -webkit-transform: translate(-50px,0px); }
    100% { opacity: 1; transform: none; -webkit-transform: none; }
}

@-moz-keyframes fadeInLeft {
    0% { opacity: 0; -moz-transform: translate(-50px,0px); }
    100% { opacity: 1; -moz-transform: none; }
}

@keyframes fadeInRight {
    0% { opacity: 0; transform: translate(50px,0px); -webkit-transform: translate(50px,0px); -moz-transform: translate(50px,0px); }
    100% { opacity: 1; transform: none; -webkit-transform: none; -moz-transform: none; }
}

@-webkit-keyframes fadeInRight {
    0% { opacity: 0; transform: translate(50px,0px); -webkit-transform: translate(50px,0px); }
    100% { opacity: 1; transform: none; -webkit-transform: none; }
}

@-moz-keyframes fadeInRight {
    0% { opacity: 0; -moz-transform: translate(50px,0px); }
    100% { opacity: 1; -moz-transform: none; }
}

@keyframes smallIn {
    0% { opacity: 0; transform: scale(0.2); -webkit-transform: scale(0.2); -moz-transform: scale(0.2); }
    100% { opacity: 1; transform: none; -webkit-transform: none; -moz-transform: none; }
}

@-webkit-keyframes smallIn {
    0% { opacity: 0; transform: scale(0.2); -webkit-transform: scale(0.2); }
    100% { opacity: 1; transform: none; -webkit-transform: none; }
}

@-moz-keyframes smallIn {
    0% { opacity: 0; -moz-transform: scale(0.2); }
    100% { opacity: 1; -moz-transform: none; }
}

.nodata { text-align: center; padding: 50px; }
.webuploader-container { position: relative; }
.webuploader-element-invisible { position: absolute !important; clip: rect(1px 1px 1px 1px); /* IE6, IE7 */ clip: rect(1px,1px,1px,1px); }
.webuploader-pick-disable { opacity: 0.6; pointer-events: none; }
.wrap.rela.inner-content { z-index: 90; }
.business .item-present::-webkit-scrollbar { width: 5px; height: 8px; background-color: rgba(210, 210, 210, 0.48); -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 0; }
.business .item-present::-webkit-scrollbar-thumb { background-color: rgba(123, 121, 121, 0.7); -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 0; }