@charset "utf-8";
/* 
 * Project Name:免费8455新葡萄娱乐场
 * Author:默默
 * Date:2018-12-04
 */
@font-face {
  font-family: 'iconfont';
  src: url('fonts/iconfont.eot');
  src: url('fonts/iconfont.eot?#iefix') format('embedded-opentype'),
  url('fonts/iconfont.woff') format('woff'),
  url('fonts/iconfont.ttf') format('truetype'),
  url('fonts/iconfont.svg#iconfont') format('svg');
}
@font-face {
  font-family: "Futura-Bold.woff";
  src: url("fonts/Futura-Bold.woff.woff2") format("woff2"),
       url("fonts/Futura-Bold.woff.woff") format("woff"),
       url("fonts/Futura-Bold.woff.ttf") format("truetype"),
       url("fonts/Futura-Bold.woff.eot") format("embedded-opentype"),
       url("fonts/Futura-Bold.woff.svg") format("svg");
}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, 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, table, caption, tbody, tfoot, thead, tr, th, td, 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; }
html { font-size: 100%; overflow-x: hidden;}
/* always display scrollbars */
body { font: 12px/1.8 "Microsoft YaHei New","Microsoft Yahei","微软雅黑","Hiragino Sans GB","冬青黑体","Arial","Helvetica","SimHei","黑体","STXihei","华文细黑",sans-serif; margin: 0 auto; color: #000000; background-color: #fff; _background-attachment:fixed; 
_background-image:url(about:blank); overflow-y:visible\9; overscroll-behavior-y: none;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
input, select { vertical-align: middle; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
strong { font-weight: bold; }
input { outline: none; padding:0;}
img { border: 0; }
input[type="text"], input[type="button"], input[type="submit"], input[type="reset"] ,select{ -webkit-appearance: none; border-radius: 0;}
textarea { -webkit-appearance: none; border-radius: 0; background:none; outline:none; padding:0; margin:0; border:none;}
::-moz-selection { background: #f7a300; color: #fff; text-shadow: none; }
::selection { background: #f7a300; color: #fff; text-shadow: none; }
a { text-decoration: none; blr: expression(this.onFocus=this.blur()); -webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; }
a:link, a:visited { text-decoration: none; color:inherit;}
a:active, a:hover { text-decoration: none; color:inherit;}
.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; }
.r { float: right; display: inline-block; }
.vt { vertical-align: top; }
.vm { vertical-align: middle; }
.inner { width:1496px; margin: 0px auto;}
.commonwr{ width: 1200px; margin: auto;}

.header-box{ position: fixed; width: 100%; left: 0; top: 0; z-index: 99; background: #fff; box-shadow: 0 0 4px rgba(0,0,0,0.17);}
.header{ padding: 16px 80px 16px;}
.logo{ display: block; float: left; width: 352px; height: auto; line-height: 1;}
.nav{ position: absolute; left: 474px; top: 0; width: 968px;}
.nav li{ float: left; margin-left: 13px; position: relative;}
.nav li:first-child{ margin-left: 0px;}
.nav li a{ display: block; height: 85px; line-height: 85px; padding: 0 12px; color: #1b1b1b; font-size: 18px;  position: relative; z-index: 3; white-space: nowrap;}
.nav li a:before{ content: ""; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: #f3f3f3; z-index: -2; -webkit-transition:-webkit-transform .64s cubic-bezier(.215,.61,.355,1); transition:-webkit-transform .64s cubic-bezier(.215,.61,.355,1); transition:transform .64s cubic-bezier(.215,.61,.355,1); transition:transform .64s cubic-bezier(.215,.61,.355,1),-webkit-transform .64s cubic-bezier(.215,.61,.355,1); transform-origin:left 100%; -webkit-transform-origin:left 100%; transform:scaleY(0); -moz-transform:scaleY(0); -webkit-transform:scaleY(0); visibility:hidden\9;}
.nav li a:after{ content: ""; width: 100%; height: 8px; background: #d7000f; position: absolute; left: 0; bottom: 0; z-index: -1; transform-origin:100%; -webkit-transform-origin:100%; -webkit-transition:-webkit-transform .64s cubic-bezier(.215,.61,.355,1); transition:-webkit-transform .64s cubic-bezier(.215,.61,.355,1); transition:transform .64s cubic-bezier(.215,.61,.355,1); transition:transform .64s cubic-bezier(.215,.61,.355,1),-webkit-transform .64s cubic-bezier(.215,.61,.355,1); transform:scaleX(0); -webkit-transform:scaleX(0); visibility:hidden\9;}
.nav li:hover a,.nav li.active a{ color: #d7000f;}
.nav li:hover a:before,.nav li.active a:before{ transform:scaleY(1); -webkit-transform:scaleY(1); transform-origin:left 0; -webkit-transform-origin:left 0; visibility:visible\9;}
.nav li:hover a:after,.nav li.active a:after{ transform:scaleX(1); -webkit-transform:scaleX(1); -moz-transform:scaleX(1); transform-origin:0; -webkit-transform-origin:0; visibility:visible\9;}
.edits{ float: right; margin-top: 9px;}
.edits a{ display: block; width: 28px; height: 28px; border-radius: 50%; text-align: center; line-height: 28px; color: #666666; font-size: 14px; background: #e5e5e5; float: left; margin-left: 7px;}
.edits a:hover,.edits a.active{ background: #d7000f; color: #fff;}

.mtop{ height: 85px;}
.slick-list { overflow: hidden; width: 100%; height: 100%; }
.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;}
.banner-box{ position: relative; overflow: hidden; z-index: 10;}
.banner{ position: relative; overflow: hidden;}
.banner .item{ float: left; z-index: 4 !important; opacity: 1 !important; overflow: hidden;}
.banner .item figure{ display: block; width: 100%; overflow: hidden; -webkit-animation: decreaseHeight 1s forwards ease-in-out; animation: decreaseHeight 1s forwards ease-in-out; -moz-animation: decreaseHeight 1s forwards ease-in-out; -o-animation: decreaseHeight 1s forwards ease-in-out;}
.banner .item.slick-current{ -webkit-animation: show 1s forwards ease-in-out; animation: show 1s forwards ease-in-out; -moz-animation: show 1s forwards ease-in-out; -o-animation: show 1s forwards ease-in-out; z-index: 3 !important;}
.banner .item.slick-current.Zindex{ z-index: 5 !important;}
.banner .item.slick-current figure{ animation: none; -webkit-animation: none; -moz-animation: none; -o-animation: none;}
.btext{ position: absolute; left: 0; top: 50%; margin-top: -127px; z-index: 20; background: url(../images/btext.png) center no-repeat; background-size: cover; width: 818px;}
.btextwr{ margin-left: 244px; width: 440px; padding: 30px 0;}
.bfix{ position: relative; height: 170px;}
.btextin{ position: absolute; left: 0; top: 0; width: 100%; visibility: hidden;}
.btextin.show{ visibility: visible; transition: 0.5s;}
.btextin strong{ display: block; color: #fff; font-size: 42px; font-weight: normal; line-height: 1.2; margin-bottom: 15px; opacity: 0; visibility: hidden; transform: translateY(45px); -webkit-transform: translateY(45px); -moz-transform: translateY(45px);}
.btextin p{ color: #fff; font-size: 14px; opacity: 0; visibility: hidden; transform: translateY(45px); -webkit-transform: translateY(45px); -moz-transform: translateY(45px);}
.bsmall{ padding-left: 40px; position: relative; display: block; color: #ec4d4d; font-size: 14px; font-family: arial; font-style: italic; text-transform: uppercase;}
.bsmall:before{ content: ""; width: 27px; height: 2px; background: #dd5353; position: absolute; left: 0; top: 50%; margin-top: -1px;}
.btextin.show strong{ opacity: 1; visibility: visible; transform: translateY(0px); -webkit-transform: translateY(0px); -moz-transform: translateY(0px); transition: 0.5s;}
.btextin.show p{ opacity: 1; visibility: visible; transform: translateY(0px); -webkit-transform: translateY(0px); -moz-transform: translateY(0px); transition: 0.5s 0.25s;}
.banner .slick-dots{ width: 100%; position: absolute; left: 0; line-height: 1; bottom: 44px; z-index: 20; text-align: center; line-height: 0px;}
.banner .slick-dots li{ display: inline-block; margin-left: 7px; height: 11px;}
.banner .slick-dots li:first-child{ margin-left: 0px;}
.banner .slick-dots li button{ padding: 0; margin: 0; width: 5px; height: 5px; background: #fff; border: 3px solid #fff; text-indent: 99999px; overflow: hidden; transition: 0.3s; border-radius: 50%; box-sizing: content-box; cursor: pointer; outline: none;}
.banner .slick-dots li.slick-active button{ background: none;}
.bannprev{ position: absolute; width: 76px; z-index: 20; position: absolute; left: 50%; margin-left: -38px; bottom: 55px;}
.bannprev span{ display: block; width:0; height:0; border-top: 5px solid transparent;  border-bottom: 5px solid transparent; border-right: 9px solid #fff; position:absolute; top: 0px; cursor: pointer; transition: 0.35s;}
.bannprev span.prev{ left: 0;}
.bannprev span.prev:hover{ border-right: 9px solid #d7000f;}
.bannprev span.next{ right: 0; border-right: none; border-left: 9px solid #fff;}
.bannprev span.next:hover{ border-left: 9px solid #d7000f;}

@-webkit-keyframes decreaseHeight {
	from {} /* Fixes Chrome issue 35.0.1916.114 (easing breaks) */
	to {
		width: 0;
	}
}

@keyframes decreaseHeight {
	from {} /* Fixes Chrome issue 35.0.1916.114 (easing breaks) */
	to {
		width: 0;
	}
}

@-webkit-keyframes show {
	0% {
		opacity: 0;
	}
	1%,100% {
		opacity: 1;
	}
}

@keyframes show {
	0% {
		opacity: 0;
	}
	1%,100% {
		opacity: 1;
	}
}

@-webkit-keyframes hide {
	0%,99% {
		opacity: 1;
	}
	100% {
		opacity: 0;
	}
}

@keyframes hide {
	0%,99% {
		opacity: 1;
	}
	100% {
		opacity: 0;
	}
}

@-webkit-keyframes increaseHeight {
	from {
		width: 0;
	}
	to {
		width: 100%;
	}
}

@keyframes increaseHeight {
	from {
		width: 0;
	}
	to {
		width: 100%;
	}
}
.dymanic-box{ padding: 35px 0 42px;}
.dymanics{ width: 49.73%; float: left;}
.titles{ position: relative;}
.titles strong{ display: block; float: left; line-height: 1; color: #141414; font-size: 24px; font-weight: normal;}
.titles strong i{ display: inline-block; vertical-align: middle; color: #b1b1b1; font-size: 32px; line-height: 1; margin-right: 10px; vertical-align: middle;}
.titles strong b{ display: inline-block; font-weight: normal;}
.dymanicbann{ position: relative; margin-top: 15px;}
.dymanicbann .slick-list{ position: relative; z-index: 5;}
.ditem{ position: relative; float: left;}
.ditem figure{ display: block; line-height: 1; padding-bottom: 59.3288%; height: 0;}
.ditem figure img{ display: block; width: 100%; height: auto; line-height: 0;}
.ditem span{ display: block; position: absolute; left: 0; bottom: 0; width: 100%; height: 58px; line-height: 58px; color: #fff; font-size: 15px; background: url(../images/bg1.png) repeat; background: rgba(0,0,0,0.8); text-indent: 35px;}
.dymanicbann .slick-dots{ position: absolute; right: 42px; bottom: 24px; line-height: 1; height: 9px; z-index: 20;}
.dymanicbann .slick-dots li{ float: left; margin-left: 9px;}
.dymanicbann .slick-dots li:first-child{ margin-left: 0px;}
.dymanicbann .slick-dots li button{ display: block; padding: 0; margin: 0; border: none; width: 9px; height: 9px; border-radius: 50%; text-indent: 9999px; overflow: hidden; background: #fff; cursor: pointer; outline: none; transition: 0.4s;}
.dymanicbann .slick-dots li.slick-active button{ background: #d7000f; transform: rotateY(180deg); -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg);}

.news-box{ width: 47.99%; float: right; margin-top: 58px;}
.newstop{ border-bottom: 1px solid #cccccc; position: relative;}
.newstop span{ display: block; width: 104px; height: 36px; float: left; cursor: pointer; position: relative; line-height: 36px; margin-right: 2px; text-align: center; color: #333333; transition: 0.4s; font-size: 15px; z-index: 3;}
.newstop span:before{ content: ""; width: 100%; height: 100%; position: absolute;left: 0; top: 0; z-index: -1; background: #d7000f; transform-origin:100%; -webkit-transform-origin:100%; -webkit-transition:-webkit-transform .54s cubic-bezier(.215,.61,.355,1); transition:-webkit-transform .54s cubic-bezier(.215,.61,.355,1); transition:transform .54s cubic-bezier(.215,.61,.355,1); transition:transform .54s cubic-bezier(.215,.61,.355,1),-webkit-transform .54s cubic-bezier(.215,.61,.355,1); transform:scaleX(0); -webkit-transform:scaleX(0); visibility:hidden\9;}
.newstop span:hover:before,.newstop span.active:before{ transform:scaleX(1); -webkit-transform:scaleX(1); -moz-transform:scaleX(1); transform-origin:0; -webkit-transform-origin:0; visibility:visible\9;}
.newstop span:hover,.newstop span.active{ color: #fff;}
.mores{ display: block; width: 17px; height: 17px; transition: 0.4s; position: absolute; right: 6px; top: 0px;}
.mores:before{ content: ""; width: 100%; height: 5px; background: #cccccc; position: absolute; left: 0; top: 6px; transition: 0.38s;}
.mores:after{ content: ""; width: 5px; height: 100%; background: #cccccc; position: absolute; left: 6px; top: 0; transition: 0.38s;}
.mores:hover{ transform: rotate(180deg); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg);}
.mores:hover:before,.mores:hover:after{ background: #d7000f;}

.newsitem{ float: left; width: 100%;}
.newslist li{ position: relative; z-index: 3;}
.newslist li a:before{ content: ""; width: 100%; height: 100%; background: #f3f3f3; position: absolute; left: 0; top: 0px; z-index: -1; opacity: 0; visibility: hidden; transition: 0.45s;}
.newslist li span{ display: block; padding-left: 10px; color: #333333; font-size: 15px; height: 40px; line-height: 40px; float: left; max-width: 81.9444%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; transition: 0.4s;}
.newslist li time{ display: block; float: right; line-height: 40px; color: #999999; font-size: 14px; margin-right: 8px; transition: 0.4s;}
.newslist li a:hover:before{ opacity: 1; visibility: visible;}
.newslist li a:hover span{ color: #d7000f;}
.newslist li a:hover time{ color: #d7000f;}
.partyli{ margin-top: 20px;}
.partyli li{ width: 23.6%; float: left; margin-left: 1.8666%;}
.partyli li:first-child{ margin-left: 0px;}
.partyli li figure{ display: block; line-height: 1; overflow: hidden; padding-bottom: 70.82%; height: 0px;}
.partyli li figure img{ display: block; width: 100%; height: auto; line-height: 1; transition: 0.68s;}
.partydown{ padding: 16px 10px 0;}
.partydown time{ display: block; color: #999999; font-size: 14px; line-height: 1; margin-bottom: 8px;}
.partydown span{ display: block; color: #000000; font-size: 16px; transition: 0.45s;} 
.partyli li:hover figure img{ transform: scale(1.04); -webkit-transform: scale(1.04); -moz-transform: scale(1.04);}
.partyli li:hover .partydown span{ color: #d00000;}

.introducts{ margin-top: 50px;}
.synopsis{ width: 31.42%; float: left;}
.titles .mores{ top: 50%; margin-top: -8px;}
.introductfix{ margin-top: 16px; border: 1px solid #e1e1e1; height: 442px;}
.introductfix a{ display: block; margin: 18.3% 7.44% 0;}
.introductfix a h3{ color: #333333; font-size: 20px; font-weight: normal; line-height: 1.5; margin-bottom: 24px; transition: 0.4s;}
.introductfix a p{ color: #666666; font-size: 15px; margin-bottom: 52px;}
.introductfix a span{ display: inline-block; line-height: 1; color: #666666; font-size: 15px; transition: 0.4s;}
.introductfix a:hover h3{ color: #d7000f;}
.introductfix a:hover span{ color: #d7000f;}
.videos{ width: 64.37%; float: right;}

.trailer{ position: relative; line-height: 0; margin-top: 16px; overflow: hidden;}
.trailer .markimg{ display: block; height: 444px; width: auto; position: relative; left: 50%; margin-left: -482px; transition: 0.68s;}
.vbBox{ height: 100%; width:100%; left:0; top:0; position:absolute; overflow: hidden; background-repeat: no-repeat; background-size: cover; background-position: center center; z-index:5;}
.jwplayer{ opacity:0; height:100% !important;}

.video{ position:absolute; cursor:pointer; left: 50%; text-align: center; margin-left: -28px; top: 50%; margin-top: -28px; z-index:10;}
.video:before{ content:""; width:0; height:0; border-top:11px solid transparent;  border-bottom: 11px solid transparent; border-left: 17px solid #fff; position:absolute; left: 22px; top:50%; margin-top: -11px; transition: 0.36s; border-radius: 2px;}
.video span{ display:block; width:56px; height:56px; position:relative; margin: auto;}
.video span img{ display:block; max-width:100%; position:absolute; left:0; top:0; right:0; bottom:0; margin:auto;}
.video span:after,.video span:before { width:100%; height:100%; content:''; display:block;
-webkit-box-sizing:border-box; box-sizing:border-box; position:absolute; top:0; left:0; border-style:solid; border-color:#fff; border-radius:50%; border-width:2px;-webkit-transition-timing-function:cubic-bezier(.215,.61,.355,1); transition-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transition-property:opacity,-webkit-transform; transition-property:opacity,-webkit-transform; transition-property:transform,opacity; transition-property:transform,opacity,-webkit-transform;}
.video span:after { opacity:0; -webkit-transform:scale(.8); transform:scale(.8);}
.trailer:hover .markimg{ transform: scale(1.03); -webkit-transform: scale(1.03); -moz-transform: scale(1.03);}
.trailer:hover .video span:after,.trailer:hover .video span:before { -webkit-transition-duration:1.2s;transition-duration:1.2s}
.trailer:hover .video span:before {opacity:0; -webkit-transform:scale(1.4);transform:scale(1.4);}
.trailer:hover .video span:after { opacity:1; -webkit-transform:scale(1); transform:scale(1);}
.video b{ display: block; text-align: center; line-height: 1; color: #fff; font-size: 18px; font-weight: bold; margin-top: 16px;}
.jwlogo{ display: none !important;}
.agent{ position: relative; margin-top: 42px; margin-bottom: 96px;}
.agentleft{ width: 73.53%; float: left; position: relative;}
.agentleft figure{ display: block; line-height: 1; overflow: hidden;}
.agentleft figure img{ display: block; width: 100%; height: auto; line-height: 0;}
.agentdown{ position: absolute; width: 100%; left: 0; bottom: 0; border-top: 1px solid #fff;}
.agentdown a{ display: block; float: left; width: 184px; border-left: 1px solid #fff; padding: 33px 0 26px; text-align: center; position: relative; z-index: 3; perspective: 500px; -webkit-perspective: 500px; -moz-perspective: 500px;}
.agentdown a:first-child{ border-left: none;}
.agentdown a:before{ content: ""; width: 100%; height: 100%; background: #fff; position: absolute; left: 0;top: 0; z-index: -1; opacity: 0; visibility: hidden; transform-origin: top center 0; transform: rotateX(-80deg); transition: 0.48s;}
.agentdown a i{ display: block; margin: auto; color: #fff; font-size: 32px; line-height: 1; margin-bottom: 10px; height: 32px; transition: 0.38s;}
.agentdown a span{ display: block; text-align: center; line-height: 1; color: #fff; font-size: 14px; transition: 0.38s;}
.agentdown a:hover:before{ opacity: 1; visibility: visible; transform: rotateX(0deg);}
.agentdown a:hover i{ color: #f40000;}
.agentdown a:hover span{ color: #f40000;}
.agentri{ width: 26.47%; height: 100%; position: absolute; right: 0; top: 0; background: url(../images/agentbg.png) center no-repeat;}
.agentwr{ padding: 42px 32px 0 42px;}
.agentwr h3{ color: #fff; font-size: 24px; margin-bottom: 36px; position: relative; font-weight: normal; padding-bottom: 17px;}
.agentwr h3:before{ content: ""; width: 31px; height: 2px; background: #fff; position: absolute; left: 0; bottom: 0;} 
.agentwr p{ color: #fff; font-size: 14px; line-height: 2;}
.agentwr p i{ display: inline-block; color: #edcd18; font-style: normal;}
.searchs{ position: relative; margin-top: 46px;}
.searchs .text{ padding-left: 15px; width: 100%; height: 44px; line-height: 43px; color: #fff; font-size: 13px; box-sizing: border-box; border: 1px solid #fff; outline: none; background: none;}
.searchs input::-moz-placeholder{ color: #fff; }
.searchs input:-ms-input-placeholder{ color: #fff; }
.searchs input::-webkit-input-placeholder{ color: #fff; }
.searchs .sub{ display: block; width: 47px; height: 44px; position: absolute; right: 0; top: 0; cursor: pointer; outline: none; transition: 0.38s; color: #696969; font-size: 30px; line-height: 44px; text-align: center; background: #fff; border: none; outline: none; z-index: 4;}
.searchs .sub:hover{ color: #f40000;}

.footer-box{ background: #414141; border-top: 9px solid #dedede;}
.footertop{ padding: 85px 0 60px; border-bottom: 1px solid #696969;}
.relativein{ display: block; float: left; width: 11.1111%;}
.relativein dt{ display: block; line-height: 1; margin-bottom: 25px;}
.relativein dt a{ display: inline-block; color: #fff; font-size: 16px; font-weight: normal;}
.relativein dd{ display: block;}
.levalhref a{ display: inline-block; color: #ffffff; font-size: 13px; opacity: 0.53; filter:alpha(opacity=53); font-weight: normal; line-height: 2;}
.levalhref a:hover{ opacity: 1; filter: alpha(opacity=100);}
.footer{ padding: 67px 0 76px;}
.footerles{ float: left;}
.footerles strong{ display: block; color: #fff; font-size: 20px; font-weight: normal; margin-bottom: 10px;}
.footerles p{ color: #fff; font-size: 14px;}
.footerles p a{ display: inline-block; color: #fff; margin-left: 14px;}
.footerles p a:hover{ color: #f40000;}
.share{ margin-top: 22px;}
.share span{ display: block; float: left; color: #fff; font-size: 12px; line-height: 27px; margin-right: 16px;}
.share a{ background: #13bd0f; display: block; width: 27px; height: 27px; border-radius: 50%; float: left; margin-right: 11px; text-align: center; line-height: 27px;color: #fff; font-size: 16px;}
.share a.sina{ background: #e60016;}
.share a.qq{ background: #0067d4;}
.share a.yx{ background: #0C819A;}

.share a:hover{ background: #fff;}
.share a.weix:hover{ color: #13bd0f;}
.share a.sina:hover{ color: #e60016;}
.share a.qq:hover{ color: #0067d4;}
.share a.yx:hover{ color: #0C819A;}

.retive{ position:relative; float: right; margin-top: 40px;}
.retive span{ display:block; padding-left:19px; width:180px; height:34px; line-height:34px; color:#ffffff; font-size:12px; position:relative; cursor:pointer; border:1px solid #fff; z-index: 4;}
.retive span:before{ content:""; width:0; height:0; border-left: 7px solid transparent;  border-right: 7px solid transparent; border-bottom: 6px solid #fff; position:absolute; right: 13px; top:50%; margin-top: -3px; transition: 0.36s;}
.retive span.on:before{ transform:rotate(180deg); -webkit-transform:rotate(180deg); -moz-transform:rotate(180deg); -ms-transform:rotate(180deg);}
.retiveli{ position:absolute; width:100%; left:0; bottom:35px; border:1px solid #fff; border-bottom:none; background:#414141; display:none; box-sizing: border-box;}
.retiveli li{ border-bottom:1px solid #fff;}
.retiveli li a{ display:inline-block; margin-left:19px; height:38px; line-height:38px; font-size: 14px; color:#fff;}
.retiveli li a:hover{ color:#f40000;}

.menubtn{ float:right; position:relative; display:none; z-index: 20; margin-top: 20px; margin-right: 8px; float: right;}
.menubtn span{ display:block; width:20px; height:3px; background:#d7000f; margin:auto; position:relative; vertical-align: middle; -webkit-transition-duration: .3s,.3s; -moz-transition-duration: .3s,.3s; -ms-transition-duration: .3s,.3s; -o-transition-duration: .3s,.3s; transition-duration: .3s,.3s;-webkit-transition-delay: .3s,0s; -moz-transition-delay: .3s,0s; -ms-transition-delay: .3s,0s; -o-transition-delay: .3s,0s; transition-delay: .3s,0s;}
.menubtn span:after,
.menubtn span:before { content: ""; position: absolute; display: inline-block; width: 28px; height: 3px; left: 0;
 background-color: #d7000f; -webkit-transition-duration: .3s,.3s; -moz-transition-duration: .3s,.3s; -ms-transition-duration: .3s,.3s;-o-transition-duration: .3s,.3s; transition-duration: .3s,.3s;-webkit-transition-delay: .3s,0s;-moz-transition-delay: .3s,0s;-ms-transition-delay: .3s,0s;-o-transition-delay: .3s,0s; transition-delay: .3s,0s}
.menubtn span:before {top: -7px;-webkit-transition-property: top,transform;-moz-transition-property: top,transform;-ms-transition-property: top,transform;-o-transition-property: top,transform;transition-property: top,transform;}
.menubtn span:after {bottom: -7px;-webkit-transition-property: bottom,transform;-moz-transition-property: bottom,transform;-ms-transition-property: bottom,transform;-o-transition-property: bottom,transform;
transition-property: bottom,transform;}
.menubtn.active span {background-color: transparent;-webkit-transition-delay: 0s,0s;-moz-transition-delay: 0s,0s;-ms-transition-delay: 0s,0s;-o-transition-delay: 0s,0s;transition-delay: 0s,0s}
.menubtn.active span:after,.menubtn.active span:before {-webkit-transition-delay: 0s,.3s;-moz-transition-delay: 0s,.3s; -ms-transition-delay: 0s,.3s; -o-transition-delay: 0s,.3s; transition-delay: 0s,.3s}
.menubtn.active span:before {top: 0px;-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg)}
.menubtn.active span:after {bottom:0px;-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-ms-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg);}
.menus-list{ width: 217px; background: #335f87; position: fixed; height: 100%; right: -217px; top: 0; transition: 0.78s cubic-bezier(0.19, 1, 0.22, 1);}
.menus-list.show{ right: 0;}
.menus{ margin-top: 90px;}
.menus li{ border-bottom: 1px solid #224565;}
.menus li a{ display: block; text-align: center; color: #ffffff; font-size: 16px; line-height: 48px;}
.navigatie{ position: fixed; overflow: hidden; width: 100%; height: 100%; left: 0; top: 0; z-index: 20; transition: 0.65s; visibility: hidden;}
.navbg{ width: 100%; height: 100%; position: fixed; left: 0; top: 0; background: rgba(0,0,0,0.8); opacity: 0; visibility: hidden; transition: 0.65s;}
.menubox{ width: 220px; box-sizing: border-box; padding-bottom: 50px; height: 100%; position: absolute; right: -220px; transition: 0.58s; top: 0; overflow-y: auto; z-index: 10; background: #fff; border-left: 5px solid #c7c7c7;}
.menulist{ margin-top: 88px;}
.menulist li a{ display: block; text-align: center; height: 48px; line-height: 48px; color: #3a3a3a; font-size: 16px;}
.menubox .edits{ display: block; float: none; display: flex; display: -webkit-flex; justify-content: center; -webkit-justify-content: center;}
.navigatie.show{ visibility: visible;}
.navigatie.show .navbg{ opacity: 1; visibility: visible;}
.navigatie.show .menubox{ right: 0;}

.pbanner{ position: relative; overflow: hidden;}
.pbanner figure{ display: block; height: 0; line-height: 1; overflow: hidden; padding-bottom: 34.39%;}
.pbanner figure img{ display: block; width: 100%; height: auto; line-height: 0;}
.ptext{ width: 1200px; position: absolute; left: 50%; margin-left: -600px; bottom: 138px;}
.ptops{ margin-bottom: 76px;} 
.ptops small{ display: block; color: #fff; font-size: 50px; font-family: arial; line-height: 1; margin-bottom: 12px; font-weight: bold;}
.ptops strong{ display: block; line-height: 1; color: #fff; font-size: 25px; font-weight: normal;}
.mouse{ display: inline-block; padding-right: 17px; padding-bottom: 22px; border-bottom: 1px solid #fff;}
.mouse b{ display: block; width: 25px; height: 40px; position: relative; float: left; background: #fff; border-radius: 13px;}
.mouse b:before{ content: ""; width: 3px; height: 14px; background: #d7000f; position: absolute; left: 11px; top: 7px; animation:moveDownSpot 1000ms infinite; -webkit-animation:moveDownSpot 1000ms infinite; -moz-animation:moveDownSpot 1000ms infinite;}
.mouse small{ display: block; float: left; color: #fff; font-size: 14px; font-family: arial; line-height: 40px; margin-left: 13px;}

@keyframes moveDownSpot {
	from{
		opacity: 1;
		top: 7px;
	}
	to{
		opacity: 0.5;
		top: 14px;
	}
}
.leval-menus{ line-height: 0; border-bottom: 1px solid #cccccc; overflow: hidden;}
.menusli{ width: 1200px; margin: auto;}
.menusli li{ perspective: 500px; -webkit-perspective: 300px; float: left; position: relative;}
.menusli li:before{ content: ""; width: 100%; height: 100%; background: #d7000f; position: absolute; left: 0; top: 0; opacity: 0; visibility: hidden; transition: 0.56s; transform-origin: center top 0; transform: rotateX(-80deg); -webkit-transform: rotateX(-80deg); -moz-transform: rotateX(-80deg);}
.menusli li a{ display: block; width: 146px; height: 55px; line-height: 55px; color: #333333; font-size: 16px; font-weight: bold; text-align: center; position: relative;}
.menusli li:hover:before,.menusli li.active:before{ opacity: 1; visibility: visible; transform: rotateX(0deg); -webkit-transform: rotateX(0deg); -moz-transform: rotateX(0deg);}
.menusli li:hover a,.menusli li.active a{ color: #fff;}
.aboutwr{ width: 920px; margin: auto;}
.introduct-box{ padding: 54px 0 84px;}
.intortop{ margin-bottom: 88px;}
.intortop strong{ display: block; text-align: center; color: #3b3b3b; font-size: 30px; line-height: 1; padding-bottom: 38px; margin-bottom: 45px; position: relative;}
.intortop strong:before{ content: ""; width: 14px; height: 4px; background: #d7000f; position: absolute; left: 50%; margin-left: -7px; bottom: 0px;}
.intortop p{ color: #5b5b5b; font-size: 16px; line-height: 2;}
.introdata{ text-align: center; margin-bottom: 78px;}
.datas{ display: inline-block; margin-left: 96px;}
.datas:first-child{ margin-left: 0;}
.datas p{ color: #5b5b5b; font-size: 14px; line-height: 1; margin-bottom: 10px;}
.datas p b{ display: inline-block; color: #d7000f; font-size: 42px; margin-right: 4px; font-weight: normal; font-family: "Futura-Bold.woff";}
.datas span{ display: block; text-align: left; line-height: 1; color: #5b5b5b; font-size: 14px;}
.checkmore{ text-align: center;}
.checkmore a{ display: block; padding-left: 34px; width: 151px; height: 52px; text-align: center; line-height: 52px; color: #666666; font-size: 16px; border: 2px solid #b2b2b2; text-align: left; margin: auto; position: relative; perspective: 300px; transition: 0.35s;} 
.checkmore a i{ display: inline-block; margin-left: 30px; color: #666666; font-size: 32px; vertical-align: middle; transition: 0.32s;}
.checkmore a:before{ content: ""; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: #d7000f; opacity: 0; visibility: hidden; transform: rotateX(-80deg); -webkit-transform: rotateX(-80deg); -moz-transform: rotateX(-80deg); transform-origin: top center 0; transition: 0.5s; z-index: -1;}
.checkmore a:hover:before{ opacity: 1; visibility: visible; transform: rotateX(0deg); -webkit-transform: rotateX(0deg); -moz-transform: rotateX(0deg);}
.checkmore a:hover{ border-color: #d7000f; color: #fff; transition: 0.35s 0.2s border-color;}
.checkmore a:hover i{ color: #fff; margin-left: 33px;}

.event-box{ padding: 76px 0 114px; background-attachment: fixed; background-position: center; background-size: cover;}
.eventtitle{ margin-bottom: 49px;}
.eventtitle strong{ display: block; line-height: 1; text-align: center; color: #ffffff; font-size: 30px; padding-bottom: 38px; position: relative;}
.eventtitle strong:before{ content: ""; width: 14px; height: 4px; background: #fff; position: absolute; left: 50%; margin-left: -7px; bottom: 0;}
.evetbann{ padding: 100px 65px 90px; background: #fff;}
.eventwr{ position: relative;}
.eventwr:before{ content: ""; width: 100%; height: 1px; background: #dcdcdc; position: absolute; left: 0; top: 45px;}
.eventin{ width: 50%; float: left; position: relative;}
.eventfix{ margin:0 30px;}
.eventfix strong{ display: block; width: 77px; height: 77px; text-align: center; border-radius: 50%; line-height: 77px; background: #c3c6c8; color: #fff; font-size: 20px; font-family: arial;margin-left: 12px; font-weight: normal; margin-bottom: 32px; position: relative; z-index: 3;}
.eventfix strong:before{ content: ""; width: 100%; height: 100%; background: #d7000f; border-radius: 50%; position: absolute; left: 0; top: 0; opacity: 0; visibility: hidden; transform: scale(0); -webkit-transform: scale(0); -moz-transform: scale(0); transition: 0.53s; z-index: -1;} 
.eventfix time{ display: block; color: #999999; font-size: 14px; line-height: 1; text-align: left;} 
.eventfix span{ display: block; color: #666666; font-size: 15px; line-height: 1.4; margin-top: 8px; text-align: left;}
.eventfix:hover strong:before{ opacity: 1; visibility: visible; transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1);}
.eventwr .slick-arrow{ display: block; width: 27px; height: 8px; position: absolute; top: 3px; text-indent: 9999px; overflow: hidden; border: none; cursor: pointer; transition: 0.35s; outline: none;}
.eventwr .slick-arrow.slick-prev{ left: 0; background: url(../images/arrow1.png) center no-repeat;}
.eventwr .slick-arrow.slick-next{ right: 0; background: url(../images/arrow2.png) center no-repeat;}
.eventwr .slick-arrow.slick-prev:hover{ background: url(../images/arrow3.png) center no-repeat;}
.eventwr .slick-arrow.slick-next:hover{ background: url(../images/arrow4.png) center no-repeat;}
.brief{ padding: 90px 0 92px;}
.brieftitle strong{ color: #3b3b3b;}
.brieftitle strong:before{ background: #d7000f;}
.briefbox{ margin-bottom: 100px;}
.briefbox p{ color: #5b5b5b; font-size: 16px;}
.briefbann{ position: relative; overflow: visible; z-index: 10;}
.briefhideen{ overflow: hidden; position: relative;} 
.briefin{ float: left; line-height: 1;}
.briefin figure{ display: block; padding: 0 1px; overflow: hidden;}
.briefin figure img{ display: block; width: 100%; height: auto; line-height: 0;}
.briefbann .slick-list{ overflow: visible;}
.briefswiper span{ color: #fff; font-size: 20px; display: block; width: 59px; height: 59px; border: none; padding: 0; margin: 0; outline: none; border-radius: 50%; position: absolute; background: rgba(255,255,255,0.2); top: 50%; margin-top: -30px; text-align: center; line-height: 59px; overflow: hidden; cursor: pointer; transition: 0.4s; z-index: 120;}
.briefswiper.prev span{ background: #fff; filter:alpha(opacity=20); background: rgba(255,255,255,0.2); right: 15px;}
.briefswiper.next span{ background: #fff; filter:alpha(opacity=20); background: rgba(255,255,255,0.2); left: 15px;}
.briefswiper{ width: calc((100% - 924px)/2); height: 100%; position: absolute; top: 0; background: url(../images/bg1.png) repeat; background: rgba(0,0,0,0.5); z-index: 20;}
.briefswiper.prev{ left: 0;}
.briefswiper.next{ right: 0;}
.briefswiper span:hover{ background: #d7000f; filter: alpha(opacity=100);}

.framework-box{ padding: 58px 0 132px; background-attachment: fixed; background-size: cover; background-position: center; margin-top: 2px;}
.framebox{ text-align: center;}
.framebox img{ display: block; max-width: 100%; height: auto; margin: auto;}
.honor-fix{ padding: 114px 0 140px;}
.honorli{ padding: 0 22px; position: relative;}
.honorli li{ width: 33.3333%; float: left;}
.honorli li figure{ display: block; line-height: 1; margin: 0 19px; overflow: hidden;}
.himg{ position: relative; border: 1px solid #e6e6e6; display: block; overflow: hidden;}
.himg img{ display: block; width: 100%; height: auto; line-height: 0; transition: 0.58s;}
.himg:before{ content: ""; width: 100%; height: 100%; background: url(../images/bg1.png) repeat; background: rgba(0,0,0,0.5); position: absolute; left: 0; top: 0; z-index: 4; opacity: 0; visibility: hidden; transition: 0.65s;}
.himg:after{ content: ""; width: 39px; height: 39px; background: url(../images/addmore.png) center no-repeat; position: absolute; left: 50%; top: 50%; margin-left: -20px; margin-top: -20px; opacity: 0; visibility: hidden; transition: 0.56s; z-index: 5;}
.honorli li span{ display: block; height: 62px; text-align: center; border-bottom: 1px solid #e6e6e6; position: relative; z-index: 5; padding:0 44px; color: #666666; font-size: 14px; display: flex; display: -webkit-flex; justify-content: center; -webkit-justify-content: center; align-items: center; -webkit-align-items: center; font-size: 0.42s; line-height: 1.6; cursor: pointer;}
.honorli li span:before{ content: ""; width: 100%; height: 100%; background: #d7000f; position: absolute; left: 0; top: 0; z-index: -1; -webkit-transition:-webkit-transform .55s cubic-bezier(.215,.61,.355,1); transition:-webkit-transform .55s cubic-bezier(.215,.61,.355,1); transition:transform .55s cubic-bezier(.215,.61,.355,1); transition:transform .55s cubic-bezier(.215,.61,.355,1),-webkit-transform .55s cubic-bezier(.215,.61,.355,1); transform-origin:left 100%; -webkit-transform-origin:left 100%; transform:scaleY(0); -moz-transform:scaleY(0); -webkit-transform:scaleY(0); visibility:hidden\9;}
.honorli li:hover figure img{ transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1);}
.honorli li:hover .himg:before{ opacity: 1; visibility: visible;}
.honorli li:hover .himg:after{ opacity: 1; visibility: visible; transform: rotate(180deg); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg);}
.honorli li:hover span:before{ transform:scaleY(1); -webkit-transform:scaleY(1); transform-origin:left 0; -webkit-transform-origin:left 0; visibility:visible\9;}
.honorli li:hover span{ color: #fff;}
.pswp2 .pswp__counter{ display: none;}
.honorswiper{ display: block; width: 59px; height: 59px; border: none; padding: 0; margin: 0; outline: none; cursor: pointer; border-radius: 50%; transition: 0.56s; position: absolute; top: 50%; margin-top: -30px; z-index: 20; background: #e7e7e7; color: #fff; font-size: 20px; text-align: center; line-height: 59px;} 
.honorswiper.prev{ left: -78px;}
.honorswiper.next{ right: -78px;}
.honorwr{ position: relative;}
.honorswiper.prev:hover{ background: #d7000f;}
.honorswiper.next:hover{ background: #d7000f;}

.introductbox{ padding: 85px 0 112px; width: 1195px; margin: auto;}
.intrott{ margin-bottom: 36px;}
.intrott h4{ line-height: 1.2; color: #3b3b3b; font-size: 30px; font-weight: bold; margin-bottom: 8px;}
.intrott small{ display: block; line-height: 1; color: #848484; font-size: 14px; font-family: arial;}
.introtext p{ color: #5b5b5b; font-size: 16px; text-align: justify;}
.introtext img{ max-width: 100%; width: auto; height: auto;}
.intortop1 p{ line-height: 1.8;}
.intros{ width: 1200px; margin: auto; padding: 66px 0 80px;}
.intortop1{ margin-bottom: 0;}
.group{ overflow: hidden; display: flex; display: -webkit-flex; width: 100%;}
.groupin{ width: 20%; position: relative; float: left; transition: 0.52s; overflow: hidden;}
.groupin figure{ position: relative; height: 590px; overflow: hidden;}
.groupin figure img{ display: block; height: 100%; width: auto;}
.groupin figure span{ display: block; color: #ffffff; font-size: 20px; font-weight: bold; line-height: 1; position: absolute; left: 44px; bottom: 36px; z-index: 5;}
.groupwr{ padding: 46px 0 60px; background: #fff; width: 240px; position: absolute; left: 50%; margin-left: -120px; top: 50%; margin-top: -121px; z-index: 10; text-align: center; opacity: 0; visibility: hidden; transition: 0.58s; transform: translateX(20px); -webkit-transform: translateX(20px); -moz-transform: translateX(20px);}
.groupwr b{ display: block; color: #8e8e8e; width: 68px; height: 63px; margin: auto; text-align: center; line-height: 63px; font-size: 60px; font-weight: normal; margin-bottom: 24px;}
.groupwr strong{ display: block; line-height: 1; color: #333333; font-size: 25px; font-weight: bold; text-align: center; margin-bottom: 10px;}
.groupwr span{ display: block; color: #5d5d5d; font-size: 14px; text-align: center; line-height: 1;}
.groupin.show{ width: 30.2%;}
.groupin.hide{ width: 17.45%;}
.groupin:hover .groupwr{ opacity: 1; visibility: visible; transform: translateX(0px); -webkit-transform: translateX(0px); -moz-transform: translateX(0px);}

.newsfixd{ width: 1250px; margin: auto; padding: 75px 0 150px;}
.newsli li{ width: 33.3333%; float: left; margin-bottom: 34px;}
.newsli li a{ display: block; padding: 25px 21px 30px; border: 1px solid #f0efef; box-shadow: 0 0 4px rgba(0,0,0,0.1); margin: 0 25px;}
.newsli li a figure{ display: block; line-height: 1; overflow: hidden; height: 0; padding-bottom: 54.968%;}
.newsli li a figure img{ display: block; width: 100%; height: auto; transition: 0.56s;} 
.newsdown{ padding-top: 15px; padding-left: 3px;}
.newsdown time{ display: block; color: #858585; font-size: 14px; line-height: 1; font-family: arial; margin-bottom: 11px;}
.newsdown h4{ color: #505050; font-size: 16px; font-weight: normal; margin-bottom: 18px; height: 56px; overflow: hidden; transition: 0.4s;}
.newsdown span{ display: block; color: #989797; font-size: 14px; line-height: 1.2; margin-bottom: 23px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.newsdown b{ display: block; width: 76px; height: 27px; text-align: center; line-height: 27px; color: #ffffff; font-size: 14px; background: #c1c1c1; font-weight: normal; transition: 0.4s;}
.newsli li a:hover figure img{ transform: scale(1.05); -webkit-transform: scale(1.05); -moz-transform: scale(1.05);}
.newsli li a:hover .newsdown h4{ color: #d7000f;}
.newsli li a:hover .newsdown b{ background: #d7000f; color: #fff;}
.newsli{ padding-bottom: 58px;}
.pagebox{ text-align: center;}
.pagebox a{ display: inline-block; margin-left: 8px; width: 43px; height: 43px; text-align: center; line-height: 43px; border: 1px solid #ababab; color: #7b7b7b;}
.pagebox a:first-child{ margin-left: 0;}
.pagebox a.pageprev{ width: 68px;} 
.pagebox a:hover,.pagebox a.active{ background: #d7000f; border-color: #d7000f; color: #fff;} 

.newstopd{ padding: 78px 0 40px; border-bottom: 1px solid #e3e3e3; position: relative;}
.newstopd h2{ line-height: 1.2; color: #333333; font-size: 30px; font-weight: normal; margin-bottom: 14px;}
.newstime time{ display: block; float: left; color: #808080; font-size: 14px; line-height: 1.4;}
.shared{ float: left; margin-left: 18px;}
.shared span{ display: block; float: left; color: #808080; font-size: 14px; line-height: 1.4;}
.shared a{ display: block; float: left; color: #cecece; font-size: 20px; margin-right: 10px; text-align: center; line-height: 1;}
.shared a:hover{ color: #d7000f;}
.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: 1010; display: none;}
.popUp { width: 220px; border: 2px solid #01458e; 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;}
.newstopd .newsback{ display: block; font-size: 30px; color: #d5d5d5; position: absolute; right: 0; bottom: 40px;}
.newstopd .newsback:hover{ color: #d7000f;}
.newsviews{ padding: 50px 0 128px; position: relative;}
.newsviews p{ color: #7d7d7d; font-size: 15px; line-height: 2;}
.newsviews img{ display: block; max-width: 100% !important; width: auto !important; height: auto;} 
.newsscoll{ cursor: pointer; display: block; width: 64px; height: 64px; background: #d7000f; position: absolute; right: -135px; transition: 0.4s; bottom: 128px; color: #ffffff; text-align: center; line-height: 64px; font-size: 26px;}
.newsscoll:hover{ line-height: 55px;}

.business{ padding: 82px 0 100px;}
.busineesin{ margin-top: 72px;}
.busineesin:first-child{ margin-top: 0;}
.busineett{ color: #333333; font-size: 30px; font-weight: bold; line-height: 1; padding-bottom: 16px; position: relative;}
.busineett:before{ content: ""; width: 57px; height: 5px; background: #d7000f; position: absolute; left: 0; bottom: 0;}
.businessdown{ margin-top: 47px;}
.businessdown strong{ display: block; color: #4f4e4e; font-size: 20px; font-weight: normal; margin-bottom: 6px;}
.businessdown p{ color: #757575; font-size: 15px; line-height: 2;}
.businessdown img{ max-width: 100% !important; height: auto  !important;   transition: 0.56s;} 
.parts{ margin-top: 60px;}
.partin:first-child{ float: left;}
.partin{ width: 49.17%; float: right;}
.partin img{ display: block; width: 100%; height: auto;  transition: 0.56s;}
.partin p{ margin-top: 20px; color: #6c6b6b; font-size: 18px;}
.partin p span{ display: inline-block; color: #919191; font-size: 14px; margin-left: 8px;}
.partin b{ display: block; color: #919191; font-size: 14px; margin-left: 7px; font-weight: normal;}
.partin a{ display: block; position: relative; overflow: hidden;}
.partin a:hover img{  transform: scale(1.02); -webkit-transform: scale(1.02); -moz-transform: scale(1.02);}

.electricity{ padding: 100px 0 90px;}
.electricity{ width: 1092px; margin: auto;} 
.electrili{ width: 1128px; margin-left: -18px; padding-bottom: 46px;}
.electrili li{ width: 33.3333%; float: left; margin-bottom: 52px;}
.electrili li a{ display: block; margin: 0 18px;}
.electrili li a figure{ display: block; line-height: 1; overflow: hidden; position: relative;}
.elecbg{ display: block; width: 100%; height: 100%; background: #d7000f; opacity: 0.9; filter:alpha(opacity=90); position: absolute; left: 0; top: 0; z-index: 3; opacity: 0; visibility: hidden; transition: 0.68s;}   
.electrili li a figure:before{ content: ""; width: 40px; height: 40px; background: url(../images/addmore.png) center no-repeat; position: absolute; left: 50%; margin-left: -20px; top: 50%; margin-top: -20px; z-index: 10; opacity: 0; visibility: hidden; transition: 0.58s;}
.electrili li a figure img{ display: block; width: 100%; transition: 0.68s; height: auto;}
.electrili li a span{ display: block;color: #333333; font-size: 16px; text-align: center; line-height: 68px; position: relative; background: #f3f1f1; padding: 0 10px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.electrili li a span:before{ content: ""; width: 100%; height: 6px; background: #d7000f; position: absolute; left: 0; bottom: 0; transform-origin:100%; -webkit-transform-origin:100%; -webkit-transition:-webkit-transform .64s cubic-bezier(.215,.61,.355,1); transition:-webkit-transform .64s cubic-bezier(.215,.61,.355,1); transition:transform .64s cubic-bezier(.215,.61,.355,1); transition:transform .64s cubic-bezier(.215,.61,.355,1),-webkit-transform .64s cubic-bezier(.215,.61,.355,1); transform:scaleX(0); -webkit-transform:scaleX(0); visibility:hidden\9;}
.electrili li a:hover figure img{ transform: scale(1.05); -webkit-transform: scale(1.05); -moz-transform: scale(1.05);}
.electrili li a:hover figure:before{ opacity: 1; visibility: visible; transform: rotate(180deg); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg);}
.electrili li a:hover span:before{ transform:scaleX(1); -webkit-transform:scaleX(1); -moz-transform:scaleX(1); transform-origin:0; -webkit-transform-origin:0; visibility:visible\9;}
.electrili li a:hover .elecbg{ opacity: 0.9; visibility: visible;}
.businessbox{ margin-top: 66px;}
.businessimg{ position: relative;}
.businessimg img{ display: block; width: 100%; height: auto; line-height: 1;}
.businessin{ position: absolute; left: 212px; top: 103px;}
.businessin span{ display: block; width: 89px; height: 43px; text-align: center; line-height: 43px; color: #fff; font-size: 20px; background: #4b74b5; margin-bottom: 28px;}
.businessin strong{ display: block; line-height: 1; color: #fff; font-size: 38px; font-weight: normal;} 
.busineeprev{ height: 75px; background: #a4b7da; position: relative;}
.busineeprev .busprev{ font-size: 22px; line-height: 1; color: #fff; position: absolute; top: 50%; margin-top: -11px;}
.busineeprev .busprev.prev{ left: 44px;}
.busineeprev .busprev.next{ right: 44px;}
.busineeprev .busprev:hover{ color: #d7000f;} 
.busineeprev .backli{ display: block; width: 45px; height: 45px; border-radius: 50%; background: rgba(255,255,255,0.3); text-align: center; line-height: 45px; color: #fff; font-size: 20px; position: absolute; left: 50%; top: 50%; margin-left: -22px; margin-top: -22px;}
.busineeprev .backli:hover{ background: #d7000f;}

.businesste{ padding: 80px 0 56px; border-bottom: 1px solid #e6e6e6;}
.businele{ width: 62.4%; float: left;}
.busineet{ display: block;color: #333333; font-size: 30px; font-weight: normal; line-height: 1; margin-bottom: 14px;} 
.businele p{ color: #7b7b7b; font-size: 14px;} 
.levaltt{ display: block;color: #464646; font-size: 18px; padding-top: 12px;}
.scope{ padding: 30px 30px 18px; width: 318px; border: 1px solid #c1c1c1; float: right;}
.scopeinfo{ width: 50%; float: left; padding: 10px 0 16px;} 
.scopeinfo p{ color: #7b7b7b; font-size: 14px; line-height: 1; margin-bottom: 7px;}
.scopeinfo p b{ display: inline-block; color: #707070; font-size: 24px; font-family: arial; font-weight: normal;} 
.scopeinfo span{ display: block; color: #7b7b7b; font-size: 14px; line-height: 1.4;} 
.recommend{ margin-top: 48px; padding-bottom: 112px;}
.recommendtt{ color: #7f7f7f; font-size: 16px; line-height: 1; margin-bottom: 24px;}
.recommenli li{ width: 31.94%; float: left; margin-left: 2.09%;}
.recommenli li:first-child{ margin-left: 0;} 
.recommenli li figure{ display: block; line-height: 1; overflow: hidden;}
.recommenli li figure img{ display: block; width: 100%; height: auto; line-height: 1; transition: 0.65s;}
.recommenli li span{ display: block; text-align: center; line-height: 1; color: #333333; font-size: 16px; margin-top: 22px; transition: 0.4s;}
.recommenli li:hover figure img{ transform: scale(1.02); -webkit-transform: scale(1.02); -moz-transform: scale(1.02);}
.recommenli li:hover span{ color: #d7000f;} 

.element-box{ padding: 106px 0 128px; background-attachment: fixed; background-position: center; background-size: cover;} 
.element{ width: 886px; margin: auto;}
.elementin{ float: left; width: 50%; margin-bottom: 30px;}
.elementin a{ display: block; margin: 0 20px; position: relative;} 
.elementin a figure{ display: block; line-height: 1; overflow: hidden;}
.elementin a figure img{ display: block; width: 100%; height: auto; line-height: 0;}
.elementin a figure span{ display: block; width: 100%; position: absolute; left: 0; bottom: 36px; line-height: 1; color: #565656; font-size: 16px; text-align: center; transition: 0.4s;}
.elementinwr{ width: 100%; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 5;}
.elementinwr:before{ content: ""; width: 100%; height: 100%; background: #d7000f; position: absolute; left: 0; top: 0; opacity: 0.9; filter:alpha(opacity=90); opacity: 0; visibility: hidden; transition: 0.58s;}
.elementifi{ position: absolute; left: 46px; right: 46px; top: 50%; margin-top: -84px; text-align: center; transition: 0.58s; opacity: 0; visibility: hidden; transform: translateY(20px); -webkit-transform: translateY(20px); -moz-transform: translateY(20px);}
.elementifi span{ display: block; text-align: center; line-height: 1; color: #ffffff; font-size: 20px; margin-bottom: 38px;}
.elementifi p{ text-align: center; height: 50px; overflow: hidden; color: #ffffff; font-size: 14px; margin-bottom: 20px;}
.elementifi b{ display: block; width: 40px; height: 40px; margin: auto; background: url(../images/addmore.png) center no-repeat; transition: 0.4s;}
.elementin a:hover .elementifi{ opacity: 1; visibility: visible; transform: translateY(0); -webkit-transform: translateY(0); -moz-transform: translateY(0);} 
.elementin a:hover .elementinwr:before{ opacity: 0.9; visibility: visible;} 
.elementin a:hover .elementifi b{ transform: rotate(180deg); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg);}
.elementin a:hover figure span{ opacity: 0; visibility: hidden;}
.elementinlast figure{ background: #fff;}
.elementinlast figure img{ opacity: 0; visibility: hidden;}
.elementinlast b{ display: block; width: 170px; height: 54px; text-align: center; line-height: 54px; border: 1px solid #d2d4d5; color: #737373; font-size: 16px; font-weight: normal; position: absolute; left: 50%; margin-left: -86px; top: 50%; margin-top: -28px; z-index: 4; transition: 0.4s; perspective: 400px; -webkit-perspective: 400px;} 
.elementinlast b:before{ content: ""; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: #d7000f; opacity: 0; visibility: hidden; transform: rotateX(-80deg); -webkit-transform: rotateX(-80deg); -moz-transform: rotateX(-80deg); transform-origin: top center 0; transition: 0.5s; z-index: -1;}
.elementinlast b:hover:before{ opacity: 1; visibility: visible; transform: rotateX(0deg); -webkit-transform: rotateX(0deg); -moz-transform: rotateX(0deg);}
.elementinlast b:hover{ border-color: #d7000f; color: #fff; transition: 0.35s 0.2s border-color;}

.nature{ padding-bottom: 76px;}
.natureinfo{ padding: 28px 0; border-bottom: 1px solid #cfcfcf;}
.natureinfo:last-child{ border-bottom: none;}
.naturett{ display: block; font-weight: normal; float: left; color: #2c2c2c; font-size: 18px; margin-left: 16px;}
.naturatin{ margin-left: 340px;}
.natureli li{ width: 33.3333%; float: left; color: #626262; font-size: 16px; margin-bottom: 14px;}
.naturatin p{ color: #626262; font-size: 16px; margin-bottom: 14px;}
.naturatin p:last-child{ margin-bottom: 0;}
.packing{ width: 351px; max-width: 100%;}
.packing img{ display: block; width: 100%; height: auto;}
.packing span{ display: block; text-align: center; color: #626262; font-size: 15px; margin-top: 20px;}

.publicity-box{ padding: 80px 0 88px; background: #f4f6f7;}
.publicity{ width: 905px; margin: auto;}
.publicityli{ padding-bottom: 50px;}
.publicityli li{ width: 50%; float: left; margin-bottom: 43px;}
.publicityli li a{ display: block; margin: 0 15px; border-bottom: 10px solid #6aa8cc; position: relative;}
.publicityli li a figure{ display: block; line-height: 1; overflow: hidden; border: 1px solid #e4e4e4;} 
.publicityli li a figure img{ display: block; width: 100%; height: auto; transition: 0.58s;}
.publicfix{ position: absolute; left: -1px; top: -1px;}
.datad{ transition: 0.5s; width: 70px; text-align: center; padding: 12px 0; background: #6faed3;}
.datad b{ display: block;color: #fff; line-height: 1; font-size: 36px; font-weight: normal; text-align: center; margin-bottom: 8px;}
.datad time{ display: block; text-align: center; line-height: 1; color: #fff; font-size: 16px;}
.publictext{ margin-left: 10px; margin-top: 29px;}
.publictext h3{ color: #333333; font-size: 16px; line-height: 1.4; font-weight: normal; margin-bottom: 20px;}
.publictext span{ display: block; line-height: 1; color: #999999; font-size: 14px;} 
.publicityli li a:hover{ border-color: #ce000f;}
.publicityli li a:hover figure img{ transform: scale(1.04); -webkit-transform: scale(1.04); -moz-transform: scale(1.04);}
.publicityli li a:hover .datad{ background: #d7000f;}

.research{ padding: 66px 0 72px;}
.researchtt{ position: relative; color: #333333; font-size: 30px; font-weight: bold; line-height: 1; position: relative; padding-bottom: 20px; margin-bottom: 24px;} 
.researchtt:before{ content: ""; width: 57px; height: 5px; background: #ce000f; position: absolute; left: 0; bottom: 0;} 
.researchtext p{ color: #666666; font-size: 15px;} 
.researchtext img{  transition: 0.56s; max-width: 100% !important; height: auto !important;} 
.patent-flex{ padding: 108px 0 175px; background-attachment: fixed; background-position: center; background-size: cover;}
.patentwr{ text-align: center;}
.patentwr b{ display: block; width: 85px; height: 85px; text-align: center; line-height: 85px; color: #fff; font-size: 34px; background: url(../images/diamond.png) center no-repeat; margin: auto;}
.patentwr strong{ display: block; width: 805px; max-width: 90%; margin: auto; text-align: center; color: #fff; font-size: 30px; font-weight: bold; margin-top: 40px; line-height: 1.3;} 
.patentbox{ padding-top: 66px; padding-bottom: 200px;}
.patentbox p{ color: #666666; font-size: 15px;}
.patentbox img{ transition: 0.5s; max-width: 100% !important; height: auto !important;} 
.achievementd{ padding: 90px 0 78px;}
.achievementd .honorli li{ margin-bottom: 20px;}
.achievementd .honorli li .himg:before{ background: url(../images/bg2.png) repeat; background: rgba(215,0,15,0.9);}
.achievementd .honorli li span:before{ display: none; }
.achievementd .honorli li span{ overflow: hidden; display: block; color: #666666; height: 44px; padding: 18px 4px; border-bottom: none; text-align: left;}

.sign-box{ padding: 95px 0 140px; background-attachment: fixed; background-position: center; background-size: cover;}
.sign{ width: 830px; margin: auto;}
.signtext{ margin-top: 27px;}
.signtext p{ text-align: left; color: #737373; font-size: 15px;}
.signtitle span{ display: block; line-height: 1; color: #333333; font-size: 30px; text-align: center; font-weight: bold; padding-bottom: 35px; position: relative;}
.signtitle span:before{ content: ""; width: 14px; height: 4px; background: #d7000f; position: absolute; left: 50%; margin-left: -7px; bottom: 0;}
.signtext img{ display: block; margin: auto; margin-top: 26px;}
.idea-box{ padding: 88px 0 176px; background-attachment: fixed; background-position: center; background-size: cover;}
.idea{ width: 1122px; margin: auto;} 
.signtitle1 span{ color: #fff;}
.signtitle1 span:before{ background: #fff;}
.idealist{ margin-top: 96px; position: relative;}
.ideainfo{ width: 33.3333%; float: left;}
.ideainfo figure{ display: block; margin: 0 20px; background: #fff; padding: 30px 0 20px; text-align: center; height: 236px;}
.ideainfo figure b{ display: block; width: 72px; height: 72px; border: 1px solid #84b0dc; border-radius: 50%; margin: auto; position: relative;}
.ideainfo figure b:before{ content: ""; width: 100%; height: 100%; background: #d8241a; border-radius: 50%; position: absolute; left: 0; top: 0; opacity: 0; visibility: hidden; transform: scale(0); -webkit-transform: scale(0); -moz-transform: scale(0); transition: 0.5s;}
.ideainfo figure b img{ display: block; width: auto; max-width: 50%; height: auto; position: absolute; left: 0; top: 0; right: 0; bottom: 0; margin: auto; transition: 0.45s;}
.ideainfo figure b img.hide{ opacity: 0; visibility: hidden;}
.ideainfo figure strong{ display: block; color: #333333; font-size: 16px; font-weight: bold; text-align: center; line-height: 1; margin-top: 32px; margin-bottom: 23px;}
.ideainfo figure span{ display: block; text-align: center; color: #666666; font-size: 14px; line-height: 1.6;} 
.ideainfo figure:hover b{ border-color: #d8241a; transition: border-color 0.38s 0.3s;}
.ideainfo figure:hover b:before{ opacity: 1; visibility: visible; transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1);}
.ideainfo figure:hover b img.show{ opacity: 0; visibility: hidden;}
.ideainfo figure:hover b img.hide{ opacity: 1; visibility: visible;}
.idealist .honorswiper{ background: #000; filter:alpha(opacity=34); background: rgba(0,0,0,0.34);}
.idealist .honorswiper.prev{ left: -58px;}
.idealist .honorswiper.next{ right: -58px;}
.backlist a{ display: block; width: 140px; height: 48px; line-height: 48px; text-align: center; border: 1px solid #2c2c2c; color: #2c2c2c; margin-top: 20px; font-size: 14px;}
.backlist a:hover{ background: #d7000f; border-color: #d7000f; color: #fff;}

.staff-box{ padding: 82px 0 70px; background-attachment: fixed; background-position: center; background-size: cover;}
.staff{ width: 1112px; margin: auto;}
.staffli{ margin-top: 35px; margin-bottom: 58px;}
.staffli li{ width: 33.3333%; float: left;}
.staffli li a{ display: block; margin: 0 15px; background: #fff; padding: 26px 20px 36px;}
.staffli li a figure{ display: block; line-height: 1; overflow: hidden;}
.staffli li a figure img{ display: block; width: 100%; height: auto; transition: 0.65s;}
.staffdown{ margin-top: 15px; padding: 0 5px;}
.staffdown time{ display: block; line-height: 1; color: #858585; font-size: 14px; font-family: arial; margin-bottom: 18px;}  
.staffdown h3{ color: #3c3c3c; font-size: 14px; font-weight: normal; line-height: 2; height: 56px; overflow: hidden; margin-bottom: 21px;}
.staffdown span{ transition: 0.35s; display: inline-block; line-height: 1; color: #a8a8a8; font-size: 12px;}
.staffli li a:hover{ box-shadow: 0 0 10px rgba(0,0,0,0.2);}
.staffli li a:hover figure img{ transform: scale(1.05); -webkit-transform: scale(1.05); -moz-transform: scale(1.05);}
.staffli li a:hover .staffdown h3{ color: #d7000f;}
.staffinner{ background: #ededed;}
.staffinner .staffli li{ margin-bottom: 36px;}
.partybox{ padding: 50px 0 106px;}
.partylist li{ padding: 20px 0; border-bottom: 1px solid #ebebeb; padding-left: 3px;}
.datatime{ width: 86px; float: left; transition: 0.56s; padding: 23px 0 26px; background: #cfcfcf; text-align: center;}
.datatime i{ display: block; line-height: 1; font-style: italic; color: #fff; font-size: 36px; width: 53px; margin: auto; padding-bottom: 14px; border-bottom: 1px solid #fff; margin-bottom: 10px;}
.datatime time{ display: block; text-align: center; line-height: 1; color: #fff; font-size: 12px;}
.partyte{ margin-left: 135px; padding-top: 20px;}
.partyte h3{ color: #535353; font-size: 16px; line-height: 1.2; font-weight: normal; margin-bottom: 14px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;} 
.partyte p{ color: #7f7f7f; font-size: 14px;}
.partylist{ margin-bottom: 80px;}
.partylist li a:hover .datatime{ background: #d7000f;}

.concept{ padding: 76px 0 96px;}
.conceptwr{ text-align: center; margin-top: 55px;}
.comceptinfo{ width: 258px; display: inline-block; margin-left: 60px; position: relative;}
.comceptinfo:first-child{ margin-left: 0;}
.comceptinfo figure{ display: block; line-height: 1; overflow: hidden; border-radius: 50%;}
.comceptinfo figure img{ display: block; width: 100%; height: auto; border-radius: 50%; transition: 0.65s;}
.conceptfix{ width: 100%; opacity: 0; visibility: hidden; transform: rotateY(-180deg); -webkit-transform: rotateY(-180deg); -moz-transform: rotateY(-180deg); transition: 0.65s; height: 100%; border-radius: 50%; position: absolute; left: 0; top: 0; background: #d7000f; filter:alpha(opacity=90); background: rgba(215,0,15,0.9);}
.concewrs{ width: 100%; position: absolute; left: 0; top: 50%; margin-top: -35px;}
.concewrs h3{ color: #ffffff; margin-bottom: 10px; font-size: 24px; line-height: 1; display: inline-block; margin: auto; position: relative; padding-top: 17px;}
.concewrs h3:before{ content: ""; width: 20px; height: 4px; background: #fff; position: absolute; left: 0; top: 0;}
.concewrs small{ margin-top: 10px; display: block; text-align: center; line-height: 1; color: #fff; font-size: 16px; font-family: arial;}
.comceptinfo:hover figure img{ transform: scale(1.05); -webkit-transform: scale(1.05); -moz-transform: scale(1.05);}
.comceptinfo:hover .conceptfix{ opacity: 1; visibility: visible; transform: rotateY(0deg); -webkit-transform: rotateY(0deg); -moz-transform: rotateY(0deg);}

.recruit-box{ padding: 70px 0 140px; background-attachment: fixed; background-size: cover; background-position: center;}
.recuitebox{ text-align: center; margin-top: 58px;}
.recuitein{ margin-left: 104px; display: inline-block; box-shadow: 0 0 7px rgba(0,0,0,0.35); width: 363px; background: #fff; text-align: center; padding: 49px 0;}
.recuitein:first-child{ margin-left: 0;}
.recuitein b{ display: block; text-align: center; height: 88px; line-height: 1; font-size: 88px; color: #d81826; font-weight: normal;}
.recuitein span{ transition: 0.5s; display: block; text-align: center; margin-top: 20px; line-height: 1; color: #333333; font-size: 20px;}
.recuitein:hover span{ color: #d40a15;}

.occupate{ padding: 63px 0 170px; width: 1087px; margin: auto;}
.occupatebann{ position: relative; margin-top: 54px;}
.occupateli{ position: relative;}
.occupateli li{ width: 33.3333%; float: left;}
.occupates{ margin: 0 14px; border: 1px solid #f0efef;}
.occupates figure{ display: block; line-height: 1; overflow: hidden;}
.occupates figure img{ display: block; width: 100%; height: auto; line-height: 0; transition: 0.65s;}
.occupatdown{ padding: 24px 22px 26px;}
.occupatdown time{ display: block; color: #858585; line-height: 1; font-size: 14px; font-family: arial; margin-bottom: 10px;}
.occupatdown span{ display: block; color: #505050; font-size: 16px; line-height: 1.6; height: 40px;}
.occupates:hover figure img{ transform: scale(1.04); -webkit-transform: scale(1.04); -moz-transform: scale(1.04);}

.informate{ padding: 80px 0 120px;}
.informatett{ color: #333333; font-size: 25px; font-weight: bold; line-height: 1; margin-bottom: 38px;}
.informateinfo{ margin-bottom: 40px;}
.infortett{ color: #333333; font-size: 20px; line-height: 1; font-weight: normal; margin-bottom: 15px;}
.informatedown p{ color: #666666; font-size: 16px; line-height: 2;}

.developments{ padding: 80px 0 98px;}
.process{ margin-top: 20px;}
.procein{ float: left; margin-bottom: 6px;}
.developli li{ margin-bottom: 6px;}
.process span{ display: block; width: 123px; height: 53px; border: 1px solid #999999; text-align: center; line-height: 53px; color: #333333; font-size: 16px; float: left;}
.process b{ display: block; line-height: 55px; color: #d7000f; font-size: 22px; margin: 0 5px 0 16px; float: left;}
.developtop{ border-top: 4px solid #b0b0b0;}
.developtop span{ display: block; float: left; height: 54px; line-height: 54px; color: #414141; font-size: 18px; text-align: center;}
.developtop span.span1{ width: 10.33333%;}
.developtop span.span2{ width: 32.1666%;}
.developtop span.span3{ width: 20%;}
.developtop span.span4{ width: 11.3333%;}
.developtop span.span5{ width: 14.16%;}

.develos{ background: #f1f1f1; cursor: pointer; border: 1px solid #e9e9e9; transition: 0.36s;}
.develos span{ display: block; float: left; transition: 0.35s; text-align: center; color: #666666; font-size: 15px; line-height: 45px;}
.develos span.span1{ width: 10.33333%;}
.develos span.span2{ width: 32.1666%;}
.develos span.span3{ width: 20%;}
.develos span.span4{ width: 11.3333%;}
.develos span.span5{ width: 14.16%;}
.develos b{ display: block; width: 12px; height: 12px; float: left; position: relative; margin-top: 16px; margin-left: 34px;}
.develos b:before{ content: ""; transition: 0.35s; width: 100%; height: 2px; background: #666666; position: absolute; left: 0; top: 50%; margin-top: -1px;}
.develos b:after{ content: ""; transition: 0.35s; width: 2px; height: 100%; background: #666666; position: absolute; top: 0; left: 50%; margin-left: -1px;}
.developdown{ display: none; position: relative; padding: 26px 30px 48px; border: 1px solid #e9e9e9;}
.developdown p{ color: #6f6f6f; font-size: 14px; line-height: 2;}
.resume{ position: absolute; right: 90px; bottom: 50px;}
.resume a{ display: block; color: #666666; font-size: 15px; text-align: center; line-height: 1;}
.resume a i{ transition: 0.35s; display: block; margin: auto; font-size: 30px; color: #bebebe; line-height: 1; margin-bottom: 10px;}
.resume a:hover{ color: #d7000f;}
.resume a:hover i{ color: #d7000f;}
.develos:hover,.develos.active{ border-color: #d7000f; background: #d7000f;}
.develos:hover span,.develos.active span{ color: #fff;}
.develos:hover b:before,.develos:hover b:after,.develos.active b:before,.develos.active b:after{ background: #fff;}
.develos.active b:after{ opacity: 0; visibility: hidden; transform: translateY(20px); -webkit-transform: translateY(20px); -moz-transform: translateY(20px);}

.mode-box{ padding: 62px 0 96px; background-attachment: fixed; background-position: center; background-size: cover;}
.modebgs{ background: #fff; filter:alpha(opacity=94); background: rgba(255,255,255,0.92); padding-top: 65px; padding-bottom: 72px; margin-top: 28px;}
.modetable{ width: 808px; max-width: 90%; margin: auto; border-collapse:collapse; border-spacing:0;}
.modetable thead tr th{ border: 1px solid #e3e3e3; color: #4d4d4d; font-size: 20px; height: 82px; padding-left: 40px; text-align: left; font-weight: normal;}
.modetable tbody tr td{ border: 1px solid #e3e3e3; text-align: left;}
.modeinfo{ margin-left: 40px; padding: 11px 0;}
.modeinfo b{ display: block; transition: 0.5s; font-weight: normal; width: 40px; height: 40px; text-align: center; line-height: 40px; border: 1px solid #d4d4d4; border-radius: 8px; color: #898a8b; font-size: 22px; float: left;}
.modets{ margin-left: 62px;}
.modets span{ display: block; color: #616161; font-size: 15px; font-weight: bold; line-height: 1; margin-bottom: 8px}
.modets p{ color: #616161; font-size: 16px;}
.modeinfo:hover b{ border-color: #d7000f; background: #d7000f; color: #fff;}

.relatives{ padding: 60px 0 130px;}
.relativebox{ margin-top: 52px; border: 1px solid #aaaaaa; height: 635px; position: relative; z-index: 3;}
.amap-info-content h5{ color: #d7000f; font-size: 16px; margin-bottom: 12px font-weight: normal;} 
.anchorBL{ display: none !important;}
.load-box{ padding: 105px 0 130px; background-attachment: fixed; background-position: center; background-size: cover;}
.loadlist{ padding-bottom: 70px;}
.loadlist li{ width: 50%; float: left; margin-bottom: 23px;}
.loadwr{ margin: 0 13px; padding: 52px 39px 50px 16px; background: #fff; position: relative;}
.loadwr:before{ content: ""; width: 100%; height: 2px; background: #d7000f; position: absolute; left: 0; top: 0; transform-origin:100%; -webkit-transform-origin:100%; -webkit-transition:-webkit-transform .64s cubic-bezier(.215,.61,.355,1); transition:-webkit-transform .64s cubic-bezier(.215,.61,.355,1); transition:transform .64s cubic-bezier(.215,.61,.355,1); transition:transform .64s cubic-bezier(.215,.61,.355,1),-webkit-transform .64s cubic-bezier(.215,.61,.355,1); transform:scaleX(0); -webkit-transform:scaleX(0); visibility:hidden\9;}
.loadwr time{ display: block; color: #888888; font-size: 14px; line-height: 1; margin-bottom: 20px;}
.loadpwn span{ display: block; color: #5c5c5c; font-size: 15px; line-height: 1.6; float: left; max-width: 70%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.loadri{ float: right;}
.loadri a{ display: block; float: left; color: #787878; font-size: 14px; margin-left: 25px; line-height: 22px; color: #787878; font-size: 14px;}
.loadri a i{ display: inline-block; position: relative; top: -2px; font-style: normal; line-height: 1; font-size: 22px; color: #8a8a8a; vertical-align: middle; margin-right: 6px;}
.loadri a:hover{ color: #d7000f;}
.loadwr:hover:before{ transform:scaleX(1); -webkit-transform:scaleX(1); -moz-transform:scaleX(1); transform-origin:0; -webkit-transform-origin:0; visibility:visible\9;}
.businessdown img:hover,.researchtext img:hover,.patentbox img:hover{ transform: scale(1.02); -webkit-transform: scale(1.02); -moz-transform: scale(1.02);}

.searchfix{ width: 1378px; margin: auto; padding: 114px 0 107px;}
.search__select{ margin-bottom: 26px;}
.select__info{ float: left; position: relative; margin-right: 15px;}
.sele{ padding-left: 17px; width: 223px; box-sizing: content-box; height: 46px; line-height: 46px; color: #333333; font-size: 14px; border: 1px solid #dddddd; appearance: none; -moz-appearance:none; background: none; outline: none; position: relative;}
.select__info:before{ content:""; width:0; height:0; border-left: 5px solid transparent;  border-right: 5px solid transparent; border-top: 8px solid #666666; position:absolute; right: 30px; top:50%; margin-top: -4px; transition: 0.36s;}
.select__sub{ float: left;}
.select__sub input{ display: block; margin: 0; padding: 0; border: none; width: 79px; height: 48px; text-align: center; line-height: 48px; color: #fff; background: #d7000f; font-size: 14px; cursor: pointer;}
.search__table{ border-collapse:collapse; border-spacing:0; width: 100%;}
.search__table thead tr{ transition: 0.4s;}
.search__table thead tr th{ height: 60px; background: #6e6e6e; line-height: 60px; color: #fff; font-size: 18px; font-weight: normal;}
.search__table thead tr th.span1{ width: 324px;}
.search__table thead tr th.span2{ width: 208px;}
.search__table thead tr th.span3{ width: 270px;}
.search__table thead tr th.span4{ padding-left: 180px; text-align: left;}
.search__table tbody tr{ border: 1px solid #efefef; transition: 0.4s; cursor: pointer;}
.search__table tbody tr td{ height: 58px; transition: 0.4s; color: #666666; font-size: 16px; text-align: center;}
.search__table tbody tr td.span4{ text-align: left;}
.search__table tbody tr:nth-child(2n+2){ background: #f4f4f4;}
.search__table tbody tr:hover td{ color: #fff; background: #d7000f;}
.search__table tbody tr td.span4{ padding-right: 22px;}
.search__img{ width: 100%; height: 100%; overflow: hidden; position: fixed; z-index: 2222; left: 0; top: 0; overflow-y: auto; -webkit-overflow-scrolling: touch; text-align: center; opacity: 0; visibility: hidden; transition: 0.65s;}
.search__bg{ width: 100%; height: 100%; position: fixed; left: 0; top: 0; background: url(../images/bg1.png) repeat; background: rgba(0,0,0,0.8);}
.search__close{ width: 28px; height: 28px; position: absolute; right: 30px; top: 30px; z-index: 10; background: url(../images/close.png) center no-repeat; transition: 0.4s; cursor: pointer;}
.search__close:hover{ transform: rotate(180deg); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg);}
.search__images{ max-width: 100%; max-height: 100%; position: absolute; left: 0; top: 0; right: 0; bottom: 0; margin: auto; opacity: 0; visibility: hidden; transform: translateX(60px); -webkit-transform: translateX(60px); -moz-transform: translateX(60px); transition: 0.5s;}
.search__img.show{ opacity: 1; visibility: visible;}
.search__img.show .search__images{ opacity: 1; visibility: visible; transform: translateX(0px); -webkit-transform: translateX(0px); -moz-transform: translateX(0px);}
.amap-container{height: 100%;}
.my-map .icon { background: url(http://lbs.amap.com/console/public/show/marker.png) no-repeat; }
.my-map .icon-cir { height: 31px; width: 28px; }
.my-map .icon-cir-red { background-position: -11px -5px; }
.amap-container{height: 100%;}
.signimg{ margin-top: 82px; text-align: center;}
.signimg img{ max-width: 100%; width: auto; height: auto; margin: auto;}