@charset "utf-8";
/* 
 * Project Name:宏达股份
 * Author:浅浅
 * Date：2015-7-16
 */
.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;}

/* 
 * 	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: url('owl-video-play.png') 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: url(grabbing.png) 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: url(../images/AjaxLoader.gif) 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(../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: url(../images/a_l3.png) no-repeat 0 bottom;}
.bx-wrapper .bx-next {right: 0%;background: url(../images/a_r3.png) 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: url(images/controls.png) -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: url(images/controls.png) -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(../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(../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(../images/ss.png) no-repeat scroll right center; padding-right: 30px;}
.sidie{ background: url(../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(../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(../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(../images/btn1.png) no-repeat scroll center center;}
.newbtns .bx-next{ background: url(../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(../images/btn3.png) no-repeat scroll center center;}
.iproPic .bx-wrapper .bx-next { right: 5%; background: url(../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(../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(../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 .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(../images/black_.png) repeat; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%;}
.illustration .video-ico{ background: url(../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(../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);}
.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(../images/h_l.png) no-repeat scroll left center;}
.historypic .bx-wrapper .bx-next { right: 0px; background: url(../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(../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(../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(../images/grop_l.png) no-repeat scroll center center; width: 33px; height: 42px; display: block; position: absolute; top: 50%; }
.gropRight{ background-image: url(../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(../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(../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%;}
.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(../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(../images/black_.png) repeat; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; display: none;}
.honorI .ico{ background: url(../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(../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(../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(../images/n_ico1.png) no-repeat scroll left center; padding-left: 30px; font-size: 16px; margin: 0px 25px;}
.newsType a.act{ background-image: url(../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(../images/sharp.png) no-repeat; background-size: cover; width: 84px; height: 84px; display: block; margin: 0px auto 40px;}
 .sharpBox:hover{ background-image: url(../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(../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(../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(../images/tel.png) no-repeat scroll left center; padding-left: 25px; margin-right: 70px;}
.prosharp .sharpA{ background: url(../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*/

#staffPage{ margin: 0 auto; padding: 0; width: 100%; height: auto;}

.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(../images/link_ico3.gif) no-repeat scroll right center; color: #a4a4a4; display: block; }
.selectYearAct .selectYear-span { background: url(../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(../images/down1.png) no-repeat scroll center center;}
.inList .c { background: url(../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(../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(../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(../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(../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(../images/email.png) no-repeat scroll left center; padding-left: 32px;}
/*hr style end*/
/*contact style*/