@charset "utf-8";
/* CSS Document */
/* stone web public */
/* @font-face{
  font-family: "NotoSansHant";
  src: url("SourceHanSansCN-Regular.ttf") format("truetype");
} */
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: 0; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, iframe { display: block; }
fieldset, img { border: 0; max-width: 100%; }
address, caption, cite, code, dfn, em, var, i { font-weight: normal; font-style: normal; }
ol, ul, dl, li { list-style: none; }
h1, h2, h3, h4, h5, h6, button, input, select, textarea { font-size: 100%; }
input, textarea, input:focus, textarea:focus { outline: none; }
ul:after, dl:after { content: ""; display: block; height: 0; line-height: 0px; clear: both; visibility: hidden; overflow: hidden; }
body { font: 14px/1.5 -apple-system,BlinkMacSystemFont,"PingFang SC", "Microsoft YaHei", Helvetica,Tahoma,arial,simsun,sans-serif; outline: none; background-color: #FFF; color: #333; min-width: 320px; -webkit-text-size-adjust: none; }
html.mic, html.mic body { width: 100%; height: 100%; position: relative; overflow: hidden; }
a { color: #666; text-decoration: none; outline: none; -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-tap-highlight-color: transparent; }
a:hover { color: #c7000a; outline: none; }
img { vertical-align: middle; }
.fl { float: left; }
.fr { float: right; }
.cler { clear: both; width: 100%; overflow: hidden; height: 0; line-height: 0px; }
.clr:after, .clr after, .clr::after, .wrap:after, .wrap::after { content: "-"; display: block; height: 0; clear: both; overflow: hidden; }
.both { clear: both; overflow: hidden; height: 20px; }
.box { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }
.ts { transition: all .35s; -webkit-transition: all .35s; -moz-transition: all .35s; }
.opaci { filter: alpha(opacity=0); opacity: 0; }
.wrap { max-width: 1520px; width: 80%; height: auto; margin: 0 auto; }
.wrap1 { max-width: 100%; width: 96%; height: auto; margin: 0 auto; }
.hidden { overflow-x: hidden; }
.dom-hide { opacity: 0; visibility: hidden; }
::-webkit-scrollbar-track-piece,
::-webkit-scrollbar,
::-webkit-scrollbar-thumb { width: 6px; }

::-webkit-scrollbar-track-piece { background-color: rgba(255,255,255,0.6); }

::-webkit-scrollbar { background-color: rgba(255,255,255,0.6); }

::-webkit-scrollbar-thumb { background-color: #999; }

::-webkit-scrollbar-thumb:hover { background-color: #999; }
/* public */
#Header, #Footer, #container, .w100, .layer, .wrapper { width: 100%; }
.tab-main { width: 100%; position: relative; }
.table { display: table; width: 100%; height: 100%; }
.table-row { display: table-row; width: 100%; height: 100%; }
.tab-cell { display: table-cell; width: 100%; height: 100%; vertical-align: middle; }
.nosel, .page-menu .column-tag { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.text { font-size: 14px; line-height: 28px; text-align: justify; color: #666; }
.word { font-size: 18px; }
.title { font-size: 18px; }
.mdtitle { font-size: 20px; }
.cltitle { font-size: 20px; }
.imgs { display: block; width: 100%; height: auto; }
.pc-picture, .mobile-picture { width: 100%; text-align: center; }
.mobile-picture { display: none; }
.noflt { float: none !important; }
.mar80 { margin-bottom: 80px; }
.mar60 { margin-bottom: 60px; }
.mar40 { margin-bottom: 40px; }
.borpad { border-bottom: 1px solid #a8a8a8; padding-bottom: 50px; }

/* transition */
.ts, #Header .nav li:after, .slidebox .roll-botn, .webBanner .formats i:after, .column-title a:after, .page-menu .page-nav a, #container .layer-list a, #container .layer-list a:after, #container .layer-list p, #container .news-top .news-title p, #container .news-top .news-title p:after, .news .news-head li a, .news .news-head li a h1, .news .news-head li a p, .news .news-head li a img, .about .struc .tab-nav a, .busines .video-wrap span, .news .paper-list li a, .busines .tab-nav a, .pl_bu { transition: all .4s; -webkit-transition: all .4s; -moz-transition: all .4s; }
/* anim */
.ani-box, [data-animation="ani-up"], [data-animation="ani-down"], [data-animation="ani-left"], [data-animation="ani-right"] { display: block; visibility: hidden; visibility: visible\9; opacity: 0; transition: all .5s; -webkit-transition: all .5s; -moz-transition: all .5s; }
.ani-box { width: 100%; }
.ani-up, [data-animation="ani-up"] { transform: translateY(-20%); -webkit-transform: translateY(-20%); -moz-transform: translateY(-20%); }
.ani-down, [data-animation="ani-down"] { transform: translateY(20%); -webkit-transform: translateY(20%); -moz-transform: translateY(20%); }
.ani-left, [data-animation="ani-left"] { transform: translateX(-20%); -webkit-transform: translateX(-20%); -moz-transform: translateX(-20%); }
.ani-right, [data-animation="ani-right"] { transform: translateX(20%); -webkit-transform: translateX(20%); -moz-transform: translateX(20%); }
.show .ani-box, .show > [data-animation="ani-up"], .show > [data-animation="ani-down"], .show > [data-animation="ani-left"], .show > [data-animation="ani-right"] { transform: none; -webkit-transform: none; -moz-transform: none; visibility: visible; opacity: 1; }
/* loading */
#loading { width: 100%; height: 100%; position: fixed; top: 0px; left: 0px; z-index: 10000; zoom: 1; overflow: hidden; }
#loading .wall { width: 100%; height: 100%; animation: scaleIn 5s ease-out infinite both; -webkit-animation: scaleIn 5s ease-out infinite both; -moz-animation: scaleIn 5s ease-out infinite both; }
#loading .load-logo { width: 259px; height: 70px; position: absolute; top: 50%; left: 50%; margin-left: -113px; margin-top: -150px; z-index: 100; zoom: 1; }
#loading .load-logo em { display: block; width: 100%; height: 100%; }
#loading .load-logo p { display: block; width: 100%; height: 100%; position: absolute; top: 0px; right: 0px; overflow: hidden; }
#loading .load-logo .anim { animation: shrink 1.5s ease-in both; -webkit-animation: shrink 1.5s ease-in both; -moz-animation: shrink 1.5s ease-in both; }
#loading .load-logo span { display: block; width: 259px; height: 70px; position: absolute; top: 0px; right: 0px; }
#loading .load-logo img { display: block; width: 100%; }
#loading.hide { animation: hideUp 1s ease both; -webkit-animation: hideUp 1s ease both; -moz-animation: hideUp 1s ease both; }
/* Header */
#Header { height: 100px; position: fixed; top: 0px; left: 0px; z-index: 9000; transition: all .5s; -webkit-transition: all .5s; -moz-transition: all .5s;  box-shadow: 0px 0px 10px rgba(0,0,0,0.25); }
#Header .pcMenu { width: 100%; height: 100%; position: relative; z-index: 1000;  transition: all .35s; -webkit-transition: all .35s; -moz-transition: all .35s;background: rgba(255,255,255,0.5);  }
#Header .bgColor { background: rgba(255,255,255,1); background: #FFFFFF;\9 }
#Header .wrap { height: 100%; position: relative; }
#Header .logo { float: left; height: 100%; position: relative; position: absolute; top: 0px; left: 20px; }
#Header .logo a { display: block; height: 100%; vertical-align: middle; line-height: 100px; position: relative; }
#Header .logo img { vertical-align: middle; }
#Header .logo p { display: none; width: 160px; line-height: 35px; font-weight: bold; padding-left: 15px; font-size: 18px; color: #ca0d16; position: absolute; bottom: 20px; left: 100%; }
#Header .menu { float: right; height: 100%; padding-right: 0; position: relative; }
#Header .nav { float: left; height: 100%; position: relative; z-index: 100; }
#Header .nav ul { height: 100%; width: 100%; }
#Header .nav li { float: left; height: 100%; display: block; position: relative; }
#Header .nav li:after { content: ""; display: none; width: 100%; height: 0%; position: absolute; left: 0px; bottom: 0px; background: rgba(199,0,10,0.5); }
#Header .nav li a.m { display: block; font-size: 16px; padding: 0px 17px; position: relative; line-height: 100px; color: #333; z-index: 1; transition: all .35s; -webkit-transition: all .35s; -moz-transition: all .35s; }
#Header .sunmenu { width: 800px; height: 0px; position: absolute; left: 50%; top: 100px; z-index: 100; overflow: hidden; margin-left: -400px; }
#Header .black-wall { width: 100%; height: 0px; position: fixed; left: 0px; top: 100px; background: rgba(0,0,0,0.5); background: #000\9; filter: alpha(opacity = 50); transition: all .35s; -webkit-transition: all .35s; -moz-transition: all .35s; }
/* #Header .about-nav { width: 400px; } */


#Header .product-nav{width: auto; margin-left: 0 !important; left: 0 !important; transform: translateY(-10px); transition: transform .2s;}

#Header .product-nav .black-wall{
	position: absolute;
	height: 100% !important;
	top: 0 !important;
	z-index: 5;
}

#Header .nav li:hover .product-nav{
	height: auto !important;
	transform: translateY(0);
}

#Header .nav .product-nav .menuBlack{
	position: relative;
	z-index: 6;
}

#Header .sunmenu.product-nav p{
	display: block;
	white-space: nowrap;
}

#Header .product-nav .menuBlack, #Header .product-nav .menuBlack .sunbox{
	position: initial;
	height: auto !important;
}

#Header .menuBlack { width: 100%; height: 0px; position: absolute; left: 0px; top: 0px; z-index: 5; zoom: 1; }
#Header .sunbox { width: 100%; height: 50px; position: absolute; left: 0px; bottom: 0px; text-align: center; }
#Header .sunmenu p { display: inline-block; margin: 0px 33px; line-height: 50px; }
#Header .sunmenu a { color: #FFF; transition: all .35s; -webkit-transition: all .35s; -moz-transition: all .35s; }
#Header .nav li:hover:after { height: 100%; }
#Header .nav li:hover .sunmenu, #Header .nav li:hover .menuBlack, #Header .nav li:hover .black-wall { height: 50px; }
#Header .nav li.current a.m, #Header .sunmenu a:hover, #Header .lang a:hover, #mobileNav .mobile-nav a:hover, #mobileNav .foot-oa a:hover { color: #c7000a; }
#Header .nav li:hover a.m, #Header .nav li.current a.m:hover { color: #ca0d16; }
#Header .lang-find { float: right; height: 100%; margin: 0px auto 0px 0; }
#Header .lang { float: right; height: 70px; line-height: 40px; margin: 30px 0px 0px 20px; position: relative; color: #4d4d4d; font-size: 16px; }
#Header .lang:after { display: block; width: 1px; height: 14px; position: absolute; left: 25px; top: 50%; margin-top: -7px; background: #4d4d4d; }
#Header .lang a { color: #333; display: block; margin: 0px 5px; float: right; }
#Header .zi-web { float: right; height: 100%; margin-left: 15px; position: relative; }
#Header .zi-web span { display: block; height: 100%; }
#Header .zi-web ul { width: 120px; position: absolute; top: 80px; left: 50%; margin-left: -60px; background: url(../images/black.png); opacity: 0; visibility: hidden; transition: all .5s; -webkit-transition: all .5s; -moz-transition: all .5s; }
#Header .zi-web li { display: block; height: 30px; line-height: 30px; }
#Header .zi-web li a { color: #FFF; font-size: 14px; font-weight: normal; }
#Header .zi-web:hover ul { opacity: 1; visibility: visible; top: 70px; }

#Header .find { float: left; width: 70px; }
#Header .find a { display: block; width: 66px; height: 20px; position: relative; margin: 39px 0px 39px 0px; border: 1px solid #535353; border-radius: 20px; -webkit-border-radius: 20px; background: url(../images/find.png) no-repeat center right; }
#Header .find-search { width: 240px; height: 50px; background: rgba(0,0,0,0.75); position: absolute; top: 100px; right: 0px; visibility: hidden; }
#Header .find-search p { display: block; width: 160px; height: 30px; float: left; margin: 10px; }
#Header .find-search .ui-input { width: 150px; height: 30px; padding: 0px 5px; border: none; }
#Header .find-search .ui-btn { float: right; width: 50px; height: 30px; margin: 10px 10px 10px 0px; background: url(../images/find.png) no-repeat center #FFF; }
#Header .find:hover .find-search { visibility: visible; }
#Header .nav-btn { width: 40px; height: 40px; position: absolute; top: 50%; right: 20px; margin-top: -20px; cursor: pointer; display: none; }
#Header .nav-btn i, #Header .nav-btn b, #Header .nav-btn p { display: block; width: 20px; height: 2px; position: absolute; left: 10px; background: #4d4d4d; }
#Header .nav-btn i { top: 12px; }
#Header .nav-btn b { top: 50%; margin-top: -1px; }
#Header .nav-btn p { bottom: 12px; }
#Header .nav-btn:hover i, #Header .nav-btn:hover b, #Header .nav-btn:hover p { background: #c7000a; }
#Header .mobileNav { width: 100%; height: 100%; position: fixed; top: 0px; left: 0px; z-index: 1100; overflow-y: auto; overflow: hidden; display: none; }


































#mobileNav .base { width: 100%; height: 100%; background: rgba(0,0,0,0.5); }
#mobileNav .mobile-menu { width: 385px; height: 100%; position: absolute; top: 0px; right: -390px; z-index: 1000; background: #373433; }
#mobileNav .mobile-top { width: 100%; height: 60px; margin: 0 auto 10px; padding-top: 10px; }
#mobileNav .close-menu { width: 40px; height: 40px; float: right; margin: 10px 30px; position: relative; cursor: pointer; }
#mobileNav .close-menu i, #mobileNav .close-menu b { display: block; width: 24px; height: 2px; position: absolute; left: 8px; top: 50%; margin-top: -1px; background: #FFF; }
#mobileNav .close-menu i { transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); }
#mobileNav .close-menu b { transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); }
#mobileNav .close-menu:hover i, #mobileNav .close-menu:hover b { background: #c7000a; }
#mobileNav .mobile-nav { width: 100%; margin-bottom: 60px; }
#mobileNav .mobile-nav li { display: block; padding: 0px 30px 17px; }
#mobileNav .mobile-nav a { display: inline-block; color: #FFF; }
#mobileNav .cm-link { width: 100%; margin-bottom: 5px; font-size: 18px; }
#mobileNav .subnavg p { display: inline-block; margin-right: 20px; line-height: 28px; }
#mobileNav .subnavg p:last-child { margin-right: 0px; }
#mobileNav .foot-oa { width: 100%; }
#mobileNav .foot-oa p { display: block; float: left; padding: 100px 30px 0px; }
#mobileNav .foot-oa a { display: inline-block; margin-right: 15px; color: #FFF; font-size: 16px; }
#mobileNav .foot-oa h1 { display: block; float: right; font-weight: normal; color: #FFF; margin-right: 30px; }
#mobileNav .foot-oa span { display: block; margin-bottom: 5px; }
#mobileNav .foot-oa img { vertical-align: middle; width: 95px; }
#mobileNav .foot-oa em { display: block; text-align: center; }
#mobileNav .mobile-menu.show { right: 0px; }
#Header.downIn { transform: translate(0px,-100%); -webkit-transform: translate(0px,-100%); -moz-transform: translate(0px,-100%); }
/* Footer */
#Footer { position: relative; background: #e8e8e8; padding: 15px 0px; }
#Footer .wrap { color: #333; font-size: 14px; line-height: 24px; }
#Footer .foot-menu { position: relative; padding: 20px 0px 30px; }
#Footer .foot-menu ul { float: left; }
#Footer .foot-menu li { display: block; float: left; margin-right: 50px; }
#Footer .foot-menu h1 { display: block; font-weight: 300; margin-bottom: 5px; font-weight: 600; }
#Footer .foot-menu a { display: inline-block; color: #3f3f3f; }
#Footer .foot-menu h1 a { font-size: 15px; }
#Footer .subnavg { line-height: 25px; padding: 0px 3px; }
#Footer .subnavg a { color: #777; font-size: 14px; }
#Footer .qr-code { width: 107px; height: 147px; float: right; text-align: center; }
#Footer .foot-right { padding: 15px 0px 0px; border-top: 1px solid #FFF; height: 30px\9; color: #666; }
#Footer .copy-right span { display: inline-block; margin-right: 20px; }
#Footer .law-support a { display: inline-block; margin-left: 30px; color: #666; float: right; }
#Footer .wrap a:hover { color: #c7000a; }
.webBGM { width: 0px; height: 0px; position: absolute; top: 0px; left: 0px; overflow: hidden; }
/* web-banner */
#banner { width: 100%; position: relative; margin-bottom: 40px; overflow: hidden; }
#banner .slidebox { width: 100%; position: relative; overflow: hidden; }
#banner .slidebox .roll-container { width: 100%; height: 100%; overflow: hidden; }
#banner .slidebox .roll-wrapper { width: 100%; height: 100%; }
#banner .slidebox .roll-box { width: 100%; height: 100%; float: left; }
#banner .slidebox .roll-box a, .slidebox .roll-box p { display: block; width: 100%; position: relative; }
#banner .slidebox .roll-box img { display: block; width: 100%; height: auto; }
#banner .slidebox .controls { width: 100%; height: auto; position: absolute; left: 0px; bottom: 20px; display: none; }
#banner .slidebox .botn { height: 15px; width: 92%; max-width: 1400px; margin: 0 auto; }
#banner .slidebox .botn span { display: inline-block; width: 10px; height: 10px; border-radius: 5px; margin-right: 10px; background: #FFF; cursor: pointer; }
#banner .slidebox .botn span.active { background: #e56b14; width: 30px; }
#banner .slidebox .roll-botn { width: 32px; height: 60px; position: absolute; top: 50%; margin-top: -30px; overflow: hidden; }
#banner .slidebox .roll-botn p { display: block; width: 20px; height: 100%; }
#banner .slidebox .prev { left: -35px; background: url(../images/lt-wal.png) no-repeat center left; }
#banner .slidebox .next { right: -35px; background: url(../images/rt-wal.png) no-repeat center left; }
#banner .slidebox .prev p { float: left; background: url(../images/prev.png) no-repeat center; background-size: auto 15px; }
#banner .slidebox .next p { float: right; margin-right: 3px; background: url(../images/next.png) no-repeat center; background-size: auto 15px; }
#banner .slidebox .prev:hover { background: url(../images/lt-wal-on.png) no-repeat center left; }
#banner .slidebox .next:hover { background: url(../images/rt-wal-on.png) no-repeat center left; }
#banner .slidebox:hover .prev { left: 0px; }
#banner .slidebox:hover .next { right: 0px; }
#banner .formats { width: 100%; height: 100px; position: absolute; left: 0px; bottom: 0px; background: url(../images/w-bg.png) repeat; z-index: 100; }
#banner .am { animation: upIn 0.5s ease-out both; -webkit-animation: upIn 0.5s ease-out both; -moz-animation: upIn 0.5s ease-out both; }
#banner .formats .wrap { height: 100%; position: relative; }
#banner .formats ul { width: 100%; height: 100%; position: relative; z-index: 10; zoom: 1; }
#banner .formats li { width: 20%; display: block; float: left; padding: 28px 0px; text-align: center; position: relative; background: url(../images/line.png) no-repeat right center; }
#banner .formats li a { display: inline-block; color: #333; position: relative; z-index: 10; height: 100%; }
#banner .formats i { display: block; width: 44px; height: 44px; line-height: 40px; vertical-align: middle; float: left; position: relative; }
#banner .formats i img { vertical-align: middle; display: none; }
/* #banner .formats i:after{content:"";display:block;width:42px;height:42px;border:1px solid #c7000a;border-radius:50%;-weblit-border-radius:50%;position:absolute;top:0px;left:0px;transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);opacity:0;visibility:hidden} */
#banner .formats i.ia { background: url(../images/icon7.png) no-repeat center; }
#banner .formats i.ib { background: url(../images/h-icon2.png) no-repeat center; }
#banner .formats i.ic { background: url(../images/h-icon3.png) no-repeat center; }
#banner .formats i.id { background: url(../images/h-icon6.png) no-repeat center; }
#banner .formats i.ie { background: url(../images/h-icon5.png) no-repeat center; }
#banner .formats p { display: block; margin-left: 54px; text-align: left; height: 44px; }
#banner .formats span { display: block; font-size: 18px; line-height: 44px; }
#banner .formats em { display: block; font-size: 12px; line-height: 14px; text-transform: uppercase; }
#banner .formats .red-bg { width: 100%; height: 100%; position: absolute; top: 0%; left: 0px; background: url(../images/red.png) repeat; visibility: hidden; opacity: 0; }
#banner .formats li:hover a { color: #FFF; }
#banner .formats li:hover img { transform: scale(0.65); -webkit-transform: scale(0.65); -moz-transform: scale(0.65); }
#banner .formats li:hover i:after { transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); opacity: 1; visibility: visible; }
#banner .formats li:hover i.ia { background: url(../images/icon7-w.png) no-repeat center; }
#banner .formats li:hover i.ib { background: url(../images/h-icon2-on.png) no-repeat center; }
#banner .formats li:hover i.ic { background: url(../images/h-icon3-on.png) no-repeat center; }
#banner .formats li:hover i.id { background: url(../images/h-icon6-on.png) no-repeat center; }
#banner .formats li:hover i.ie { background: url(../images/h-icon5-on.png) no-repeat center; }
#banner .formats li:hover .red-bg { visibility: visible; opacity: 1; }
#banner .formats .mov-bar { width: 20%; height: 100%; background: #ca0d16; position: absolute; top: 0px; left: 0px; opacity: 0; visibility: hidden; }
#banner .formats .mov-bar.on { opacity: 1; visibility: visible; }
.webBanner .formats li:hover a { color: #c7000a; }
.page-banner { width: 100%; }
.page-banner p, .page-banner img { display: block; width: 100%; }

/* Business */
.wrapper { padding: 40px 0px; width: 100%; }
.busines .border { border: 1px solid #dcdcdc; }
.busines .busi-infor { margin-bottom: 40px; }
.busines .lease { width: 100%; padding-bottom: 20px; position: relative; }
.busines .tab-nav { width: 100%; height: 50px; border-bottom: 1px solid #c7000a; background: #e5e5e5; margin-bottom: 40px; cursor: pointer; }
.busines .tab-nav a { display: block; height: 100%; color: #ca0d16; font-size: 18px; text-align: center; }
.busines .tab-nav span { display: block; line-height: 50px; border-left: 1px solid #fff; }
.busines .tab-nav a:first-child span, .busines .tab-nav a.nobor span { border-left: 0px solid #ca0d16; }
.busines .tab-nav a.active, .busines .tab-nav a:hover { background: #ca0d16; color: #FFF; }
.busines .row6 a { display: block; width: 25%; float: left; }
.busines .lease-tier { width: 100%; margin-bottom: 40px; }
.busines .lease-img { width: 29%; }
.busines .lease-box { width: 66%; padding-top: 60px; }
.busines .lease-build { border: 1px solid #dcdcdc; padding: 20px; }
.busines .sc-contact { margin-bottom: 20px; width: 100%; line-height: 30px; font-size: 16px; font-weight: bold; }
.busines .lease-item { width: 100%; margin-bottom: 20px; background: #f4f4f4; position: relative; }
.busines .lease-item .lease-intro { width: 50%; height: 100%; position: absolute; top: 0%; left: 0px; }
.busines .lease-item .lease-desc { padding: 3% 20px; height: 92%; }
.busines .lease-item .lease-image { width: 50%; position: relative; }
.busines .lease-item .lease-image img { display: block; width: 100%; }
.busines .shop-intro { position: relative; }
.busines #owl-shop { width: 73%; height: auto; position: relative; margin: 0px auto; }
.busines #owl-shop .item { margin: 0 0%; width: 100%; position: relative; }
.busines #owl-shop .idea-img { width: 100%; position: relative; overflow: hidden; margin-bottom: 15px; }
.busines #owl-shop .idea-img img { transition: all 0.35s; -webkit-transition: all 0.35s; -moz-transition: all 0.35s; }
.busines #owl-shop .text-box { width: 100%; padding: 10px 0px; line-height: 24px; text-align: center; position: absolute; left: 0px; bottom: 0px; background: url(../images/black2.png) repeat; color: #FFF; }
.busines #owl-shop .text-box p { display: block; padding: 0px 15px; }
.busines #owl-shop .item:hover img { transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); }
.busines #owl-shop .owl-controls { display: none !important; }
.busines .shop-intro .btn-ary { width: 22px; height: 28px; position: absolute; top: 50%; margin-top: -28px; cursor: pointer; z-index: 1000; opacity: 0; }
.busines .shop-intro .ary-prev { left: 10%; background: url(../images/lt-prev.png) no-repeat center; }
.busines .shop-intro .ary-prev:hover { background: url(../images/lt-prev-on.png) no-repeat center; }
.busines .shop-intro .ary-next { right: 10%; background: url(../images/rt-next.png) no-repeat center; }
.busines .shop-intro .ary-next:hover { background: url(../images/rt-next-on.png) no-repeat center; }
.busines .shop-intro:hover .ary-prev { left: 8%; opacity: 1; }
.busines .shop-intro:hover .ary-next { right: 8%; opacity: 1; }
.busines .changdi { background: #efefef; padding: 20px 25px; }
.busines .list-carousel { width: 100%; position: relative; }
.busines #owl-list { width: 73%; height: auto; position: relative; margin: 0px auto; }
.busines #owl-list .item { margin: 0 0%; width: 100%; position: relative; }
.busines #owl-list .idea-img { width: 100%; position: relative; overflow: hidden; margin-bottom: 15px; }
.busines #owl-list .idea-img img { width: 100%; display: block; transition: all 0.35s; -webkit-transition: all 0.35s; -moz-transition: all 0.35s; }
.busines #owl-list .item:hover img { transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); }
.busines #owl-list .owl-controls { display: none !important; }
.busines .list-carousel .btn-ary { width: 22px; height: 28px; position: absolute; top: 50%; margin-top: -28px; cursor: pointer; z-index: 1000; }
.busines .list-carousel .ary-prev { left: 5%; background: url(../images/lt-prev.png) no-repeat center; }
.busines .list-carousel .ary-prev:hover { background: url(../images/lt-prev-on.png) no-repeat center; }
.busines .list-carousel .ary-next { right: 5%; background: url(../images/rt-next.png) no-repeat center; }
.busines .list-carousel .ary-next:hover { background: url(../images/rt-next-on.png) no-repeat center; }
.busines .build-name { margin-bottom: 20px; font-weight: bold; font-size: 16px; }
.busines .build-infor { line-height: 35px; }
.busines .approve-list { width: 100%; }
.busines .approve-list h1 { display: block; font-weight: normal; margin-bottom: 20px; }
.busines .approve-list ul { margin: 0px -40px; }
.busines .approve-list li { display: block; float: left; width: 33.33%; }
.busines .approve-list .gird { margin: 0px 40px; }
.busines .approve-list .appr-img { margin-bottom: 15px; }
.busines .shop-title { width: 100%; margin-bottom: 15px; color: #3d3d3d; }
.busines .shop-title p { display: block; width: 100%; color: #ca0d16; margin-bottom: 10px; }
.busines .shop-title i { display: block; width: 26px; height: 2px; background: #ca0d16; }
.busines .shop-box { width: 50%; }
.busines .shop-img { width: 45%; }
.busines .juli-title, .busines .juli-layer { margin-bottom: 40px; width: 100%; }
.busines .juli-img { width: 46.34%; }
.busines .juli-intron { width: 46.26%; line-height: 35px; }
.busines .list-box { width: 100%; }
.busines .list-box li { display: block; float: left; margin-bottom: 20px; }
.busines .list-box .grid-pic { width: 100%; text-align: center; overflow: hidden; }
.busines .list-box .grid-pic img { display: block; width: 100%; transition: all 0.35s; -webkit-transition: all 0.35s; -moz-transition: all 0.35s; }
.busines .list-box .grid-infor { padding: 20px 0px; text-align: center; line-height: 30px; }
.busines .list-box .list-grid:hover .grid-pic img { transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); }
.busines .list-row2 ul { margin: 0px -10px; }
.busines .list-row2 li { width: 50%; }
.busines .list-row2 .list-grid { margin: 0px 10px; }
.busines .list-row3 ul { margin: 0px -7px; }
.busines .list-row3 li { width: 33.33%; }
.busines .list-row3 .list-grid { margin: 0px 7px; }
.busines .sales-layer { width: 100%; position: relative; margin-top: 40px; background: #f4f4f4; }
.busines .sales-intro { float: left; width: 50%; height: 100%; position: absolute; top: 0px; left: 0px; }
.busines .padd-wrap { padding: 15px 20px; height: 91%; }
.busines .sales-intro .box-text { width: 100%; height: 100%; }
.busines .sales-images { float: right; width: 50%; }
.busines .sales-images img { display: block; width: 100%; }
.busines .layer-adver { position: relative; transition: all 0.35s; -webkit-transition: all 0.35s; -moz-transition: all 0.35s; margin-bottom: 40px; }
.busines .adver-img { width: 57.14%; position: relative; }
.busines .adver-img img { vertical-align: middle; display: block; width: 100%; }
.busines .layer-adver:hover { background: #f4f4f4; }
.busines .video-poster { width: 100%; position: relative; }
.busines .video-poster span { display: block; width: 72px; height: 72px; position: absolute; top: 50%; left: 50%; margin-left: -36px; margin-top: -36px; background: url(../images/play.png) no-repeat center; cursor: pointer; }
.busines .video-poster .playIng { transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); opacity: 0; visibility: hidden; }
.busines .video-box { width: 100%; position: relative; display: none; }
.busines .videoBox { width: 100%; }
.busines .videoBox video { width: 100%; }
.busines .adver-desc { width: 43%; height: 100%; position: absolute; top: 0px; right: 0px; }
.busines .adware-text { padding: 0px 40px; }
.busines .adware-list { width: 100%; margin-bottom: 10px; }
.busines .adware-list ul { margin: 0px -12px; }
.busines .adware-list li { width: 33.33%; }
.busines .adware-list .list-grid { margin: 0px 12px; border: 1px solid #dcdcdc; }
.busines .adware-infor { padding: 20px 30px; line-height: 30px; transition: all 0.35s; -webkit-transition: all 0.35s; -moz-transition: all 0.35s; }
.busines .adware-infor h1 { display: block; font-size: 18px; font-weight: normal; margin-bottom: 5px; }
.busines .adware-list .list-grid:hover { background: #f8f8f8; box-shadow: 0px 0px 5px rgba(0,0,0,0.15); }
.busines .layer-adware { width: 100%; position: relative; margin-bottom: 20px; overflow: hidden; }
.busines .imag img { vertical-align: middle; width: 100%; transition: all 0.35s; -webkit-transition: all 0.35s; -moz-transition: all 0.35s; }
.busines .infor-text { width: 101%; height: 53px; line-height: 53px; position: absolute; bottom: 0px; left: 0px; text-align: center; background: rgba(255,255,255,0.9); background: url(../images/gray.png) repeat\9; }
.busines .list-row4 ul { margin: 0px -3px; }
.busines .list-row4 li { width: 25%; }
.busines .list-row4 .list-grid { margin: 0px 3px; position: relative; overflow: hidden; }
.busines .layer-adware:hover .imag img, .busines .list-row4 .list-grid:hover .imag img { transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); }
.busines .desc-infor { margin-bottom: 30px; }
.busines .tab { width: 100%; }
.busines .sales-nav a { width: 33.33%; float: left; position: relative; box-sizing: border-box; }
.busines .sales-mdtitle { width: 100%; margin-bottom: 20px; }
.busines .tabLayer { width: 100%; display: none; }
.busines .pic-list { width: 100%; margin-bottom: 40px; }
.busines .pic-list ul { margin: 0px -6px; }
.busines .pic-list li { float: left; display: block; width: 25%; }
.busines .pic-list .pictu { display: block; margin: 0 6px; overflow: hidden; }
.busines .pic-list .pictu img { vertical-align: middle; width: 100%; transition: all 0.35s; -webkit-transition: all 0.35s; -moz-transition: all 0.35s; }
.busines .pic-list .pictu:hover img { transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); }
.busines .art-infor { width: 100%; margin-bottom: 40px; }
.busines .art-title { width: 100%; margin-bottom: 20px; }
.busines .art-image { width: 50%; float: left; position: relative; }
.busines .art-image .swiper-pagination, .busines .sales-images .swiper-pagination2 { width: 100%; position: static; text-align: center; }
.busines .art-image .swiper-pagination-bullet, .busines .sales-images .swiper-pagination2 .swiper-pagination-bullet { margin: 0px 5px; }
.busines .art-image .swiper-pagination-bullet-active, .busines .sales-images .swiper-pagination2 .swiper-pagination-bullet-active { background: #c7000a; }
.busines .art-descd { width: 45%; float: right; }
.busines .art-list { width: 100%; }
.busines .art-img-list { width: 100%; }
.busines .art-img-list ul { margin: 0px -7px -15px; }
.busines .art-img-list li { display: block; width: 33.33%; display: block; float: left; margin-bottom: 15px; }
.busines .art-img-list .item { margin-bottom: 20px; }
.busines .art-img-list .ibox { margin: 0px 7px; display: block; border: 1px solid #aaa; color: #333; }
.busines .art-img-list .isPic { width: 100%; display: block; overflow: hidden; position: relative; }
.busines .art-img-list .isPic p { display: block; width: 100%; }
.busines .art-img-list .isPic span { display: block; height: 30px; line-height: 30px; padding: 0px 15px; color: #FFF; background: rgba(202,13,22,0.85); position: absolute; left: 0px; bottom: 0px; display: none; }
.busines .art-img-list .isPic img { display: block; width: 100%; transition: all 0.35s; -webkit-transition: all 0.35s; -moz-transition: all 0.35s; }
.busines .art-img-list .art-prod { padding: 10px; height: 24px; line-height: 24px; }
.busines .art-img-list .art-prod span, .busines .art-img-list .art-prod em { display: block; float: left; position: relative; text-align: center; width: 33.33%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.busines .art-img-list .art-prod span:after { content: ""; width: 1px; height: 14px; position: absolute; top: 50%; right: 0px; margin-top: -7px; background: #7d7d7d; }
.busines .art-img-list .ibox:hover .isPic img { transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); }
.busines .serve-nav a { width: 50%; float: left; position: relative; box-sizing: border-box; }
.busines .service-box { width: 100%; position: relative; }
.busines .ser-title { color: #c7000a; width: 100%; margin-bottom: 20px; }
.busines .ser-title span { display: block; font-size: 16px; text-transform: capitalize; margin: 5px 0px 15px; }
.busines .ser-title i { display: block; width: 37px; height: 1px; background: #c7000a; }
.busines .referral { width: 100%; background: #f4f4f4; position: relative; transition: all 0.35s; -webkit-transition: all 0.35s; -moz-transition: all 0.35s; }
.busines .referral .ser-text { width: 50%; height: 100%; position: absolute; top: 0px; left: 0px; }
.busines .referral .ser-text-padd { padding: 15px 0px 15px 25px; height: 100%; box-sizing: border-box; }
.busines .referral .ser-image { width: 49%; height: auto; overflow: hidden; margin-left: 51%; }
.busines .referral .ser-image img { display: block; width: 100%; transition: all 0.35s; -webkit-transition: all 0.35s; -moz-transition: all 0.35s; }
.busines .referral:hover { box-shadow: 0px 0px 15px rgba(0,0,0,0.35); }
.busines .referral:hover .ser-image img { transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); }
.busines .wy-item { width: 100%; }
.busines .wy-item ul { margin: 0px -10px; }
.busines .wy-item li { display: block; float: left; width: 33.33%; float: left; }
.busines .wy-item .wy-grid { margin: 0px 10px; background: #f4f4f4; transition: all 0.35s; -webkit-transition: all 0.35s; -moz-transition: all 0.35s; }
.busines .wy-item .walbg { background: #f4f4f4 url(../images/wal22.png) no-repeat right bottom; background-size: 95% auto; }
.busines .wy-item .wy-item-img { width: 100%; overflow: hidden; }
.busines .wy-item .wy-item-img img { display: block; width: 100%; transition: all 0.35s; -webkit-transition: all 0.35s; -moz-transition: all 0.35s; }
.busines .wy-item .wy-item-txt { padding: 15px 20px; }
.busines .wy-item .wy-title { color: #ca0d16; margin-bottom: 10px; }
.busines .wy-item .wy-title p { display: block; margin-bottom: 7px; }
.busines .wy-item .wy-title i { display: block; width: 20px; height: 2px; background: #c7000a; }
.busines .wy-item .text-scroll { width: 100%; height: 240px; }
.busines .wy-item .wy-grid:hover { box-shadow: 0px 0px 15px rgba(0,0,0,0.35); }
.busines .wy-item .wy-grid:hover .wy-item-img img { transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); }
.busines .youshi { width: 100%; position: relative; }
.busines .youshi .wrapper { height: 344px; padding: 60px 0px; position: relative; background: url(../images/wall11.jpg) no-repeat center; background-size: cover; }
.busines .ys-title { color: #c7000a; text-align: center; letter-spacing: 2px; margin-bottom: 40px; }
.busines .ys-list { width: 90%; margin: 0 auto; }
.busines .ys-list ul { display: block; width: 100%; text-align: center; }
.busines .ys-list li { display: inline-block; width: 20%; margin: 0 1%; }
.busines .ys-list .ys-grid { width: 100%; position: relative; overflow: hidden; border-radius: 50%; transition: all 0.35s; -webkit-transition: all 0.35s; -moz-transition: all 0.35s; }
.busines .ys-list .ys-grid img { display: block; width: 100%; transition: all 0.35s; -webkit-transition: all 0.35s; -moz-transition: all 0.35s; }
.busines .ys-list .sy-txt { width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; color: #FFF; text-align: center; }
.busines .ys-list .sy-cont { padding: 20px; }
.busines .ys-list li:hover .ys-grid { transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); box-shadow: 0px 0px 15px rgba(0,0,0,0.35); }
.busines .service-main, .busines .service-main .tab-layer, .busines .hotel-intro { width: 100%; }
.busines .service-main .tab-layer { width: 100%; }
.busines .hotel-intro .intro-left { width: 47%; }
.busines .hotel-intro .intro-text { width: 100%; margin-bottom: 15px; }
.busines .hotel-intro .hotel-site { width: 100%; }
.busines .hotel-intro .hotel-site a { display: inline-block; background: url(../images/icon-link.png) no-repeat center left; padding-left: 30px; }
.busines .hotel-intro .hotel-site a span { border-bottom: 1px solid #FFF; }
.busines .hotel-intro .hotel-site a:hover span { border-bottom: 1px solid #ca0d16; }
.busines .hotel-intro .intro-right { width: 50%; margin-top: 50px; position: relative; }
.busines .hotel-intro .intro-right p { display: block; width: 100%; overflow: hidden; }
.busines .hotel-intro .intro-right img { display: block; width: 100%; transition: all 0.35s; -webkit-transition: all 0.35s; -moz-transition: all 0.35s; }
.busines .hotel-intro i { display: block; position: absolute; z-index: 10; background: #c7000a; transition: all 0.35s; -webkit-transition: all 0.35s; -moz-transition: all 0.35s; }
.busines .hotel-intro .l-lt { left: 0%; bottom: 50%; width: 1px; height: 0%; }
.busines .hotel-intro .l-lb { left: 50%; bottom: 0px; width: 0%; height: 1px; }
.busines .hotel-intro .l-rt { right: 0; top: 50%; width: 1px; height: 0%; }
.busines .hotel-intro .l-rb { right: 50%; top: 0px; width: 0%; height: 1px; }
.busines .hotel-intro:hover .intro-right img { transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); }
.busines .hotel-intro:hover .l-lt { bottom: 0%; height: 100%; }
.busines .hotel-intro:hover .l-lb { left: 0%; width: 100%; }
.busines .hotel-intro:hover .l-rt { top: 0px; height: 100%; }
.busines .hotel-intro:hover .l-rb { right: 0%; width: 100%; }
.busines #owl-area { width: 100%; padding-bottom: 50px; position: relative; }
.busines #owl-area .item { width: 100%; position: relative; background: #f4f4f4; }
.busines #owl-area .servive-image { width: 50%; margin-left: 50%; }
.busines #owl-area .servive-image img { display: block; width: 100%; }
.busines #owl-area .servive-box { width: 50%; height: 100%; position: absolute; top: 0px; left: 0px; }
.busines #owl-area .ser-padd { padding: 15px 20px; position: relative; height: 90%; }
.busines #owl-area .area-boxs { height: 80%; }
.busines #owl-area .owl-controls { text-align: center; bottom: 20px; }
.busines #owl-area .owl-controls .owl-page span { width: 12px; height: 12px; background: #e0e0e0; border-radius: 50px; margin: 0px 5px; }
.busines #owl-area .owl-controls .owl-page.active span, .busines #owl-area .owl-controls .owl-page:hover span { background: #b2b2b2; }
.text-scroll { width: 100%; height: 100%; }
/* Hr */
.hr .concept { width: 100%; position: relative; }
.hr .hr-nav { width: 100%; margin-bottom: 60px; height: 55px; text-align: center; border-bottom: 1px solid #c7000a; background: #e5e5e5; }
.hr .hr-nav a { display: inline-block; width: 25%; height: 100%; /* margin:0px 1%; */ background: #ececec; font-size: 20px; color: #878787; cursor: pointer; display: block; float: left; color: #ca0d16; font-size: 18px; }
.hr .hr-nav span { display: inline-block; height: 100%; /* padding-left:45px; */ line-height: 55px; display: block; border-left: 1px solid #fff; }
.hr .hr-nav .icon1 { /* background:url(../images/hr-icon1.png) no-repeat center left */ }
.hr .hr-nav .icon2 { /* background:url(../images/hr-icon2.png) no-repeat center left */ }
.hr .hr-nav .icon3 { /* background:url(../images/hr-icon3.png) no-repeat center left */ }
.hr .hr-nav .icon4 { /* background:url(../images/hr-icon4.png) no-repeat center left */ }
.hr .hr-nav a.active, .hr .hr-nav a:hover { background: #ca0d16; color: #FFF; }
.hr .hr-nav a.active .icon1, .hr .hr-nav a:hover .icon1 { /* background:url(../images/hr-icon1-on.png) no-repeat center left */ }
.hr .hr-nav a.active .icon2, .hr .hr-nav a:hover .icon2 { /* background:url(../images/hr-icon2-on.png) no-repeat center left */ }
.hr .hr-nav a.active .icon3, .hr .hr-nav a:hover .icon3 { /* background:url(../images/hr-icon3-on.png) no-repeat center left */ }
.hr .hr-nav a.active .icon4, .hr .hr-nav a:hover .icon4 { /* background:url(../images/hr-icon4-on.png) no-repeat center left */ }
.hr .concept-left { width: 50%; padding-top: 20px; }
.hr .conc-title { color: #ca0d16; margin-bottom: 20px; }
.hr .concept-right { width: 32%; margin-right: 3%; overflow: hidden; }
.hr .concept-right img { display: block; transition: all 0.35s; -webkit-transition: all 0.35s; -moz-transition: all 0.35s; }
.hr .concept-right:hover img { transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); }
.hr .job-search { width: 100%; height: 82px; }
.hr .search-box { height: 42px; padding: 20px 40px; background: #f7f7f7; }
.hr .sch-title { width: 110px; line-height: 50px; float: left; font-size: 18px; }
.hr .sch-wrap { height: 100%; margin-left: 120px; }
.hr .sch-select { margin-right: 2%; width: 26%; float: left; }
.hr .select { width: 100%; position: relative; vertical-align: middle; overflow: hidden; background-color: #fff; color: #999; text-shadow: none; transition: box-shadow 0.25s ease; z-index: 2; }
.hr .select:hover { box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15); }
.hr .select:before { content: ""; position: absolute; width: 0; height: 0; border: 8px solid transparent; border-top-color: #ccc; top: 18px; right: 10px; cursor: pointer; z-index: -2; }
.hr .select select { cursor: pointer; padding: 11px 10px; width: 100%; border: none; color: #999; background: transparent; background-image: none; -webkit-appearance: none; -moz-appearance: none; font-size: 14px; }
.hr .select select option { color: #333; font-size: 15px; }
.hr .select select:focus { outline: none; }
.hr .sch-input { width: 26%; float: left; height: 100%; margin-right: 2%; }
.hr .sch-input p { display: block; height: 100%; float: left; width: 100%; }
.hr .sch-input .ui-txt { background: #FFF; border: 1px solid #c2c2c2; padding: 0px 12px; height: 41px; line-height: 41px; width: 100%; box-sizing: border-box; -webkit-box-sizing: border-box; }
.hr .sch-button { width: 16%; float: right; }
.hr .sch-button .ui-submit { float: right; width: 100%; height: 41px; background: #c7000a; text-align: center; line-height: 40px; color: #FFF; border: none; font-size: 16px; }
.hr .sch-button .ui-submit:hover { background: #ca0d16; background-image: -webkit-linear-gradient(top,#ea1e4c,#ca0d16); }
.hr .job-title { width: 100%; height: 50px; line-height: 50px; color: #FFF; background: #c7000a; }
.hr .job-title span, .hr .job-title em, .hr .job-title i { display: block; width: 16.66%; height: 100%; float: left; text-align: center; font-size: 16px; }
.hr .job-title em, .hr .job-title i, .hr .job-intron em, .hr .job-intron i { font-style: normal; }
.hr .job-list { width: 100%; }
.hr .job-list li { display: block; border-bottom: 1px dashed #dcdcdc; transition: all 0.35s; -webkit-transition: all 0.35s; -moz-transition: all 0.35s; }
.hr .job-intron { width: 100%; height: 56px; line-height: 56px; cursor: default; }
.hr .job-intron span, .hr .job-intron em, .hr .job-intron i { display: block; font-style: normal; width: 16.66%; float: left; text-align: center; box-sizing: border-box; -webkit-box-sizing: border-box; }
.hr .job-intron span { font-weight: bold; }
.hr .job-intron i { color: #ca0d16; cursor: pointer; }
.hr .job-intron em {    overflow: hidden;    white-space: nowrap; }
.hr .job-infor { padding: 30px 40px; border-top: 1px solid #dcdcdc; display: none; }
.hr .job-desc { width: 100%; margin-bottom: 20px; }
.hr .job-desc span { display: inline-block; margin-right: 40px; }
.hr .job-desc em { display: none; }
.hr .job-pack { width: 100%; height: 45px; text-align: center; margin-top: 20px; }
.hr .job-pack a { display: inline-block; padding: 0px 40px; line-height: 45px; background: #c7000a; color: #FFF; font-size: 16px; border-radius: 3px; background-image: -webkit-linear-gradient(top,#ca0d16,#c7000a); }
.hr .job-pack a:hover { background: #ca0d16; background-image: -webkit-linear-gradient(top,#ea1e4c,#ca0d16); }
.hr .job-list li:hover { background: #f7f7f7; }
.hr .mien-top { margin-bottom: 40px; padding: 17px 20px; background: #f6f6f6; position: relative; }
.hr .mien-pic { float: left; width: 38.35%; height: auto; overflow: hidden; }
.hr .mien-pic a { display: block; width: 100%; position: relative; overflow: hidden; }
.hr .mien-pic img { display: block; width: 100%; height: auto; }
.hr .mien-cont { margin-left: 41%; }
.hr .mien-time { margin-bottom: 20px; color: #666; width: 100%; font-size: 16px; }
.hr .mien-time i { display: block; width: 52px; height: 1px; background: #a0a0a0; margin-bottom: 15px; }
.hr .mien-title { margin-bottom: 15px; position: relative; }
.hr .mien-title p { display: inline-block; position: relative; line-height: 40px; }
.hr .mien-title p:after { content: ""; display: block; width: 0%; height: 1px; position: absolute; left: 0px; bottom: 0px; background: #c7000a; }
.hr .mien-infor { line-height: 27px; color: #666; }
.hr .more-link { width: 100%; margin-top: 20px; text-align: right; font-size: 14px; position: absolute; bottom: 22px; right: 15px; }
.hr .more-link a { margin-right: 12px; display: inline-block; text-transform: uppercase; }
.hr .mien-pic a:hover img { transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); }
/* culture */
.culture .idea-title { width: 100%; text-align: center; color: #c7000a; font-size: 30px; margin-bottom: 40px; }
.culture #owl-idea { width: 100%; height: auto; position: relative; margin-bottom: 40px; }
.culture #owl-idea .item { width: 100%; background: #f2f2f2; }
.culture #owl-idea .idea-box { padding: 15px; position: relative; }
.culture #owl-idea .idea-text { width: 55%; height: 100%; position: absolute; left: 0px; top: 0px; }
.culture #owl-idea .idea-padd { height: 100%; width: 100%; }
.culture #owl-idea .idea-text h1 { display: block; padding: 16px 20px 0px; font-weight: normal; color: #ca0d16; margin-bottom: 15px; }
.culture #owl-idea .text-box { padding: 0px 20px 20px; }
.culture #owl-idea .more-link { width: 100%; text-align: center; position: absolute; bottom: 20px; left: 0px; }
.culture #owl-idea .more-link a { display: inline-block; width: auto; height: 30px; line-height: 30px; padding-left: 20px; background: url(../images/eyes.png) no-repeat center left; background-size: 18px auto; }
.culture #owl-idea .more-link span { display: block; width: 0px; overflow: hidden; color: #ca0d16; transition: all 0.35s; -webkit-transition: all 0.35s; -moz-transition: all 0.35; }
.culture #owl-idea .item:hover a span { width: 60px; }
.culture #owl-idea .idea-img { float: right; width: 45%; position: relative; overflow: hidden; }
.culture #owl-idea .idea-img img { width: 100%; display: block; transition: all 0.35s; -webkit-transition: all 0.35s; -moz-transition: all 0.35s; }
.culture #owl-idea .item:hover img { transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); }
.culture #owl-idea .owl-controls { text-align: center; bottom: -35px; }
.culture #owl-idea .owl-controls .owl-page span { width: 12px; height: 12px; background: #e0e0e0; border-radius: 50px; margin: 0px 5px; }
.culture #owl-idea .owl-controls .owl-page.active span, .culture #owl-idea .owl-controls .owl-page:hover span { background: #b2b2b2; }
.culture #owl-idea .mCSB_container { margin-right: 0px !important; }
.culture #owl-idea .mCustomScrollBox > .mCSB_scrollTools { right: 10px !important; }
.culture #owl-idea .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width: 3px !important; }
.culture .owl-btn { width: 30px; height: 30px; position: absolute; top: 50%; margin-top: -15px; border: 1px solid #ccc; cursor: pointer; background: #f7f7f7; }
.culture .owl-btn i { display: block; width: 100%; height: 100%; }
.culture .owl-prev { left: -48px; }
.culture .owl-prev i { background: url(../images/ary-prev.png) no-repeat center; }
.culture .owl-next { right: -48px; }
.culture .owl-next i { background: url(../images/ary-next.png) no-repeat center; }
.culture .layer { margin-bottom: 40px; position: relative; }
.culture .pioner-nav { width: 100%; height: 50px; border-bottom: 1px solid #c7000a; background: #e5e5e5; margin-bottom: 50px; }
.culture .pioner-nav a { display: block; float: left; width: 50%; height: 100%; line-height: 50px; color: #ca0d16; font-size: 16px; text-align: center; }
.culture .pioner-nav span { display: block; border-left: 1px solid #fff; }
.culture .pioner-nav a:first-child span, .culture .pioner-nav a.nobor span { border-left: 0px solid #ca0d16; }
.culture .pioner-nav a.active, .culture .pioner-nav a:hover { background: #ca0d16; color: #FFF; }
.culture .pioner-left { width: 34%; }
.culture .pioner-left p { display: block; width: 100%; overflow: hidden; }
.culture .pioner-left img { transition: all 0.35s; -webkit-transition: all 0.35s; -moz-transition: all 0.35s; }
.culture .pioner-left:hover p img { transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); }
.culture .pioner-text { width: 61%; }
.culture .pioner-text .title { color: #ca0d16; margin-bottom: 10px; }
.culture .pioner-text .text { line-height: 30px; text-align: justify; }
.culture .wrap-nav { width: 100%; height: 50px; margin-bottom: 40px; }
.culture .wrap-nav a { display: block; float: left; width: 150px; height: 100%; line-height: 50px; color: #333; font-size: 20px; text-align: center; background: #eee; margin-right: 20px; cursor: pointer; transition: all 0.35s; }
.culture .wrap-nav a.active, .culture .wrap-nav a:hover { background: #ca0d16; color: #FFF; }
.culture .eleg-carousel, .culture .tab-content, .culture .eleg-carousel .item { width: 100%; position: relative; }
.culture .eleg-carousel { margin-bottom: 40px; }
.culture .eleg-carousel .item a { display: block; transition: all 0.35s; -webkit-transition: all 0.35s; -moz-transition: all 0.35s; }
.culture .eleg-carousel .item a::after { content: ""; display: block; width: 100%; height: 0px; clear: both; overflow: hidden; }
.culture .eleg-carousel .point { width: 51%; overflow: hidden; }
.culture .eleg-carousel .point img { transition: all 0.35s; -webkit-transition: all 0.35s; -moz-transition: all 0.35s; }
.culture .eleg-carousel .version { width: 47%; transition: all 0.35s; -webkit-transition: all 0.35s; -moz-transition: all 0.35s; }
.culture .eleg-carousel .padd-wrap { padding: 15px 20px; }
.culture .eleg-carousel .version h1 { font-weight: normal; display: block; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; line-height: 2rem; margin-bottom: 0.875rem; }
.culture .eleg-carousel .version .text { color: #454545; }
.culture .eleg-carousel .owl-controls { display: none; visibility: hidden; }
.culture .eleg-carousel .item a:hover { background: #f4f4f4; }
.culture .eleg-carousel .item a:hover .version h1 { color: #ca0d16; }
.culture .eleg-carousel .item a:hover .point img { transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); }
.culture .eleg-btn { width: 100%; height: 50px; position: relative; }
.culture .eleg-btn span { display: inline-block; width: 50px; height: 50px; position: absolute; top: 0px; background: #eee; cursor: default; }
.culture .eleg-btn i { display: block; width: 100%; height: 100%; }
.culture .eleg-btn .prev { right: 51px; }
.culture .eleg-btn .next { right: 0px; }
.culture .eleg-btn .prev i { background: url(../images/ary-prev.png) no-repeat center; }
.culture .eleg-btn .next i { background: url(../images/ary-next.png) no-repeat center; }
.culture .eleg-btn span:hover { background: #ca0d16; }
.culture .eleg-btn .prev:hover i { background: url(../images/ary-prev-nw.png) no-repeat center; }
.culture .eleg-btn .next:hover i { background: url(../images/ary-next-nw.png) no-repeat center; }
.culture .tab-tier { width: 100%; }
.culture .tab-tier li { display: block; padding: 25px 0px; border-bottom: 1px dashed #dcdcdc; }
.culture .tab-tier .tier-box a { display: block; width: 100%; }
.culture .tab-tier .title { margin-bottom: 10px; }
.culture .tab-tier .text { padding-right: 160px; color: #454545; }
.culture .tab-tier .tier-box a:hover .title { color: #ca0d16; }
.culture .tab-tier .btn-box { height: 40px; text-align: right; }
.culture .tab-tier .btn-box a { display: inline-block; height: 40px; width: 27px; background: url(../images/icon-cul.png) no-repeat; margin-right: 15px; }
.culture .tab-tier .btn-box a.detail { background-position: 0px 5px; }
.culture .tab-tier .btn-box a.download { background-position: -38px 5px; }
.culture .tab-tier .btn-box a.detail:hover { background-position: 0px -51px; }
.culture .tab-tier .btn-box a.download:hover { background-position: -38px -51px; }
.culture .popup { width: 100%; height: 100%; position: absolute; top: 0%; left: 0%; background: rgba(0,0,0,0.95); background: url(../images/black.png) repeat\9; visibility: hidden; }
.culture #popup.popShow { visibility: visible; }
.culture .close-btn { width: 30px; height: 30px; position: absolute; top: 20px; right: 20px; z-index: 100; cursor: pointer; }
.culture .close-btn i { display: block; width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; background: url(../images/close-btn.png) no-repeat center; }
.culture .close-btn:hover i { transform: rotate(90deg); -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); }
.culture .popup-wrapper { padding: 40px 60px; position: relative; }
.culture .popup-content { width: 100%; max-height: 100%; color: #FFF; }
.culture .popup-content .title { text-align: center; margin-bottom: 10px; }
.culture .popup-content .titme { width: 100%; margin-bottom: 30px; text-align: center; }
.culture .popup-content .text { line-height: 30px; }
.culture .course { position: relative; }
.culture .course li { display: block; width: 100%; border-bottom: 1px solid #ccc; position: relative; }
.culture .course li:after { content: ""; display: block; width: 1px; height: 100%; position: absolute; left: 135px; top: 20px; background: #ccc; z-index: -1; }
.culture .course .course-main { width: 100%; position: relative; color: #666; z-index: 1; padding: 40px 0px 0px; }
.culture .course .cour-year { float: left; width: 135px; position: relative; color: #c7000a; }
.culture .course .cour-year em { display: block; width: 18px; height: 21px; position: absolute; top: 50%; right: -9px; margin-top: -10px; background: url(../images/roud.png) no-repeat center; }
.culture .course .cour-year span { display: block; font-size: 34px; font-weight: bold; line-height: 42px; }
.culture .course .cour-infor { margin-left: 135px; padding: 0px 30px 0px; }
.culture .course .cour-grid { border-bottom: 1px solid #ccc; padding: 0px 30px 20px; line-height: 30px; margin-bottom: 20px; }
.culture .course .cour-grid:last-child { border: none; }
.culture .conclusion { width: 100%; position: relative; }
.culture .conclusion img { display: block; width: 100%; }
.culture .conclu-infor { width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; color: #FFF; background: rgba(0,0,0,0.5); background: url(../images/black.png) repeat\9; }
.culture .conclu-text { margin-left: 195px; line-height: 30px; }
.culture .conclu-text:before { content: ""; display: block; width: 35px; height: 1px; background: #c7000a; margin-bottom: 5px; }
.culture .sub-menu-tab-nav { width: 100%; height: 40px; position: relative; margin-bottom: 40px; text-align: center; }
.culture .sub-menu-tab-nav i { display: block; width: 100%; height: 1px; position: absolute; left: 0px; bottom: 4px; background: #ca0d16; }
.culture .sub-menu-tab-nav p { display: inline-block; height: 100%; position: relative; text-align: center; z-index: 2; margin: 0 10%; }
.culture .sub-menu-tab-nav a { display: inline-block; text-align: center; font-size: 16px; color: #ffb4b8; }
.culture .sub-menu-tab-nav em { display: block; width: 10px; height: 10px; position: absolute; left: 50%; bottom: 0px; margin-left: -5px; background: #ffb4b8; }
.culture .sub-menu-tab-nav .active a, .culture .sub-menu-tab-nav p:hover a { color: #c7000a; }
.culture .sub-menu-tab-nav .active em, .culture .sub-menu-tab-nav p:hover em { background: #ca0d16; }
.culture .five-list{width:100%}
.culture .five-list ul{margin:0px -20px}
.culture .five-list li{display:block;float:left;width:33.33%;margin-bottom:40px;}
.culture .five-list .item-box{margin:0 10px;}
.cult-box{width:100%;position:relative}
.culture .per-prev{ left: -48px; }
.culture .per-prev i { background: url(../images/ary-prev.png) no-repeat center; }
.culture .per-next { right: -48px; }
.culture .per-next i { background: url(../images/ary-next.png) no-repeat center; }

/* contact */
.contact .contact-main { width: 100%; margin-bottom: 40px; }
.contact .company { position: relative; width: 100%; height: 140px; margin-bottom: 40px; }
.contact .com-name { color: #c82828; line-height: 35px; margin-bottom: 20px; float: left; width: 30%; }
.contact .com-layer { position: relative; float: left; width: 70%; }
.contact .com-layer .com-contact { padding-right: 137px; }
.contact .com-layer .qr-code { width: 130px; position: absolute; right: 0px; top: 0px; }
.contact .big-code img { width: 130px; }
.contact .contact-list { width: 100%; border-top: 1px solid #dcdcdc; }
.contact .contact-list ul { margin: 0px -26px; }
.contact .contact-list li { display: block; float: left; width: 50%; }
.contact .contact-list .gird { margin: 0px 26px; min-height: 130px; border-bottom: 1px solid #dcdcdc; padding: 40px 100px 40px 0px; position: relative; }
.contact .contact-list .gird h1 { color: #c82828; font-weight: normal; display: block; margin-bottom: 5px; }
.contact .contact-list .com-contact { width: 100%; text-align: left; }
.contact .contact-list .qr-code { width: 80px; position: absolute; right: 0px; top: 60px; }
.contact .contact-list .qr-code img { transition: all .35s; -webkit-transition: all .35s; -moz-transition: all .35s; }
.contact .contact-list .gird:hover { background: #f9f9f9; padding: 40px 100px 40px 10px; }
.contact .contact-list .gird:hover .qr-code { right: 10px; }
.contact .contact-list .gird:hover .qr-code img { transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); }
/* pages */
.pages { width: 100%; text-align: center; }
.pages a { display: inline-block; margin: 5px; padding: 3px 12px; border: 1px solid #999; color: #999; font-size: 16px; }
.pages a:hover { color: #FFF; background: #888; }
.pages a.active { color: #FFF; background: #999; }
.pagination { width: 100%; height: 30px; text-align: center; }
.pagination a { display: inline-block; height: 25px; line-height: 25px; padding: 0 10px; margin: 0 3px; font-size: 16px; border: 1px solid #999; color: #999; transition: all .5s; -webkit-transition: all .5s; -moz-transition: all .5s; }
.pagination a.page_current, .pagination a:hover, .pagination a.current { color: #FFF; background-color: #e56b14; display: inline-block; border: 1px solid #e56b14; }
/* pop */
.popBox { width: 100%; height: 100%; position: fixed; top: 0px; left: 0px; z-index: 1000; display: none; }
.popBox .black { width: 100%; height: 100%; background: #000; opacity: 0.75; filter: alpha(opacity = 80); }
.popBox .container { width: 720px; height: 444px; position: absolute; top: 50%; left: 50%; margin-top: -200px; margin-left: -360px; background: #FFF; }
.popBox .poptop { width: 100%; height: 40px; background: #f6f6f6; border-bottom: 1px solid #ccc; position: relative; font-size: 16px; }
.popBox .popClose { width: 60px; height: 40px; float: right; line-height: 40px; text-align: center; cursor: pointer; transition: all .35s; -webkit-transition: all .35s; -moz-transition: all .35s; }
.popBox .popClose:hover { color: #e56b14; }
.popBox .poptitle { display: block; width: 40%; height: 40px; float: left; line-height: 40px; margin-left: 12px; }
.popBox .contents { width: 720px; height: 404px; }
/* video play popup */
#video-popup { width: 100%; height: 100%; position: fixed; top: 0px; left: 0px; z-index: 1000; display: none; }
#video-popup .wall { width: 100%; height: 100%; background: #000; opacity: 0.5; filter: alpha(opacity = 50); }
#video-popup .mubu { width: 60%; height: 66%; position: absolute; left: 20%; top: 20%; box-sizing: border-box; }
#video-popup .close-botn { width: 30px; height: 30px; position: absolute; top: -31px; right: 0px; z-index: 100; display: none; }
#video-popup .close-botn i { display: block; width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; background: url(../images/close-btn.png) no-repeat center; transition: all .35s; -webkit-transition: all .35s; -moz-transition: all .35s; }
#video-popup .close-botn:hover i { transform: rotate(90deg); -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); }
#video-popup .curtain { width: 100%; height: 100%; }
#video-popup .curtain video { display: block; width: 100%; height: 100%; background: #000; }
#video-popup .mubu:hover .close-botn { display: block; }

/* img scale */
.hov-img, .busines .adver-img { overflow: hidden; position: relative; }
.hov-img img, .busines .adver-img img { transition: all .35s; -webkit-transition: all .35s; -moz-transition: all .35s; }
.hov-img:hover img, .busines .layer-adver:hover .adver-img img { transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); }

/* keyframes */
@keyframes scaleIn {
    0% { transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); }
    100% { transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); }
}

@-webkit-keyframes scaleIn {
    0% { -webkit-transform: scale(1.1); }
    100% { -webkit-transform: scale(1); }
}

@keyframes shrink {
    0% { width: 100%; }
    100% { width: 0%; }
}

@-webkit-keyframes shrink {
    0% { width: 100%; }
    100% { width: 0%; }
}

@-moz-keyframes shrink {
    0% { width: 100%; }
    100% { width: 0%; }
}

@keyframes hideUp {
    0% { transform: none; -webkit-transform: none; -moz-transform: none; opacity: 1; visibility: visible; }
    100% { transform: scale(0.1); -webkit-transform: scale(0.1); -moz-transform: scale(0.1); opacity: 0; visibility: hidden; }
}

@-webkit-keyframes hideUp {
    0% { transform: none; -webkit-transform: none; opacity: 1; visibility: visible; }
    100% { transform: scale(0.1); -webkit-transform: scale(0.1); opacity: 0; visibility: hidden; }
}

@-moz-keyframes hideUp {
    0% { transform: translate(0px,0%); -moz-transform: translate(0px,0%); opacity: 1; visibility: visible; }
    100% { transform: scale(0.1); -moz-transform: scale(0.1); opacity: 0; visibility: hidden; }
}

@keyframes DownIn {
    0% { transform: translate(0px,-100%); -webkit-transform: translate(0px,-100%); -moz-transform: translate(0px,-100%); }
    100% { transform: translate(0px,0%); -webkit-transform: translate(0px,0%); -moz-transform: translate(0px,0%); }
}

@-webkit-keyframes DownIn {
    0% { transform: translate(0px,-100%); -webkit-transform: translate(0px,-100%); }
    100% { transform: translate(0px,0%); -webkit-transform: translate(0px,0%); }
}

@-moz-keyframes DownIn {
    0% { transform: translate(0px,-100%); -moz-transform: translate(0px,-100%); }
    100% { transform: translate(0px,0%); -moz-transform: translate(0px,0%); }
}

@keyframes upIn {
    0% { transform: translate(0px,100%); -webkit-transform: translate(0px,100%); -moz-transform: translate(0px,100%); }
    100% { transform: translate(0px,0%); -webkit-transform: translate(0px,0%); -moz-transform: translate(0px,0%); }
}

@-webkit-keyframes upIn {
    0% { transform: translate(0px,100%); -webkit-transform: translate(0px,100%); }
    100% { transform: translate(0px,0%); -webkit-transform: translate(0px,0%); }
}

@-moz-keyframes upIn {
    0% { transform: translate(0px,100%); -moz-transform: translate(0px,100%); }
    100% { transform: translate(0px,0%); -moz-transform: translate(0px,0%); }
}

@keyframes scaleIn {
    0% { transform: scale(1.2); -webkit-transform: scale(1.2); -moz-transform: scale(1.2); }
    100% { transform: none; -webkit-transform: none; -moz-transform: none; }
}

@-webkit-keyframes scaleIn {
    0% { transform: scale(1.2); -webkit-transform: scale(1.2); }
    100% { transform: none; -webkit-transform: none; }
}

@-moz-keyframes scaleIn {
    0% { transform: scale(1.2); -moz-transform: scale(1.2); }
    100% { transform: none; -moz-transform: none; }
}

.about .course-wrapper .cur-text p { margin-bottom: 10px; }
.str_li { position: relative; width: 46%; float: left; margin-right: 4%; margin-bottom: 40px; }
.str_ul { position: relative; width: 104%; }
.str_te { text-align: center; font-size: 16px; }
.str_tab { position: relative; width: 100%; margin-top: 20px; }
.str_th .str_td { background: #ca0d16; color: #fff; border-right: 1px solid #fff; }
.str_td { float: left; position: relative; width: 49%; text-align: center; padding: 8px 0; border: 1px solid #999; border-top: 0px; border-left: 0px; }
.clear { clear: both; }
.str_tBody { border-left: 1px solid #999; }
.str_th .str_td:nth-child(2) { border-right: 1px solid #ca0d16; }
.course-txt p { margin-bottom: 5px; }
.news-list-title i { display: block; width: 26px; height: 2px; background: #ca0d16; }
.news-list-title p { margin-bottom: 10px; }
.news .paper-list li a:hover { box-shadow: 0px 5px 10px rgba(0,0,0,0.5); }
.news .paper-list li a:hover p { box-shadow: 0px 0px 0px 0px; }
.bus_block { position: relative; width: 100%; padding: 20px 0 60px 0; }
.page-site .curr-site a { color: #666; }
.bus_table { position: relative; width: 101%; }
.bus_td { position: relative; width: 12%; float: left; background: #eee; margin-right: 0.6%; margin-bottom: 0.6%; padding: 12px 2%; white-space: nowrap; overflow: hidden; color: #666; height: 22px; }
.bus_td.bus_td2 { white-space: inherit; padding: 6px 2% 2px 2%; line-height: 18px; height: 38px; }
.layer.borpad.mar60.show { padding-bottom: 0px; }
.tab-cell { /* position: absolute; */ /* bottom: 0px; */ /* height: auto; */ }
.busines .adware-list li { width: 50%; }
.busines .list-box .grid-pic { width: 50%; float: left; }
.busines .adware-list .list-grid:after { content: ""; display: block; clear: both; }
.busines .adware-infor { width: 44%; padding: 3%; float: left; }
.cou_block { max-height: 120px; position: relative; overflow: hidden; }
.about .course .course-wrap { background: #f7f7f7 url(../images/n_1.png) no-repeat center bottom; cursor: pointer; }
.about .course .course-wrap.cur { background: #f7f7f7 url() no-repeat center bottom; }
.about .course li:hover .course-wrap.cur { background: #f4f4f4 url() no-repeat center bottom; }
.hr .hr-nav a:nth-child(1) span { border-left: 0px; }
.hr .hr-nav a.active span, .hr .hr-nav a:hover span { border-left: 1px solid #fff; }
.more-link { position: absolute; right: 0px; bottom: -1px; }
.str_img img { display: block; margin: auto; }
.cul_conBlock { position: relative; width: 100%; padding: 10px 0; }
.cul_logoBl { position: relative; width: 17%; margin: auto; margin-bottom: -25px; }
.cul_lo { position: absolute; top: 22%; left: 20%; width: 60%; overflow: hidden; z-index: 90; }
.cul_ulBl { position: relative; width: 100%; }
.cul_liBl { position: relative; width: 16.4%; float: left; margin-right: 0.2%; }
.cul_bl { position: absolute; top: 21%; left: 15%; width: 70%; z-index: 90; overflow: hidden; }
.cul_bl.bl_2 { left: 25%; width: 50%; top: 27%; }
@-webkit-keyframes t_01 {
    0% { -webkit-transform: translate(0px,80px); opacity: 0; }
    100% { -webkit-transform: translate(0); opacity: 1; }
}
@-webkit-keyframes l_01 {
    0% { -webkit-transform: translate(-80px,0px); opacity: 0; }
    100% { -webkit-transform: translate(0); opacity: 1; }
}
.cul_liBl:nth-child(1) { -webkit-animation: t_01 0.6s ease-in-out backwards; z-index: 20; }
.cul_liBl:nth-child(1) .cul_bl img { -webkit-animation: t_01 0.6s ease-in-out 0.1s backwards; }
.cul_liBl:nth-child(2) { -webkit-animation: l_01 0.6s ease-in-out 0.3s backwards; }
.cul_liBl:nth-child(2) .cul_bl img { -webkit-animation: l_01 0.6s ease-in-out 0.4s backwards; }
.cul_liBl:nth-child(3) { -webkit-animation: t_01 0.6s ease-in-out 0.6s backwards; z-index: 20; }
.cul_liBl:nth-child(3) .cul_bl img { -webkit-animation: t_01 0.6s ease-in-out 0.7s backwards; }
.cul_liBl:nth-child(4) { -webkit-animation: l_01 0.6s ease-in-out 0.9s backwards; }
.cul_liBl:nth-child(4) .cul_bl img { -webkit-animation: l_01 0.6s ease-in-out 1s backwards; }
.cul_liBl:nth-child(5) { -webkit-animation: t_01 0.6s ease-in-out 1.2s backwards; z-index: 20; }
.cul_liBl:nth-child(5) .cul_bl img { -webkit-animation: t_01 0.6s ease-in-out 1.3s backwards; }
.cul_liBl:nth-child(6) { -webkit-animation: l_01 0.6s ease-in-out 1.5s backwards; }
.cul_liBl:nth-child(6) .cul_bl img { -webkit-animation: l_01 0.6s ease-in-out 1.6s backwards; }
@-webkit-keyframes t_01 {
    0% { -webkit-transform: translate(0px,80px); opacity: 0; }
    100% { -webkit-transform: translate(0); opacity: 1; }
}
.cul_logoBl { -webkit-animation: t_01 0.6s ease-in-out 2.2s backwards; z-index: 20; }
.cul_lo img { -webkit-animation: t_01 0.6s ease-in-out 2.5s backwards; }
@-webkit-keyframes ulAm {
    0% { top: -120px; }
    100% { top: 0px; }
}
.cul_ulBl { -webkit-animation: ulAm 1s ease-in-out 2s backwards; z-index: 80; }
.hr .mien-top:hover { box-shadow: 0px 0px 0px 1px #c7000a; color: #c7000a; }
.hr .mien-top:hover .mien-title.title a { color: #c7000a; }
.hr .mien-top:hover .hr .mien-time i { background: #c7000a; }
.mien-top.clr:hover .mien-time i { background: #c7000a; }
.mien-top.clr:hover .mien-time p { color: #c7000a; }
.mien-top.clr:hover .mien-infor { color: #c7000a; }
.mien-top.clr:hover .more-link a { color: #c7000a; }
.sub_imgBl { width: 30%; position: relative; float: left; top: 6px; }
.sub_imgBl img { width: 100%; }
.sub_teBl { position: relative; float: right; width: 67%; color: #666; line-height: 26px; text-align: justify; }
.sub_block { position: relative; width: 100%; margin-bottom: 40px; }
a.em_Bu { float: right; font-size: 16px; position: absolute; top: 50%; right: -10px; padding: 10px; color: #666; margin-top: -22px; }
a.em_Bu:hover { color: #c7000a; }
.share_Block { position: relative; float: right; }
@-webkit-keyframes tr_01 {
    0% { -webkit-transform: translate(0px,20px); opacity: 0; }
    100% { -webkit-transform: translate(0); opacity: 1; }
}
.share_ul { position: absolute; bottom: 24px; left: -32px; width: 120px; border: 1px solid #ccc; background: #eee; padding: 10px 0; display: none; -webkit-animation: tr_01 0.3s ease-in-out backwards; }
#Footer .law-support .share_Block a { margin: 0px; float: none; width: 80%; padding: 2px 10%; line-height: 18px; }
.share_Block:hover .share_ul { display: block; }
.pl_bu { position: absolute; right: -10px; width: 40px; height: 40px; background: url(/content/images/d_6.png) no-repeat center; top: 50%; cursor: pointer; margin-top: -20px; }
.pl_bu.cur { background: url(/content/images/d_5.png) no-repeat center; }
.qr-code.big-code { position: absolute; right: 0px; top: 0px; }
.str3_conBlock { position: relative; width: 100%; }
.str3_block { float: left; position: relative; width: 100%; margin-bottom: 20px; background: #f8f8f8; }
.str3_img { position: relative; width: 30%; float: left; }
.str3_teBl { float: left; width: 66%; position: absolute; right: 0px; top: 50%; margin-top: -50px; }
span.str_nT { font-size: 24px; color: #333; line-height: 30px; margin-bottom: 37px; }
span.str_nE { padding-left: 12px; font-size: 22px; color: #c6c6c6; }
.str3_name { margin-bottom: 10px; }
.str3_te { width: 80%; position: relative; text-align: justify; }