@charset "utf-8";
/* 
 * project name:宏达股份
 * author:浅浅
 * date：2015-7-16
 */
@font-face {
    font-family: 'myriadproregular';
    src: ;
    src:  format('embedded-opentype'),
          format('woff2'),
          format('woff'),
          format('truetype'),
          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%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 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: #989898; background-color: #fff; }
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; }
input { outline: none; }
img { border: 0; }
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; }
::-moz-selection { background: #384a9a; color: #fff; text-shadow: none; }
::selection { background: #384a9a; color: #fff; text-shadow: none; }
a { text-decoration: none; blr: expression(this.onfocus=this.blur()); cursor: pointer; -webkit-transition: 0.3s; -moz-transition: 0.3s; -o-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; }
.r { float: right; display: inline-block; }
.vt { vertical-align: top; }
.vm { vertical-align: middle; }
.inner { width: 900px; margin: 0px auto;}
.container{ position: relative; width: 100%; overflow: hidden; transition: all 0.3s ease-in-out 0s;}
.mtop{ height: 113px;}
.topbox{ background-color: #fff; position: fixed; left: 0px; top: 0px; height: 113px; width: 100%; z-index: 1000; transition:400ms; box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.4);}
.pusher{transition:400ms; background-color: #fff;}
.top{ width: 90%; margin: 0px auto; position: relative; transition: 400ms;}
.tright{ position: absolute; right: 0px; top: 35px; width: 144px;}
.tright a:link,.tright a:visited { color: #c5c5c5;}
.tright a:active,.tright a:hover { color: #8e8d8d;}
.search-box{ width: 144px; position: relative; border-bottom: 1px solid #e0e0e0; margin-bottom: 16px;}
.search-txt,.search-btn{ float: left; display: block; margin: 0px; padding: 0px; border: 0px none; line-height: 24px; height: 24px;}
.search-txt{ border: 0px none; width: 118px;}
.search-btn{ background: url(/uploads/image/images/search_bg.png) no-repeat; width: 18px; height: 24px; position: absolute; right: 0px; top: 0px;}
.sca{ background: url(/uploads/image/images/sc.png) no-repeat scroll left center; padding-left: 25px;}
.oaa{ float: right; display: block;}
.logo{ padding: 20px 0px 0px 5px; width: 311px; height: 57px;}
.logo img{ width: 100%; display: block;} 
.nav a:link,.nav a:visited { color: #858585;}
.nav a:active,.nav a:hover { color: #3471b8;}
.nav{ height: 35px;}
.nav li{ float: left; display: block; font: 14px/26px "microsoft yahei"; margin-right: 10px; position: relative;}
.nav li a{ padding: 0px 18px; display: block; height: 30px; border: 1px solid #fff; border-bottom: 0px none; position: relative;}
.nav li a.act{ color: #174f90;}
.nav a:hover{color: #3471b8;}
.nav a.hov{ color: #3471b8; border: 1px solid #d9d9d9; border-bottom:0px none; position: relative; z-index: 10; background-color: #fff;}
.nav .subnav{ position: absolute; z-index: 5; left: 0px; top: 30px; border: 1px solid #d9d9d9; background-color: #fff; width: 232px; padding: 4px 0px; display: none;}
.nav .subnav li{ float: none; margin: 0px 0px 5px;}
.nav .subnav li a{ display: block; height: 39px; line-height: 39px; border: 0px none;}
.nav .subnav li a:hover{ background-color: #3471b8; color: #fff;}
.black{ position: fixed; width: 100%; height: 100%; left: 0px; top: 0px; background-color: #000; opacity: 0.5; display: none; z-index: 900;}
.menuopen .pusher,.menuopen .topbox{ transform:translate(-340px,0px);
-moz-transform:translate(-340px,0px); /* firefox 4 */
-webkit-transform:translate(-340px,0px); /* safari and chrome */
-o-transform:translate(-340px,0px); /* opera */ }
.menuopen .black{ display: block;}
.menubtn{ transition:400ms 300ms; width:52px; height:52px; float: right; position: relative; overflow: hidden; display:none; cursor:pointer; }
.menubtn .line{ transition:300ms; width:36px; height:4px; background:#3471b8; position:absolute; left:50%; margin-left: -18px;}
.menubtn .line1{ top:14px;}
.menubtn .line2{ top:24px; transition:300ms 100ms;}
.menubtn .line3{ top:34px;}
.menubtnshow{ transition:400ms 300ms; background-color: #174f90;}
.menubtnshow .line{ background-color: #fff;}
.menubox{ position: fixed; right: -100%; top: 0px; width: 340px; height: 100%; overflow-x: hidden; overflow-y: auto; transition: 400ms; -webkit-overflow-scrolling:touch;}
.menuboxshow{right: 0px; }
.navmobile dd { display: block; width: 100%; }
.navmobile dd p a{ text-transform: uppercase; font-size: 16px; background: url(/uploads/image/images/m_ico1.png) no-repeat scroll 95% center;}
.navmobile dd a { display: block; padding: 20px 34px 20px 18px; line-height: 1.4; font-size: 14px; color: #8d8d8d; border-bottom: 1px solid #eaeaea;  -webkit-transition: 0s; -moz-transition: 0s; -o-transition: 0s; transition: 0s;}
.navmobile dd a:hover,.navmobile dd p a.cur{ background:none #80abde; color: #3471b8;}
.navmobile dd a.cur{background: url(/uploads/image/images/m_ico2.png) no-repeat scroll 95% center #80abde;}
.navmobile dd.dlin1 p a{ background: none;}
.navmobile dd.dlin1 p a.cur{ background: none #80abde;}
.navmobile dd a:active { background-color: #5aaeeb; color: #fff; }
.navmobile dd .msubnav { background-color: #fff; display: none; }
.navmobile dd .msubnav a { color: #8d8d8d; position: relative; padding-left: 36px; background: url(/uploads/image/images/l.png) no-repeat scroll 18px center #e6e6e6;}
.searchmbox{ background-color: #80abde; padding:20px 34px 20px 18px; height: 36px;}
.searchm-txt{ height: 36px; line-height: 100%; border: 0px none; margin: 0px auto; width: 80%; padding:0px 10%; color: #fff; background: url(/uploads/image/images/search_bg2.png) no-repeat scroll 15px center #a1c6ed;}
.foot{ background-color: #174f90; padding:4% 5% 0; color: #fff;}
.foot a:link,.foot a:visited { color: #fff;}
.foot a:active,.foot a:hover { color: #fff;}
.flogo{ font:bold 30px/1.4 arial, helvetica, sans-serif;}
.footbox{ position: relative; margin: 3% 0;   display: -webkit-flex;  display: flex; flex-wrap: wrap;}
.footbox dd{ float: left; display: block;}
.footbox .item1{ text-transform: uppercase; width: 30%;}
.footbox .item2{ border-left: 1px solid #8ba7c8;}
.foot-bot{ border-top: 1px solid #336caf; padding: 15px 0; text-align: center;}
.icolist{ width: 430px; }
.icolist li{ float: left; width:40%; padding-left: 8%;}
.icolist li a{ display: block; height: 32px; line-height: 32px; margin-bottom: 20px;}
.icolist li img{ position: relative; transition: 300ms; top: 0px; vertical-align: top; width: 30px;}
.icolist li a:hover img{ top: -5px;}
.icolist .i1,.icolist .i2,.icolist .i3{ display: block;}
.icolist .i4,.icolist .i5,.icolist .i6{ line-height: 40px;}
.link{ display: block; position: absolute; right: 0px; bottom: 0px;}
.icolist .i3,.icolist .i6{ display: none;}
/* 
 * 	core owl carousel css file
 *	v2.0.0
 */

/* clearfix */
.owl-carousel2 .owl-stage:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

.owl-carousel2{
	display: none;
	width: 100%;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	/* position relative and z-index fix webkit rendering fonts issue */
	position: relative;
	z-index:1;
}


.owl-carousel2 .owl-stage{
	position: relative;
	-ms-touch-action: pan-y;
}

.owl-carousel2 .owl-stage-outer{
	position:relative;
	overflow: hidden;
	/* temporary fix for flashing background */
	-webkit-transform: translate3d(0px, 0px, 0px);
}

.owl-carousel2 .owl-stage-outer.owl-height{
	-webkit-transition: height 500ms ease-in-out;
	-moz-transition: height 500ms ease-in-out;
	-ms-transition: height 500ms ease-in-out;
	-o-transition: height 500ms ease-in-out;
	transition: height 500ms ease-in-out;
}

.owl-carousel2 .owl-video-wrapper{
	position: relative;
	height: 100%;
	background: #000;
}

.owl-controls2 .owl-nav div,
.owl-controls2 .owl-dot{
	cursor: pointer;
	cursor: hand;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.owl-carousel2 .owl-video-play-icon{
	position:absolute;
	height: 80px;
	width: 80px;
	left: 50%;
	top: 50%;
	margin-left: -40px;
	margin-top: -40px;
	background:  no-repeat;
	cursor: pointer;
	z-index: 1;
	-webkit-backface-visibility: hidden;
	transition-property: scale;
	transition-duration: 100ms;
	transition-timing-function: ease;
}

.owl-carousel2 .owl-video-play-icon:hover{
	-moz-transform: scale(1.3, 1.3);
	-ms-transform: scale(1.3, 1.3);
	-o-transform: scale(1.3, 1.3);
	-webkit-transform: scale(1.3, 1.3);
	transform: scale(1.3, 1.3);
}

.owl-carousel2 .owl-video-playing .owl-video-tn,
.owl-carousel2 .owl-video-playing .owl-video-play-icon{
	display: none;
}

.owl-carousel .owl-video-tn {
	opacity: 0;
	height: 100%;
	background-position: center center;
	background-repeat: no-repeat;

	-webkit-background-size: contain;
	-moz-background-size: contain;
	-o-background-size: contain;
	background-size: contain;

	transition-property: opacity;
  	transition-duration: 400ms;
  	transition-timing-function: ease;
}

.owl-carousel2 .owl-video-frame{
	position: relative;
	z-index: 1;
}

.owl-loaded{
	display: block;
}
.owl-loading{
	opacity: 0;
	display: block;
}
.owl-hidden{
	opacity:0;
}
.owl-carousel2 .owl-refresh .owl-item{
	display: none;
}

.owl-carousel2 .owl-item{
	position:relative;
	min-height: 1px;
	float: left;
	-webkit-backface-visibility: hidden;
	-webkit-tap-highlight-color: rgba(0,0,0,0); 
	-webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
/* if mousedrag:false then you are able to select text */
.owl-carousel2.owl-text-select-on .owl-item{
    -webkit-user-select: all;
    -moz-user-select: all;
    -ms-user-select: all;
    user-select: all;
}

.owl-carousel2 .owl-grab {
	cursor: move;
	cursor: -webkit-grab;
	cursor: -o-grab;
	cursor: -ms-grab;
	cursor: grab;
}

.owl-carousel2 .owl-item img.owl-lazy{
	opacity: 0;
}

.owl-carousel2 .owl-item img{
	opacity: 1;
	display: block;
	width: 100%;
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
	transition-property: opacity;
  	transition-duration: 400ms;
  	transition-timing-function: ease;
}

/* to do */
.owl-carousel2 .owl-stage.backfacefix .owl-item{
	-webkit-backface-visibility: hidden;
}

.owl-rtl{
	direction: rtl;
}
.owl-rtl .owl-item {
	float:right;
}

/* no js */
.no-js .owl-carousel2{
	display: block;
}

/* animate */

.animated {
  -webkit-animation-duration: 600ms;
  animation-duration: 600ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.owl-animated-in{
	z-index: 0
}
.owl-animated-out{
	z-index: 1
}

.fadeout {
  -webkit-animation-name: fadeout;
  animation-name: fadeout;
}

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

@keyframes fadeout {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
/* 
 * 	default theme - owl carousel css file
 *	v2.0.0
 */

.owl-theme .owl-controls2{
	margin-top: 10px;
	text-align: center;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

/* styling next and prev buttons */
.owl-theme .owl-controls2 .owl-nav div{
	color: #fff;
	display: inline-block;
	margin: 5px;
	padding: 4px 7px;
	cursor: pointer
}
.owl-theme .owl-controls2 .owl-nav .disabled{
	opacity: 0.5;
	cursor: default;
}

/* clickable class fix problem with hover on touch devices */
/* use it for non-touch hover action */
.owl-theme .owl-controls2 .owl-nav div:hover{
	text-decoration: none;
}

/* styling dots*/
.owl-theme .owl-controls2 .owl-dots .owl-dot{
	display: inline-block;
	zoom: 1;
	*display: inline;/*ie7 life-saver */
}

.owl-theme .owl-controls2 .owl-dots .owl-dot span{
	-webkit-backface-visibility: visible;
	display: block;
	width: 10px;
	height: 10px;
	margin: 5px 7px;
	filter: alpha(opacity=50);/*ie7 fix*/
	opacity: 0.5;
	transition-property: opacity;
  	transition-duration: 200ms;
  	transition-timing-function: ease;
}

.owl-theme .owl-controls2 .owl-dots .owl-dot.active span{
	filter: alpha(opacity=100);/*ie7 fix*/
	opacity: 1;
}
/* 
 * 	core owl carousel css file
 *	v1.3.3
 */
/* clearfix */
.owl-carousel .owl-wrapper:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
/* display none until init */
.owl-carousel { display: none; position: relative; width: 100%; -ms-touch-action: pan-y; }
.owl-carousel .owl-wrapper { display: none; position: relative; -webkit-transform: translate3d(0px, 0px, 0px); }
.owl-carousel .owl-wrapper-outer { overflow: hidden; position: relative; width: 100%; }
.owl-carousel .owl-wrapper-outer.autoheight { -webkit-transition: height 500ms ease-in-out; -moz-transition: height 500ms ease-in-out; -ms-transition: height 500ms ease-in-out; -o-transition: height 500ms ease-in-out; transition: height 500ms ease-in-out; }

.owl-carousel .owl-item { float: left; }
.owl-controls .owl-page,
.owl-controls .owl-buttons div { cursor: pointer; }
.owl-controls { -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

/* mouse grab icon */
.grabbing { cursor:  8 8, move; }

/* fix */
.owl-carousel .owl-wrapper,
.owl-carousel .owl-item { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); }

/*
* 	owl carousel owl demo theme 
*	v1.3.3
*/

.owl-theme .owl-controls { margin-top: 10px; text-align: center; }

/* styling next and prev buttons */

.owl-theme .owl-controls .owl-buttons div { color: #fff; display: inline-block; zoom: 1; *display: inline; /*ie7 life-saver */ margin: 5px; padding: 3px 10px; font-size: 12px; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; background: #869791;}
/* clickable class fix problem with hover on touch devices */
/* use it for non-touch hover action */
.owl-theme .owl-controls.clickable .owl-buttons div:hover { filter: alpha(opacity=100); /*ie7 fix*/ opacity: 1; text-decoration: none; }

/* styling pagination*/

.owl-theme .owl-controls .owl-page { display: inline-block; zoom: 1; *display: inline; /*ie7 life-saver */ }
.owl-theme .owl-controls .owl-page span { display: block; width: 12px; height: 12px; margin: 5px 7px; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; }

.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span {  }

/* if paginationnumbers is true */

.owl-theme .owl-controls .owl-page span.owl-numbers { height: auto; width: auto; color: #fff; padding: 2px 10px; font-size: 12px; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; }

/* preloading images */
.owl-item.loading { min-height: 150px; background:  no-repeat center center; }

/* 
 *  owl carousel css3 transitions 
 *  v1.3.2
 */

.owl-origin { -webkit-perspective: 1200px; -webkit-perspective-origin-x: 50%; -webkit-perspective-origin-y: 50%; -moz-perspective: 1200px; -moz-perspective-origin-x: 50%; -moz-perspective-origin-y: 50%; perspective: 1200px; }
/* fade */
.owl-fade-out { z-index: 10; -webkit-animation: fadeout .7s both ease; -moz-animation: fadeout .7s both ease; animation: fadeout .7s both ease; }
.owl-fade-in { -webkit-animation: fadein .7s both ease; -moz-animation: fadein .7s both ease; animation: fadein .7s both ease; }
/* backslide */
.owl-backslide-out { -webkit-animation: backslideout 1s both ease; -moz-animation: backslideout 1s both ease; animation: backslideout 1s both ease; }
.owl-backslide-in { -webkit-animation: backslidein 1s both ease; -moz-animation: backslidein 1s both ease; animation: backslidein 1s both ease; }
/* godown */
.owl-godown-out { -webkit-animation: scaletofade .7s ease both; -moz-animation: scaletofade .7s ease both; animation: scaletofade .7s ease both; }
.owl-godown-in { -webkit-animation: godown .6s ease both; -moz-animation: godown .6s ease both; animation: godown .6s ease both; }
/* scaleup */
.owl-fadeup-in { -webkit-animation: scaleupfrom .5s ease both; -moz-animation: scaleupfrom .5s ease both; animation: scaleupfrom .5s ease both; }

.owl-fadeup-out { -webkit-animation: scaleupto .5s ease both; -moz-animation: scaleupto .5s ease both; animation: scaleupto .5s ease both; }
/* keyframes */
/*empty*/
@-webkit-keyframes empty {
    0% { opacity: 1; }
}

@-moz-keyframes empty {
    0% { opacity: 1; }
}

@keyframes empty {
    0% { opacity: 1; }
}

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

@-moz-keyframes fadein {
    0% { opacity: 0; }
    100% { opacity: 1; }
}

@keyframes fadein {
    0% { opacity: 0; }
    100% { opacity: 1; }
}

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

@-moz-keyframes fadeout {
    0% { opacity: 1; }
    100% { opacity: 0; }
}

@keyframes fadeout {
    0% { opacity: 1; }
    100% { opacity: 0; }
}

@-webkit-keyframes backslideout {
    25% { opacity: .5; -webkit-transform: translatez(-500px); }
    75% { opacity: .5; -webkit-transform: translatez(-500px) translatex(-200%); }
    100% { opacity: .5; -webkit-transform: translatez(-500px) translatex(-200%); }
}

@-moz-keyframes backslideout {
    25% { opacity: .5; -moz-transform: translatez(-500px); }
    75% { opacity: .5; -moz-transform: translatez(-500px) translatex(-200%); }
    100% { opacity: .5; -moz-transform: translatez(-500px) translatex(-200%); }
}

@keyframes backslideout {
    25% { opacity: .5; transform: translatez(-500px); }
    75% { opacity: .5; transform: translatez(-500px) translatex(-200%); }
    100% { opacity: .5; transform: translatez(-500px) translatex(-200%); }
}

@-webkit-keyframes backslidein {
    0%, 25% { opacity: .5; -webkit-transform: translatez(-500px) translatex(200%); }
    75% { opacity: .5; -webkit-transform: translatez(-500px); }
    100% { opacity: 1; -webkit-transform: translatez(0) translatex(0); }
}

@-moz-keyframes backslidein {
    0%, 25% { opacity: .5; -moz-transform: translatez(-500px) translatex(200%); }
    75% { opacity: .5; -moz-transform: translatez(-500px); }
    100% { opacity: 1; -moz-transform: translatez(0) translatex(0); }
}

@keyframes backslidein {
    0%, 25% { opacity: .5; transform: translatez(-500px) translatex(200%); }
    75% { opacity: .5; transform: translatez(-500px); }
    100% { opacity: 1; transform: translatez(0) translatex(0); }
}

@-webkit-keyframes scaletofade {
    to { opacity: 0; -webkit-transform: scale(.8); }
}

@-moz-keyframes scaletofade {
    to { opacity: 0; -moz-transform: scale(.8); }
}

@keyframes scaletofade {
    to { opacity: 0; transform: scale(.8); }
}

@-webkit-keyframes godown {
    from { -webkit-transform: translatey(-100%); }
}

@-moz-keyframes godown {
    from { -moz-transform: translatey(-100%); }
}

@keyframes godown {
    from { transform: translatey(-100%); }
}

@-webkit-keyframes scaleupfrom {
    from { opacity: 0; -webkit-transform: scale(1.5); }
}

@-moz-keyframes scaleupfrom {
    from { opacity: 0; -moz-transform: scale(1.5); }
}

@keyframes scaleupfrom {
    from { opacity: 0; transform: scale(1.5); }
}

@-webkit-keyframes scaleupto {
    to { opacity: 0; -webkit-transform: scale(1.5); }
}

@-moz-keyframes scaleupto {
    to { opacity: 0; -moz-transform: scale(1.5); }
}

@keyframes scaleupto {
    to { opacity: 0; transform: scale(1.5); }
}

/** theme
===================================*/
.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {position: absolute;bottom: -30px;width: 100%;}
/* loader */
.bx-wrapper .bx-loading {min-height: 50px;background: url(/uploads/image/images/loader.gif) center center no-repeat #fff;height: 100%;width: 100%;position: absolute;top: 0;left: 0;z-index: 2000;}
/* pager */
.bx-wrapper .bx-pager {text-align: center;font-size: .85em;font-family: arial;font-weight: bold;color: #666;padding-top: 20px;}
.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {display: inline-block;*zoom: 1;*display: inline;}
.bx-wrapper .bx-pager.bx-default-pager a {background: #9c9c9c;text-indent: -9999px;display: block;width: 10px;height: 10px;margin: 0 8px;outline: 0;-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;}
.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {background: #c61210;}
/* direction controls (next / prev) */
.bx-wrapper .bx-prev {left:0%;background:  no-repeat 0 bottom;}
.bx-wrapper .bx-next {right: 0%;background:  no-repeat right bottom;}
.bx-wrapper .bx-prev:hover {background-position: 0 top;}
.bx-wrapper .bx-next:hover {background-position: right top;}
.bx-wrapper .bx-controls-direction a {position: absolute;top: 50%;margin-top: -15px;outline: 0;width: 30px;height:30px;text-indent: -9999px;z-index: 999;}
.bx-wrapper .bx-controls-direction a.disabled {display: none;}
/* auto controls (start / stop) */
.bx-wrapper .bx-controls-auto {text-align: center;}
.bx-wrapper .bx-controls-auto .bx-start {display: block;text-indent: -9999px;width: 10px;height: 11px;outline: 0;/*background:  -86px -11px no-repeat;*/margin: 0 3px;}
.bx-wrapper .bx-controls-auto .bx-start:hover,
.bx-wrapper .bx-controls-auto .bx-start.active {background-position: -86px 0;}
.bx-wrapper .bx-controls-auto .bx-stop {display: block;text-indent: -9999px;width: 9px;height: 11px;
outline: 0;/*background:  -86px -44px no-repeat;*/margin: 0 3px;}
.bx-wrapper .bx-controls-auto .bx-stop:hover,
.bx-wrapper .bx-controls-auto .bx-stop.active {background-position: -86px -33px;}
/* pager with auto-controls hybrid layout */
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {text-align: center;width: 100%;}
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {right: 0;width: 35px;}
/*base style*/
/*index style*/
.bannerpanel{ position: relative; overflow: hidden;}
.banner a:link,.banner a:visited { color: #fff;}
.banner a:active,.banner a:hover { color: #fff;}
.banner{ position: relative; overflow: hidden; width: 100%;}
.banner .pic{ position: relative; width: 100%; height: 100%; overflow:hidden;}
/*.banner .imgin img { visibility: visible !important;  transform:matrix(1.1, 0, 0, 1.1, 0, 0) ; opacity:1;}*/
.banner .pic img { width: 100%; display: block; position: absolute; /*visibility: hidden; transition:transform 5s ease 0s, opacity 2s ease 0s, visibility 2s ease 0s;*/}
.banner .binbox{ position: absolute; width: 720px; left: 50%; top: 32%; margin-left: -360px; color: #fff;}
.banner .binbox .t1{ font: 40px/1.8 "microsoft yahei"; color: #fff; margin-bottom: 30px; position: relative; text-align: center; display: block;}
.bmore{ border: 1px solid #fff; border-radius: 3px; width: 109px; height: 33px; margin: 0px auto; text-align: center; line-height: 33px; position: relative; display: block;}
.bmore .i1{ background-color: #3471b8; width: 0px; height: 100%; display: block; transition: 300ms;}
.bmore .i2{ position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; text-align: center; z-index: 2;}
.bmore:hover{ border:1px solid #3471b8;}
.bmore:hover .i1{ width: 100%;}
.banner .bx-wrapper .bx-pager{ height: 9px; bottom: 142px; position: absolute; width: 100%; left: 0px; z-index: 99; text-align: center; margin-top: 0px;}
.banner .bx-wrapper .bx-pager.bx-default-pager a{ height: 9px; line-height: 9px; width: 9px; margin: 0px 9px; display: inline-block; overflow: hidden; background: url(/uploads/image/images/num_21.png) no-repeat scroll center center; cursor: pointer;}
.banner .bx-wrapper .bx-pager.bx-default-pager a:hover,.banner .bx-wrapper .bx-pager.bx-default-pager a.active{ background: url(/uploads/image/images/num_2.png) no-repeat scroll center center;}
.ibox{ width: 50%; position: absolute; left: 25%; bottom: -115px;overflow: hidden; background-color: #fff; color: #828282; z-index: 80;}
.ibox li{ float: left; display: block; width: 50%; height: 115px;}
.ibox .item1{ background-color: #3471b8; color: #fff;}
.ibox .txt{ width: 40%; *width: 39.8%;  margin-left: 10%; float: left; display: block;}
.ibox .txt .t{ padding: 18px 0px 10px; font-size: 14px;}
.ibox .txt .c{ font: 30px/1.2 arial, helvetica, sans-serif;}
.sico{ background: url(/uploads/image/images/ss.png) no-repeat scroll right center; padding-right: 30px;}
.sidie{ background: url(/uploads/image/images/dd.png) no-repeat scroll right center; padding-right: 30px;}
.hdmain dd{ float: left; display: block; height:667px;}
.b25{ width: 25%; *width: 24.9%;}
.b50{ width: 50%;}
.iaboutbox{ height: 334px; overflow: hidden; width: 100%; position: relative;}
.iaboutbox .wimg{ width: 101%; height: 100%; display: block; position: relative; transition: 400ms;}
.iaboutbox:hover .wimg{ transform: scale(1.05); opacity: 0.8;}
.iaboutbox .txt{ position: absolute; left: 5%; width: 90%; bottom: 24px; color: #fff; font: 14px/1.5 "microsoft yahei";}
.inews .more{font-size:14px;}
.inews a:link,.inews a:visited { color: #939393;}
.inews a:active,.inews a:hover { color: #3471b8;}
.inews{ width: 50%; overflow: hidden; height: 333px;float: left; display: block; }
.inews .ipadding{ width: 80%; margin: 0px auto; overflow: hidden;}
.inews .t{ padding: 26px 0px; color: #3471b8;}
.inews .t .en{ text-transform: uppercase; font: bold 43px/1.2 "times new roman";}
.inews .t .zh{ font: 18px/1.5 "microsoft yahei";}
.inews .list{ margin-bottom: 24px;}
.inews .list li{ height: 40px; line-height: 40px; font-size: 14px; overflow: hidden;}
.more span{ font-family: "宋体"; transition: 300ms;}
.more:hover span{ padding-left: 10px;}
.inewspic{ width: 50%; float: left; display: block; height: 333px; overflow: hidden; position: relative;}
.inewpicul{ width: 100%; height: 333px; overflow: hidden; }
.inewpicul li{ width: 100%; height: 333px; overflow: hidden; position: relative;}
.inewpicul li .wimg{ width: 100%; display: block; position: relative;}
.inewpicul li .txt { position: absolute; left: 5%; bottom: 12px; width: 80%; font: 14px/1.5 "microsoft yahei"; color: #fff;}
.inewspic .bx-wrapper .bx-pager,.inewspic .bx-wrapper .bx-controls-auto{  bottom: 18px; z-index: 100; padding: 0px; height: 9px; line-height: 9px; right: 0px; text-align: left; width: auto;} 
.inewspic .bx-wrapper .bx-pager.bx-default-pager a{ height: 10px; width: 10px; margin: 0px 14px 0px 0px; background:url(/uploads/image/images/num_2.png) no-repeat scroll 0 0; -moz-border-radius: 0px;-webkit-border-radius: 0px;border-radius: 0px; overflow: hidden;}
.inewspic .bx-wrapper .bx-pager.bx-default-pager a:hover,.inewspic .bx-wrapper .bx-pager.bx-default-pager a.active{ background:url(/uploads/image/images/num_21.png) no-repeat scroll 0 0;}
#inewbox{ background-color: #3471b8; position: relative;}
.newdemo{ padding: 50px 0px 0px; width: 80%; margin: 0px auto; overflow: hidden; height: 358px;}
.newdemo a{ color: #fff; font-size:14px;}
.newdemo a:hover{ color: #eaeaea;}
.newdemo .t{ border-bottom: 1px solid #fff; color: #fffefe; font: 18px/1.4 "microsoft yahei"; padding-bottom: 26px; margin-bottom: 24px;}
.newdemo .list{ margin-bottom: 60px;}
.newdemo .list li{ height: 50px; line-height: 50px; overflow: hidden; font-size: 14px;}
.newbtns{ position: absolute; left: 0px; bottom: 0px; background-color: #80abde; height: 76px; width: 95%; padding-left: 5%;}
.newbtns .btnleft,.newbtns .btnright{ float: left; display: block; width: 54px;}
.newbtns .bx-prev,.newbtns .bx-next{  width: 100%; display: block; height: 76px;}
.newbtns .bx-prev{ background: url(/uploads/image/images/btn1.png) no-repeat scroll center center;}
.newbtns .bx-next{ background: url(/uploads/image/images/btn2.png) no-repeat scroll center center;}
.newbtns .bx-prev:hover{ background-color: #3471b8;}
.newbtns .bx-next:hover{ background-color: #3471b8;}
.iprobox{ background-color: #5d8dc6; color: #fff; width: 100%; height: 334px; overflow: hidden; position: relative;}
.iprobox a{ color: #fff;}
.iprobox .con{ width: 90%; height: 146px; position: absolute; left: 5%; top: 50%; margin: -73px 0px 0px 0px; text-align: center;}
.iprobox .con p{ position: relative;}
.iprobox .con .zh{ font: 24px/1.8 "microsoft yahei";}
.iprobox .con .en{ font: 20px/1.5 arial; text-transform: uppercase; margin-bottom: 44px;}
.iprobox .more{ font: 14px/1.8 "microsoft yahei"; padding-bottom: 4px;  position: relative; width: 56px; margin: 0px auto; display: block; overflow: hidden;}
.iprobox .more .line{ height: 1px; width: 0%; background-color: #fff; transition: 400ms; display: block;}
.iprobox.iproact .more .line{ width: 100%;}
.ipropic{ width: 100%; position: relative; height: 333px; overflow: hidden;}
.iprodemo{ width: 100%; height: 333px; overflow: hidden; position: relative;}
.iprodemo li{ width: 100%; height: 333px; overflow: hidden; position: relative;}
.iprodemo li .wimg{ width: 100%; display: block; position: relative;}
.ipropic .bx-wrapper .bx-next, .ipropic .bx-wrapper .bx-prev {width: 14px; height: 14px; overflow: hidden; margin: 0px; top: 50%; margin-top: -7px; }
.ipropic .bx-wrapper .bx-prev { left: 5%; background: url(/uploads/image/images/btn3.png) no-repeat scroll center center;}
.ipropic .bx-wrapper .bx-next { right: 5%; background: url(/uploads/image/images/btn4.png) no-repeat scroll center center;}
.ipropic .bx-wrapper .bx-pager{ padding: 0px; height: 7px; line-height: 7px; left: 0px;}
.ipropic .bx-wrapper .bx-pager,.ipropic  .bx-wrapper .bx-controls-auto{  bottom: 30px; z-index: 100;} 
.ipropic .bx-wrapper .bx-pager.bx-default-pager a{ height: 7px; width: 7px; margin: 0px 4px; background:url(/uploads/image/images/n1.png) no-repeat scroll 0 0; -moz-border-radius: 0px;-webkit-border-radius: 0px;border-radius: 0px;}
.ipropic .bx-wrapper .bx-pager.bx-default-pager a:hover,.ipropic .bx-wrapper .bx-pager.bx-default-pager a.active{ background:url(/uploads/image/images/n2.png) no-repeat scroll 0 0;}
.article-block .hdbox{ position: relative; opacity: 0; top: 80px;}
.articleshow .hdbox{ opacity: 1; top: 0px;}
.articleshow .iaboutbox{ transition: 400ms ease 200ms;}
.articleshow #inewbox{ transition: 600ms ease 300ms;}
.articleshow .iprobox{ transition: 800ms ease 400ms;}
.articleshow .inews{ transition: 1000ms ease 500ms;}
.articleshow .inewspic{ transition: 1100ms ease 550ms;}
.articleshow .ipropic{ transition: 1200ms ease 600ms;}
/*index style end*/
/*about style*/
.pbanner{ position: relative; overflow: hidden; border-bottom: 5px solid #80abde; background-repeat: no-repeat; background-position: center center; background-size: cover;}
.pbanner .vt{ width: 100%; display: block;}
.pbanner .pbtxt {color: #fff;left: 50%;margin-left: -451px;position: absolute;bottom: 5%;width: 902px; font: bold 118px/1 "myriadproregular"; letter-spacing: -0.05em;}
.bgededed{ background-color: #ededed;}
.pagetbox{ padding:90px 0px;}
.pbt{ font: 30px/1.5 "microsoft yahei"; color: #174f90; padding-bottom: 46px;}
.pagecbox{ font-size: 13px;}
.pagecbox a:link,.pagecbox a:visited { color: #80abde;}
.pagecbox a:active,.pagecbox a:hover { color: #174f90;}
.information{ width: 45%;float: left; display: block; color: #848484;}
.illustration{ position: relative; overflow: hidden; width: 50%; float: right; display: block; text-align: justify;}
.illustration .videbox{ position: relative; overflow: hidden;}
.illustration .img{ display: block; width: 100%; -webkit-transition-timing-function: ease-out; -webkit-transition-duration: 700ms; -moz-transition-timing-function: ease-out; -moz-transition-duration: 700ms; transition-timing-function: ease-out; transition-duration: 700ms; }
.illustration .blackbg{ background: url(/uploads/image/images/black_.png) repeat; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%;}
.illustration .video-ico{ background: url(/uploads/image/images/vico_bg.png) no-repeat; width: 54px; height: 54px; position: absolute; left: 50%; top: 50%; margin: -27px 0px 0px -27px;}
.illustration .video-ico .ico{ background: url(/uploads/image/images/vico.png) no-repeat; width: 13px; height: 19px; display: block; margin: 17px auto 0px;-webkit-transition-timing-function: ease-out; -webkit-transition-duration: 300ms; -moz-transition-timing-function: ease-out; -moz-transition-duration: 300ms; transition-timing-function: ease-out; transition-duration: 300ms;}
.illustration a:hover .img { -webkit-transform: scale(1.15, 1.15); -moz-transform: scale(1.15, 1.15); transform: scale(1.15, 1.15); }
.illustration a:hover .video-ico .ico { -webkit-transform: scale(1.15, 1.15); -moz-transform: scale(1.15, 1.15); transform: scale(1.15, 1.15);}
.illustration .imgbox{ margin-top: 20px;}
.illustration .imgbox img{ width: 100%;}
.pbt .s2{ font: 16px/1.5 "microsoft yahei"; color: #707070;}
#jiagoupage .pbt{ text-align: center;}
#jiagoupage .img { margin-top:66px;text-align:center;}
#jiagoupage .img img { max-width:100%; }
.jiagoulist{ padding:60px 0px 0px; width: 364px; margin: 0px auto;}
.jiagoulist li{ padding-left: 64px; position: relative; padding-bottom: 16px;}
.jiagoulist .num{ font: 16px/1.8 arial; color: #80abde; position: absolute; left: 0px; top: 0px;}
.jiagoulist .jbg{ background-color: #80abde; color: #fff; border-radius: 15px; width: 0px; height: 28px; overflow: hidden; float: left;}
.jiagoulist .jbg span{ padding: 4px 22px; display: none;}
.jiagoulist li.show .jbg span{ display: block;}
#historypage{ position: relative; overflow:hidden;}
#historypage .pimg{ display: block; width: 100%;}
.historybox{ position: absolute; left: 50%; margin-left: -451px; width: 742px; padding: 30px 80px; bottom: 0px; background-color: #fff; border-radius: 5px 5px 0px 0px;}
.historybox .pbt{ text-align: center;}
.historypic{ position: relative; width: 100%; margin: 0px auto; border-bottom: 1px solid #dcdcdc;}
.historydemo{ position: static; }
.historydemo .owl-stage-outer{ height: 42px;}
.historydemo .item{ float: left; display: block; text-align: center; padding: 0px 0px 10px 0px;}
.historydemo a:link,.historydemo a:visited { color: #949494;}
.historydemo a:active,.historydemo a:hover,.historydemo a.act{ color: #80abde;}
.historydemo a{ font:bold 14px/2.2 "myriadproregular";}
.historypic .bx-wrapper .bx-controls-direction a{ top: 0px; margin-top: 0px; width: 20px; height: 30px; text-indent: -10em; margin: 0px; padding: 0px; overflow: hidden;}
.historypic .bx-wrapper .bx-prev { left: 0px; background: url(/uploads/image/images/h_l.png) no-repeat scroll left center;}
.historypic .bx-wrapper .bx-next { right: 0px; background: url(/uploads/image/images/h_r.png) no-repeat scroll right center;}
.historycon{ font-size: 14px; padding: 20px 0px 50px;}
.bg80abde{ background-color: #80abde;}
#grouppage{ position: relative;display:none;}
#grouppage .pbt{ color: #fff; text-align: center; padding-bottom: 68px;}
#grouppage .inner{ width: 920px; padding-left: 25px;}
.gropbox{ color: #80abde; height: 600px; overflow: hidden;}
.gropbox a:link,.gropbox a:visited { color: #80abde;}
.gropbox a:active,.gropbox a:hover { color: #80abde;}
.gropbox .item{ display: block; float: left;}
.gropi{ background: url(/uploads/image/images/grop_bg.png) no-repeat; padding-right: 25px; width: 160px; height: 200px; text-align: center; margin: 0px auto;}
.gropi .name{ font-size: 22px; padding-top: 30%; transition: 300ms;}
.gropi .ico{ background: url(/uploads/image/images/grop_ico.png) no-repeat; width: 11px; height: 8px; margin: 16px auto 0px; display:none; }
.gropi a{ display: block; height: 100%;}
.gropi:hover .name{ padding-top: 25%;}
.gropi:hover .ico{ display: block;}
.gropleft,.gropright{ background: url(/uploads/image/images/grop_l.png) no-repeat scroll center center; width: 33px; height: 42px; display: block; position: absolute; top: 50%; }
.gropright{ background-image: url(/uploads/image/images/grop_r.png); right: 10%;}
.gropleft{ left: 10%;}
.gropleft:hover{ background-position: 5% center;}
.gropright:hover{ background-position: 95% center;}
html.open, html.open body{ overflow: hidden; width: 100%;}
html.open .framehtmlact {  overflow-y:auto;}
html.open .framehtmlact .frame-ct{ transform: translate(0,0); -webkit-transform:translate(0,0);}
html.open .framehtmlact .frameclose{ transform: translate(0,0); }
.framehtml{ position:fixed; top:0; left:0; right: 0px; bottom: 0px;  z-index:1006; background:url(/uploads/image/images/black_.png) repeat;overflow:hidden;  -webkit-overflow-scrolling:touch; }
.frame-ct-wrap {overflow: hidden;padding: 0 20px 20px;}
.frame-ct{ position:relative; margin:0px auto 0 80px; background:#fff; z-index:1010; cursor:auto; width: 100%; transform: translate(100%,0); -webkit-transform:translate(100%,0); transition: 400ms;}
.frame-title{ display:block; background-color: #ededed; padding: 5% 0px;}
.frame-title .t1{ color: #5e5e5e; font: 40px/1.5 "microsoft yahei";}
.frame-title .t2{ color: #5d5d5d; font-family:"microsoft yahei"; font-size: 20px;}
.frame-title .time{ padding-top: 10px;}
.frame-title .time .d{color: #bcbbbb; background: url(/uploads/image/images/time.png) no-repeat scroll left center; padding-left:26px;}
.frame-title a:link,.frame-title a:visited{ color: #80abde;}
.frame-title a:active,.frame-title a:hover{ color: #174f90;}
.frame-ct-preview{ padding: 66px 0px; overflow: hidden;}
.framc{ color: #808080; font-size: 14px;}
.framc a:link,.framc a:visited { color: #80abde;}
.framc a:active,.framc a:hover { color: #174f90;}
.framc img{ max-width: 100%; height: auto !important;}
.list-description{ padding: 65px 0px; background-color: #ededed;}
.list-description a:link,.list-description a:visited{ color: #bcbbbb;}
.list-description a:active,.list-description a:hover{ color: #3a3a3a;}
.frameclose{ display: block; width: 80px; height: 80px; position: fixed; left: 0px; top: 50%; margin-top: -35px; z-index: 1008; overflow: hidden; transform: translatex(-80px); transition: 400ms;}
.frameclose span{ display: block; width: 100%; height: 100%; text-align: center;transition: 0.4s;}
.frameclose span.i0{ font: 16px/1.2 "microsoft yahei"; color: #fff; background-color: #80abde; padding-top: 20px; height: 60px; position: absolute; left: 0px; top: 0px;}
.frameclose span.i1{ background:url(/uploads/image/images/fram_close.png) no-repeat scroll center center #174f90; color: #fff; position:absolute; left: 100%; top: 0px; }
.frameclose:hover span.i0{ left: -80px;}
.frameclose:hover span.i1{ left: 0px;}
.apage{ width: 100%; overflow: hidden; background:#80abde;}
.honorcon{ padding: 50px 0px; width: 900px; margin: 0px auto; color: #fff; text-align: center;}
.honorcon .pbt{ color: #fff;}
.honorcon .c{ font-size: 13px;}
.honorbox{ height: 604px; overflow: hidden;}
.honorbox .item{ float: left; display: block;}
.honori{ padding: 12px; background-color: #fff; max-width: 212.5px; margin:0px 2px 20px 0px; transition: 300ms;}
.honori a{ display: block; position: relative; overflow: hidden;}
.honori img{ width: 100%; display: block;}
.honori .black-bg{ background: url(/uploads/image/images/black_.png) repeat; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; display: none;}
.honori .ico{ background: url(/uploads/image/images/ico_3.png) no-repeat; width: 26px; height: 27px; position: absolute; left: 50%; top: 50%; margin: 0px 0px 0px -13px; display: none;}
.honori:hover{ box-shadow: 3px 3px 1px 0px #c7c7c7;}
.honorbox .owl-controls { margin-top: 40px;}
.honorbox .owl-controls .owl-page span { height: 17px; width: 17px; margin: 0px 10px; background:url(/uploads/image/images/n5.png) no-repeat scroll 0 0; -moz-border-radius: 0px;-webkit-border-radius: 0px;border-radius: 0px; }
.honorbox .owl-controls .owl-page.active span,
.honorbox .owl-controls.clickable .owl-page:hover span { background:url(/uploads/image/images/n6.png) no-repeat scroll 0 0; }
.article-block .pbt,.article-block .information,.article-block .illustration{ opacity: 0; top: 50px; position: relative;}
.articleshow .pbt,.articleshow .information,.articleshow .illustration{ opacity: 1; top: 0; }
.articleshow .pbt{transition: 400ms ease 200ms;}
.articleshow .information{ transition: 500ms ease 250ms;}
.articleshow .illustration{ transition: 600ms ease 300ms;}
#jiagoupage .article-block .pagecbox{ top: 50px; opacity: 0;}
#jiagoupage .articleshow .pagecbox{ transition: 500ms ease 250ms; top: 0px; opacity: 1; text-align: left;}
.article-block .feedbacklist,.article-block .inlist,.article-block .talentlist,#joinpage .article-block .c,.article-block .joinlist{ position: relative; top: 50px; opacity: 0;}
.articleshow .feedbacklist,.articleshow .inlist,.articleshow .talentlist,#joinpage .articleshow .c,.articleshow .joinlist{ transition: 500ms ease 250ms;  top: 0px; opacity: 1;}
/*about style end*/
/*news style*/
.newstype a:link,.newstype a:visited{ color: #9a9a9a;}
.newstype a:active,.newstype a:hover{ color: #80abde;}
.newstype{ text-align: center; padding: 60px 0px;}
.newstype a{ background: url(/uploads/image/images/n_ico1.png) no-repeat scroll left center; padding-left: 30px; font-size: 16px; margin: 0px 25px;}
.newstype a.act{ background-image: url(/uploads/image/images/n_ico2.png);}
.newslist a:link,.newslist a:visited{ color: #b0b0b0;}
.newslist a:active,.newslist a:hover{ color: #fff;}
.newslist{ width: 92%; padding-left:2%;}
.newslist li{ width: 23%; float: left; display: block; margin:0px 0% 2% 2%;}
.newitem{ border: 1px solid #dbdbdb; background-color: #fff; transition: 300ms;}
.newitem a{ display: block; padding: 22px 20px; }
.newitem .time{ height: 20px; margin-bottom: 5px;}
.newitem .t{ font: 16px/1.5 "microsoft yahei"; color: #6e6e6e; height: 48px; overflow: hidden; margin-bottom: 20px;}
.newitem .img{ overflow: hidden; margin-bottom: 25px;}
.newitem .img img{ width: 100%; display: block;}
.newitem .c{ height: 42px; overflow: hidden; margin-bottom: 22px;}
.newitem .more{ background-color: #c3c3c3; color: #f0f0f0; padding: 2px 10px;}
.newslist li:hover .newitem{ background-color: #80abde; border: 1px solid #80abde;}
.newslist li:hover .t{ color: #fff;}
.newslist li:hover .more{ background-color: #fff; color: #80abde;}
 #info-frame .frame-title{ text-align: center;}
 .sharpbox{ background: url(/uploads/image/images/sharp.png) no-repeat; background-size: cover; width: 84px; height: 84px; display: block; margin: 0px auto 40px;}
 .sharpbox:hover{ background-image: url(/uploads/image/images/sharp2.png);}
 .viewmore{ background-color:#e6e6e6; height: 100px; text-align: center; font:16px/100px 'microsoft yahei'; color: #999; display: block; text-transform: uppercase; position: relative;}
.viewmore .i0{  width:100%;height: 100%; display: block; position: absolute; left: 0px; top: 0px; background: #e6e6e6; -webkit-transition: 0.6s; -moz-transition: 0.6s; -o-transition: 0.6s; transition: 0.6s;}
.viewmore .i1{ position: relative; z-index: 1;}
.viewmore:hover{ color: #fff;}
.viewmore:hover .i0{ background:#80abde;}
/*news style end*/
/*product style*/
.pronav a:link,.pronav a:visited{ color: #989898;}
.pronav a:active,.pronav a:hover{ color: #80abde;}
.pronav{ text-align: center; background-color: #ededed;}
.pronav a{ display: block; padding: 6% 0px; font-size: 16px; margin: 0px 34px 0px 0px; float: left;}
.pronav a.act{ color: #80abde; background: url(/uploads/image/images/sj.png) no-repeat scroll center bottom;}
.productlist{ width: 78%; margin: 0px auto; padding-top: 100px;}
.productlist li { float: left; display: block; width: 20%; padding: 0px 2.5% 5%;}
.productlist a{ color: #fff; display: block; position: relative; width: 100%; overflow: hidden;}
.productlist .img{ overflow: hidden;}
.productlist .img img{ width: 100%; display: block;}
.productlist a .con{ position: absolute; left: 0px; bottom: -80px; width: 100%; background: url(/uploads/image/images/black_.png) repeat; text-align: center;}
.productlist a .con .t{ font-size: 16px; height: 42px; overflow: hidden; line-height: 42px;}
.productlist a .con .i{ height: 22px; margin-bottom: 18px; overflow: hidden;}
.productlist a .con .more{ background-color: #80abde; text-align: center; display: block; height: 40px; line-height: 40px;}
#proinfo-frame .frame-title{ padding: 50px 0px;}
.proibox a:link,.proibox a:visited{ color: #989898;}
.proibox a:active,.proibox a:hover{ color: #80abde;}
.proibox img{ max-width: 100%;}
.f16{ font-size: 16px; color: #6e6e6e;}
.proibox{ color: #a4a4a4; border-bottom: 1px solid #a4a4a4; border-top: 1px solid #a4a4a4; padding: 20px 0px; color: #7a7a7a;}
.c80abde{ color: #80abde;}
.prosharp a:link,.prosharp a:visited{ color: #818282;}
.prosharp a:active,.prosharp a:hover{ color: #80abde;}
.prosharp{ padding: 40px 0px 0px;}
.prosharp .tel{ background: url(/uploads/image/images/tel.png) no-repeat scroll left center; padding-left: 25px; margin-right: 70px;}
.prosharp .sharpa{ background: url(/uploads/image/images/sharpa.png) no-repeat scroll left center; padding-left: 25px; font-size: 16px;}
.bigimg{ width: 550px; height: 550px; border: 1px solid #a4a4a4; margin-bottom: 16px; overflow: hidden;}
.bigimg img{ width: 100%; height: 100%; vertical-align: middle;}
.smallimg{ margin-bottom: 48px;}
.smallimg li{ width: 69px; height: 69px; position: relative; margin-right: 7px; float: left; display: block;overflow: hidden;}
.smallimg li img { width:100%; }
.smallimg li .bor{ position: absolute; left: 0px; top: 0px; border: 2px solid #80abde; width: 65px; height: 65px; display: none;}
.smallimg li a.act .bor{ display: block;}
/*product style end*/
/*inverstor style*/
.bge6eef8{ background-color: #e6eef8;}
.investorlist a:link,.investorlist a:visited{ color: #999999;}
.investorlist a:active,.investorlist a:hover{ color: #80abde;}
.investorlist li{ width: 28%; float: left; display: block; font:18px/28px "microsoft yahei"; height: 28px; overflow: hidden; margin:0px 0px 30px 5%;}
.investorlist li img{ float: left; display: block; margin-right: 10px;}
.selectyear { float: right; display: block; width: 130px; height: 38px; background-color: #fff; position: relative; z-index: 100; padding: 0px 15px 0px 20px; }
.selectyear-span { height: 38px; line-height: 38px; display: inline-block; background: url(/uploads/image/images/link_ico3.gif) no-repeat scroll right center; color: #a4a4a4; display: block; }
.selectyearact .selectyear-span { background: url(/uploads/image/images/link_ico4.gif) no-repeat scroll right center; }
.selectyear .selectyear-ul { position: absolute; top: 38px; width: 100%; left: 0px; background: #e6eef8; padding: 15px 0px; z-index: 110; display: none; height:155px; overflow:scroll; overflow-x:hidden; }
.selectyear .selectyear-ul li { text-align: left; }
.selectyear .selectyear-ul li a { color: #4f4f4f; padding: 4px 14px; display: block; }
.selectyear .selectyear-ul li a:hover { color: #fff; background-color: #80abde; }
.inlistdt{ padding-bottom: 35px; margin-bottom:35px; border-bottom: 1px solid #a4a4a4;}
.inlistdt .t{ font: 30px/1.4 "microsoft yahei"; color: #848484;}
.yeardt { color: #80abde; font: 24px/1.4 "microsoft yahei"; padding: 30px 0px; margin: 0px auto; }
.inlist a:link, .inlist a:visited { color: #fff; }
.inlist a:active, .inlist a:hover { color: #fff; }
.inlist li { background-color: #696c77; margin:0px 0px 10px; transition: 0.3s; height: 90px; position: relative;}
.inlist .year { color: #ebe6df; width: 100px; text-align: center; padding: 19px 0px 0px; height: 71px; line-height: 1.1; float: left; display: block; margin: 0px 56px 0px 0px; border-right: 1px solid #fff; transition: 300ms;}
.inlist .year .day { font-size: 35px; font-family: arial; }
.inlist .downbtn{ display: block; width: 90px; height: 90px; position: absolute; right: 0px; top: 0px; background:#696c77 url(/uploads/image/images/down1.png) no-repeat scroll center center;}
.inlist .c { background: url(/uploads/image/images/pdf_i.png) no-repeat scroll left bottom; padding: 32px 0px 0px 50px; font-size: 14px; width:65%; float: left; height: 25px; overflow: hidden; }
.inlist li:hover { background-color: #7d7c7c; }
.inlist li:hover .downbtn { background: #80abde url(/uploads/image/images/down2.png) no-repeat scroll center center; }
.inlist li:hover .ico { right: 20px; }
.paging2{ text-align: center; padding-top: 40px;}
.paging2 a{ padding: 4px 8px; margin: 0px 5px; color: #696c77;}
.paging2 a:hover,.paging2 a.act{ background-color: #80abde; color: #fff;}
.paging2 span{background-color: #80abde; color: #fff!important; padding: 4px 8px; margin: 0px 5px;}
.listingtbl{ background-color: #fff; font-size: 14px; padding-bottom: 20px;}
.listingtbl td{ border-bottom: 1px solid #ddd; padding:0px 0px 15px; vertical-align: top;}
.listingtbl td.wl{ width: 185px;}
.tbl-t{ font: 20px/1.2 "microsoft yahei"; color: #fff; padding: 20px 25px; background-color: #80abde;}
/*inverstor style end*/
/*feedback style*/
#feedbackpage .pbt,#safetypage .pbt{ text-align: center;}
.feedbacklist li{ float: left; display: block; color: #696c77; margin-bottom: 20px;}
.feedbacklist li.ir{ margin-right: 36px;}
.feedbacklist .img{ padding: 28px; background-color: #ededed; width: 376px; overflow: hidden; margin-bottom: 12px;}
.feedbacklist .img img{ width: 100%; display: block;}
.feedbacklist .name{ text-align: center; font-size: 13px; height: 24px; overflow: hidden;}
/*feedback style end*/
/*hr style*/
.talentlist ul{ margin-left: -6px;}
.talentlist li{ float: left; width: 220px; margin: 0px 0px 0px 6px; color: #8d8d8d;}
.talentlist li .img{ overflow: hidden;}
.talentlist li .img img{ width: 100%; display: block; transition: 300ms;}
.talentlist li .txt{ background-color: #e6eef8; text-align: center; padding: 40px 0px 0px; height: 68px; transition: 300ms;}
.talentlist li:hover .img img{ transform: scale(1.1, 1.1);}
.talentlist li:hover .txt{ background-color: #80abde; color: #fff;}
.staffi a:link, .staffi a:visited { color: #80abde; }
.staffi a:active, .staffi a:hover { color: #80abde; }
.staffi{ display: block; overflow: hidden; max-width: 223px; margin:0px 0px 5px 0px;}
.staffi a{ display: block; position: relative; width: 100%;}
.staffi .img{ width: 100%; overflow: hidden;}
.staffi .img img{ width: 100%; display: block;}
.staffi .black-bg{ background: url(/uploads/image/images/black_.png) repeat; width: 100%; height: 100%; position: absolute; left: 0px; top: 0px; display: none;}
.staffi .con{ position: absolute; width: 90%; top: 10%; padding: 16px 0px; left: 105%; border-top:2px solid #80abde; border-bottom: 2px solid #80abde;}
.staffi .con .t{ color: #fff; height: 84px; overflow: hidden; margin-bottom: 30px;}
.staffdemo .item{ padding-left: 5px;}
.staffdemo .owl-controls { margin-top: 40px;}
.staffdemo .owl-controls .owl-page span { height: 17px; width: 17px; margin: 0px 10px; background:url(/uploads/image/images/n5.png) no-repeat scroll 0 0; -moz-border-radius: 0px;-webkit-border-radius: 0px;border-radius: 0px; }
.staffdemo .owl-controls .owl-page.active span,
.staffdemo .owl-controls.clickable .owl-page:hover span { background:url(/uploads/image/images/n6.png) no-repeat scroll 0 0; }
#joinpage .pagetbox,#joinpage .pagetbox .pbt{ color: #fff;}
#joinpage{ background-size: cover;}
.joinlist{ padding-top: 70px; width: 720px; margin: 0px auto; position: relative;}
.joinlist a:link, .joinlist a:visited { color: #fff; }
.joinlist a:active, .joinlist a:hover { color: #80abde; }
.joinlist li{ width: 168px; margin: 0px 6px 14px; height: 46px; text-align: center; line-height: 46px; float: left; display: block;}
.joinlist li a{ display: block; background-color: #80abde; color: #fff; font-size: 14px;}
.joinlist li a:hover{ background-color: #fff;}
.framc a.emailbtn{ background-color: #80abde; padding:8px 18px; color: #fff; font-size: 12px;}
.framc a.emailbtn:hover{ background-color: #174f90;}
.emailbtn span{ background: url(/uploads/image/images/email.png) no-repeat scroll left center; padding-left: 32px;}
/*hr style end*/
/*contact style*/
.mapbox{ height: 700px; width: 100%;}
.addresslist{ width: 1078px; margin: -65px auto 0px; position: relative; z-index: 10;}
.addresslist dd{ float:left; width: 340px; margin-left: 29px; border-bottom: 3px solid #f5f3f0; height: 162px; text-align: center; font-size: 14px; color: #848484; background-color: #fff;}
.addresslist dd.item1{ margin-left: 0px;}
.addresslist dd .t{ background: url(/uploads/image/images/c_bg.png) no-repeat; width: 79px; height: 54px; padding-top: 25px; margin: 0px auto; position: relative; top: -37px;}
.addresslist dd .t i{ background: url(/uploads/image/images/ci1.png) no-repeat; width: 31px; height: 28px; margin: 0px auto; display: block;}
.addresslist dd.item2 .t i{ background-image: url(/uploads/image/images/ci2.png);}
.addresslist dd.item3 .t i{ background-image: url(/uploads/image/images/ci3.png);}
.addresslist dd .c{ width: 90%; overflow: hidden; margin: 0px auto;}
.addresslist dd:hover{ border-bottom: 3px solid #80abde; color: #80abde;}
.addresslist dd:hover .t i{ background-position:right 0; animation:mys 0.8s linear 0s infinite;-moz-animation:mys 0.8s linear 0s infinite;-webkit-animation:mys 0.8s linear 0s infinite;-o-animation:mys 0.8s linear 0s infinite;}
.messagebox{ padding: 50px 0px; width: 1078px; margin: 0px auto;}
.messagebox .pbt{ text-align: center; color: #80abde;}
.messform{ background-color: #f5f3f0; padding: 56px 5% 36px;}
.messform .mitem{ margin-bottom: 28px;}
.messform .codepage { width:184px; margin:0 auto; overflow:hidden; margin-top:35px; margin-bottom:30px; }
.messform .codepage img { width:70px; height:30px;float:left; margin-top:6px;  }
.messform .mtxt{ font-family: "microsoft yahei"; color: #868585; float: left; width: 30%; padding:10px 1%; margin: 0px; margin-right: 2%; font-size: 12px;}
.messform .mtxt2{ margin-right: 0px;}
.messform .mtxt3{ margin-right: 0px; width: 98%; padding: 0px 1%; float: none; height: 180px;}
.messform input[type=text], .messform textarea { border: 0px none; border-bottom: 1px solid #d4d4d4; background-color: #f5f3f0; }
.messform input[type=text]:focus, .messform textarea:focus { background-color: #fff; }
.messform .mbtn{ border:none; color:#fff; background:#80abde; width: 272px; height: 50px; padding: 0px; margin: 0px auto; line-height: 34px; font-size: 14px; font-family: "microsoft yahei"; display: block;}
.messform .mbtn:hover{ background-color:#80abde; color: #fff;}
.messform .codepage>input { width:93px; float:right;height:40px; border:1px solid #b4b4b4;padding-left:2%;padding-right:2%; }
@keyframes mys
{
0%   {transform: translate(0,-10px);-ms-transform: translate(0,-10px);	-webkit-transform: translate(0,-10px);	-o-transform: translate(0,-10px);-moz-transform: translate(0,-10px); }
50%  {transform: translate(0,0);-ms-transform: translate(0,0);	-webkit-transform: translate(0,0);	-o-transform: translate(0,0);-moz-transform: translate(0,0); }
100% {transform: translate(0,-10px);-ms-transform: translate(0,-10px);	-webkit-transform: translate(0,-10px);	-o-transform: translate(0,-10px);-moz-transform: translate(0,-10px);}
}

@-moz-keyframes mys /* firefox */
{
0%   {transform: translate(0,-10px);-ms-transform: translate(0,-10px);	-webkit-transform: translate(0,-10px);	-o-transform: translate(0,-10px);-moz-transform: translate(0,-10px); }
50%  {transform: translate(0,0);-ms-transform: translate(0,0);	-webkit-transform: translate(0,0);	-o-transform: translate(0,0);-moz-transform: translate(0,0); }
100% {transform: translate(0,-10px);-ms-transform: translate(0,-10px);	-webkit-transform: translate(0,-10px);	-o-transform: translate(0,-10px);-moz-transform: translate(0,-10px);}
}

@-webkit-keyframes mys /* safari 和 chrome */
{
0%   {transform: translate(0,-10px);-ms-transform: translate(0,-10px);	-webkit-transform: translate(0,-10px);	-o-transform: translate(0,-10px);-moz-transform: translate(0,-10px); }
50%  {transform: translate(0,0);-ms-transform: translate(0,0);	-webkit-transform: translate(0,0);	-o-transform: translate(0,0);-moz-transform: translate(0,0); }
100% {transform: translate(0,-10px);-ms-transform: translate(0,-10px);	-webkit-transform: translate(0,-10px);	-o-transform: translate(0,-10px);-moz-transform: translate(0,-10px);}
}
/*cotnact style end*/
#searchpage .pbt{ text-align: center; color: #7f7f7f;}
.searcht{ font: 30px/1.4 "microsoft yahei"; border-bottom: 1px solid #dbdbdb; border-top: 1px solid #dbdbdb; padding: 24px 0px;}
.searchlist a:link, .searchlist a:visited { color: #9f9e9e;}
.searchlist a:active, .searchlist a:hover { color: #9f9e9e; }
.searchlist dd{ border-bottom: 1px dotted #dbdbdb;}
.searchlist dd a{ padding: 24px 10px; font-size: 14px; display: block;}
.searchlist dd a:hover{ background-color: #fff;}
.popup { width: 220px; height: 242px; border: 5px solid #999; background: #fff; position: fixed; left: 50%; top: 50%; margin: -127px 0 0 -115px; z-index: 999; }
.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%; height: 100%; display: block; }

/*视频*/
.vwrap { display: none; z-index: 999; width: 100%; position: fixed; }
.vwrap .videobtg { z-index: 900; position: fixed; width: 100%; height: 100%; left: 0; top: 0; background: #000; opacity: 0.5; filter: alpha(opacity=50); overflow: hidden; }
.vwrap .videobox { z-index: 990; width: 800px; height: 500px; border: 12px solid #fff; position: fixed; left: 50%; top: 50%; margin-top: -250px; margin-left: -400px; }
.vwrap .videobox #videobox { width: 100%; display: inline-block; height: 100%; background: #80abde; }
#videobox_wrapper { height: 100%!important; }
.vwrap .close { z-index: 999; width: 36px; height: 36px; background-color: #80abde; cursor: pointer; position: absolute; top: -12px; right: -48px; }
.vwrap .close i { display: block; width: 36px; height: 36px; background: url(/uploads/image/images/closebtn.png) no-repeat 50% 50%; -webkit-transition: 400ms; transition: 400ms; }
.vwrap .close:hover i { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); }
#videobox_display_button { background: none no-repeat!important; }
.jwplayer .jwicon { opacity: 0.8; filter: alpha(opacity=80); cursor: pointer; background: url(/uploads/image/images/vico.png) no-repeat!important; width: 56px!important; height: 56px!important; -webkit-transition: 100ms; -moz-transition: 100ms; -ms-transition: 100ms; transition: 100ms; }
.jwplayer .jwicon:hover { opacity: 1; filter: alpha(opacity=100); }
.jwlogo, .jwclick { display: none!important; }