/* stone web public */
/* font */
@font-face { font-family: 'pingfang'; src: url(/uploads/image/ecfonts/pingfang-regular.eot); src: url(/uploads/image/ecfonts/pingfang-regular.ttf) format('truetype'), format('embedded-opentype'); }

@font-face { font-family: 'pingfangmedium'; src: url(/uploads/image/ecfonts/pingfang-medium.eot); src: url(/uploads/image/ecfonts/pingfang-medium.ttf) format('truetype'), format('embedded-opentype'); }

@font-face { font-family: 'gothambook'; src: url(/uploads/image/ecfonts/gotham-book.eot); src: url(/uploads/image/ecfonts/gotham-book.ttf) format('truetype'), format('embedded-opentype'); }

@font-face { font-family: 'gothammedium'; src: url(/uploads/image/ecfonts/gotham-medium.eot); src: url(/uploads/image/ecfonts/gotham-medium.ttf) format('truetype'), format('embedded-opentype'); }

@font-face { font-family: 'gothamlight'; src: url(/uploads/image/ecfonts/gotham-light.eot); src: url(/uploads/image/ecfonts/gotham-light.ttf) format('truetype'), format('embedded-opentype'); }

html, body, div, span, iframe, h1, h2, h3, h4, h5, h6, pre, a, 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 { list-style: none; }

h1, h2, h3, h4, h5, h6, button, input, select, textarea { font-size: 100%; font-weight: normal; }

q:before, q:after { content: ''; }

abbr, acronym { border: 0; }

input, textarea { outline: none }

input:focus, textarea:focus { outline: none }

ul::after, dl::after, .wrap::after, .wrap-box::after { content: ""; display: block; height: 0; clear: both; visibility: hidden; overflow: hidden; }

body { font-size: 100%; line-height: 24px; font-family: 'gothambook',arial,stheiti,simsun,sans-serif; outline: none; background-color: #fafafa; color: #323232; min-width: 768px; -webkit-text-size-adjust: none; }

a { color: #323232; text-decoration: none; outline: none; transition: all .3s; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; }

a:hover { outline: none; }

.lt { float: left; }

.rt { float: right; }

.clear { clear: both; overflow: hidden; height: 0; }

.clfix:after { content: " "; display: block; height: 0; clear: both; visibility: hidden; overflow: hidden; }

* html .clfix { height: 1%; }

*   html .clfix { min-height: 1px; }

.both { clear: both; overflow: hidden; height: 2em; }

.box { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }

.transi { transition: all .3s; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; }

.opaci { filter: alpha(opacity=0); opacity: 0; }

.wrap { margin: 0 auto; max-width: 1200px; width: 85%; }

.text-right { text-align: left; }

.ui-link { }

.ui-color { color: #87000f }

/* swiper */
.swiper-container { width: 100%; height: 100%; }

.swiper-slide { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; }

/* header */
#header { width: 100%; height: 60px; position: fixed; top: 0px; left: 0px; z-index: 1000; transition: all .5s; -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; }

#header.gizle { top: -62px; }

#header.sabit { top: 0px; }

#header .wall { width: 100%; height: 100%; background: #87000f; filter: alpha(opacity=66); opacity: 0.66; }

#header .black { width: 100%; height: 100%; background: #000; filter: alpha(opacity=66); opacity: 0.66; }

#header .white { width: 100%; height: 100%; background: #fff; filter: alpha(opacity=66); opacity: 0.66; }

#header .wallblack { width: 100%; height: 100%; background: #000; filter: alpha(opacity=100); opacity: 1; }

#header .head { width: 100%; height: 100%; background: transparent; position: absolute; top: 0px; left: 0px; }

#header .head-box { height: 100%; }

#header .logo { float: left; width: 362px; height: 100%; margin-left: 40px; }

#header .logo a { display: block; width: 100%; height: 100%; line-height: 60px; color: #fff; letter-spacing: 4px; background: url(/uploads/image/eimages/logo.png) no-repeat center left; background-size: 320px auto; }

#header .logo span { font-size: 1.125em; margin-right: 5px; font-family: 'gothammedium'; display: none }

#header .logo em { font-size: 1em; display: none }

#header .menubtn-logon { float: left; width: 64%; height: 100%; margin: 0 auto 0px 30px }

#header .menubar { float: right; height: 26px; margin: 17px 40px 17px 0px; z-index: 90; position: relative; }

#header .s-job { float: left; margin-right: 20px; height: 26px; width: 26px; position: absolute; top: 17px; right: 135px; visibility: hidden }

#header .s-job a { display: block; width: 26px; height: 100%; background: url(/uploads/image/eihr/search-find.png) no-repeat center -14px; background-size: 52px auto; }

#header .lang-box { float: left; height: 26px; width: 42px; line-height: 26px; margin-right: 20px; position: relative; background: url(/uploads/image/eimages/icon-down.gif) no-repeat; }

#header #lang { color: #fff; display: block; width: 100%; height: 26px; font-size: 0.875em; cursor: pointer; font-family: 'gothambook'; }

#header .lang-box dl { height: 26px; width: 48px; position: absolute; top: 0px; right: 52px; display: none; text-align: right; }

#header .lang-box dl dd { display: inline-block; text-align: center; height: 26px; margin: 0px 10px 0px 0px; }

#header .lang-box dl dd a { color: #fff; font-family: 'gothambook'; font-size: 0.875em; }

#header .find-box { float: left; height: 26px; width: 26px; line-height: 26px; margin: 0px 40px; background: url(/uploads/image/eimages/icon-find.png) no-repeat center; }

#header .menubtn { width: 30px; height: 26px; float: right; }

#header .menubtn a { display: block; padding: 4px 5px; }

#header .menubtn a i, #header .menubtn a em, #header .menubtn a span { display: block; width: 20px; height: 1px; background: #fff; margin-bottom: 7px; }

#header .menubtn a span { margin-bottom: 0px; }

#header .menu { width: 100%; height: 300px; position: absolute; top: 60px; left: 0px; display: none; }

#header .nav-box { width: 100%; height: 60px; background: url(/uploads/image/eimages/white.png); }

#header .submenu { width: 100%; height: 240px; background: url(/uploads/image/eimages/white98.png); }

#header .box { width: 700px; height: 100%; margin: 0 auto; position: relative; }

#header #nav { width: 100%; height: 100%; }

#header #nav > li { display: block; height: 100%; float: left; text-align: center; line-height: 60px; font-size: 1.125em; text-transform: uppercase; padding: 0px 35px; }

#header #nav > li.wo { /* width: 135px; */ }

#header #nav > li.wt { /* width: 135px; */ }

#header #nav > li.wh { /* width: 205px; */ }

#header #nav > li.wp { width: 200px; }

.culture_textblock { position: absolute; top: 50%; left: 50%; width: 1000px; margin-left: -500px; margin-top: -180px; }

#header #nav > li > a { color: #323232; /* display: block; */ width: 100%; height: 100%; letter-spacing: 1px; font-size: 0.8125em; font-family: 'gothambook'; font-size: 16px; }

#header #nav > li a.current { background: #fff; }

#header #nav > li a:hover { font-weight: bold; }

#header .layer { width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; display: none; }

#header .subnav { width: 160%; height: 160px; padding: 40px 0px; }

#header .about { width: 180px; height: 100%; float: left; margin-right: 50px; margin-left: 35px; }

#header .about dt { width: 100%; height: 26px; line-height: 26px; margin-bottom: 12px; color: #87000f; letter-spacing: 1px; font-size: 16px; font-family: 'gothambook'; white-space: nowrap; }

#header .about dd { width: 100%; /* height: 24px; */ line-height: 22px; letter-spacing: 0.5px; }

#header .about dd a { font-size: 0.75em; font-size: 14px; }

#header .subnav dl.about { width: 226px; float: left; margin-right: 0px; }

#header .brand { height: 140px; position: relative; left: -160px; }

#header .brand li { width: 205px; height: 100%; display: block; float: left; margin-left: 6px; }

#header .brand li a { display: block; /* margin-left: 40px; */ height: 100%; position: relative; overflow: hidden; font-size: 1.25em; }

#header .brand li a img { display: block; transition: all .3s; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; }

#header .brand li i { display: block; width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; background: url(/uploads/image/eimages/black.png); opacity: .6; filter: alpha(opacity=60); transition: all .3s; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; }

#header .brand li span { display: block; width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; z-index: 2; line-height: 140px; text-align: center; color: #fff; font-size: 15px; letter-spacing: 4px; white-space: nowrap; letter-spacing: 0; }

#header .brand li span.ens { font-family: 'gothambook'; }

#header .brand li a:hover i { transform: scale(.9,.9); -ms-transform: scale(.9,.9); -webkit-transform: scale(.9,.9); -o-transform: scale(.9,.9); -moz-transform: scale(.9,.9); }

#header .hr { height: 116px; float: left; margin-right: 60px; font-size: 14px; }

#header .hr dt { width: 100%; height: 24px; line-height: 24px; margin-bottom: 12px; color: #87000f; letter-spacing: 1px; font-size: 16px; font-family: 'gothambook'; text-transform: uppercase }

#header .hr dt a { color: #87000f; font-family: 'gothambook'; }

#header .hr dd { width: 100%; height: 26px; line-height: 17px; letter-spacing: 1px; font-size: 1em; }

#header .news { width: 691px; height: 100%; margin: 0 auto; }

#header .news li { float: left; display: block; width: 230px; height: 100%; }

#header .news li a { display: block; width: 100%; height: 100%; position: relative; overflow: hidden; }

#header .news li img { display: block; width: 230px; height: 100%; }

#header .news li i { display: block; width: 100%; height: 100%; position: absolute; top: 160px; left: 0px; background: #000; opacity: .6; filter: alpha(opacity=60); transition: all .3s; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; }

#header .news li span { display: block; width: 100%; height: 100%; position: absolute; top: 130px; left: 0px; z-index: 2; line-height: 140px; text-align: center; color: #fff; transition: all .3s; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; font-size: 1.25em; font-family: 'gothambook'; letter-spacing: 1px; }

#header .news li a:hover i, #header .news li a:hover span { top: 0px; }

#header .mag { width: 120%; height: 100%; position: absolute; left: 50%; margin-left: -494px; top: 40px; }

#header .mag li { float: left; width: 140px; height: 140px; margin-left: 40px; }

#header .mag li a { display: block; width: 100%; height: 100%; position: relative; overflow: hidden; text-align: center; color: #fff; font-size: 16px; letter-spacing: 1px; }

#header .mag li p { display: block; width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; background: url(/uploads/image/eimages/black.png); transition: all .5s; -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; opacity: 0; filter: alpha(opacity=0); transform: scale(1.1); -ms-transform: scale(1.1); -webkit-transform: scale(1.1); -o-transform: scale(1.1); -moz-transform: scale(1.1); font-family: 'gothambook'; }

#header .mag li p span.nullblock_1 { position: relative; display: block; width: 100%; height: 46px; }

#header .mag li p span.nullblock_2 { position: relative; display: block; width: 100%; height: 56px; }

#header .mag li a:hover p { opacity: 1; filter: alpha(opacity=80); transform: scale(1); -ms-transform: scale(1); -webkit-transform: scale(1); -o-transform: scale(1); -moz-transform: scale(1); }

/* footer */
#footer-rellax { width: 100%; height: 367px; position: absolute; left: 0px; top: 4420px; background: #fff; }

#footer { width: 100%; border-top: 1px solid #eaeaea; background: #fff; }

#footer .f-nav { padding: 80px 0px; width: 100%; border-bottom: 1px solid #eaeaea; }

#footer .f-follow { float: left; width: 200px; height: 120px; }

#footer .f-follow h1 { font-size: 1.25em; color: #b7220f; display: block; margin-bottom: 22px; font-family: 'gothambook'; }

#footer .f-follow h1 a { color: #b7220f; }

#footer .f-follow ul { width: 150%; height: 22px; margin-bottom: 22px; }

#footer .f-follow ul li { width: 22px; height: 22px; float: left; margin-right: 20px; }

#footer .f-follow ul li .weixin, #footer .f-follow ul li .garm { display: block; width: 100%; height: 100%; background: url(/uploads/image/eimages/f-icon.png) no-repeat; position: relative; transition: all .3s; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; }

#footer .f-follow .codes-flock { width: 560px; height: 110px; position: absolute; bottom: -45px; left: 130px; visibility: hidden; opacity: 0; filter: alpha(opacity=0); transition: all .3s; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; }

#footer .f-follow ul li span { display: block; width: 107px; height: 107px; margin-right: 15px; float: left; border: 1px solid #dddcdd; box-shadow: 0px 0px 5px #666; }

#footer .f-follow ul li .ablock { display: block; width: 107px; height: 107px; margin-right: 15px; float: left; }

#footer .f-follow ul li .twitter { background-position: 0px 0px; }

#footer .f-follow ul li .fbook { background-position: -43px 0px; }

#footer .f-follow ul li .vs { background-position: -88px 0px; }

#footer .f-follow ul li .weixin { background-position: -214px 0px; }

#footer .f-follow ul li .twitter:hover { background-position: 0px -22px; }

#footer .f-follow ul li .fbook:hover { background-position: -43px -22px; }

#footer .f-follow ul li .vs:hover { background-position: -88px -22px; }

#footer .f-follow ul li .weixin:hover { background-position: -214px -22px; }

#footer .f-follow ul li .weixin:hover .codes-flock.inblock { left: 21px; z-index: 999; padding-left: 56px; margin-right: 0px; }

#footer .f-follow ul li .kedin { background-position: -132px 0px; }

#footer .f-follow ul li .kedin:hover { background-position: -132px -22px; }

#footer .f-follow ul li .weixin:hover .codes-flock { visibility: visible; left: 120px; opacity: 1; filter: alpha(opacity=100); }

#footer .f-follow ul li .garm { background-position: -176px 0px; }

#footer .f-follow ul li .garm:hover { background-position: -176px -22px; }

#footer .f-follow ul li .garm:hover .codes-flock.inblock { left: 21px; z-index: 999; padding-left: 15px; }

#footer .f-follow ul li .garm:hover .codes-flock.inblock .ablock { margin-right: 0px; }

#footer .f-navigation { float: right; }

#footer .f-navigation::after { content: ""; display: block; height: 0; clear: both; visibility: hidden; overflow: hidden; }

#footer .f-navigation dl { float: left; margin-left: 30px; }

#footer .f-navigation dl.nomargin { margin-left: 0px; }

#footer .f-navigation dt { height: 24px; margin-bottom: 10px; letter-spacing: 0px; font-family: 'gothambook'; text-transform: uppercase; }

#footer .f-navigation dt a { color: #323236; font-family: 'gothambook'; text-transform: uppercase; }

#footer .f-navigation dd { line-height: 28px; }

#footer .f-navigation dd a { color: #323232; font-size: 0.875em; font-family: 'gothambook'; letter-spacing: 0; }

#footer .allrights { padding: 30px 0px; }

#footer .allrights span { float: left; color: #888889; font-family: 'gothambook'; font-size: 0.875em; }

#footer .allrights h1 { float: right; font-family: 'gothambook'; font-size: 0.75em; }

#footer .allrights a { margin-left: 20px; color: #aaa; }

#footer .lane { position: absolute; top: 0px; }

#footer .hr-link { left: 0px; float: inherit; }

#footer .hr-code { right: 0px; width: 107px; height: 107px; border: 1px solid #9d9d9d; box-shadow: 0px 0px 5px #9d9d9d }

#footer .hr-code img { display: block }

#footer .hr-center { margin: 0 auto; width: 880px; float: inherit; }

#footer .hr-center dl { margin-left: 66px; }

/* pop-up */
#pop-up { width: 100%; height: 100%; position: fixed; top: 0px; left: 0px; z-index: 999; display: none; }

#pop-up .wallbg { background: #fff; width: 100%; height: 100%; opacity: 0.7; filter: alpha(opacity=70); }

#pop-up .contmain { width: 65%; height: 100%; position: absolute; top: 0px; left: 50%; margin: 0px 0px 0px -32.5%; }

#pop-up .boxes { width: 100%; height: 500px; position: absolute; left: 0px; top: 50%; margin-top: -250px; background: url(/uploads/image/eimages/cwall.jpg) no-repeat; background-size: cover; }

#pop-up #close { display: block; width: 30px; height: 30px; position: absolute; top: -32px; right: -32px; overflow: hidden; }

#pop-up #close i { display: block; width: 30px; height: 30px; position: absolute; top: 0px; left: 0px; background: url(/uploads/image/eiicon/close.png) no-repeat center center; transition: all .3s; -webkit-transition: all .3s; -webkit-transform-origin: center center; transform-origin: center center; }

#pop-up #close:hover i { transform: rotate(360deg); -webkit-transform: rotate(360deg); }

#pop-up .contmain h1 { display: block; width: 256px; height: 42px; font-size: 1.75em; font-weight: normal; position: absolute; top: 50%; left: 90px; margin: -21px 0px 0px 0px; color: #fff; }

#pop-up .infor { width: 390px; height: 142px; line-height: 28px; position: absolute; top: 50%; right: 90px; margin: -70px 0px 0px 0px; color: #fff; letter-spacing: 1px; font-family: 'gothambook'; }

/* wrapper */
#wrapper { width: 100%; background: #fff; }

#banner { width: 100%; height: 1080px; position: relative; overflow: hidden; }

#banner ul { width: 100%; height: 100%; position: relative; overflow: hidden; }

#banner ul li { width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; }

#banner ul li a { display: block; width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; z-index: 10; }

#banner ul li img { display: block; width: 100%; }

#banner .text-infor-box { height: 60px; line-height: 60px; padding: 0 40px; position: absolute; left: 0%; bottom: 0px; background: url(/uploads/image/eimages/black.png); color: #fff; font-size: 0.875em; font-family: 'gothambook'; }

#banner .btn { display: block; width: 40px; height: 40px; position: absolute; top: 50%; margin-top: -20px; cursor: default; z-index: 666; }

#banner #prev { left: 29px; background: url(/uploads/image/eiicon/btnprev.png) no-repeat; }

#banner #next { right: 29px; background: url(/uploads/image/eiicon/btnnext.png) no-repeat; }

#banner-rellax { width: 100%; height: 100%; position: absolute; left: 0px; top: 3450px; overflow: hidden; }

#banner-rellax ul { width: 100%; height: 100%; position: relative; overflow: hidden; }

#banner-rellax ul li { width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; }

#banner-rellax ul li img { display: block; width: 100%; }

#banner-rellax ul li a { display: block; width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; z-index: 10; }

#banner-rellax .text-infor-box { min-width: 400px; height: 60px; line-height: 60px; padding: 0 40px; position: absolute; left: 0%; bottom: 0px; background-image: url(/uploads/image/eimages/black.png); color: #fff; font-size: 0.875em; }

#banner-rellax .btn { display: block; width: 40px; height: 40px; position: absolute; top: 50%; margin-top: -20px; cursor: default; z-index: 666; }

#banner-rellax #prev { left: 29px; background: url(/uploads/image/eiicon/btnprev.png) no-repeat; }

#banner-rellax #next { right: 29px; background: url(/uploads/image/eiicon/btnnext.png) no-repeat; }

#wrapper .sc-box { padding: 40px 0px; background: #f5f5f5; }

#wrapper .wrap-box { width: 100%; }

#wrapper .bran-lists h1 { display: block; width: 100%; font-size: 2.5em; height: 40px; line-height: 40px; padding: 20px 0px 60px; text-align: center; color: #323232; text-transform: uppercase; letter-spacing: 1px; font-family: 'gothambook'; }

#wrapper .bran-lists ul { margin-left: -8px; height: 100%; margin-bottom: 40px; }

#wrapper .bran-lists li { width: 50%; float: left; }

#wrapper .bran-lists .licont { display: block; margin-left: 8px; background: #fff; }

#wrapper .bran-lists .licont a { display: block; width: 100%; color: #323232; }

#wrapper .bran-lists .b-picture { width: 100%; overflow: hidden; }

#wrapper .bran-lists .b-picture img { width: 100%; display: block; transition: all .5s; -webkit-transition: all .5s; }

#wrapper .bran-lists .b-name { text-align: center; height: 90px; line-height: 90px; font-size: 1.125em; border: 1px solid #dddcdd; letter-spacing: 4px; font-family: 'gothambook'; }

#wrapper .bran-lists .licont a:hover { color: #87000f; }

#wrapper .bran-lists .licont a:hover img { transform: scale(1.1); -ms-transform: scale(1.1); -webkit-transform: scale(1.1); }

#wrapper .bran-lists a.more { display: block; border: 1px solid #dddcdd; width: 360px; height: 60px; line-height: 60px; margin: 0 auto; text-align: center; font-size: 1.125em; text-transform: uppercase; color: #323232; letter-spacing: 1px; font-family: 'gothambook'; }

#wrapper .slot-box { width: 100%; padding: 80px 0px; }

#wrapper .slot-box a { display: block; width: 100%; height: 100%; position: relative; font-size: 2.5em; font-family: 'gothambook'; }

#wrapper .slot-box p { display: block; width: 100%; height: 50px; line-height: 50px; position: absolute; top: 50%; left: 0px; margin-top: -25px; text-align: center; color: #fff; text-transform: uppercase; letter-spacing: 1px; }

#wrapper .pagebanner { width: 100%; height: 100%; overflow: hidden; }

#wrapper .botndown { width: 39px; height: 39px; position: absolute; bottom: 20px; left: 50%; margin-left: -20px; z-index: 1000; }

#wrapper .botndown span { display: block; width: 100%; height: 100%; background: url(/uploads/image/eiicon/btndown.png) no-repeat; animation: left-int 3s linear infinite; -webkit-animation: left-int 3s linear infinite; }

/* about */
#wrapper .inner-box { width: 100%; height: 798px; position: relative; }

#wrapper .video-box { width: 100%; height: 100%; position: relative; background: #000; overflow: hidden; }

#wrapper .page-inner { width: 100%; height: 798px; position: fixed; top: 0px; left: 0px; }

#wrapper .shade { width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; }

#wrapper .page-inner img { width: 100%; }

#wrapper .vision-inner { background: url(/uploads/image/eiabout/wall.jpg) no-repeat; background-size: cover; }

#wrapper .mode-inner { width: 100%; height: 798px; background: url(/uploads/image/eiabout/wall2.jpg) no-repeat center; background-size: cover; }

#wrapper .culture-inner { background: url(/uploads/image/eiabout/wall3.jpg) no-repeat; background-size: cover; }

#wrapper .banner-wrap img { display: block; height: 100%; }

#wrapper .inner-infor { height: 100%; position: relative; }

#wrapper .infor-wrap { width: 100%; height: 180px; position: absolute; top: 50%; left: 50%; margin: -90px 0px 0px -50%; color: #dfdfdf; }

#wrapper .infor-wrap h1 { display: block; width: 100%; height: 30px; line-height: 30px; font-size: 1.875em; margin-bottom: 50px; font-family: 'gothambook'; }

#wrapper .infor-wrap p { line-height: 28px; font-family: 'gothambook'; }

#wrapper .infor-vision { width: 500px; height: 240px; position: absolute; top: 50%; left: 0%; margin: -120px 0px 0px 0px; color: #dfdfdf; }

#wrapper .infor-vision h1 { display: block; width: 100%; height: 96px; line-height: 48px; font-size: 1.875em; margin-bottom: 50px; font-family: 'gothambook'; }

#wrapper .infor-vision p { line-height: 26px; font-family: 'gothambook'; }

#wrapper .web-main { width: 100%; min-height: 798px; position: relative; z-index: 10; background: #fff; }

#wrapper .web-main-whare { width: 100%; min-height: 798px; position: relative; z-index: 10; }

#wrapper .main-mode { width: 100%; background: #fff; }

#wrapper .main-vision { width: 100%; background: #000; }

#wrapper .v-vedia-box { width: 100%; position: relative; padding-bottom: 30px; }

#wrapper .v-idear { position: absolute; top: 0px; left: 50%; color: #fff; padding-top: 450px; line-height: 28px; text-align: center; font-family: 'gothambook'; width: 1000px; margin-left: -500px; }

#wrapper .v-idear h1 { display: block; width: 100%; margin-bottom: 40px; font-size: 1.875em; font-family: 'gothambook'; letter-spacing: 1px; }

#wrapper .v-idear p { line-height: 1.625em; }

#wrapper .v-related { padding: 80px 0; color: #fff; }

#wrapper .v-related h1 { display: block; height: 40px; line-height: 40px; font-size: 2.5em; text-align: center; margin-bottom: 60px; letter-spacing: 1px; font-family: 'gothambook'; text-transform: uppercase; }

#wrapper ul.tael { margin-left: -8px; height: 100%; }

#wrapper ul.tael li { width: 50%; float: left; }

#wrapper ul.tael a { display: block; margin-left: 8px; color: #8f111f; background: #fff; }

#wrapper ul.tael .b-picture { width: 100%; overflow: hidden; }

#wrapper ul.tael .b-picture img { width: 100%; display: block; transition: all .5s; -webkit-transition: all .5s; }

#wrapper ul.tael .b-name { text-align: center; height: 90px; line-height: 90px; font-size: 1.125em; border: 1px solid #dddcdd; font-family: 'gothambook'; text-transform: uppercase; }

#wrapper ul.tael li a:hover img { transform: scale(1.1,1.1); -webkit-transform: scale(1.1,1.1); }

#wrapper .mode-content { width: 100%; padding: 60px 0px; }

#wrapper .m-cont { height: 100%; }

#wrapper .m-cont h1 { display: block; font-size: 1.25em; height: 40px; line-height: 40px; margin-bottom: 60px; color: #323232; letter-spacing: 1px; font-family: 'gothambook'; }

#wrapper .job-content { width: 100%; }

#wrapper .mode-list { width: 808px; margin: 0 auto; border: 1px solid #eaeaea; }

#wrapper .mode-list dl { width: 100%; border-bottom: 1px solid #eaeaea; font-family: 'gothambook'; }

#wrapper .mode-list dt { display: block; height: 100px; width: 100%; line-height: 100px; font-size: 1.125em; color: #87000f; letter-spacing: 1px; cursor: pointer; padding-left: 40px; }

#wrapper .mode-list dd { display: block; padding: 80px 125px; line-height: 28px; display: none; font-size: 1em; }

#wrapper .mode-list dl.active dt { background: #f5f5f5; border-bottom: 1px solid #eaeaea; }

#wrapper .mode-list dl.active dd { display: block; }

#wrapper .use-related { padding: 80px; background: #f5f5f5; }

#wrapper .use-related h1 { display: block; width: 100%; margin-bottom: 50px; font-size: 2.5em; text-align: center; letter-spacing: 1px; }

#wrapper #paserun { width: 100%; height: 100%; overflow: hidden; position: absolute; top: 0px; left: 0px; zoom: 1; z-index: 5; }

#wrapper .cul-list { width: 100%; height: 100%; position: relative; }

#wrapper .cul-list dd { width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; }

#wrapper .cul-list dd.wallcolor { background: #fff; }

#wrapper .cul-list h1 { display: block; width: 100%; height: 40px; line-height: 40px; font-size: 2.5em; text-align: center; padding-top: 170px; color: #fff; letter-spacing: 1px; margin-bottom: 100px; -webkit-animation: fadeinup 1s .2s ease both; -moz-animation: fadeinup 1s .2s ease both; animation: fadeinup 1s .2s ease both; font-family: 'gothambook'; }

#wrapper .cul-list h2 { font-size: 1.25em; text-align: center; letter-spacing: 1px; height: 22px; line-height: 22px; margin-bottom: 40px; -webkit-animation: fadeinup 1s .5s ease both; -moz-animation: fadeinup 1s .5s ease both; animation: fadeinup 1s .5s ease both; color: #fff; }

#wrapper .cult-text { width: 650px; margin: 0 auto 60px; line-height: 26px; font-size: 0.875em; font-family: 'gothambook'; -webkit-animation: fadeinup 1s .7s ease both; -moz-animation: fadeinup 1s .7s ease both; animation: fadeinup 1s .7s ease both; color: #fff; }

#wrapper .cult-text p { margin-bottom: 20px; }

#wrapper .relate { width: 80%; height: 540px; position: absolute; top: 50%; left: 50%; margin-left: -40%; margin-top: -270px; }

#wrapper .relate h3 { display: block; width: 100%; height: 40px; line-height: 40px; margin-bottom: 50px; font-size: 2.5em; text-align: center; letter-spacing: 1px; -webkit-animation: fadeinup 1s .2s ease both; -moz-animation: fadeinup 1s .2s ease both; animation: fadeinup 1s .2s ease both; text-transform: uppercase }

#wrapper .relate .tael { -webkit-animation: fadeinup 1s .5s ease both; -moz-animation: fadeinup 1s .5s ease both; animation: fadeinup 1s .5s ease both; }

#wrapper .c-more { height: 60px; width: 480px; line-height: 60px; text-align: center; border: 1px solid #fff; display: block; font-size: 1.125em; color: #fefefe; letter-spacing: 1px; margin: 0 auto; -webkit-animation: fadeinup 1s .9s ease both; -moz-animation: fadeinup 1s .9s ease both; animation: fadeinup 1s .9s ease both; }

#wrapper .btnbotn { width: 100%; height: 15px; position: absolute; bottom: 60px; left: 0px; text-align: center; }

#wrapper .btnbotn span { display: inline-block; width: 15px; height: 15px; border-radius: 50%; -ms-border-radius: 50%; background: #fff; opacity: 0.5; overflow: hidden; text-indent: -999px; margin: 0 5px; cursor: default; filter: alpha(opacity=50); }

#wrapper .btnbotn span.current { opacity: 1; filter: alpha(opacity=100); }

.culture-inner .btn { display: block; width: 40px; height: 40px; position: absolute; top: 50%; margin-top: -20px; cursor: default; z-index: 666; }

.culture-inner #prev { left: 29px; background: url(/uploads/image/eiicon/btnprev.png) no-repeat; }

.culture-inner #next { right: 29px; background: url(/uploads/image/eiicon/btnnext.png) no-repeat; }

#wrapper .white-related { padding: 80px; background: #fff; color: #323232; }

#wrapper .rela-title { display: block; width: 100%; margin-bottom: 60px; font-size: 2.5em; height: 40px; line-height: 40px; text-align: center; letter-spacing: 1px; font-family: 'gothambook'; text-transform: uppercase; }

#wrapper .four-list { margin-left: -20px; height: 100%; }

#wrapper .four-list li { width: 25%; float: left; }

#wrapper .four-list li a { display: block; height: 100%; margin-left: 20px; position: relative; margin-bottom: 66px; color: #87000f; border: 1px solid #eee; overflow: hidden; }

#wrapper .four-list li .b-picture-re { width: 100%; height: 100%; overflow: hidden; }

#wrapper .four-list li .b-picture-re img { display: block; width: 100%; transition: all .5s; -webkit-transition: all .5s; }

#wrapper .four-list li .b-name { width: 100%; box-sizing: border-box; text-align: center; height: 65px; line-height: 65px; font-size: 1.125em; border-top: 1px solid #eee; transition: all .5s; -webkit-transition: all .5s; text-transform: uppercase; }

#wrapper .four-list li a:hover img { transform: scale(1.1,1.1); -webkit-transform: scale(1.1,1.1); }

#wrapper .fund-title { height: 175px; padding-top: 120px; text-align: center; font-size: 2.5em; letter-spacing: 1px; line-height: 40px; }

#wrapper .fund-title span { display: inline-block; height: 175px; padding-left: 250px; margin-left: -252px; text-transform: uppercase; background: url(/uploads/image/eiicon/icon-maozi.png) no-repeat left top; }

#wrapper .total { width: 100%; height: 100px; padding: 60px 0px 60px 0px; }

#wrapper .jine { height: 100%; }

#wrapper .total li { float: left; width: 33.33%; text-align: center; }

#wrapper .total h1 { text-align: center; margin-bottom: 20px; line-height: 60px; font-size: 60px; color: #87000f; font-family: 'gothamlight'; }

#wrapper .total h2 { text-transform: uppercase; }

#wrapper .charity { width: 100%; min-height: 705px; padding: 95px 0px 5px 0px; background: url(/uploads/image/eiabout/wall-maos.jpg) no-repeat center top; }

#wrapper .charity-title { font-size: 1.5em; letter-spacing: 1px; padding-left: 110px; line-height: 30px; margin-bottom: 60px; }

#wrapper .char-infor { line-height: 26px; font-size: 0.875em; width: 41%; padding-left: 110px; }

#wrapper .char-text { line-height: 28px; font-size: 1em; width: 43.5%; margin-top: 290px; margin-left: 47%; text-align: center; text-align: right; }

#wrapper .char-text p { margin-bottom: 20px; }

#wrapper .print-box { padding: 180px 0px 120px 0px }

#wrapper .mag-wrap { width: 73%; margin: 0 auto; }

#wrapper .print-box ul { margin-left: -77px; }

#wrapper .print-box li { width: 33.33%; display: block; float: left; }

#wrapper .print-box li a { display: block; margin-left: 77px; position: relative; color: #fff; text-align: center; }

#wrapper .print-box li img { display: block; width: 100%; }

#wrapper .print-box li .desc { display: block; width: 100%; height: 100%; background: rgba(0,0,0,0.85); position: absolute; top: 0px; left: 0px; transition: all .5s; -webkit-transition: all .5s; opacity: 0; filter: alhpa(opacity=0); }

#wrapper .print-box li p { width: 100%; display: block; position: absolute; left: 0px; top: 50%; margin-top: -24px; line-height: 24px; transition: all .5s; -webkit-transition: all .5s; -webkit-transform: scale(0.5); transform: scale(0.5); }

#wrapper .print-box li em, #wrapper .print-box li span { width: 100%; display: block; }

#wrapper .print-box li a:hover .desc { opacity: 1; filter: alhpa(opacity=100); }

#wrapper .print-box li a:hover p { -webkit-transform: scale(1); transform: scale(1); }

#wrapper .more-infor { width: 300px; height: 60px; text-align: center; line-height: 60px; font-size: 1.125em; letter-spacing: 1px; margin: 100px auto 0px; }

#wrapper .more-infor a { color: #323232; display: block; border: 1px solid #dddcdd; }

/* brand */
#wrapper .page-banner { width: 100%; height: 100%; }

#wrapper .banner-list { width: 100%; height: 100%; overflow: hidden; min-height: 800px; }

.br-profile { width: 100%; height: 100%; }

.br-pro-text { width: 100%; height: 100%; min-height: 800px; background: url(/uploads/image/eimages/white66.png); overflow: hidden; }

.br-infor { height: 100%; position: relative; }

.br-title { width: 100%; height: 60px; line-height: 36px; font-size: 38px; position: absolute; top: 120px; left: 0px; color: #323232; letter-spacing: 1px; font-family: 'gothambook'; }

.br-text-infor { width: 600px; position: absolute; top: 50%; left: 50%; margin-left: -300px; margin-top: -260px; }

.br-text-infor .text-title { display: block; height: 30px; display: block; margin-bottom: 80px; background: url(/uploads/image/eigiada/g-title.png) no-repeat center; }

.br-text-wrap { width: 100%; line-height: 28px; font-size: 0.875em; color: #323232; font-family: 'gothambook'; }

.br-text-wrap p { margin-bottom: 20px; }

#wrapper .lay-box { width: 100%; padding: 80px 0px; border-bottom: 1px solid #dddcdd; }

#wrapper .lay-box::after { content: ""; display: block; width: 100%; height: 1px; overflow: hidden; }

.creative .pic-box, .founder .pic-box, .director .pic-box { padding: 40px 0px; width: 41%; }

.creative .creative-text { margin-left: 100px; width: 550px; padding-top: 70px; }

.creative .pg-tl, .founder .pg-tl, .designer .pg-tl { width: 100%; display: block; height: auto; font-size: 38px; line-height: 40px; margin-bottom: 40px; letter-spacing: 1px; color: #323232; text-transform: uppercase; }

#wrapper .box-desc { width: 100%; line-height: 26px; font-family: 'gothambook'; font-size: 0.875em; }

#wrapper .box-desc p { display: block; }

.founder .box-text { margin-right: 100px; width: 550px; font-family: 'gothambook'; padding-top: 200px; }

#wrapper .designer { min-height: 540px; }

.designer .wrap { position: relative; }

.designer .pic-heig { width: 380px; height: 700px; position: absolute; top: -80px; left: 0px; }

.designer .pg-tl { padding-top: 60px; }

.designer .box-text { width: 450px; margin-right: 100px; padding-top: 200px; }

.director .pg-tl { width: 100%; display: block; height: auto; padding-top: 100px; font-size: 2.375em; line-height: 40px; margin-bottom: 40px; letter-spacing: 1px; color: #323232; }

.director .box-text { width: 550px; margin-right: 100px; padding-top: 240px; }

.store .wrap { position: relative; }

.store .pic-box { padding: 0px 0px; width: 482px; height: 657px; }

.store .pic-heig { width: 614px; height: 760px; position: absolute; top: -54px; left: 0px; }

.store .pg-tl { width: 100%; display: block; height: auto; padding-top: 120px; font-size: 2.375em; line-height: 40px; margin-bottom: 40px; letter-spacing: 1px; color: #323232; }

.store .box-text { width: 410px; margin-left: 220px; padding-top: 200px; }

.main-content { width: 100%; background: #fff; overflow: hidden; }

.main-content .rank-lt { float: left; }

.main-content .rank-rt { float: right; }

.main-content .row-box { height: 3500px; }

.main-content .tf-wrapper-outer { min-height: 900px; width: 100%; }

.main-content .wrapper-outer { position: fixed; top: 0px; left: 0px; }

.main-content .rank-wrap { width: 100%; height: 1px; position: relative; margin: 0 auto; transition: all .5s; -webkit-transition: all .5s; }

.main-content .rank-box { width: 85%; height: 1px; margin: 0 auto; transition: all .5s; -webkit-transition: all .5s; }

.main-content .relation { position: relative; }

.main-content .lane { position: absolute; }

.main-content .pic-box1 { width: 47%; left: 0px; top: 30px; -webkit-animation: fadeinup 1s .2s ease both; -moz-animation: fadeinup 1s .2s ease both; animation: fadeinup 1s .2s ease both; z-index: 600; }

.main-content .pic-box2 { width: 42%; height: 560px; top: -275px; left: 50%; z-index: 100 }

.main-content .pic-box2 img { -webkit-animation: fadeinupmore 3s ease both; -moz-animation: fadeinupmore 3s ease both; animation: fadeinupmore 3s ease both; }

.main-content .pic-box3 { width: 59%; right: 0px; top: 435px; -webkit-animation: fadeinup 1s 2s ease both; -moz-animation: fadeinup 1s 2s ease both; animation: fadeinup 1s 2s ease both; }

.main-content .pic-box4 { width: 48%; right: 0px; top: 1020px; padding-top: 20px; }

.main-content .pic-box5 { width: 12.33%; left: 40%; top: 1510px; }

.main-content .pic-box6 { width: 36%; left: 0%; top: 1600px; padding-top: 40px; }

.main-content .pic-box7 { width: 44.25%; right: 0%; top: 1590px; }

.main-content .pic-box8 { width: 29%; left: 51%; top: 2130px; padding-top: 260px; }

.main-content .pic-box9 { width: 68%; left: 50%; top: 2600px; margin-left: -34%; padding-top: 360px; }

.main-content .case-box-text { width: 38%; left: 7%; top: 758px; -webkit-animation: fadeinup 1s 2s ease both; -moz-animation: fadeinup 1s 2s ease both; animation: fadeinup 1s 2s ease both; }

.main-content .case-box-text2 { width: 38%; left: 7%; top: 2290px; }

.main-content .his-top { width: 100%; margin: 0 auto; font-size: 38px; line-height: 39px; height: 39px; letter-spacing: 1px; color: #323232; margin-bottom: 100px; }

.main-content .his-top2 { width: 100%; margin: 0 auto; font-size: 38px; line-height: 39px; height: 39px; letter-spacing: 1px; color: #323232; margin-bottom: 80px; }

.main-content .his-name { width: 100%; margin: 0 auto; font-size: 38px; line-height: 39px; height: 39px; letter-spacing: 1px; color: #000; margin-bottom: 40px; }

.main-content .br-his-txt { width: 100%; margin: 0 auto; line-height: 28px; color: #323232; font-size: 0.875em; }

.main-content .br-his-txt p { display: block; margin-bottom: 20px; }

/* hr */
.wrap-main { width: 1024px; margin: 0 auto; }

.wrap-pad { padding: 80px 0px; }

.wrap-pad-top { padding: 100px 0px 80px; }

.wrap-botm { padding: 0px 0px 80px; }

.bgcolor { background: #f5f5f5; width: 100%; padding: 60px 0px 80px; }

.column-top { width: 100%; height: 40px; line-height: 40px; margin-bottom: 60px; text-align: center; font-size: 2.5em; letter-spacing: 1px; font-family: 'gothambook'; padding-top: 20px; text-transform: uppercase; }

.wrap-title { width: 100%; height: 40px; font-size: 2.5em; line-height: 40px; color: #fff; text-align: center; letter-spacing: 1px; position: absolute; top: 200px; left: 0px; }

.txt-infor { width: 550px; line-height: 26px; color: #fff; position: absolute; top: 50%; left: 50%; margin-left: -225px; font-family: 'gothambook'; margin-top: -126px; }

.txt-top { width: 100%; height: 30px; font-size: 1.5em; line-height: 24px; color: #fff; text-align: center; letter-spacing: 1px; position: relative; padding-bottom: 40px; font-family: 'gothambook'; }

.txt-infor p { font-size: 0.875em; }

.people { width: 100%; height: 700px; position: relative; }

.people ul { width: 100%; height: 100%; position: relative; overflow: hidden; }

.people ul li { width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; }

.people ul li a { display: block; width: 100%; height: 100%; position: relative; color: #fff; }

.people ul li p { display: block; padding: 0 20px; height: 100px; line-height: 100px; width: 1160px; background: url(/uploads/image/eimages/black.png); font-size: 1em; position: absolute; bottom: 0px; left: 0px; }

.people .btn { display: block; width: 40px; height: 40px; position: absolute; top: 50%; margin-top: -20px; cursor: default; z-index: 666; }

.people #prev { left: 29px; background: url(/uploads/image/eiicon/btnprev.png) no-repeat; }

.people #next { right: 29px; background: url(/uploads/image/eiicon/btnnext.png) no-repeat; }

.people-list { width: 100%; }

.people-list ul, .people-list ul.straf-list { margin-left: -15px; }

.people-list ul li { display: inline; width: 33.33%; float: left; margin-bottom: 15px; }

.people-list ul li a { display: block; margin-left: 15px; border: 1px solid #dddcdd; position: relative; color: #fff; overflow: hidden; text-align: center; font-family: 'gothambook'; }

.people-list ul li img { max-width: 100%; max-height: 100%; display: block; }

.people-list ul li .t-wall { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background: url(/uploads/image/eimages/black.png); opacity: 0; filter: alpha(opacity=0); transition: all .5s; -webkit-transition: all .5s; }

.people-list ul li .infor { position: absolute; bottom: 20px; left: 0px; width: 100%; line-height: 24px; font-size: 0.875em; transition: all .5s; -webkit-transition: all .5s; -webkit-transform: translatey(100%); transform: translatey(100%); filter: alpha(opacity=0); }

.people-list ul li a code { width: 100%; height: 100%; line-height: 390px; color: #323232; font-size: 1em; display: block; text-align: center; letter-spacing: 1px; font-family: "gothambook"; }

.people-list ul li .infor h1 { margin: 0 20px 10px; font-size: 1.25em; text-align: left; }

.people-list ul li .infor span { display: block; margin: 0 20px; text-align: left; }

.people-list ul li .infor p { display: block; margin: 0 20px; height: auto; text-align: left; }

.people-list ul li a:hover .t-wall { opacity: 1; filter: alhpa(opacity=100); }

.people-list ul li a:hover .infor { -webkit-transform: none; transform: none; filter: alpha(opacity=100); }

.people-desc { width: 100%; min-height: 600px; padding-bottom: 40px; }

.people-desc .people-head { width: 450px; height: 600px; }

.people-desc .people-desc-rext { width: 475px; height: 600px; margin-right: 30px; position: relative; }

.people-desc .say { width: 100%; font-size: 1.5em; line-height: 48px; color: #323232; margin-bottom: 80px; }

.people-desc .staff-name { line-height: 24px; margin-bottom: 26px; font-family: 'gothambook'; }

.people-desc .staff-name h1 { font-size: 1.25em; line-height: 38px; }

.people-desc .staff-name h2 { font-size: 1em; }

.people-desc .people-intro { line-height: 26px; height: 190px; font-family: 'gothambook'; font-size: 0.875em; }

.people-desc .share { width: 100%; height: 20px; position: absolute; bottom: 0px; left: 0px; text-align: right; }

.people-desc .share span { display: inline-block; margin-left: 20px; color: #87000f; }

.desc-infor { margin-bottom: 80px; }

.desc-infor p { display: block; margin-bottom: 40px; }

.desc-more { width: 400px; height: 80px; margin: 0 auto; }

.desc-more a { display: block; height: 78px; line-height: 78px; text-align: center; font-size: 1.125em; letter-spacing: 1px; border: 1px solid #dddcdd; color: #323232; }

/* news-lists */
.news-lists { width: 100%; min-height: 700px; margin-bottom: 20px; }

.news-lists .hd-news { width: 40%; height: auto; float: left; }

.news-lists .hd-news a { display: block; width: 100%; height: 100%; position: relative; color: #fff; overflow: hidden; }

.news-lists .hd-news img { display: block; width: 100%; transition: all .5s; -webkit-transition: all .5s; }

.news-lists .hd-news a:hover img { -webkit-transform: scale(1.1); transform: scale(1.1); }

.news-lists .hd-news p { display: block; padding: 0px 20px; height: 60px; line-height: 60px; width: 440px; background: url(/uploads/image/eimages/black.png); position: absolute; bottom: 0px; left: 0px; }

.news-lists .kl-news { float: right; width: 58%; height: auto; overflow: hidden; }

.news-lists .kl-news ul { margin-right: -16px; }

.news-lists .kl-news li { float: left; width: 50%; height: auto; margin-bottom: 20px; display: block; }

.news-lists .kl-news li a { display: block; margin-right: 16px; height: 100%; position: relative; color: #fff; overflow: hidden; }

.news-lists .kl-news li img { display: block; transition: all .5s; -webkit-transition: all .5s; }

.news-lists .kl-news li p { width: 300px; height: 60px; line-height: 60px; padding: 0 20px; position: absolute; bottom: 0px; left: 0px; background: url(/uploads/image/eimages/black.png); }

.news-lists .kl-news li a:hover img { -webkit-transform: scale(1.1); transform: scale(1.1); }

.sg-news { width: 100%; height: 340px; margin-bottom: 20px; }

.sg-news a { display: block; width: 100%; height: 100%; position: relative; color: #fff; overflow: hidden; }

.sg-news img { display: block; }

.nl-news { width: 100%; height: auto; margin-bottom: 20px; }

.nl-news .lt-news { width: 40%; height: auto; float: left; }

.nl-news .lt-news a { display: block; width: 100%; height: 100%; position: relative; color: #fff; overflow: hidden; }

.nl-news .lt-news img { display: block; width: 100%; transition: all .5s; -webkit-transition: all .5s; }

.nl-news .lt-news p { display: block; padding: 0px 20px; height: 60px; line-height: 60px; width: 440px; background: url(/uploads/image/eimages/black.png); position: absolute; bottom: 0px; left: 0px; }

.nl-news .lt-news a:hover img { -webkit-transform: scale(1.1); transform: scale(1.1); }

.nl-news .rt-news { width: 100%; height: auto; overflow: hidden; }

.nl-news .rt-news ul { margin-right: -16px; }

.nl-news .rt-news li { float: left; width: 33.33%; height: auto; margin-bottom: 20px; display: block; }

.nl-news .rt-news li a { display: block; height: 100%; position: relative; color: #fff; overflow: hidden; }

.nl-news .rt-news li img { display: block; transition: all .5s; -webkit-transition: all .5s; }

.nl-news .rt-news li p { display: block; padding: 0px 20px; height: 60px; line-height: 60px; width: 440px; background: url(/uploads/image/eimages/black.png); position: absolute; bottom: 0px; left: 0px; }

.nl-news .rt-news li a:hover img { -webkit-transform: scale(1.1); transform: scale(1.1); }

.more-box { width: 100%; height: 82px; }

.more-box a { display: block; width: 400px; height: 80px; line-height: 80px; text-align: center; border: 1px solid #dddcdd; color: #323232; margin: 0 auto; text-transform: uppercase }

.wrap-infor-box { max-width: 900px; width: 100%; padding: 60px 0px; margin: 0 auto; color: #323232; }

.wrap-infor-box .news-title { width: 100%; margin: auto; height: auto; margin-bottom: 20px; font-size: 38px; line-height: 60px; text-align: center; }

.wrap-infor-box .nw-time { margin-bottom: 20px; text-align: center; }

.wrap-infor-box .nw-time em { margin: 0 10px; display: inline-block; width: 16px; height: 14px; font-size: 0.875em; }

.wrap-infor-box .news-content { line-height: 26px; font-size: 0.875em; }

.wrap-infor-box .news-content img { display: block; width: 100%; margin: auto; }

.wrap-infor-box .news-content p { display: block; margin-bottom: 10px; }

.media-list { width: 100%; height: 100%; position: relative; }

.video-list { width: 85%; height: 100%; position: relative; overflow: hidden; margin: 0 auto; }

.video-list .movebox { width: 100%; height: 100%; }

.video-list .movebox .item { width: 33.33%; height: 100%; float: left; }

.video-list ul { height: 100%; margin-right: 10px; }

.video-list li { width: 100%; height: auto; float: left; display: inline-block; margin-bottom: 10px; }

.video-list li a { display: block; height: 100%; position: relative; color: #fff; overflow: hidden; }

.video-list li img { display: block; width: 100%; }

.video-list li p { display: block; width: 100%; height: 100%; background-image: url(/uploads/image/eimages/black.png); position: absolute; top: 0px; left: 0px; opacity: 0; filter: alpha(opacity=0); transition: all .5s; -webkit-transition: all .5s; }

.video-list li span { width: 100%; display: block; text-align: center; font-size: 1em; position: absolute; top: 50%; left: 0px; margin-top: -14px; filter: alpha(opacity=0); -webkit-transform: scale(.3); transform: scale(.3); transition: all .5s; -webkit-transition: all .5s; }

.video-list li a:hover p { opacity: 1; filter: alpha(opacity=80); }

.video-list li a:hover span { -webkit-transform: scale(1); transform: scale(1); filter: alpha(opacity=100); }

.video-list .btn { display: none; width: 40px; height: 40px; position: absolute; top: 50%; margin-top: -20px; cursor: default; z-index: 666; filter: alhpa(opacity=75); opacity: 0.75; }

.video-list #prev { left: 60px; background: url(/uploads/image/eiicon/btnprev_g.png) no-repeat #fff; }

.video-list #next { right: 60px; background: url(/uploads/image/eiicon/btnnext_g.png) no-repeat #fff; }

/* news-related */
.news-related { width: 100%; }

.news-related-list { width: 100%; height: 338px; position: relative; }

.news-related-list .btn { display: block; width: 40px; height: 40px; position: absolute; top: 50%; margin-top: -20px; cursor: default; z-index: 666; filter: alhpa(opacity=75); opacity: 0.75; }

.news-related-list #prev { left: 60px; background: url(/uploads/image/eiicon/btnprev.png) no-repeat #333 }

.news-related-list #next { right: 60px; background: url(/uploads/image/eiicon/btnnext.png) no-repeat #333 }

.related-list-box { width: 100%; height: 338px; position: relative; overflow: hidden; }

.related-list-box ul { height: 100%; width: 105%; }

.related-list-box li { width: 20%; display: inline-block; float: left; margin-right: 20px; }

.related-list-box li a { display: block; width: 100%; height: 100%; position: relative; overflow: hidden; color: #fff }

.related-list-box li img { display: block; width: 100%; }

.related-list-box li p { display: block; width: 100%; height: 60px; line-height: 60px; padding: 0px 10px; background: url(/uploads/image/eimages/black.png); position: absolute; bottom: 0px; left: 0px }

.related-list-box .t-wall { width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; background-image: url(/uploads/image/eimages/black.png); opacity: 0; filter: alpha(opacity=0); transition: all .5s; -webkit-transition: all .5s; }

.related-list-box .infor { position: absolute; bottom: 20px; left: 0px; width: 100%; line-height: 24px; font-size: 0.875em; transition: all .5s; -webkit-transition: all .5s; -webkit-transform: translatey(120%); transform: translatey(120%); filter: alpha(opacity=0); }

.related-list-box a code { width: 100%; height: 100%; line-height: 390px; color: #323232; font-size: 1.25em; display: block; text-align: center; letter-spacing: 10px; }

.related-list-box .infor h1 { margin: 0 20px 10px; font-size: 1.25em; text-align: left; }

.related-list-box .infor span { display: block; text-align: left; margin: 0 20px }

.related-list-box .infor h2 { display: block; height: auto; text-align: left; margin: 0 20px }

.related-list-box li a:hover .t-wall { opacity: 1; filter: alhpa(opacity=100); }

.related-list-box li a:hover .infor { -webkit-transform: none; transform: none; filter: alpha(opacity=100); }

/* pop-up */
#media-pop-up { width: 100%; height: 100%; position: fixed; top: 0px; left: 0px; z-index: 1000; display: none; }

#media-pop-up .wall { width: 100%; height: 100%; background: #fff; opacity: 0.9; filter: alpha(opacity=100); }

#media-pop-up .media-box { width: 65%; height: 640px; position: absolute; top: 50%; left: 50%; margin-top: -320px; margin-left: -32%; }

#media-pop-up .media-title { height: 40px; width: 100%; position: relative; }

#media-pop-up .media-title span { display: inline-block; float: left; letter-spacing: 1px; font-size: 1.125em; margin-top: 10px; margin-right: 15px; }

#media-pop-up .media-title .news_contentblock { display: block; width: 22px; height: 22px; float: left; margin-right: 20px; margin-top: 10px; background: url(/uploads/image/eimages/f-icon.png) no-repeat; position: relative; }

#media-pop-up .media-title .news_contentblock span { display: block; width: 150px; height: 150px; position: absolute; top: 40px; left: 0; margin-left: -44px; z-index: 9999; transition: all 1s; -webkit-transition: all 1s; -moz-transition: all 1s; visibility: hidden; opacity: 0; filter: alpha(opacity=0); }

#media-pop-up .media-title .twitter { background-position: 0px 0px; }

#media-pop-up .media-title .fbook { background-position: -43px 0px; }

#media-pop-up .media-title .vs { background-position: -88px 0px; }

#media-pop-up .media-title .weixin { background-position: -214px 0px; }

#media-pop-up .media-title .twitter:hover { background-position: 0px -22px; }

#media-pop-up .media-title .fbook:hover { background-position: -43px -22px; }

#media-pop-up .media-title .vs:hover { background-position: -88px -22px; }

#media-pop-up .media-title .weixin:hover { background-position: -214px -22px; }

#media-pop-up .media-title .weixin:hover span { top: 20px; visibility: visible; opacity: 1; filter: alpha(opacity=100); }

#media-pop-up .media-title .garm { background-position: -176px 0px; }

#media-pop-up .media-title .garm:hover { background-position: -176px -22px; }

#media-pop-up .media-title .kedin { background-position: -132px 0px; }

#media-pop-up .media-title .kedin:hover { background-position: -132px -22px; }

#media-pop-up #close-media { width: 30px; height: 30px; position: absolute; top: -10px; right: 0px; cursor: pointer; margin-right: 0px; background: url(/uploads/image/einews/icon-close.png) no-repeat center; }

/* list */
.history-box { padding: 60px 0px 60px 0px; background: #fff; }

.movewrap { width: 100%; height: 100%; position: relative; overflow: hidden; }

.movewrap .btn { display: block; width: 6%; height: 100%; position: absolute; top: 0%; margin-top: 0px; cursor: default; z-index: 666; cursor: default; }

.movewrap #prev { left: 0px; background: url(/uploads/image/eiicon/btnprev_g.png) no-repeat center; }

.movewrap #next { right: 0px; background: url(/uploads/image/eiicon/btnnext_g.png) no-repeat center; }

.list-box { width: 19480px; height: 100%; position: absolute; top: 0px; left: 0px; }

.list-box .lay { position: absolute; }

.list-box .lay h1 { display: block; width: 100%; height: 60px; font-size: 50px; line-height: 50px; font-weight: normal; position: absolute; font-family: 'gothambook'; }

.list-box .pic-a { width: 769px; height: 290px; top: 295px; left: 100px; }

.list-box .pic-a h1 { left: 0px; top: 100%; padding-top: 30px; }

.list-box .img-rim { width: 100%; height: 100%; position: relative; text-align: center; overflow: hidden; }

.list-box .img-rim img { width: 100%; display: block; }

.list-box .pic-desc { width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; opacity: 0; filter: alpha(opacity=0); transition: all 0.5s; -webkit-transition: all 0.5s; -ms-transition: all 0.5s; }

.list-box .pic-desc em { display: block; width: 100%; height: 100%; background: #000; opacity: 0.5; filter: alpha(opacity=50); }

.list-box .img-rim p { display: table; width: 100%; height: 100%; text-align: center; position: absolute; top: 0px; left: 0px; letter-spacing: 1px; color: #fff; }

.list-box .img-rim span { display: table-cell; padding: 0 10px; height: 100%; text-align: center; vertical-align: middle; line-height: 28px; transform: translatey(-50%); -moz-transform: translatey(-50%); transform: scale(.3); -webkit-transform: scale(.3); -ms-transform: scale(.3); transition: all 0.5s; -webkit-transition: all 0.5s; -ms-transition: all 0.5s; filter: alpha(opacity=0) }

.list-box .img-rim:hover .pic-desc { opacity: 1; filter: alpha(opacity=100); }

.list-box .img-rim:hover span { transform: scale(1); -webkit-transform: scale(1); -ms-transform: scale(1); filter: alpha(opacity=100) }

.list-box .pic-box { width: 240px; height: 445px; position: absolute; top: 38px; left: 924px; }

.list-box .pic-c { width: 507px; height: 340px; top: 200px; left: 950px; z-index: 21; }

.list-box .pic-c h1 { padding-bottom: 10px; top: -70px; left: 0px; }

.list-box .y-two { width: 1040px; height: 610px; top: 98px; left: 1570px; }

.list-box .y-two h1 { top: 10px; left: 0px; }

.list-box .slogan { width: 299px; height: 457px; }

.list-box .slogan1 { left: 10px; top: 100px; }

.list-box .slogan2 { left: 370px; top: 100px; }

.list-box .slogan3 { left: 740px; top: 100px; }

.list-box .year-one { width: 700px; height: 50px; font-size: 50px; text-align: right; line-height: 50px; left: 2880px; top: 145px; }

.list-box .pic-odd { width: 521px; height: 312px; top: 254px; left: 2700px; }

.list-box .pic-odd h1 { top: -80px; left: 95%; }

.list-box .pic-txt { width: 396px; height: 262px; top: 165px; left: 3300px; }

.list-box .pic-sc { width: 471px; height: 320px; top: 390px; left: 3830px; z-index: 100; }

.list-box .pic-sc h1 { top: -80px; left: 0%; text-align: left }

.list-box .pic-year { width: 566px; height: 400px; top: 70px; left: 4320px; }

.list-box .pic-year h1 { display: block; padding-top: 30px; top: 100%; left: 50px; }

.list-box .pic-new { width: 405px; height: 302px; top: 250px; left: 4990px; }

.list-box .pic-new h1 { display: block; padding-bottom: 30px; left: 80%; top: -60px; }

.list-box .mileage { width: 719px; height: 539px; top: 130px; left: 5640px; }

.list-box .mileage h1 { display: block; left: -75px; top: -60px; }

.list-box .mileage2 { width: 595px; height: 359px; top: 185px; left: 6500px; }

.list-box .mileage2 h1 { display: block; left: 0%; top: -60px; text-align: right; }

.list-box .mileage3 { width: 738px; height: 527px; top: 100px; left: 7230px; }

.list-box .mileage3 h1 { display: block; left: -75px; bottom: -80px; text-align: right; }

.list-box .mileage4 { width: 750px; height: 460px; top: 180px; left: 8100px; }

.list-box .mileage4 h1 { display: block; left: -75px; top: -80px; text-align: right; }

.list-box .mileage5 { width: 800px; height: 422px; top: 100px; left: 9600px }

.list-box .mileage5 h1 { display: block; left: 0px; bottom: -80px; text-align: center; }

.list-box .mileage6 { width: 440px; height: 660px; top: 40px; left: 9010px; }

.list-box .mileage6 h1 { display: block; left: 0px; bottom: -80px; text-align: center; }

.list-box .mileage7 { width: 794px; height: 529px; top: 40px; left: 10480px; }

.list-box .mileage8 { width: 508px; height: 338px; top: 470px; left: 11340px; }

.list-box .mileage9 { width: 512px; height: 627px; top: 40px; left: 12440px; }

.list-box .mileage9 h1 { width: 180px; display: block; left: 100%; bottom: 80px; text-align: center; }

.list-box .mileage10 { width: 500px; height: 333px; top: 100px; left: 12955px; z-index: 100 }

.list-box .mileage10 h1 { display: block; left: 0px; bottom: -80px; text-align: left; }

.list-box .mileage11 { width: 545px; height: 357px; top: 100px; left: 11860px; }

.list-box .mileage11 h1 { display: block; left: 0px; bottom: -80px; text-align: left; }

.list-box .mileage12 { width: 487px; height: 615px; top: 100px; left: 12530px; }

.list-box .mileage12 h1 { display: block; width: 140px; left: 105%; bottom: 12%; text-align: center; }

.list-box .mileage13 { width: 600px; height: 400px; top: 10%; left: 13060px; }

.list-box .mileage14 { width: 500px; height: 333px; top: 400px; left: 13760px; }

.list-box .mileage14 h1 { display: block; width: 140px; left: 90%; bottom: 110%; text-align: center; }

.list-box .mileage15 { width: 400px; height: 600px; top: 80px; left: 14370px; }

.list-box .mileage16 { width: 450px; height: 300px; top: 350px; left: 14820px; }

.list-box .mileage17 { width: 600px; height: 400px; top: 240px; left: 15400px; }

.list-box .mileage17 h1 { display: block; width: 140px; left: 135%; bottom: 20%; text-align: center; }

.list-box .mileage18 { width: 500px; height: 333px; top: 100px; left: 16050px; }

.list-box .mileage19 { width: 450px; height: 300px; top: 440px; left: 16530px; }

.list-box .mileage20 { width: 588px; height: 392px; top: 200px; left: 17020px; }

.list-box .mileage21 { width: 600px; height: 280px; top: 220px; left: 17740px; }

.list-box .mileage21 h1 { display: block; left: 0%; bottom: -30%; text-align: left; }

/* rec-wall 2016-11-4 */
#wrapper .noborder { border: none }

.rela { height: 100%; position: relative }

.slipt { width: 100%; height: 122px; }

.rec-wall { width: 100%; height: 100%; background: url(/uploads/image/eihr/banner.jpg) no-repeat center center; background-size: cover; }

.job-search { width: 700px; height: 80px; position: absolute; top: 50%; left: 50%; margin-top: -40px; margin-left: -350px; }

.job-search h1 { color: #fff; font-size: 2em; letter-spacing: 4px; line-height: 80px; text-align: center; font-weight: normal; }

.job-search .search-box { width: 500px; height: 60px; position: relative; margin: 0 auto; }

.job-search .search-box span { display: block; width: 100%; height: 100%; background: #000; opacity: .66; filter: alpha(opacity:66); }

.job-search .search-box p { display: block; width: 100%; height: 100%; position: absolute; top: 0%; left: 0%; }

.job-search .search-box input[type="text"], .job-search .search-box .ui-text { width: 398px; height: 60px; line-height: 60px; float: left; margin: 0px; padding: 0px 20px; border: none; outline: none; letter-spacing: 4px; background: transparent; color: #fff; font-size: 14px; }

.job-search .search-box .ui-botton { width: 60px; height: 60px; line-height: 60px; float: right; margin: 0px; padding: 0px; border: none; outline: none; background: url(/uploads/image/eihr/search-find.png) no-repeat center; cursor: default }

.r-main { width: 100%; }

.r-main .r-level { width: 100%; height: 600px; }

.r-main .lay-one { background: url(/uploads/image/eihr/r-wall1.jpg) no-repeat center center; background-size: cover; }

.r-main .lay-two { background: url(/uploads/image/eihr/r-wall2.jpg) no-repeat center center; background-size: cover; }

.r-main .lay-three { background: url(/uploads/image/eihr/r-wall3.jpg) no-repeat center center; background-size: cover; }

.r-main .r-type { width: 600px; height: 120px; position: absolute; top: 50%; left: 50%; margin-top: -60px; margin-left: -300px; }

.r-main .r-type h1 { color: #fff; font-size: 2em; letter-spacing: 4px; line-height: 80px; text-align: center; font-weight: normal; text-transform: uppercase }

.r-main .r-type p { color: #fff; font-size: 1em; letter-spacing: 2px; line-height: 40px; text-align: center; font-weight: normal; }

.r-main a.r-link { display: block; border: 1px solid #fff; width: 400px; height: 60px; line-height: 60px; text-align: center; color: #fff; letter-spacing: 4px; position: absolute; top: 50%; left: 50%; margin-left: -200px; margin-top: -30px; font-size: 2em; }

.page-menu { width: 100%; height: 60px; position: fixed; left: 0px; top: 60px; z-index: 100; background: #f6f6f6; transition: all .3s; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s }

.page-menu ul { width: 812px; height: 100%; margin: 0 auto; }

.page-menu ul li { float: left; height: 100%; display: block; margin-right: 20px; }

.page-menu ul li a { display: block; width: 100%; height: 100%; line-height: 60px; text-align: center; letter-spacing: 2px; }

.page-menu ul li a.active { background: #fff; font-family: 'lanting'; }

#page-menu.up { top: 0px; }

.lay-model { border-bottom: 1px solid #e9e9e9; padding-top: 60px; padding-bottom: 80px; }

.lay-model .jobs-list { width: 1024px; margin: 0 auto; border: 1px solid #eaeaea; }

.lay-model .jobs-list dl { width: 100%; border-bottom: 1px solid #eaeaea; }

.lay-model .jobs-list dt { display: block; height: 60px; width: 100%; line-height: 60px; font-size: 1.125em; color: #87000f; letter-spacing: 2px; cursor: pointer; }

.lay-model .jobs-list dt span { display: block; padding-left: 40px; }

.lay-model .jobs-list dt p { display: block; text-align: center; color: #404040 }

.lay-model .jobs-list dd { display: none; padding: 40px; line-height: 28px; font-size: 14px; }

.lay-model .jobs-list dd .infor { line-height: 28px; margin-bottom: 40px; }

.lay-model .jobs-list dd .apply { width: 200px; height: 60px; line-height: 60px; margin: 0 auto; text-align: center; letter-spacing: 4px; }

.lay-model .jobs-list dd .apply a { display: block; height: 60px; font-size: 16px !important; border: 1px solid #eaeaea; color: #8f111f }

.lay-model .jobs-list dd .online-apply { color: #8f111f; display: none }

.lay-model .jobs-list dd .online-apply a { display: inline-block; margin-right: 20px; color: #8f111f }

.lay-model .jobs-list dl.active dt { background: #f5f5f5; border-bottom: 1px solid #eaeaea; }

.lay-model .jobs-list dl.active dd { display: block; }

.lay-model .itinerary { width: 1024px; margin: 0 auto; }

.lay-model .itinerary dl { width: 100%; }

.lay-model .itinerary dl h1, .lay-model .itinerary dl h2, .lay-model .itinerary dl h3, .lay-model .itinerary dl h4 { display: block; float: left; height: 100%; }

.lay-model .itinerary dl h1 { width: 230px; }

.lay-model .itinerary dl h2 { width: 100px; margin-left: 50px; }

.lay-model .itinerary dl h3 { width: 170px; margin-left: 40px; }

.lay-model .itinerary dl h4 { width: 260px; margin-left: 50px; }

.lay-model .itinerary table, .lay-model .itinerary tbody, .lay-model .itinerary tr { width: 100%; height: 100%; display: block; }

.lay-model .itinerary table td { height: 100%; }

.lay-model .itinerary table td.td-a { width: 230px; }

.lay-model .itinerary table td.td-b { width: 100px; padding-left: 50px; }

.lay-model .itinerary table td.td-c { width: 170px; padding-left: 40px; }

.lay-model .itinerary table td.td-d { width: 260px; padding-left: 50px; }

.lay-model .itinerary dt { height: 60px; padding: 0 60px; line-height: 60px; text-align: center; font-size: 18px; letter-spacing: 2px; border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e8e8e8; background: #f5f5f5; color: #8e101e }

.lay-model .itinerary dd { height: 56px; padding: 10px 60px; line-height: 28px; font-size: 13px; text-align: center; border-bottom: 1px solid #e8e8e8; }

.lay-model .itinerary dd h2 { height: 56px; line-height: 28px; }

.lay-model .guilde { width: 1024px; height: 60px; line-height: 60px; margin: 0 auto; text-align: center; font-size: 18px; letter-spacing: 2px; border: 1px solid #e5e5e5; background: #f5f5f5; color: #8e101e }

.lay-model .guilde-list { width: 1024px; margin: 0 auto; border: 1px solid #eaeaea; }

.lay-model .guilde-list dl { width: 100%; border-bottom: 1px solid #eaeaea; }

.lay-model .guilde-list dt { display: block; height: 100px; width: 100%; line-height: 100px; font-size: 1.125em; color: #8f111f; letter-spacing: 2px; cursor: pointer; }

.lay-model .guilde-list dt span { display: block; padding-left: 40px; }

.lay-model .guilde-list dt p { display: block; text-align: center; color: #8f111f }

.lay-model .guilde-list dd { display: none; line-height: 28px; font-size: 14px; }

.lay-model .guilde-list dl.active dt { background: #f5f5f5; border-bottom: 1px solid #eaeaea; }

.lay-model .guilde-list dl.active dd { display: block; }

.lay-model .guilde-list ul { width: 100%; }

.lay-model .guilde-list ul li { width: 100%; }

.lay-model .guilde-list .guildeqa { display: block; height: 80px; line-height: 80px; padding: 0 40px; font-size: 1.125em; color: #404040; letter-spacing: 2px; cursor: pointer; position: relative; border-bottom: 1px solid #e7e7e7; }

.lay-model .guilde-list .guildeqa em { display: block; width: 16px; height: 16px; position: absolute; top: 50%; right: 40px; margin-top: -8px; background: url(/uploads/image/eihr/icon-down.png) no-repeat; transition: all .5s; -webkit-transition: all .5s; }

.lay-model .guilde-list .guilde-infor { padding: 80px; display: none; }

.lay-model .guilde-list ul li.active .guildeqa { color: #8f111f }

.lay-model .guilde-list ul li.active .guildeqa em { background: url(/uploads/image/eihr/icon-up.png) no-repeat }

.search-column { height: 80px; background: #f5f5f5; border-bottom: 1px solid #ececec; }

.search-column .search-adder { padding: 20px 0px; height: 40px; line-height: 40px; font-size: 16px; }

.search-column .search-adder label { float: left; width: 80px; }

.search-column .search-adder select { color: #87000f; height: 40px; padding: 5px; float: left; outline: none; border: none; appearance: none; -moz-appearance: none; -webkit-appearance: none; background: url(/uploads/image/eihr/icon-down.png) no-repeat scroll right center transparent; padding-right: 24px; }

.search-column .search-adder select option { display: block; margin: 0; height: 46px; padding: 10px 0 10px 20px; border: none; outline: none; color: #6d6d6d; -webkit-appearance: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); background-color: #fff; }

.search-column .keyword { padding: 20px 0px; height: 40px; line-height: 40px; font-size: 16px; }

.search-column .keyword label { float: left; width: 60px; }

.search-column .keyword .search-input { float: left; width: 300px; height: 40px; border: 1px solid #eaeaea; background: #fff; }

.search-column .keyword .s-input { width: 230px; height: 40px; border: none; padding: 0 10px; line-height: 40px; outline: none; float: left; }

.search-column .keyword .s-button { float: left; display: block; margin-right: 10px; width: 40px; height: 40px; border: none; outline: none; cursor: default; background: url(/uploads/image/eihr/s-find.png) no-repeat center; }

.result-list { width: 1024px; margin: 0 auto; border: 1px solid #eaeaea; }

.result-list dl { width: 100%; border-bottom: 1px solid #eaeaea; }

.result-list dt { display: block; width: 100%; height: 80px; line-height: 80px; font-size: .875em; cursor: pointer; position: relative; }

.result-list dt em { display: block; width: 16px; height: 16px; position: absolute; top: 50%; right: 40px; margin-top: -8px; background: url(/uploads/image/eihr/icon-down.png) no-repeat; transition: all .5s; -webkit-transition: all .5s; }

.result-list dd { display: none; line-height: 28px; font-size: 14px; padding: 80px; }

.result-list .job-title { margin-left: 40px; float: left; width: 500px; height: 100%; letter-spacing: 1px; }

.result-list .job-page { float: left; width: 60px; margin-left: 110px; }

.result-list .job-addr { float: left; width: 100px; margin-left: 80px; text-align: right }

.result-list .job-desc { width: 100%; margin-bottom: 40px; }

.result-list .job-links { width: 100%; height: 29px; margin-bottom: 40px; }

.result-list .job-links a { display: inline-block; margin-right: 40px; color: #87000f; float: left; }

.result-list .online-apply { color: #8f111f }

.result-list .online-apply a { display: inline-block; margin-right: 20px; color: #8f111f }

.result-list .job-apply { width: 200px; height: 60px; line-height: 60px; margin: 0 auto; text-align: center; letter-spacing: 4px; }

.result-list .job-apply a { display: block; height: 60px; font-size: 16px !important; border: 1px solid #eaeaea; color: #8f111f }

.result-list dl.active dt { border-bottom: 1px solid #eaeaea; }

.result-list dl.active dt .job-title { color: #8f111f; }

.result-list dl.active dt em { background: url(/uploads/image/eihr/icon-up.png) no-repeat }

.result-list dl.active dd { display: block; }

/* job-pop-up */
#job-pop-up { width: 100%; height: 100%; position: fixed; top: 0px; left: 0px; z-index: 1000; display: none }

#job-pop-up .wall { width: 100%; height: 100%; background: #fff; opacity: .75; filter: alpha(opacity=75); }

#job-pop-up .job-pop { width: 500px; height: 600px; position: absolute; top: 50%; left: 50%; margin-top: -300px; margin-left: -250px; }

#job-pop-up .login-main { width: 500px; height: 500px; position: absolute; top: 50%; left: 50%; margin-top: -250px; margin-left: -250px; background: #f5f5f5; }

#job-pop-up .register-main { width: 500px; height: 600px; position: absolute; top: 0%; left: 0%; margin-top: -300px; margin-left: -250px; background: #f5f5f5; display: none }

#job-pop-up .login-close { display: block; width: 30px; height: 30px; position: absolute; top: -32px; right: -32px; overflow: hidden; }

#job-pop-up .login-close i { display: block; width: 30px; height: 30px; position: absolute; top: 0px; left: 0px; background: url(/uploads/image/eiicon/close.png) no-repeat center center; transition: all .3s; -webkit-transition: all .3s; -webkit-transform-origin: center center; transform-origin: center center; }

#job-pop-up .login-close:hover i { transform: rotate(180deg); -webkit-transform: rotate(180deg); }

#job-pop-up .j-pop-title { width: 100%; height: 40px; line-height: 40px; padding: 60px 0px; text-align: center; letter-spacing: 20px; font-size: 2.5em; }

#job-pop-up .login-input, #job-pop-up .u-register { width: 300px; margin: 0px auto; }

#job-pop-up .login-input { margin-bottom: 30px; }

#job-pop-up .login-input li { margin-bottom: 20px; }

#job-pop-up .login-input li.j-mar { margin-bottom: 40px; }

#job-pop-up .login-input li.j-heig { height: 41px; margin-bottom: 40px; }

#job-pop-up .login-input .ui-text { width: 280px; height: 40px; line-height: 40px; padding: 0 10px; border: none; outline: none; text-align: center; color: #888889 }

#job-pop-up .login-input .j-submit { width: 100%; height: 60px; background: #87000f; color: #fff; text-align: center; line-height: 60px; border: none; outline: none; }

#job-pop-up .login-input .ui-code { width: 160px; height: 40px; padding: 0 10px; border: none; outline: none; text-align: center; color: #888889; float: left }

#job-pop-up .login-input input.focus { text-align: left; }

#job-pop-up .login-input .code-box { width: 100px; height: 100%; line-height: 40px; text-align: center; float: right; background: #fff; }

#job-pop-up .u-register { height: 30px; }

#job-pop-up .u-register span { display: inline-block; width: 70px; padding-right: 16px; color: #87000f; margin-right: 16px; cursor: pointer; background: url(/uploads/image/eiicon/icon-r.png) no-repeat center right; }

/* 瀑布流  */
#container { position: relative; width: 85%; margin: 0px auto 25px; margin-top: -20px; }

#container .grid { width: 30%; min-height: 100px; background: #fff; font-size: 1em; float: left; border: 1px solid #dddcdd; -moz-transition: all .5s; -o-transition: all .5s; -ms-transition: all .5s; transition: all .5s; -webkit-transition: all .5s; }

#container .grid .social_block { display: block; width: 100%; height: 100%; padding: 0px 0px 10px; position: relative; color: #323232; transition: all .5s; -webkit-transition: all .5s; }

#container .grid .imgholder { width: 100%; margin-bottom: 10px; display: block; }

#container .grid .imgholder img { width: 100%; display: block }

#container .grid .meta, #container .grid .tag { margin: 0 20px 20px; line-height: 28px; font-size: 1em; display: block; }

#container .grid .share { margin: 0 20px 0px; line-height: 28px; text-align: right; display: none; }

#container .grid .share span { display: inline; margin-left: 20px; color: #87000f; cursor: pointer; }

.more-grid { width: 330px; height: 60px; padding: 40px 0px; margin: auto; }

.more-grid a { display: block; border: 1px solid #dddcdd; line-height: 60px; text-align: center; letter-spacing: 1px; text-transform: uppercase; }

/* video-play */
#banner video { height: 100%; display: block; position: absolute; top: 0px; left: 50%; }

#video-banner, .video-banner { height: 100%; display: block; position: absolute; top: 0px; left: 50%; }

#video-play { height: 112%; display: block; position: absolute; top: -6%; left: 50%; }

.video-model video { width: 100%; height: 100%; }

#video-play-wrap { width: 100%; height: 100%; }

#video-small { height: 100%; }

/* media */
@media screen and (min-width: 1025px) and (max-width:1280px) {
	#footer .f-navigation dl { float: left; margin-left: 60px; letter-spacing: 4px; }
}

@media screen and (min-width: 768px) and (max-width:1024px) {
	.wrap { margin: 0 auto; width: 90%; }

	.b-size { overflow: hidden; }

	#header .news li i { }

	#header .mag li p { opacity: 1; filter: alpha(opacity=100); }

	#footer .f-navigation dl { margin-left: 55px; }

	#header .news li i { display: block; width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; background: #000; opacity: .6; filter: alpha(opacity=60); }

	#header .news li span { display: block; width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; z-index: 2; line-height: 140px; text-align: center; color: #fff; }

	.creative .creative-text { margin-left: 100px; width: 43%; }

	.founder .box-text { margin-right: 100px; width: 43%; }

	.designer .box-text { margin-right: 10px; }

	.director .box-text { width: 43%; }

	.store .box-text { width: 37%; margin-left: 60px; }

	.main-content .p-box { width: 49%; height: 685px; position: absolute; top: 0px; left: 0px; margin-bottom: 160px; -webkit-animation: fadeinup 1s .2s ease both; -moz-animation: fadeinup 1s .2s ease both; animation: fadeinup 1s .2s ease both; }

	.main-content .br-his { width: 49%; position: absolute; top: 280px; left: 0px; }

	.main-content .br-partner { width: 49%; top: 920px; left: 0px; }

	.main-content .his-top { width: 400px; margin: 0 auto; font-size: 2.25em; line-height: 39px; height: 39px; letter-spacing: 1px; color: #323232; margin-bottom: 80px; }

	.main-content .his-name { width: 400px; margin: 0 auto; font-size: 2.5em; line-height: 39px; height: 39px; letter-spacing: 5px; color: #000; margin-bottom: 40px; }

	.main-content .br-his-txt { width: 415px; margin: 0 auto; line-height: 28px; color: #323232; }

	.main-content .br-his-txt p { display: block; margin-bottom: 20px; }

	.main-content .p-pic1 { width: 705px; height: 860px; top: 95px; left: -125px; z-index: 10; opacity: 0.9; filter: alpha(opacity=90); }

	.main-content .p-pic1 img { position: absolute; top: 0px; left: 0px; }

	.main-content .pic-box { width: 49%; height: 415px; top: 0px; left: 51%; -webkit-animation: fadeinup 1s .5s ease both; -moz-animation: fadeinup 1s .5s ease both; animation: fadeinup 1s .5s ease both; }

	.main-content .pic-box2 { width: 52; height: 560px; top: 175px; left: 51%; -webkit-animation: fadeinup 1s .7s ease both; -moz-animation: fadeinup 1s .7s ease both; animation: fadeinup 1s .7s ease both; }

	.main-content .pic-box3 { width: 49%; height: 600px; top: 228px; left: 605px }

	.main-content .p-ong { width: 185px; height: 760px; position: absolute; top: -20px; left: -83px; }

	.main-content .p-box4 { width: 485px; height: 560px; position: absolute; top: 130px; right: -160px; }

	.main-content .pic-box5 { width: 49%; height: 800px; top: 80px; left: 605px; }

	.main-content .pic-box5 .imgs { width: 570px; height: 100%; position: absolute; top: 0px; right: -115px; }

	.main-content .pic-box7 { width: 49%; height: 800px; top: -70px; left: 605px; }

	.main-content .slogan { width: 810px; height: 580px; top: 970px; left: 50%; margin-left: -405px; }

	.people-desc { min-height: 600px; height: auto; }

	.people-desc .people-head { width: 44%; height: auto; }

	.people-desc .people-desc-rext { width: 49%; }

	.people-desc .people-intro { height: auto; }

	.people-desc .share { margin-top: 10px; position: static; }
}

/* animation */
@-webkit-keyframes bouncein {
	0% { opacity: 0; -webkit-transform: scale(.3); transform: scale(.3); }

	50% { opacity: 1; -webkit-transform: scale(1.05); transform: scale(1.05); }

	70% { -webkit-transform: scale(.9); transform: scale(.9); }

	100% { -webkit-transform: scale(1); transform: scale(1); }
}

@keyframes bouncein {
	0% { opacity: 0; transform: scale(.3) }

	50% { opacity: 1; transform: scale(1.05) }

	70% { transform: scale(.9) }

	100% { transform: scale(1) }
}

.bouncein { -webkit-animation: bouncein 1s ease both; animation: bouncein 1s ease both; }

@-webkit-keyframes bounceout {
	0% { -webkit-transform: scale(1); transform: scale(1); }

	25% { -webkit-transform: scale(.95); transform: scale(.95) }

	50% { opacity: 1; -webkit-transform: scale(1.1); transform: scale(1.1); }

	100% { opacity: 0; -webkit-transform: scale(.3); transform: scale(.3); }
}

@keyframes bounceout {
	0% { transform: scale(1); }

	25% { transform: scale(.95); }

	50% { opacity: 1; transform: scale(1.1); }

	100% { opacity: 0; transform: scale(.3); }
}

.bounceout { -webkit-animation: bounceout 1s ease both; animation: bounceout 1s ease both; }

@-webkit-keyframes zoomout {
	0% { -webkit-transform: scale(1); transform: scale(1); }

	100% { opacity: 0; -webkit-transform: scale(.3); transform: scale(.3); }
}

@keyframes zoomout {
	0% { transform: scale(1); -moz-transform: scale(1); -webkit-transform: scale(1); opacity: 1; }

	100% { opacity: 0; transform: scale(.3); -moz-transform: scale(.3); -webkit-transform: scale(.3); }
}

.zoomout { -webkit-animation: zoomout 1s ease both; animation: zoomout 1s ease both; }

.fadeinup { -webkit-animation: fadeinup 1s .2s ease both; -moz-animation: fadeinup 1s .2s ease both; animation: fadeinup 1s .2s ease both; }

@-webkit-keyframes fadeinup {
	0% { opacity: 0; -webkit-transform: translatey(100px); }

	100% { opacity: 1; -webkit-transform: translatey(0) }
}

@-moz-keyframes fadeinup {
	0% { opacity: 0; -moz-transform: translatey(100px); }

	100% { opacity: 1; -moz-transform: translatey(0); }
}

@keyframes fadeinup {
	0% { opacity: 0; transform: translatey(100px); }

	100% { opacity: 1; transform: translatey(0); }
}

.fadeinupmore { -webkit-animation: fadeinupmore 1s .2s ease both; -moz-animation: fadeinupmore 1s .2s ease both; animation: fadeinupmore 1s .2s ease both; }

@-webkit-keyframes fadeinupmore {
	0% { opacity: 0; -webkit-transform: translatey(275px); }

	10% { opacity: 1; -webkit-transform: translatey(275px); }

	50% { opacity: 1; -webkit-transform: translatey(275px); }

	100% { opacity: 1; -webkit-transform: translatey(0px) }
}

@-moz--keyframes fadeinupmore {
	0% { opacity: 0; -webkit-transform: translatey(275px); }

	10% { opacity: 1; -webkit-transform: translatey(275px); }

	50% { opacity: 1; -webkit-transform: translatey(275px); }

	100% { opacity: 1; -webkit-transform: translatey(0px) }
}

@keyframes fadeinupmore {
	0% { opacity: 0; -webkit-transform: translatey(275px); transform: translatey(275px); }

	10% { opacity: 1; -webkit-transform: translatey(275px); transform: translatey(275px); }

	50% { opacity: 1; -webkit-transform: translatey(275px); transform: translatey(275px); }

	100% { opacity: 1; -webkit-transform: translatey(0px); transform: translatey(0px) }
}

@-moz-keyframes fadeinup {
	0% { opacity: 0; -moz-transform: translatey(275px); }

	100% { opacity: 1; -moz-transform: translatey(0px); }
}

@keyframes fadeinup {
	0% { opacity: 0; transform: translatey(275px); }

	100% { opacity: 1; transform: translatey(0px); }
}

#header .nav_newsblock .brand { height: 125px; }

#header .nav_newsblock .brand li span { line-height: 125px; }

.hr_textblock { position: relative; padding-top: 40px; width: 100%; padding-bottom: 40px; }

.hr_textblock img { display: block; margin: 14px auto; }

#header .wall.cur { background: url(/uploads/image/eiabout/bgcolor.png); opacity: 1; filter: alpha(opacity=100); }

#header .wall.curb { background: url(/uploads/image/eiabout/bgcolor.png); }

#wrapper .video-box.video_bgimg { background: url(/uploads/image/eiabout/video.jpg) no-repeat center; background-size: cover; filter: progid:dximagetransform.microsoft.alphaimageloader(../images/about/video.jpg,sizingmethod='scale'); }

.video_bgblock { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background: url(/uploads/image/eiabout/bgcolor.png); display: none; }

@keyframes opacityb {
	0% { opacity: 0; }

	100% { opacity: 0.66; }
}

@keyframes fadeinupb {
	0% { opacity: 0; transform: translatey(20px); }

	100% { opacity: 1; transform: translatey(0px); }
}

@-webkit-keyframes opacityb {
	0% { opacity: 0; }

	100% { opacity: 0.66; }
}

@-webkit-keyframes fadeinupb {
	0% { opacity: 0; transform: translatey(20px); }

	100% { opacity: 1; transform: translatey(0px); }
}

@-ms-keyframes opacityb {
	0% { opacity: 0; }

	100% { opacity: 0.66; }
}

@-ms-keyframes fadeinupb {
	0% { opacity: 0; transform: translatey(20px); }

	100% { opacity: 1; transform: translatey(0px); }
}

@-o-keyframes opacityb {
	0% { opacity: 0; }

	100% { opacity: 0.66; }
}

@-o-keyframes fadeinupb {
	0% { opacity: 0; transform: translatey(20px); }

	100% { opacity: 1; transform: translatey(0px); }
}

@-moz-keyframes opacityb {
	0% { opacity: 0; }

	100% { opacity: 0.66; }
}

@-moz-keyframes fadeinupb {
	0% { opacity: 0; transform: translatey(20px); }

	100% { opacity: 1; transform: translatey(0px); }
}

.bgblock_color { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background: url(/uploads/image/eiabout/bgcolor.png); -webkit-animation: opacityb 1s ease-in-out 1s backwards; animation: opacityb 1s ease-in-out 1s backwards; -ms-animation: opacityb 1s ease-in-out 1s backwards; -moz-animation: opacityb 1s ease-in-out 1s backwards; -o-animation: opacityb 1s ease-in-out 1s backwards; animation: opacityb 1s ease-in-out 1s backwards; }

.infor-wrap { -webkit-animation: fadeinupb 1s ease-in-out 2s backwards; -ms-animation: fadeinupb 1s ease-in-out 2s backwards; -o-animation: fadeinupb 1s ease-in-out 2s backwards; -moz-animation: fadeinupb 1s ease-in-out 2s backwards; animation: fadeinupb 1s ease-in-out 2s backwards; }

.br_textblock { position: relative; }

.br_textblock a { display: block; width: 100%; text-align: center; }

.news_share { position: relative; width: 600px; }

.news_shareimg { position: relative; float: left; width: 100px; margin: 0px 5px; }

.news_shareimg img { width: 100%; }

.more_ablock { position: relative; display: block; color: #fff; font-size: 0.8rem; }

.more_ablockb { position: relative; display: block; color: #323232; font-size: 0.8rem; }

#mode-list a { font-size: 12px; color: rgb(165, 165, 165); }

.more_ablock:hover, .more_ablockb:hover, #mode-list a:hover { color: #87000f; }

#footer .allrights h1 { position: relative; }

.icon_block { position: absolute; left: -60px; top: -3px; }

.icon_block img { width: 18px; height: auto; position: relative; top: 4px; }

#wrapper .banner-list { background-size: cover; background-position: center; }

#header .hr:nth-child(1) { margin-left: 133px; }

#footer .wrap { min-width: 1120px; overflow: hidden; }


/* new */

#header .menubtn { display: none; }

#header #nav { position: absolute; right: 135px; width: auto; }

#header #nav li dt a.ui-red { color: #87000f; }

#header #nav li:hover .layer { display: block; }

#header .layer:after { content: ""; display: block; position: absolute; top: 0px; left: -1267px; width: 2500px; height: 240px; background: #fff; }

#header .subnav { position: relative; z-index: 90; }

#header #nav li a.nav_a { color: #fff; }

#header #nav > li:hover { background: #fff; color: #323232; }

#header .layer { left: auto; right: 0; width: 939px; top: 60px; }

#header #nav > li:hover a.nav_a { color: #323232; }

#header #nav > li.wo .layer { width: 981px; }

#header #nav > li:nth-child(3) .layer { width: 825px; }

#header #nav li a.ui-color { color: #87000f; font-size: 1em; }