@charset "UTF-8";

@font-face { 
	font-family: "NewsGothicBT-RomanCondensed"; 
	src: url("../Fonts/NewsGothicBT-RomanCondensed.woff2") format("woff2"), 
			 url("../Fonts/NewsGothicBT-RomanCondensed.woff") format("woff"), 
	     url("../Fonts/NewsGothicBT-RomanCondensed.ttf") format("truetype"), 
	     url("../Fonts/NewsGothicBT-RomanCondensed.eot") format("embedded-opentype"),
	     url("../Fonts/NewsGothicBT-RomanCondensed.svg") format("svg"); 
}
	
@font-face { 
	font-family: "browalliaUPC"; 
	src: url("../Fonts/browalliaUPC.woff2") format("woff2"), 
	     url("../Fonts/browalliaUPC.woff") format("woff"), 
	     url("../Fonts/browalliaUPC.ttf") format("truetype"), 
	     url("../Fonts/browalliaUPC.eot") format("embedded-opentype"), 
		   url("../Fonts/browalliaUPC.svg") format("svg"); 
}
html, body, div, span, applet, object, iframe, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0px; border: 0; font-size: 100%; outline: none; }

h1, h2, h3, h4, h5, h6, p { margin: 0; padding: 0; }

table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0px; outline: none; font-size: 100%; }

html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; overflow-x: hidden; }

/* always display scrollbars */
body { font: 14px/1.8 "微软雅黑","微軟正黑體","Microsoft JhengHei","Microsoft Yahei",Arial,Helvetica,sans-serif,"SimHei","黑体"; margin: 0 auto; color: #666; background-color: #fff; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-smoothing: antialiased; overflow-x: hidden; }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }

ol, ul { list-style: none; }

blockquote, q { quotes: none; }

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

strong { font-weight: bold; }

img { border: 0; }

input { outline: none; }

input[type="text"], input[type="button"], input[type="submit"], input[type="reset"] { -webkit-appearance: none; border-radius: 0; }

textarea { -webkit-appearance: none; border-radius: 0; outline: none; }

::-moz-selection { background: #c9b194; color: #fff; text-shadow: none; }

::selection { background: #e72b27; color: #fff; text-shadow: none; }

select { outline: none; }

select::-ms-expand { display: none; }

/*a { text-decoration: none; blr: expression(this.onFocus=this.blur()); cursor: pointer; -webkit-transition: 0.3s; transition: 0.3s; }

a:link, a:visited { text-decoration: none; }

a:active, a:hover { text-decoration: none; }

.clearfix:before, .clearfix:after { display: table; content: ""; line-height: 0px; }

.clearfix:after { clear: both; }

.clearfix { *zoom: 1; }*/

.fc { text-align: center; }

.fr { text-align: right; }

.l { float: left; display: inline-block; padding-top: 50px;}

.r { float: right; display: inline-block; }

.vt { vertical-align: top; }

.vm { display: table-cell; vertical-align: middle; }

.horizontal-center { margin: 0 auto; }

.fixedImg { background-attachment: fixed; background-position: center center; background-repeat: no-repeat; }

.align-vertical { height: 100%; width: 100%; position: relative; display: table; }

.vertical-inner { display: table-cell; vertical-align: middle; }

.hide { display: none; }

.inner { width: 1600px; margin: 0 auto; position: relative; }

.pinner { width: 1200px; margin: 0 auto; position: relative; }

.worksDetail-inner{width: 900px; margin: 0 auto; position: relative;}

/* Slider */
/*.slick-slider { position: relative; display: block; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; }

.slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; }

.slick-list:focus { outline: none; }

.slick-loading .slick-list { background: #00865e url(../images/loader.gif) center center no-repeat; }

.slick-list.dragging { cursor: pointer; cursor: hand; }

.slick-slider .slick-list, .slick-track, .slick-slide, .slick-slide img { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }

.slick-track { position: relative; left: 0; top: 0; display: block; zoom: 1; }

.slick-track:before, .slick-track:after { content: ""; display: table; }

.slick-track:after { clear: both; }

.slick-loading .slick-track { visibility: hidden; }

.slick-slide { float: left; height: 100%; min-height: 1px; display: none; }

.slick-slide img { display: block; }

.slick-slide.slick-loading img { display: none; }

.slick-slide.dragging img { pointer-events: none; }

.slick-initialized .slick-slide { display: block; }

.slick-loading .slick-slide { visibility: hidden; }

.slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; }

/* Arrows */
.slick-prev, .slick-next { position: absolute; display: block; height: 20px; width: 20px; line-height: 0; font-size: 0; cursor: pointer; background: transparent; color: transparent; padding: 0; border: none; outline: none; }

/* Dots */
.slick-dots { position: absolute; bottom: -45px; list-style: none; display: block; text-align: center; padding: 0px; width: 100%; }

.slick-dots li { position: relative; display: inline-block; height: 20px; width: 20px; margin: 0px 5px; padding: 0px; cursor: pointer; }

.slick-dots li button { border: 0; background: transparent; display: block; height: 20px; width: 20px; outline: none; line-height: 0; font-size: 0; color: transparent; padding: 5px; cursor: pointer; outline: none; }

.slick-dots li button:focus { outline: none; }*/

@-webkit-keyframes scaleUpDown { from { -webkit-transform: scale(1.08); transform: scale(1.08); }
  to { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } }
@keyframes scaleUpDown { from { -webkit-transform: scale(1.08); transform: scale(1.08); }
  to { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } }
/* Slider end*/
/*FlexSlider strat*/
/* Browser Resets
*********************************/
.flex-container a:active, .flexslider a:active, .flex-container a:focus, .flexslider a:focus { outline: none; }

.slides, .flex-control-nav, .flex-direction-nav { margin: 0; padding: 0; list-style: none; }

/* FlexSlider Necessary Styles
*********************************/
.flexslider { margin: 0; padding: 0; }

.flexslider .slides > li { display: none; -webkit-backface-visibility: hidden; }

/* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img { width: 100%; display: block; }

.flex-pauseplay span { text-transform: capitalize; }

/* Clearfix for the .slides element */
.slides:after { content: "\0020"; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }

html[xmlns] .slides { display: block; }

* html .slides { height: 1%; }

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you include js that eliminates this class on page load */
.no-js .slides > li:first-child { display: block; }

/* FlexSlider Default Theme
*********************************/
.flexslider { margin: 0 0 10px; position: relative; zoom: 1; }

.flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; }

.loading .flex-viewport { max-height: 300px; }

.flexslider .slides { zoom: 1; }

/* Direction Nav */
.flex-direction-nav { *height: 0; }

.flex-direction-nav a { text-decoration: none; display: block; width: 40px; height: 48px; margin: -20px 0 0; position: absolute; top: 50%; z-index: 10; overflow: hidden; opacity: 0; cursor: pointer; color: rgba(0, 0, 0, 0.8); text-indent: -999em; }

.flex-direction-nav .flex-prev { left: -10px; background-position: 0 0; }

.flex-direction-nav .flex-next { right: -10px; background-position: -132px 0; }

.flexslider:hover .flex-prev { opacity: 0.7; left: -20px; }

.flexslider:hover .flex-next { opacity: 0.7; right: -20px; }

.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover { opacity: 1; }

.flex-direction-nav .flex-disabled { opacity: 1 !important; filter: alpha(opacity=1); }

/* Pause/Play */
.flex-pauseplay a { display: block; width: 20px; height: 20px; position: absolute; bottom: 5px; left: 10px; opacity: 0.8; z-index: 10; overflow: hidden; cursor: pointer; color: #000; background: #ddd; }

.flex-pauseplay a:before { font-family: "flexslider-icon"; font-size: 20px; display: inline-block; content: '\f004'; }

.flex-pauseplay a:hover { opacity: 1; }

.flex-pauseplay a.flex-play:before { content: '\f003'; }

/* Control Nav */
.flex-control-nav { width: 100%; position: absolute; bottom: -40px; text-align: center; }

.flex-control-nav li { margin: 0 6px; display: inline-block; zoom: 1; *display: inline; }

.flex-control-paging li a { width: 11px; height: 11px; display: block; background: #666; background: rgba(0, 0, 0, 0.5); cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3); -moz-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3); -o-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3); box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3); }

.flex-control-paging li a:hover { background: #333; background: rgba(0, 0, 0, 0.7); }

.flex-control-paging li a.flex-active { background: #000; background: rgba(0, 0, 0, 0.9); cursor: default; }

.flex-control-thumbs { margin: 5px 0 0; position: static; overflow: hidden; }

.flex-control-thumbs li { width: 25%; float: left; margin: 0; }

.flex-control-thumbs img { width: 100%; display: block; opacity: .7; cursor: pointer; }

.flex-control-thumbs img:hover { opacity: 1; }

.flex-control-thumbs .flex-active { opacity: 1; cursor: default; }

@media screen and (max-width: 860px) { .flex-direction-nav .flex-prev { opacity: 1; left: 10px; }
  .flex-direction-nav .flex-next { opacity: 1; right: 10px; } }
/*FlexSlider end*/
.popUpblack { background: #000 \9; filter: alpha(opacity=80); background: rgba(0, 0, 0, 0.8); width: 100%; height: 100%; position: fixed; left: 0px; top: 0px; z-index: 10000; }

.popUp { width: 220px; height: 242px; border: 2px solid #bd671b; background: #fff; position: fixed; left: 50%; top: 50%; margin: -87px 0 0 -115px; z-index: 1004; }

.popUp .t { padding: 0 0 0 10px; height: 26px; line-height: 26px; color: #666; font-weight: bold; border-bottom: 1px solid #e8e8e8; background: #f2f2f2; }

.popUp .t .close { padding: 0 10px 0 0; float: right; cursor: pointer; color: #666; font-weight: normal; }

.popUp .img { padding: 20px; }

.popUp .img img { width: 100%; display: block; }

#bsWXBox { display: none !important; }

.navMask { position: fixed; width: 100%; height: 100%; z-index: 6001; opacity: 0; visibility: hidden; background-color: #fff; transition: .45s; -webkit-transition: .45s; }
.navMask.active { background-color: rgba(0, 0, 0, 0.3); opacity: 1; visibility: visible; }

/*menuBox*/
.menuBox { position: fixed; height: 100%; overflow: auto; width: 276px; background: #f2f2f2; z-index: 6004; right: -276px; transition: 600ms; -webkit-transition: 600ms; }
.menuBox.on { right: 72px; }
.menuBox.active.on { right: 54px; }
.menuBox.active .fill-top { height: 54px; }
.menuBox .fill-top { height: 69px; border-bottom: 1px solid #727272; display: block; }
.menuBox .list { padding: 60px 0 0 0px; color: #fff; font-size: 16px; }
.menuBox .list .tit { display: block; line-height: 1.2; padding: 10px 0; position: relative; cursor: pointer; padding-left: 45px; padding-right: 50px; transition: .23s; -webkit-transition: .23s; }
.menuBox .list .tit:hover { background: #e8a204; }
.menuBox .list .tit.on { background: #e8a204; }
.menuBox .list .tit.on:before { transform: rotate(90deg); -webkit-transform: rotate(90deg); }
.menuBox .list .tit:before { content: ""; display: block; position: absolute; top: 0; right: 30px; width: 10px; height: 100%; background: url(../images/nav_arrow_1.png) no-repeat scroll center center; transition: .45s; -webkit-transition: .45s; }
.menuBox .list .link { display: block; padding-left: 45px; color: #fff; padding: 10px 0; cursor: pointer; padding-left: 45px; padding-right: 50px; transition: .23s; -webkit-transition: .23s; line-height: 1.2; }
.menuBox .list .link:hover { background: #e8a204; }
.menuBox .list .subNav { padding: 5px 0; padding-left: 45px; }
.menuBox .list .subNav .slink { display: block; color: #fff; padding: 5px 0; padding-right: 10px; font-size: 12px; }
.menuBox .list .subNav .slink:hover { color: #e8a204; }
.menuBox .list li { margin-bottom: 2px; }

/*End menuBox*/
/*header*/
/*.OA { display: block; height: 34px; line-height: 34px; position: fixed; top: 18px; right: 125px; color: #fff; z-index: 6002; }
.OA.active { color: #969696; top: 10px; }

.menu-word { height: 70px; line-height: 70px; color: #fff; position: fixed; top: 0; right: 72px; z-index: 6005; transition: .56s; -webkit-transition: .56s; }
.menu-word.on { right: 102px; }
.menu-word.active { color: #414141; height: 54px; line-height: 54px; }
.menu-word.active.on { color: #fff; }

.menu-bar { position: fixed; top: 0; right: 0; height: 70px; cursor: pointer; width: 72px; z-index: 6002; transition: .56s; -webkit-transition: .56s; }
.menu-bar.on { background: #cccccc; transition: .56s .45s; -webkit-transition: .56s .45s; }
.menu-bar.on .line { background: #434343; }
.menu-bar.on .line.top { transform: rotate(-135deg); -webkit-transform: rotate(-135deg); top: 11px; }
.menu-bar.on .line.center { opacity: 0; transform: translateX(50px); -webkit-transform: translateX(50px); }
.menu-bar.on .line.bottom { transform: rotate(135deg); -webkit-transform: rotate(135deg); bottom: 11px; }
.menu-bar .nav-bar { width: 34px; height: 26px; position: absolute; display: block; top: 50%; left: 50%; margin-top: -13px; margin-left: -17px; }
.menu-bar .line { position: absolute; width: 100%; height: 4px; background: #fff; left: 0; transition: .56s; -webkit-transition: .56s; }
.menu-bar .line.top { top: 0; }
.menu-bar .line.center { top: 50%; margin-top: -2px; }
.menu-bar .line.bottom { bottom: 0; }
.menu-bar.active { height: 54px; width: 54px; }
.menu-bar.active .line { background-color: #414141; }

.header { padding-left: 1%; position: fixed; top: 0; left: 0; z-index: 6000; padding-top: 20px; padding-bottom: 20px; width: 99%; transition: .56s; -webkit-transition: .56s; }
.header .logo { width: 246px; height: 34px; background: url(../images/logo.png) no-repeat scroll left top; display: block; }
.header.active { box-shadow: 0 0 3px #ccc; padding-top: 10px; padding-bottom: 10px; }
.header.active .logo { background-position: left bottom 5px; }
.header.active:before { transform: scaleY(1); -webkit-transform: scaleY(1); }
.header:before { content: ""; display: block; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: #fff; transform-origin: 50% 0; transition: .56s; -webkit-transition: .56s; transform: scaleY(0); -webkit-transform: scaleY(0); z-index: -1; }

/*End header*/
/*banner*/
/*.banner-box { overflow: hidden; position: relative; }
.banner-box .banner { text-align: center; color: #fff; }
.banner-box .banner .bimg{display: block;position: relative;}
.banner-box .banner .pimg{display: none;position: relative;}
.banner-box .banner .zh { font-size: 45px; transform: translateY(50px); -webkit-transform: translateY(50px); opacity: 0; }
.banner-box .banner .line { display: block; width: 125px; height: 3px; background: #fff; margin: 25px auto; transform: translateY(50px); -webkit-transform: translateY(50px); opacity: 0; }
.banner-box .banner .en { font-family: "browalliaUPC"; font-size: 125px; text-transform: uppercase; line-height: 1; transform: translateY(50px); -webkit-transform: translateY(50px); opacity: 0; }
.banner-box .banner .con { width: 640px; margin: 0 auto; transform: translateY(50px); -webkit-transform: translateY(50px); opacity: 0; line-height: 1.5; font-family: arial; font-size: 12px; margin-top: 13px;}
.banner-box .banner .word { position: absolute; width: 100%; top: 0; left: 0; height: 100%; line-height: 1.2; }
.banner-box .banner .slick-current .bimg { visibility: visible !important; -webkit-animation: scaleUpDown 5s; animation: scaleUpDown 5s; }
.banner-box .banner .slick-current .zh { transition: .56s .2s; -webkit-transition: .56s .2s; opacity: 1; transform: translateY(0px); -webkit-transform: translateY(0px); }
.banner-box .banner .slick-current .line { transition: .56s .4s; -webkit-transition: .56s .4s; opacity: 1; transform: translateY(0px); -webkit-transform: translateY(0px); }
.banner-box .banner .slick-current .en { transition: .56s .8s; -webkit-transition: .56s .8s; opacity: 1; transform: translateY(0px); -webkit-transform: translateY(0px); }
.banner-box .banner .slick-current .con { transition: .56s 1.2s; -webkit-transition: .56s 1.2s; opacity: 1; transform: translateY(0px); -webkit-transform: translateY(0px); }
.banner-box .mouse { width: 22px; height: 42px; position: absolute; left: 50%; bottom: 60px; background: url(../images/mouse.png) no-repeat scroll center center; animation: mouse 1s ease-in-out 0.1s alternate none infinite running; -webkit-animation: mouse 1s ease-in-out 0.1s alternate none infinite running; }*/*/

@keyframes mouse { from { transform: translateY(0); -webkit-transform: translateY(0); opacity: 1; }
  55% { opacity: 0.6; }
  to { transform: translateY(10px); -webkit-transform: translateY(10px); opacity: 0; } }
@-webkit-keyframes mouse { from { transform: translateY(0); -webkit-transform: translateY(0); }
  to { transform: translateY(10px); -webkit-transform: translateY(10px); } }
/*End banner*/
.group { background-position: center center; background-repeat: no-repeat; background-size: cover; background-attachment: fixed; padding-top: 90px; padding-bottom: 90px; }
.group.home .en { font-size: 45px; color: #e8a204; /*font-family: "browalliaUPC";*/ text-transform: uppercase; line-height: 1; text-align: left; }
.group.home .line { display: block; width: 72px; height: 3px; background: #e8a204; margin-top: 25px; margin-bottom: 15px; margin-left: 0; }
.group.home .zh { font-size: 18px; color: #000; margin-bottom: 30px; text-align: left; }
.group .word-box { width: 48%; float: left; /*padding: 2%;*/ padding-right:2%; }
.group .word-box.target .en { transform: translateY(50px); -webkit-transform: translateY(50px); opacity: 0; transition: 350ms; -webkit-transition: 350ms; transition-timing-function: ease-out; -webkit-transition-timing-function: ease-out; }
.group .word-box.target .line { transform: translateY(50px); -webkit-transform: translateY(50px); opacity: 0; transition: 350ms 350ms; -webkit-transition: 350ms 350ms; transition-timing-function: ease-out; -webkit-transition-timing-function: ease-out; }
.group .word-box.target .zh { transform: translateY(50px); -webkit-transform: translateY(50px); opacity: 0; transition: 350ms 700ms; -webkit-transition: 350ms 700ms; transition-timing-function: ease-out; -webkit-transition-timing-function: ease-out; }
.group .word-box.target .con { transform: translateY(50px); -webkit-transform: translateY(50px); opacity: 0; transition: 350ms 1050ms; -webkit-transition: 350ms 1050ms; transition-timing-function: ease-out; -webkit-transition-timing-function: ease-out; }
.group .word-box.target .more { transform: translateY(50px); -webkit-transform: translateY(50px); opacity: 0; transition: transform 350ms 1500ms,opacity 350ms 1500ms,background 300ms,border 300ms; -webkit-transition: transform 350ms 1500ms,opacity 350ms 1500ms,background 300ms,border 300ms; transition-timing-function: ease-out; -webkit-transition-timing-function: ease-out; }
.group .word-box.target.action .en { transform: translateY(0px); -webkit-transform: translateY(0px); opacity: 1; }
.group .word-box.target.action .line { transform: translateY(0px); -webkit-transform: translateY(0px); opacity: 1; }
.group .word-box.target.action .zh { transform: translateY(0px); -webkit-transform: translateY(0px); opacity: 1; }
.group .word-box.target.action .con { transform: translateY(0px); -webkit-transform: translateY(0px); opacity: 1; }
.group .word-box.target.action .more { transform: translateY(0px); -webkit-transform: translateY(0px); opacity: 1; }
.group .word-box .con { color: #333; text-align: justify; width: 636px; max-height: 260px; overflow: hidden;font-size: 16px;line-height: 36px;margin-top: 40px; }
.group .word-box .more { width: 50%; display: block; color: #fff; font-size: 20px; text-transform: uppercase; font-family: Arial; position: relative; margin-top: 10%; transition: transform 700ms 1000ms,opacity 700ms 1000ms,background 300ms,border 300ms; -webkit-transition: transform 700ms 1000ms,pacity 700ms 1000ms,background 300ms,border 300ms; }
.group .word-box .more:hover { background-color: #004098; color: #fff; }
.group .word-box .more:hover .w { padding-left: 50px; border-color: #004098; }
.group .word-box .more:hover .w:before { background-position: left center; }
.group .word-box .w { text-transform: uppercase; display: block; border: 2px solid #bababa; height: 52px; line-height: 52px; padding: 0 35px; transition: 300ms; -webkit-transition: 300ms; background-color:#014099;}
.group .word-box .w:before { content: ""; display: block; width: 20px; height: 20px; position: absolute; top: 50%; margin-top: -10px; right: 30px; background: url(../images/aw.png) no-repeat right center; transition: 300ms; -webkit-transition: 300ms; }
.group .word-box .word { padding: 45px 100px 0 0; }
.group .gslick-box { float: left; width: 50%; position: relative; }
.group .gslick-box.target { transform: translateX(50px); -webkit-transform: translateX(50px); opacity: 0; transition: 700ms; -webkit-transition: 700ms; transition-timing-function: ease-out; -webkit-transition-timing-function: ease-out; }
.group .gslick-box.target.action { transform: translateX(0px); -webkit-transform: translateX(0px); opacity: 1; }
.group .gslick-box .slick-nav { position: absolute; top: 0; left: 0; background-color: rgba(0, 0, 0, 0.6); z-index: 60; height: 100%; }
.group .gslick-box .slick-nav ul { padding: 60px 30px 0; }
.group .gslick-box .slick-nav ul li { margin-bottom: 78px; cursor: pointer; }
.group .gslick-box .slick-nav ul li.on .ico { background-color: white; }
.group .gslick-box .slick-nav ul li.on .ico.ico1 { background-image: url(../images/biao11.png); }
.group .gslick-box .slick-nav ul li.on .ico.ico2 { background-image: url(../images/biao22.png); }
.group .gslick-box .slick-nav ul li.on .ico.ico3 { background-image: url(../images/biao33.png); }
.group .gslick-box .slick-nav ul li.on .ico.ico4 { background-image: url(../images/biao44.png); }
/*.group .gslick-box .slick-nav ul li.on .ico.ico5 { background-image: url(../images/ico55.png); }*/
.group .gslick-box .slick-nav .ico { display: block; width: 48px; height: 48px; background-repeat: no-repeat; background-position: center center; margin: 0 auto; border: 1px solid #fff; border-radius: 3px; background-color: rgba(255, 255, 255, 0.3); }
.group .gslick-box .slick-nav .ico.ico1 { background-image: url(../images/biao1.png); }
.group .gslick-box .slick-nav .ico.ico2 { background-image: url(../images/biao2.png); }
.group .gslick-box .slick-nav .ico.ico3 { background-image: url(../images/biao3.png); }
.group .gslick-box .slick-nav .ico.ico4 { background-image: url(../images/biao4.png); }
/*.group .gslick-box .slick-nav .ico.ico5 { background-image: url(../images/ico5.png); }*/
.group .gslick-box .slick-nav .w { text-align: center; font-size: 12px; color: #fff; }
.group .gslick-box .gslick .img { display: block; width: 100%; }

.inform-box { background-color: #373737; padding: 75px 0 140px; position: relative; }
.inform-box .recom-box { float: left; width: 50%; color: #fff; }
.inform-box .recom-box.target { transform: translateX(-50px); -webkit-transform: translateX(-50px); opacity: 0; transition: 560ms; -webkit-transition: 560ms; transition-timing-function: ease-out; -webkit-transition-timing-function: ease-out; }
.inform-box .recom-box.target.action { transform: translateX(0px); -webkit-transform: translateX(0px); opacity: 1; }
.inform-box .recom-box .en { display: block; text-align: right; font-size: 48px; font-weight: bold; float: right; width: 100%; line-height: 0.8; font-family: "browalliaUPC"; }
.inform-box .recom-box .en:nth-child(1) { text-transform: uppercase; line-height: 0.5; }
.inform-box .recom-box .zh { display: inline-block; text-align: right; font-size: 16px; float: right; padding-left: 35px; background: url(../images/triangle_1.png) no-repeat scroll left center; }
.inform-box .recom-box .recom { padding: 20px 100px 0 165px; }
.inform-box .recom-box .figure { overflow: hidden; margin-top: 30px; }
.inform-box .recom-box .img { display: block; width: 100%; transition: .56s; -webkit-transition: .56s; }
.inform-box .recom-box .link { display: block; position: relative; color: #fff; }
.inform-box .recom-box .link:hover .img { transform: scale(1.08); -webkit-transform: scale(1.08); }
.inform-box .recom-box .con { padding-left: 115px; position: relative; max-height: 54px; overflow: hidden; margin-top: 25px;font-size: 18px;line-height: 1.5;}
.inform-box .recom-box .time { display: block; position: absolute; top: 0; left: 0; background-color: #e8a204; font-family: "NewsGothicBT-RomanCondensed"; font-size: 12px; padding: 2px 15px; }
.inform-box .inform-list { float: left; width: 50%; position: relative; z-index: 16; }
.inform-box .inform-list.target li .link { transform: translateY(50px); -webkit-transform: translateY(50px); opacity: 0; transition-timing-function: ease-out; -webkit-transition-timing-function: ease-out; }
.inform-box .inform-list.target li:nth-child(1) .link { transition: 600ms; -webkit-transition: 600ms; }
.inform-box .inform-list.target li:nth-child(2) .link { transition: 600ms 300ms; -webkit-transition: 600ms 300ms; }
.inform-box .inform-list.target li:nth-child(3) .link { transition: 600ms 600ms; -webkit-transition: 600ms 600ms; }
.inform-box .inform-list.target.action .link { transform: translateY(0px); -webkit-transform: translateY(0px); opacity: 1; }
.inform-box .inform-list ul { padding-top: 135px; }
.inform-box .inform-list ul li { transform: translateY(50px); -webkit-transform: translateY(50px); opacity: 0; transition-timing-function: ease-out; -webkit-transition-timing-function: ease-out; }
.inform-box .inform-list ul li:nth-child(1) { transition: 600ms; -webkit-transition: 600ms; }
.inform-box .inform-list ul li:nth-child(2) { transition: 600ms 300ms; -webkit-transition: 600ms 300ms; }
.inform-box .inform-list ul li:nth-child(3) { transition: 600ms 600ms; -webkit-transition: 600ms 600ms; }
.inform-box .inform-list ul.slick-active li { transform: translateY(0px); -webkit-transform: translateY(0px); opacity: 1; }
.inform-box .inform-list .link { display: block; padding-left: 120px; color: #fff; position: relative; margin-bottom: 70px; }
.inform-box .inform-list .time { display: block; position: absolute; top: 0; left: 0; font-family: "NewsGothicBT-RomanCondensed"; }
.inform-box .inform-list .tit { font-weight: normal; font-size: 18px; line-height: 1.3; margin-bottom: 15px; }
.inform-box .inform-list .con { font-family: "NewsGothicBT-RomanCondensed"; width: 400px; overflow: hidden; max-height: 50px; color: #969696; }
.inform-box .phone-list { display: none; padding: 20px 0; }
.inform-box .phone-list .link { display: block; padding: 10px 75px 10px 15px; line-height: 1.2; color: #fff; position: relative; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.inform-box .phone-list .link:before { content: ""; display: block; position: absolute; top: 15px; left: 0; width: 4px; height: 4px; background: #fff; }
.inform-box .phone-list .time { font-size: 12px; position: absolute; right: 0; top: 11px; }
.inform-box .color-block { display: block; width: 140px; top: 0px; bottom: -85px; left: 50%; margin-left: -70px; position: absolute; background-color: #e8a204; }
.inform-box .color-block:before { content: ""; display: block; width: 8px; height: 9px; background: url(../images/triangle_2.png) no-repeat scroll center center; position: absolute; top: 30px; left: -8px; }
.inform-box .inform-dots { position: absolute; bottom: 0; left: 0; width: 100%; z-index: 50; }
.inform-box .inform-dots .slick-dots { bottom: 10px; }
.inform-box .inform-dots .slick-dots li { width: 9px; height: 9px; border: 1px solid #fff; border-radius: 50%; }
.inform-box .inform-dots .slick-dots li.slick-active { background-color: #fff; }

.news-more { background-color: #373737; padding: 0px 0 40px; }
.news-more.target .more-btn { transform: translateY(50px); -webkit-transform: translateY(50px); opacity: 0; transition-timing-function: ease-out; -webkit-transition-timing-function: ease-out; transition: 600ms; -webkit-transition: 600ms; }
.news-more.target.action .more-btn { transform: translateY(0px); -webkit-transform: translateY(0px); opacity: 1; }
.news-more .more-btn { width: 246px; height: 46px; display: block; border: 2px solid #ffffff; margin: 0 auto; text-align: center; color: #fff; text-transform: uppercase; line-height: 46px; }
.news-more .more-btn:hover { background-color: #e8a204; border-color: #e8a204; }
.news-more .more-btn:hover:after { left: 8px; }
.news-more .more-btn:after { content: ""; display: inline-block; width: 20px; height: 20px; background: url(../images/aw.png) no-repeat left center; transition: 300ms; -webkit-transition: 300ms; position: relative; top: 4px; margin-left: 15px; left: 0; }

.mworks-box { background-color: #f6f6f6; padding: 50px 0; position: relative; }
.mworks-box .mworks { width: 60%; float: left; position: relative; }
.mworks-box .mworks.target { transform: translateX(-50px); -webkit-transform: translateX(-50px); opacity: 0; transition-timing-function: ease-out; -webkit-transition-timing-function: ease-out; transition: 600ms; -webkit-transition: 600ms; }
.mworks-box .mworks.target.action { transform: translateX(0px); -webkit-transform: translateX(0px); opacity: 1; }
.mworks-box .mworks .slick-prev, .mworks-box .mworks .slick-next { top: 50%; z-index: 20; margin-top: -10px; display: none !important; }
.mworks-box .mworks .slick-prev { background: url(../images/arrow_red_left.png) no-repeat scroll center center; left: 10px; }
.mworks-box .mworks .slick-next { background: url(../images/arrow_red_right.png) no-repeat scroll center center; right: 10px; }
.mworks-box .mworks .wimg { display: block; width: 100%; }
.mworks-box .mworks .items { position: relative; }
.mworks-box .mworks .mworks-btn { display: block; position: absolute; bottom: 30px; left: 60px; background-color: #e8a204; color: #fff; line-height: 1.2; padding: 15px 45px; }
.mworks-box .mworks .mworks-btn:before { content: ""; display: block; position: absolute; width: 100%; height: 100%; background-color: rgba(255, 255, 255, 0.3); top: 0; left: 0; transform: scaleY(0); -webkit-transform: scaleY(0); transition: .56s; -webkit-transition: .56s; }
.mworks-box .mworks .mworks-btn:hover:before { transform: scaleY(1); -webkit-transform: scaleY(1); }
.mworks-box .mworks .title { position: absolute; top: 30px; left: 60px; z-index: 15; }
.mworks-box .mworks .title .f-tit { color: #e8a204; font-size: 45px; font-weight: bold; /*font-family: "browalliaUPC"; */display: block; line-height: 1; }
.mworks-box .mworks .title .s-tit { color: #e8a204; font-size: 48px; font-weight: bold; /*font-family: "browalliaUPC";*/ display: block; line-height: 1; }
.mworks-box .mworks .title .zh { font-size: 16px; color: #fff; }
.mworks-box .mworks .mslick-nav { position: absolute; bottom: 30px; right: 30px; z-index: 200; width: 400px; }
.mworks-box .mworks .mslick-nav .img { display: block; width: 100%; }
.mworks-box .mworks .mslick-nav .item { cursor: pointer; margin: 10px; border: 1px solid #fff; }
.mworks-box .side-plate { width: 38%; position: absolute; top: 0px; right: 0; height: 100%; }
.mworks-box .side-plate.target .resources { transform: translateY(50px); -webkit-transform: translateY(50px); opacity: 0; transition-timing-function: ease-out; -webkit-transition-timing-function: ease-out; transition: 600ms; -webkit-transition: 600ms; }
.mworks-box .side-plate.target .objective { transform: translateY(50px); -webkit-transform: translateY(50px); opacity: 0; transition-timing-function: ease-out; -webkit-transition-timing-function: ease-out; transition: 600ms 400ms; -webkit-transition: 600ms 400ms; }
.mworks-box .side-plate.target.action .resources { transform: translateY(0px); -webkit-transform: translateY(0px); opacity: 1; }
.mworks-box .side-plate.target.action .objective { transform: translateY(0px); -webkit-transform: translateY(0px); opacity: 1; }
.mworks-box .side-plate .resources { display: block; height: 48%; position: relative; overflow: hidden; }
.mworks-box .side-plate .resources .figure { overflow: hidden; background-position: center center; background-size: cover; background-repeat: no-repeat; position: relative; height: 100%; transition: .56s; -webkit-transition: .56s; }
.mworks-box .side-plate .resources .img { display: none; }
.mworks-box .side-plate .resources .w { display: block; position: absolute; left: 0; right: 0; padding: 15px 25px; background: #000; background: rgba(26, 24, 24, 0.6); line-height: 30px !important; color: #fff; bottom: 0; font-size: 18px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; transition: 400ms; -webkit-transition: 400ms; }
.mworks-box .side-plate .resources .w:before { content: ""; display: block; width: 30px; height: 100%; position: absolute; top: 0; right: 10%; background: url(../images/aw2.png) no-repeat scroll center center; transition: 400ms; -webkit-transition: 400ms; }
.mworks-box .side-plate .resources:hover .w { padding-left: 40px; background: #e8a204; background: rgba(229, 0, 19, 0.6); }
.mworks-box .side-plate .resources:hover .w:before { right: 8%; }
.mworks-box .side-plate .resources:hover .figure { transform: scale(1.08); -webkit-transform: scale(1.08); }
.mworks-box .side-plate .objective { display: block; height: 50%; overflow: hidden; position: absolute; bottom: 0; height: 48%; width: 100%; }
.mworks-box .side-plate .objective .brands { width: 55%; float: left; height: 100%; position: relative; overflow: hidden; display: block; }
.mworks-box .side-plate .objective .brands .figure { overflow: hidden; height: 100%; background-position: center center; background-size: cover; background-repeat: no-repeat; transition: .45s; -webkit-transition: .45s; }
.mworks-box .side-plate .objective .brands .word { position: absolute; top: 0; left: 0; padding: 45px 0 0 40px; }
.mworks-box .side-plate .objective .brands .tit { color: #e8a204; font-size: 35px; font-weight: bold; line-height: 1; }
.mworks-box .side-plate .objective .brands .f { display: block; text-transform: uppercase; }
.mworks-box .side-plate .objective .brands .s { display: block; }
.mworks-box .side-plate .objective .brands .con { font-family: "NewsGothicBT-RomanCondensed"; font-size: 12px; color: #929292; margin: 15px 0; }
.mworks-box .side-plate .objective .brands .zht { color: #17272f; font-weight: bold; font-size: 16px; line-height: 1.2; }
.mworks-box .side-plate .objective .brands .zhcon { color: #5a5a5a; }
.mworks-box .side-plate .objective .brands .line { display: block; width: 31px; height: 2px; background: #1d2088; margin-top: 15px; }
.mworks-box .side-plate .objective .brands:hover .figure { transform: scale(1.08); -webkit-transform: scale(1.08); }
.mworks-box .side-plate .objective .message { width: 40%; float: right; height: 100%; overflow: hidden; position: relative; display: block; }
.mworks-box .side-plate .objective .message .figure { overflow: hidden; height: 100%; background-position: center center; background-size: cover; background-repeat: no-repeat; transition: .45s; -webkit-transition: .45s; }
.mworks-box .side-plate .objective .message:hover .figure { transform: scale(1.08); -webkit-transform: scale(1.08); }
.mworks-box .side-plate .objective .message .word { position: absolute; bottom: 0; right: 0; text-align: right; padding: 0 30px 20px 0; }
.mworks-box .side-plate .objective .message .tit { color: #fff; font-size: 35px; font-weight: bold; line-height: 1; }
.mworks-box .side-plate .objective .message .f { display: block; text-transform: uppercase; }
.mworks-box .side-plate .objective .message .s { display: block; }
.mworks-box .side-plate .objective .message .mess { font-size: 16px; color: #fff; background: url(../images/triangle_1.png) no-repeat scroll 60% center; margin-top: 15px; }
.mworks-box .side-plate .objective .img { display: none; }

.contactway { padding: 15px 0 30px; }
.contactway .title { text-transform: uppercase; font-size: 20px; font-weight: bold; }
.contactway .title span { display: inline-block; }
.contactway .title .f { color: #5a5a5a; margin-right: 5px; }
.contactway .title .s { color: #e8a204; }
.contactway .way { float: left; }
.contactway .detail .com { display: block; float: left; color: #808080; font-family: "微软雅黑"; font-size: 12px; height: 38px; line-height: 38px; padding-left: 25px; position: relative; margin-right: 50px; }
.contactway .detail .com:before { content: ""; display: block; position: absolute; left: 0; height: 20px; width: 20px; background-repeat: no-repeat; background-size: cover; background-position: center center; top: 50%; margin-top: -10px; }
.contactway .detail .address:before { background-image: url(../images/contact_ico_1.png); }
.contactway .detail .phone:before { background-image: url(../images/contact_ico_2.png); }
.contactway .detail .email:before { background-image: url(../images/contact_ico_3.png); }
.contactway .detail .blogroll { height: 36px; line-height: 36px; border: 1px solid #17272f; float: right; width: 215px; padding-left: 15px; cursor: pointer; color: #17272f; position: relative; }
.contactway .detail .blogroll:before { content: ""; display: block; width: 11px; height: 6px; background: url(../images/aw3.png) no-repeat scroll center center; right: 20px; top: 50%; margin-top: -3px; position: absolute; transition: .45s; -webkit-transition: .45s; }
.contactway .detail .blogroll.on:before { transform: rotate(180deg); -webkit-transform: rotate(180deg); }
.contactway .detail .blogroll .list { position: absolute; bottom: 37px; width: 100%; left: -1px; border: 1px solid #17272f; border-bottom: 0; border-top: 0; height: 0; overflow: hidden; transition: height .56s; -webkit-transition: height .56s; background-color: #fff; }
.contactway .detail .blogroll .list .link { display: block; padding: 10px 5px 10px 15px; line-height: 1.3; color: #17272f; position: relative; transition: .45s; -webkit-transition: .45s; border-top: 1px solid #17272f; }
.contactway .detail .blogroll .list .link:hover { background: #e8a204; color: #fff; }

.copyright { background-color: #373737; padding: 25px 0; color: #cccccc; font-size: 12px; }
.copyright .title { float: left; margin-top: 15px; }
.copyright .link { float: left; color: #ccc; display: block; margin-left: 50px; margin-top: 15px; }
.copyright .link:hover { color: #e8a204; }
.copyright .ewm { float: right; }
.copyright .ewm .img { display: block; float: left; margin-right: 10px; }
.copyright .ewm .con { float: left; }

.pbanner { position: relative; overflow: hidden; }
.pbanner.target .zh { transition: .6s; -webkit-transition: .6s; transform: translateY(50px); -webkit-transform: translateY(50px); opacity: 0; }
.pbanner.target .en { transition: .6s .7s; -webkit-transition: .6s .7s; transform: translateY(50px); -webkit-transform: translateY(50px); opacity: 0; }
.pbanner.target .line { transition: .6s .35s; -webkit-transition: .6s .35s; transform: translateY(50px); -webkit-transform: translateY(50px); opacity: 0; }
.pbanner.target .ico { transition: .6s 1.05s; -webkit-transition: .6s 1.05s; transform: translateY(50px); -webkit-transform: translateY(50px); opacity: 0; }
.pbanner.target.action .zh { transform: translateY(0px); -webkit-transform: translateY(0px); opacity: 1; }
.pbanner.target.action .en { transform: translateY(0px); -webkit-transform: translateY(0px); opacity: 1; }
.pbanner.target.action .line { transform: translateY(0px); -webkit-transform: translateY(0px); opacity: 1; }
.pbanner.target.action .ico { transform: translateY(0px); -webkit-transform: translateY(0px); opacity: 1; }
.pbanner.target.action .pimg { -webkit-animation: scaleUpDown 5s; animation: scaleUpDown 5s; }
.pbanner .figure { overflow: hidden; }
.pbanner .pimg { display: block; width: 100%; position: relative; transition: 0s; -webkit-transition: 0s; }
.pbanner .word { position: absolute; height: 100%; width: 100%; top: 0; left: 0; text-align: center; color: #fff; line-height: 1; }
.pbanner .word .zh { font-size: 36px; }
.pbanner .word .en { font-size: 72px; text-transform: uppercase; }
.pbanner .word .line { display: block; height: 4px; width: 42px; margin: 20px auto 35px; background-color: #fff; }
.pbanner .word .ico { display: block; height: 43px; width: 43px; border: 1px solid #fff; border-radius: 50%; margin: 100px auto 0; position: relative; }
.pbanner .word .ico:before { content: ""; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 80%; background: url(../images/aw5.png) no-repeat scroll center center; animation: mouse 1s ease-in-out 0.1s alternate none infinite running; -webkit-animation: mouse 1s ease-in-out 0.1s alternate none infinite running; }

.sub-menu { border-bottom: 1px solid #ececec; }
.sub-menu li { display: inline-block; padding: 25px 0; }
.sub-menu .link { display: block; color: #414141; padding: 0 42px 0 12px; position: relative; border-left: 2px solid #ececec; }
.sub-menu .link:before { content: ""; display: block; position: absolute; top: 0; left: -2px; height: 100%; width: 2px; background-color: #e8a204; transform: scaleY(0); -webkit-transform: scaleY(0); transition: .42s; -webkit-transition: .42s; }
.sub-menu .link:hover { color: #e8a204; }
.sub-menu .link:hover:before { transform: scaleY(1); -webkit-transform: scaleY(1); }
.sub-menu .link.on { color: #e8a204; }
.sub-menu .link.on:before { transform: scaleY(1); -webkit-transform: scaleY(1); }

.phoneMenu { display: none; position: relative; }
.phoneMenu .title { color: #fff; display: block; text-align: center; font-size: 16px; height: 46px; line-height: 46px; cursor: pointer; background: #333; }
.phoneMenu .title b { display: inline-block; margin-left: 5px; width: 18px; height: 9px; background: url(../images/aw7.png) center no-repeat; transition: .38s; -webkit-transition: .38s; }
.phoneMenu ul { background: #666; position: absolute; top: 46px; left: 0; width: 100%; z-index: 60; }
.phoneMenu .link { display: block; text-align: center; color: #fff; line-height: 1.2; padding: 10px 0; font-size: 14px; position: relative; }
.phoneMenu.on .link:after { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; z-index: 1; background-color: #999; -webkit-animation-duration: 0.7s; animation-duration: 0.7s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: ReturnToNormal; animation-name: ReturnToNormal; }
.phoneMenu.on .title b { transform: rotate(-90deg); -webkit-transform: rotate(-90deg); }

@-webkit-keyframes ReturnToNormal { 0% { -webkit-transform: scale(0.1, 1); -ms-transform: scale(0.1, 1); transform: scale(0.1, 1); }
  100% { -webkit-transform: scaleX(1, 1); -ms-transform: scaleX(1, 1); transform: scaleX(1, 1); } }
@keyframes ReturnToNormal { 0% { -webkit-transform: scale(0.1, 1); -ms-transform: scale(0.1, 1); transform: scale(0.1, 1); }
  100% { -webkit-transform: scaleX(1, 1); -ms-transform: scale(1, 1); transform: scaleX(1, 1); } }
.profile { padding: 100px 0 80px 0; }
.profile .conTitle { float: left; width: 26%; }
.profile .conTitle.target { transform: translateX(-50px); -webkit-transform: translateX(-50px); transition: .75s; -webkit-transition: .75s; opacity: 0; }
.profile .conTitle.target.action { transform: translateX(0px); -webkit-transform: translateX(0px); opacity: 1; }
.profile .conTitle .zh { font-size: 20px; color: #686868; line-height: 1; }
.profile .conTitle .en { font-family: "browalliaUPC"; font-size: 48px; color: #333333; line-height: 0.8; text-transform: uppercase; margin-top: 10px; }
.profile .conTitle .line { display: block; width: 16px; height: 4px; background-color: #e8a204; }
.profile .content { float: right; width: 69%; }
.profile .content.target { transform: translateY(50px); -webkit-transform: translateY(50px); transition: .85s; -webkit-transition: .85s; opacity: 0; }
.profile .content.target.action { transform: translateY(0px); -webkit-transform: translateY(0px); opacity: 1; }
.profile .content .con { text-align: justify; }
.profile .content .name { font-size: 24px; color: #cc0000; }
.profile .content .more-btn { width: 246px; height: 46px; display: block; border: 2px solid #e4e4e4; text-align: center; color: #828282; text-transform: uppercase; margin-top: 54px; line-height: 46px; }
.profile .content .more-btn:after { content: ""; display: inline-block; width: 20px; height: 20px; background: url(../images/aw.png) no-repeat right center; transition: 300ms; -webkit-transition: 300ms; position: relative; top: 4px; margin-left: 15px; left: 0; }
.profile .content .more-btn:hover { background-color: #e8a204; border-color: #e8a204; color: #fff; }
.profile .content .more-btn:hover:after { background-position: left center; }

.projects { background-position: center center; background-repeat: no-repeat; background-attachment: fixed; background-size: cover; overflow: hidden; }
.projects.target .detail { transform: translateY(-100%); -webkit-transform: translateY(-100%); transition: .85s .3s; -webkit-transition: .85s .3s; }
.projects.target.action .detail { transform: translateY(0px); -webkit-transform: translateY(0px); }
.projects .zh { font-size: 20px; color: #fff; line-height: 1; }
.projects .en { font-family: "browalliaUPC"; font-size: 48px; color: #fff; line-height: 0.8; text-transform: uppercase; margin-top: 10px; }
.projects .line { display: block; width: 16px; height: 4px; background-color: #e8a204; }
.projects .detail { width: 430px; padding: 100px 90px 270px 70px; background-color: #373737; margin-left: -70px; }
.projects .con { text-align: justify; color: #fff; margin-top: 70px; overflow: hidden; max-height: 125px; }

.speech { padding: 90px 0; }
.speech.target .picture { transform: translateX(-50%); -webkit-transform: translateX(-50%); opacity: 0; transition: .56s; -webkit-transition: .56s; }
.speech.target .content { transform: translateX(50%); -webkit-transform: translateX(50%); opacity: 0; transition: .56s; -webkit-transition: .56s; }
.speech.target.action .picture { transform: translateX(0%); -webkit-transform: translateX(0%); opacity: 1; }
.speech.target.action .content { transform: translateX(0%); -webkit-transform: translateX(0%); opacity: 1; }
.speech .picture { float: left; width: 33%; }
.speech .picture img { display: block; width: 100%; }
.speech .content { float: right; width: 60%; text-align: justify; }
.speech .content .zh { font-size: 20px; color: #686868; line-height: 1; }
.speech .content .en { font-family: "browalliaUPC"; font-size: 48px; color: #333333; line-height: 0.8; text-transform: uppercase; margin-top: 10px; }
.speech .content .line { display: block; width: 16px; height: 4px; background-color: #e8a204; }
.speech .content .ph-pic { display: none; margin-top: 20px; float: left; margin-right: 25px; }
.speech .content .con { padding-top: 20px; }

.vision { background-position: center center; background-repeat: no-repeat; background-attachment: fixed; background-size: cover; padding: 100px 0; text-align: center; }
.vision .zh { font-size: 20px; color: #fff; line-height: 1; }
.vision .en { font-family: "browalliaUPC"; font-size: 48px; color: #fff; line-height: 0.8; text-transform: uppercase; margin-top: 10px; }
.vision .line { display: block; width: 16px; height: 4px; background-color: #fff; }
.vision .detail { width: 430px; height: 430px; background-color: #e8a204; border-radius: 50%; margin: 0 auto; position: relative; }
.vision .detail.target { transform: rotateY(180deg); -webkit-transform: rotateY(180deg); transition: .45s .3s; -webkit-transition: .45s .3s; opacity: 0; }
.vision .detail.target.action { transform: rotateY(0deg); -webkit-transform: rotateY(0deg); opacity: 1; }
.vision .detail .line { margin: 0 auto; }
.vision .detail .con { width: 80%; margin: 0 auto; max-height: 100px; overflow: hidden; margin-top: 40px; color: #fff; }
.vision .detail:before { content: ""; display: block; position: absolute; width: 2px; height: 100%; top: 0; left: 50%; margin-left: -1px; background-color: #e8a204; transform: skew(-45deg); -webkit-transform: skew(-45deg); }

.profile-detail { padding: 80px 0 0; background-color: #efefef; }
.profile-detail .title { float: left; }
.profile-detail .title .zh { font-size: 20px; color: #686868; line-height: 1; }
.profile-detail .title .en { font-family: "browalliaUPC"; font-size: 48px; color: #333333; line-height: 0.8; text-transform: uppercase; margin-top: 10px; }
.profile-detail .title .line { display: block; width: 16px; height: 4px; background-color: #e8a204; }
.profile-detail .title .conceptTitle { font-size: 24px; color: #cc0000; line-height: 1.2; margin-top: 25px; }
.profile-detail .content { float: right; width: 66.67%; border-left: 1px solid #c1c1c1; padding-bottom: 80px; position: relative; }
.profile-detail .content .tit { color: #cc0000; font-size: 24px; padding-left: 10%; margin-bottom: 45px; }
.profile-detail .content:before { content: ""; display: block; position: absolute; top: 0; left: -5px; width: 10px; height: 10px; border-radius: 50%; background-color: #c1c1c1; }
.profile-detail .content .items { position: relative; padding-left: 10%; }
.profile-detail .content .items:before { content: ""; display: block; position: absolute; top: 0; left: -5px; width: 10px; height: 10px; border-radius: 50%; background-color: #c1c1c1; }
.profile-detail .content .items:nth-child(2):before { display: none; }
.profile-detail .content.concept .items:nth-child(2):before { display: block; }

.pageC a:link, .pageC a:visited { color: #333; }

.pageC a:active, .pageC a:hover { color: #d76c00; }

.pageC img { max-width: 100% !important; height: auto !important; display: block !important; width: 100% !important; }

.construction { padding: 80px 0; background-color: #efefef; }
.construction .shareholder { text-align: center; }
.construction .shareholder .sen { font-family: "browalliaUPC"; font-size: 36px; color: #000; line-height: 0.8; }
.construction .shareholder .szh { font-size: 18px; color: rgba(0, 0, 0, 0.5); }
.construction .shareholder .arrow { display: block; width: 27px; height: 36px; background: url(../images/aw9.png) no-repeat scroll center center; margin: 30px auto; }
.construction .headings { padding: 0 10%; text-align: center; margin-bottom: 85px; }
.construction .headings .title { color: #cc0000; font-size: 24px; margin-bottom: 25px; line-height: 1.2; }
.construction .headings .tword { text-align: justify; text-indent: 2em; }
.construction .property { background-position: center center; background-repeat: no-repeat; background-size: cover; }
.construction .property .detail { background-color: rgba(255, 255, 255, 0.9); padding: 50px 2%; text-align: justify; }
.construction .property .right { float: right; width: 46%; }
.construction .property .left { float: left; width: 46%; }
.construction .property .img { display: none; }
.construction .slogan { margin: 50px 0; }
.construction .training-box { border: 3px solid #cbcbcb; }
.construction .training-box .training { padding: 40px 120px; }
.construction .items { position: relative; background-color: #fff; }
.construction .lpic { position: absolute; height: 100%; width: 50%; top: 0; left: 0; background-position: center center; background-repeat: no-repeat; background-size: cover; }
.construction .rpic { position: absolute; height: 100%; width: 50%; top: 0; right: 0; background-position: center center; background-repeat: no-repeat; background-size: cover; }
.construction .lword { float: left; width: 50%; }
.construction .rword { float: right; width: 50%; }
.construction .content { padding: 100px 40px 145px; }
.construction .tit { font-size: 18px; color: #000; margin-bottom: 30px; }
.construction .tit.gray { color: #666; }
.construction .bot-word { padding: 50px 115px 0; text-align: center; }
.construction .bot-word .line { display: block; width: 10px; height: 5px; margin: 0 auto; background-color: #000; margin-bottom: 15px; }
.construction .bot-word .con { margin-bottom: 35px; }
.construction .bot-word .con:nth-last-child(1) { margin-bottom: 0; }

.perfor { background-position: center center; background-repeat: no-repeat; background-size: cover; background-attachment: fixed; padding: 200px 0; }
.perfor .detail { width: 240px; background-color: #e1081d; color: #fff; padding: 60px 40px 30px; text-align: center; margin: 0 auto; }
.perfor .detail .en { font-family: "browalliaUPC"; font-size: 36px; line-height: 1; }
.perfor .detail .zh { font-size: 18px; }
.perfor .detail .arrow { display: block; margin: 0 auto; width: 20px; height: 30px; background: url(../images/aw4.png) no-repeat center center; margin-top: 35px;animation: mouse 1s ease-in-out 0.1s alternate none infinite running;-webkit-animation: mouse 1s ease-in-out 0.1s alternate none infinite running;}

.project { padding: 85px 0; background-color: #efefef; }
.project.phone-recruit { display: none; }
.project.estates { padding-top: 35px; }
.project .tit { color: #000; }
.project .list { margin: 45px 0; }
.project .items { margin-bottom: 3px; }
.project .items .title { background-color: #7f7f7f; display: block; color: #fff; line-height: 1.2; padding: 15px 65px 15px 30px; font-size: 18px; cursor: pointer; position: relative; }
.project .items .title.on { background-color: #de0417; }
.project .items .title.on:before { background-image: url(../images/dropDownBox_ico_1.png); }
.project .items .title:before { content: ""; display: block; width: 22px; height: 100%; background: url(../images/dropDownBox_ico_2.png) no-repeat center center; position: absolute; right: 35px; top: 0; transition: .45s; -webkit-transition: .45s; }
.project .items .content { background-color: #fff; padding: 25px 35px 50px; }
.project .items .content .tit ul { padding: 0; padding-bottom: 10px; border-bottom: 1px solid #ccc; }
.project .items .content .tit li { font-size: 16px; color: #000; text-align: center; font-weight: bold; }
.project .items .content .tit li span { display: block; width: 20%; float: left; line-height: 1.2; margin-top: 5px; }
.project .items .content .tit li span:nth-child(1) { text-align: left; width: 60%; }
.project .items .content .tit li:nth-child(1) { color: #888; font-size: 14px; }
.project .items .content .rcon { margin-top: 10px; text-align: justify; }
.project .con { background-color: #fff; margin-top: 25px; padding: 45px 35px 70px; position: relative; }
.project .con:before { content: ""; display: block; width: 31px; height: 18px; background: url(../images/aw8.png) no-repeat center center; position: absolute; top: -18px; left: 50px; }
.project .detail { width: 625px; text-align: center; margin: 60px auto; }
.project .address { width: 420px; padding: 20px 0; border: 3px solid #cbcbcb; text-align: center; margin: 0 auto; }

.prointro { background-position: center center; background-repeat: no-repeat; background-size: cover; padding-top: 350px; }
.prointro .detail { width: 1060px; padding: 30px 20px; color: #fff; margin: 0 auto; position: relative; bottom: -50px; background-color: #e2091d; }
.prointro .detail .title { font-size: 18px; margin-bottom: 15px; line-height: 1.5; }
.prointro .detail .con { text-align: justify; }

.news { background-color: #efefef; padding: 100px 0; }
.news ul { margin-left: -2%; margin-top: -2%; }
.news li { float: left; width: 31.33%; margin-left: 2%; margin-top: 2%; }
.news li:hover .nimg { transform: scale(1.08); -webkit-transform: scale(1.08); }
.news li:hover .figure:before { opacity: 1; }
.news li:hover .bot:after { width: 100%; left: 0; }
.news li:hover .bot:before { background-position: 0px center; }
.news li:hover .bot .effect { width: 100%; transition: 1.2s; -webkit-transition: 1.2s; }
.news li:hover .title { color: #e8a204; }
.news .nimg { display: block; width: 100%; transition: .45s; -webkit-transition: .45s; }
.news .figure { overflow: hidden; position: relative; }
.news .figure:before { content: ""; display: block; position: absolute; height: 100%; width: 100%; background-color: rgba(0, 0, 0, 0.3); opacity: 0; transition: .35s; -webkit-transition: .35s; top: 0; left: 0; z-index: 15; }
.news .time { display: block; text-transform: uppercase; font-size: 12px; color: #9e9e9e; font-family: arial; }
.news .detail { background-color: #fff; padding: 20px 20px 45px; }
.news .title { display: block; color: #151515; font-size: 18px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; line-height: 1; margin-top: 8px; margin-bottom: 20px; transition: .45s; -webkit-transition: .45s; }
.news .con { color: #a0a0a0; max-height: 50px; overflow: hidden; }
.news .bot { background-color: #fff; padding: 15px 20px; line-height: 1; color: #969696; border-top: 1px solid #cccccc; position: relative; }
.news .bot:before { content: ""; display: block; position: absolute; height: 100%; width: 11px; background: url(../images/aw10.png) no-repeat -11px center; right: 20px; top: 0; transition: .45s; -webkit-transition: .45s; }
.news .bot:after { content: ""; display: block; position: absolute; height: 1px; width: 0%; top: -1px; right: 0; background: #CC0000; transition: .45s; -webkit-transition: .45s; }
.news .bot .effect { position: absolute; top: 15px; bottom: 15px; color: #CC0000; display: block; width: 0; transition: .45s; -webkit-transition: .45s; overflow: hidden; }
.news .bot .effect .inside { width: 20px; }
.news .link { display: block; }

.news-banner { position: relative; }
.news-banner .img { display: block; width: 100%; }
.news-banner .head { width: 1140px; position: absolute; bottom: 0; left: 50%; margin-left: -600px; background-color: rgba(241, 241, 241, 0.95); text-align: center; padding: 30px; color: #333; line-height: 1.2; }
.news-banner .head .title { font-size: 35px; font-weight: normal; }
.news-banner .head .abs { font-size: 18px; margin-top: 10px; margin-bottom: 15px; }
.news-banner .head .time { display: block; color: rgba(51, 51, 51, 0.6); text-transform: uppercase; }

.pages { text-align: center; margin-top: 75px; }
.pages .center { display: inline-block; position: relative; left: -11px; }
.pages .pg { display: block; float: left; font-size: 20px; font-family: arial; color: #676767; width: 38px; height: 38px; line-height: 38px; border: 1px solid #bdbdbd; margin-left: 11px; transition: .45s; -webkit-transition: .45s; }
.pages .pg.on { background: #e8a204; color: #fff; border-color: #e8a204; }
.pages .pg:hover { background: #e8a204; color: #fff; border-color: #e8a204; }

.newsDetail .content { padding: 60px 150px; }

.backToList { padding: 40px 0; background-color: #f1f1f1; }
.backToList .con { position: relative; }
.backToList .link { display: block; color: #333; padding-right: 190px; margin-bottom: 10px; text-align: justify; line-height: 1.4; }
.backToList .link:hover { color: #cc0000; }
.backToList .back { display: block; position: absolute; right: 0px; top: 0px; width: 170px; height: 50px; background-color: #cc0000; text-align: center; line-height: 50px; color: #fff; }
.backToList .back:before { content: ""; display: inline-block; width: 30px; height: 14px; vertical-align: middle; background: url(../images/aw2.png) no-repeat center center; margin-right: 15px; position: relative; transition: .56s; -webkit-transition: .56s; left: 0; }
.backToList .back:hover { background-color: #940a0a; }
.backToList .back:hover:before { left: 8px; }

.works { padding: 40px 0; background-color: #f1f1f1; }
.works ul { margin-top: -2%; margin-left: -2%; }
.works ul li { width: 48%; margin-left: 2%; float: left; margin-top: 2%; }
.works ul li:hover .img { transform: scale(1.08); -webkit-transform: scale(1.08); }
.works ul li:hover .bot { height: 100%; background-color: rgba(204, 0, 0, 0.8); white-space: normal; }
.works ul li:hover .title { border-bottom: 1px solid #fff; height: 112px; line-height: 112px; }
.works ul .img { display: block; width: 100%; transition: .56s; -webkit-transition: .56s; }
.works ul .figure { overflow: hidden; }
.works ul .link { display: block; position: relative; }
.works ul .bot { display: block; position: absolute; bottom: 0; left: 0; background-color: rgba(0, 0, 0, 0.8); width: 100%; color: #fff; font-size: 18px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; transition: .45s; -webkit-transition: .45s; line-height: 56px; height: 56px; }
.works ul .bot .title { position: relative; line-height: 56px; height: 56px; padding: 0 62px 0 45px; display: block; transition: .56s; -webkit-transition: .56s; }
.works ul .bot .title:before { content: ""; display: block; width: 20px; height: 100%; background: url(../images/aw.png) 0px center no-repeat; position: absolute; top: 0; right: 42px; }
.works ul .bot .w { line-height: 1.8; padding: 0 62px 0 45px; font-size: 14px; max-height: 75px; overflow: hidden; margin: 35px 0 50px; }
.works ul .bot .more { display: block; padding: 0 62px 0 45px; line-height: 1.8; font-size: 14px; }

.backWorks { display: block; background-color: #373737; color: #fff; height: 66px; line-height: 66px; text-align: center; }
.backWorks:before { content: ""; display: inline-block; width: 20px; height: 17px; background: url(../images/aw11.png) no-repeat center center; position: relative; top: 3px; margin-right: 12px; }

.worksDetail { position: relative; overflow: hidden; }
.worksDetail .img { display: block; width: 100%; }
.worksDetail .slick-dots { bottom: 30px; z-index: 15px; }
.worksDetail .slick-dots li { width: 12px; height: 12px; border-radius: 50%; background-color: #fff; }
.worksDetail .slick-dots li.slick-active { background-color: #cc0000; }

.worksWord { padding: 60px 0; }
.worksWord .tit { line-height: 1.5; font-size: 30px; color: #080808; font-weight: normal; padding: 10px 0; border-bottom: 1px solid #ececec; }
.worksWord .con { padding-top: 50px; text-align: justify; }

.recruit-box { background-color: #efefef; padding: 100px 0; }
.recruit-box .recruit { background-color: #fff; }
.recruit-box .recruit-nav { float: left; width: 20%; }
.recruit-box .recruit-nav li { cursor: pointer; line-height: 1.2; padding: 12px 25px 12px 15px; position: relative; margin-bottom: 5px; transition: .56s; -webkit-transition: .56s; }
.recruit-box .recruit-nav li.on { background-color: #CC0000; color: #fff; }
.recruit-box .recruit-nav li.on:before { content: ""; display: block; position: absolute; right: 10px; top: 0; width: 20px; height: 100%; background: url(../images/aw.png) left center no-repeat; }
.recruit-box .recruit-nav li:hover { background-color: #CC0000; color: #fff; }
.recruit-box .recruit-nav li:hover:before { content: ""; display: block; position: absolute; right: 10px; top: 0; width: 20px; height: 100%; background: url(../images/aw.png) left center no-repeat; transition: .56s; -webkit-transition: .56s; }
.recruit-box .recruit-nav li:nth-last-child(1) { margin-bottom: 0; }
.recruit-box .content { width: 80%; float: left; position: relative; }
.recruit-box .content ul { padding: 20px 35px; border-bottom: 1px solid #ccc; }
.recruit-box .content li { font-size: 30px; color: #000; text-align: center; }
.recruit-box .content li span { display: block; width: 33.33%; float: left; line-height: 1.2; margin-top: 10px; }
.recruit-box .content li span:nth-child(1) { text-align: left; }
.recruit-box .content li:nth-child(1) { color: #888; font-size: 14px; }
.recruit-box .content:before { content: ""; display: block; position: absolute; width: 1px; background-color: #ccc; height: 100%; left: 0; top: 0; }
.recruit-box .content .con { padding: 20px 35px; }
.recruit-box .content .way { padding: 20px 35px; border-top: 1px solid #ccc; }

.staff-box { background-color: #efefef; padding: 100px; }
.staff-box .arrow { float: right; }
.staff-box .arrow-box { margin-top: 15px; }
.staff-box .staff-prev { display: block; width: 15px; height: 23px; background: url(../images/starr_1.png) no-repeat center center; cursor: pointer; float: left; position: relative; top: 7px; margin-right: 24px; }
.staff-box .staff-next { display: block; width: 15px; height: 23px; background: url(../images/starr_2.png) no-repeat center center; cursor: pointer; float: left; position: relative; top: 7px; margin-left: 24px; }
.staff-box .nummbers { float: left; }
.staff-box .total { font-size: 18px; color: #000; font-family: arial; line-height: 1.2; }
.staff-box .current-num { font-size: 30px; color: #e8a204; font-family: arial; line-height: 1.2; }
.staff-box .con { text-align: justify; margin-top: 85px; }
.staff-box .title { width: 240px; height: 75px; background-color: #e8a204; padding: 25px 30px 60px; position: absolute; left: 35px; bottom: -55px; z-index: 15; }
.staff-box .title .zh { font-size: 20px; color: #fff; line-height: 1; }
.staff-box .title .en { font-family: "browalliaUPC"; font-size: 48px; color: #fff; line-height: 0.8; text-transform: uppercase; margin-top: 10px; }
.staff-box .title .line { display: block; width: 16px; height: 4px; background-color: #fff; }
.staff-box .staff { position: relative; }
.staff-box .staff .items { overflow: hidden; }
.staff-box .staff .img { display: block; width: 100%; }

.group { text-align: center; }
.group .zh { font-size: 40px; color: #333; line-height: 1; }
.group .en { /*font-family: "browalliaUPC"; */font-size: 28px; color: #333; line-height: 0.8; text-transform: uppercase; margin-top: 10px; }
.group .line { display: block; width: 16px; height: 4px; background-color: #e8a204; margin: 15px auto 0; }
.group .list { margin-top: 60px; }
.group .list li { width: 25%; float: left; }
.group .list li:hover .ico { transform: rotateY(180deg); -webkit-transform: rotateY(180deg); }
.group .list .ico { display: block; height: 70px; width: 70px; border-radius: 50%; background-color: #014099; margin: 0 auto; transition: .56s; -webkit-transition: .56s; }
.group .list .ico.ico1 { background-image: url(../images/cico_1.png); background-position: center center; background-repeat: no-repeat; }
.group .list .ico.ico2 { background-image: url(../images/cico_2.png); background-position: center center; background-repeat: no-repeat; }
.group .list .ico.ico3 { background-image: url(../images/cico_3.png); background-position: center center; background-repeat: no-repeat; }
.group .list .ico.ico4 { background-image: url(../images/cico_4.png); background-position: center center; background-repeat: no-repeat; }
.group .list .detail { text-transform: uppercase; color: #b3b3b3; line-height: 1.2; margin-top: 10px;display: block; font-size:16px;}
.group .list .w { line-height: 1.2; margin-top: 20px; color: #666; font-size:18px;}

.board-box { text-align: center; padding: 85px 0 170px; background-image: url(../img/contact_bg.jpg); background-position: center center; background-repeat: no-repeat; background-size: cover; }
.board-box .zh { font-size: 20px; color: #333; line-height: 1; }
.board-box .en { font-family: "browalliaUPC"; font-size: 48px; color: #333; line-height: 0.8; text-transform: uppercase; margin-top: 10px; }
.board-box .line { display: block; width: 16px; height: 4px; background-color: #e8a204; margin: 8px auto 40px; }
.board-box .center { width: 740px; margin: 0 auto; }
.board-box .inp input { transition: .25s; -webkit-transition: .25s; display: block; width: 45%; float: left; border: 0; background-color: #fff; padding: 15px 2%; line-height: 1.2; margin-left: 2%; }
.board-box .inp input:nth-child(1) { margin-left: 0; }
.board-box .inp input:nth-child(2) { float: right; }
.board-box .inp input:focus { box-shadow: 0 0 15px #ccc; }
.board-box textarea { display: block; border: 0; padding: 0; margin-top: 15px; height: 170px; resize: none; width: 96%; padding: 10px 2%; transition: .25s; -webkit-transition: .25s; }
.board-box textarea:focus { box-shadow: 0 0 15px #ccc; }
.board-box .btn { display: block; color: #fff; background-color: #CC0000; line-height: 1.2; padding: 13px 25px; text-align: left; margin-top: 15px; position: relative; }
.board-box .btn:before { content: ""; display: block; position: absolute; top: 0; right: 30px; height: 100%; width: 20px; background: url(../images/aw.png) no-repeat scroll left center; transition: .45s; -webkit-transition: .45s; }
.board-box .btn:hover { background-color: #920a0a; }
.board-box .btn:hover:before { right: 15px; }

.backToTop { position: absolute; top: 15px; right: 0px; cursor: pointer; color: #17272f; text-transform: uppercase; font-size: 12px; }
.backToTop:before { content: ""; display: inline-block; height: 20px; width: 20px; background: url(../images/backToTop_ico.png) no-repeat scroll center center; position: relative; top: 4px; margin-right: 5px; transition: .56s; -webkit-transition: .56s; }
.backToTop:hover { color: #e8a204; }
.backToTop:hover:before { top: -4px; }