@charset "utf-8";


@font-face {

    font-family: 'MyriadProRegular';

    src: url('../other/myriadpro-regular.eot');

    src: url('../other/myriadpro-regular.eot') format('embedded-opentype'),

         url('../other/../other/myriadpro-regular.woff2') format('woff2'),

         url('../other/myriadpro-regular.woff') format('woff'),

         url('../other/myriadpro-regular.ttf') format('truetype'),

         url('../other/myriadpro-regular.svg#MyriadProRegular') 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; }
.clear{clear:both;}
html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; overflow-x: hidden; }
li{list-style: none;}
/* 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; }


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;  cursor: pointer; -webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; }

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: 1200px; margin: 0px auto;}

.container{ position: relative; width: 100%; overflow: hidden; transition: all 0.3s ease-in-out 0s;}

.mtop{ height: 100px;}
*[class*="rect-"] {position: relative;display: block;width: 100%;height: 0;overflow: hidden;}
*[class*="rect-"] .full {position: absolute;left: 0;top: 0;width: 100%;height: 100%;*height: auto;}
.rect-50 {padding-bottom: 50%;}
.rect-748 {padding-bottom: 74.8%;}
.rect-100 {padding-bottom: 100%;}

.downlist{ width:100%; margin:60px auto;  padding:0 0;}
.picFocus{ float:left;  width:500px;  position:relative;  overflow:hidden;  zoom:1;   }
.picFocus .bd{ width: 100%; display:  block; }
.picFocus .hd{ width:100%; padding-top:5px;  overflow:hidden; }
.picFocus .hd ul{ margin-left:30px;  overflow:hidden; zoom:1; }
.picFocus .hd ul li{ padding-top:5px; float:left;  text-align:center;  }
.picFocus .hd ul li img{ width:100px; height:65px; border:2px solid #eee; cursor:pointer; margin-right:8px;   }
.picFocus .hd ul li.on{ background:url("images/icoUp.gif") no-repeat center 0; }
.picFocus .hd ul li.on img{ border-color:#081852;  }
.picFocus .bd li{ vertical-align:middle; display: block;}
.picFocus .bd img{ width:498px; display:block; vertical-align: middle; border:1px #eee solid;height: 498px;}
.picFocus .prev{ position:absolute; left:0 ; bottom:24px;}
.picFocus .next{ position:absolute; right:0 ; bottom:24px;}

.floatl{ float: left;width:500%; }
.floatr{ width: 660px; float: right;}
.floatr .title{ font-size: 24px; color:#333; width:100%;word-break:break-all; margin-bottom:20px; font-weight: bold;}
.floatr .table-list{ width: 100%; border-top:1px #ccc dashed;}
.floatr .table-list tr{margin-bottom: 10px; width: 100%;}
.floatr .table-list td{ width: 100%; font-size: 14px; color:#666; line-height:24px; padding:5px 0;}
.floatr .table-list td span{ color:#333; font-weight: bold;}
.floatr .table-list .input-text{ width:40px; height: 25px; text-align:center; color:#dd2328;}
.floatr .table-list .button{ width: 80px; height: 35px; text-align:center; background:#dd2328; border: none; text-align:center; color:#fff; cursor:pointer; margin-top: 5px; font-size: 14px;}
.floatr .div-bz{ font-size: 14px; margin-top:20px;}
.left02{ width: 100%; margin:20px auto 0; border-top:1px #ccc solid; padding-top:30px;}
.left02 p{ font-size: 14px; line-height: 24px;}
.left02 img{max-width:100%;}
.pr_c{line-height: 28px;margin-top: 30px;display: block;color: #666;font-size: 14px;}


/* 表格  */
table{border-collapse:collapse;width:100%;}
table,tr{ font-size: 16px; color: #444; }
table,th, td{border: 1px solid #999;text-align: center; font-size: 14px;}


/* 产品三级 */
.menu-first{ margin-top: 40px; }
.menu-first ul{border-bottom: #ccc 1px solid;position: relative;height: 40px;overflow: hidden;}
.menu-first li{height: 40px;overflow: hidden;margin-right: 30px;display: inline-block;vertical-align: top;}
.menu-first li a{border-bottom: #ccc 1px solid;border-left: #ccc 1px solid;padding-bottom: 0;line-height: 40px;padding-left: 45px;padding-right: 45px;
display: block;font-family: "微软雅黑";height: 50px;font-size: 16px;border-top: #ccc 1px solid;border-right: #ccc 1px solid;padding-top: 0;border-radius: 8px;color: #666;}
.menu-first li.active a,.menu-first li a:hover{ background: #384a9a; color: #fff;}



/* */
.moduleIntr{margin-top: 55px; position: relative;}
.moduleIntr dl {line-height: 22px;width: 33%;margin-bottom: 30px;float: left;height: 120px;color: #666;font-size: 13px}
.moduleIntr dl dt {width: 60%;float: left;height: 100%}
.moduleIntr dl dd {width: 60%;float: left;height: 100%}
.moduleIntr dl dd p {padding-left: 15px}
.moduleIntr dl dd h6 {padding-left: 15px}
.moduleIntr dl dt {width: 120px}

.volt{ position: relative; padding:60px 0; }
.volt_top{color: #666;margin-bottom: 15px;line-height: 25px; font-size: 14px;}
.volt_c{overflow: hidden;margin-top: 40px;}
.volt_c dl{float: left;width: 50%;margin-bottom: 15px;}
.volt_c dl dt{width: 33.33333333%;float: left;}
.volt_c dl dt img{width: 100%;}
.volt_c dl dd{float: left;width: 66.66666666%;padding-right: 15px;padding-left: 15px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-ms-box-sizing: border-box;box-sizing: border-box;color: #666;font-size: 14px;line-height: 24px;}
.volt_c dl dd h4{font-size: 18px;margin-bottom: 5px;margin-top: 0;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-weight: bold;color: #555;}


.topBox{ background-color: #fff; position: fixed; left: 0px; top: 0px; height: 100px; 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(../images/search_bg.png) no-repeat; width: 18px; height: 24px; position: absolute; right: 0px; top: 0px;}

.scA{ background: url(../images/sc.png) no-repeat scroll left center; padding-left: 25px;}

.oaA{ float: right; display: block;}

.logo{  width: 273px; height: 60px; float: left; padding: 20px 0;}

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

.nav a:link,.nav a:visited { color: #858585;}

.nav a:active,.nav a:hover { color: #3471b8;}

.nav{ height: 100px; line-height:100px; float:right; font-size: 16px;}

.nav li{ float: left; display: block; font: 14px/26px "microsoft yahei"; margin-right: 10px; position: relative;}

.nav li a{ padding: 0px 18px; display: block; border-bottom: 0px none; position: relative;line-height: 100px;
font-size: 16px;}

.nav li a.act{ color: #fff; background:#081852;}

.nav a:hover{color: #fff; background:#081852;}

.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:#081852; 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: #081852;}

.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;z-index: 9999999;
    background: #fff;}

.menuBoxShow{right: 0px; }

.navMobile dd { display: block; width: 100%; }

.navMobile dd p a{ text-transform: uppercase; font-size: 16px; background: url(../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 #081852; color: #fff;}

.navMobile dd a.cur{background: url(../images/m_ico2.png) no-repeat scroll 95% center #081852;}

.navMobile dd.dlin1 p a{ background: none;}

.navMobile dd.dlin1 p a.cur{ background: none #081852;}

.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(../images/l.png) no-repeat scroll 18px center #e6e6e6;}

.searchMbox{ background-color: #185aa7; 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(../images/search_bg2.png) no-repeat scroll 15px center #a1c6ed;}

.foot{ background-color: #081852; padding:3%; color: #fff;}

.foot a:link,.foot a:visited { color: #fff;}

.foot a:active,.foot a:hover { color: #fff;}

.flogo{ padding-bottom: 3%; font:bold 30px/1.4 Arial, Helvetica, sans-serif;}

.footBox{ position: relative;}

.footBox dd{ float: left; display: block;}

.footBox .item1{ width:40%; text-transform: uppercase; font-size: 14px;}

.footBox .item2{ float:right;}

.icolist{ width: 490px; }

.icolist li{ float: left; width:100%; padding-left: 8%;}

.icolist li a{ display: block; height: 32px; line-height: 11px;  font-size: 14px;}

.icolist li img{ position: relative; transition: 300ms; top: 0px; vertical-align: top; width: 13px;}

.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;  font-size: 14px;}

.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: url('../images/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; width:100%;}

.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(../images/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; height: auto !important;}

.banner a:link,.banner a:visited { color: #fff;}

.banner a:active,.banner a:hover { color: #fff;}

.banner{ position: relative; overflow: hidden; width: 100%; height: auto !important;}

.banner .pic{ position: relative; width: 100%; height: 100%; overflow:hidden;  height: auto !important;}
.bx-viewport{ height: auto !important;}
/*.banner .imgIn img { visibility: visible !important;  transform:matrix(1.1, 0, 0, 1.1, 0, 0) ; opacity:1;}*/

.banner .pic img { width: 100% !important; height: auto !important; /*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: 12px; bottom: 60px; 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: 12px; line-height: 12px; width: 12px; margin: 0px 9px; display: inline-block; overflow: hidden; background:#fff; cursor: pointer;}

.banner .bx-wrapper .bx-pager.bx-default-pager a:hover,.banner .bx-wrapper .bx-pager.bx-default-pager a.active{ background: #081852;}

.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); }

.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: #044488;}

.inews .t .en{ text-transform: uppercase; font: bold 43px/1.2 "times new roman";}

.inews .t .zh{ font: 18px/1.5 "microsoft yahei"; color:#333;}

.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; height: 100%;}

.inewPicUl li .txt { position: absolute; left: 5%; bottom: 20px; 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: #04488f; position: relative;}

.aDemo{ padding: 50px 0px; width: 80%; margin: 0px auto; overflow: hidden; }

.aDemo a{ color: #fff; font-size:14px;}

.aDemo a:hover{ color: #eaeaea;}

.aDemo .t0{ font-size: 14px; color:#fff;}

.aDemo .t{ color: #fffefe; font: 18px/1.4 "microsoft yahei"; padding-bottom: 26px; font-weight:bold;}

.aDemo .list{ margin-bottom: 60px; color:#fff; line-height:30px; font-size:14px;}

.aDemo .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: #185aa7; 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 #081852; 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: #f1f1f1;}

.pageTBox{ padding:90px 0px;}

.pBT{ font: 30px/1.5 "microsoft yahei"; color: #081852; padding-bottom: 46px;}

.pageCBox{ font-size: 13px;}

.pageCBox a:link,.pageCBox a:visited { color: #081852;}

.pageCBox a:active,.pageCBox a:hover { color: #081852;}

.information{ width: 55%;float: left; display: block; color: #333; line-height: 30px;}

.illustration{ position: relative; overflow: hidden; width: 40%; 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 li{ width: 31.333%;float: left; margin: 0 1%;}

#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{ 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: #081852;}

.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: #081852;}

.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(../images/fram_close.png) no-repeat scroll center center #081852; 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:#081852;}

.honorCon{  width: 1200px; margin: 0px auto; color: #fff; text-align: center; padding: 80px 0px;}

.honorCon .pBT{ color: #fff;padding-bottom: 0;}
.honorCon .pBT .s2{ color:#fff;}
.honorCon .c{ font-size: 13px;}

.honorBox{  overflow: hidden;}

.honorBox .item{ float: left; display: block; width:100%;}

.honorI{ padding: 12px; background-color: #fff; max-width: 21.3333%;margin: 0px 20px 20px 0px; transition: 300ms; float: left;}

.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;}


.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;}


.page_jion{position: relative; overflow: }
.page_jion .jion_sub1{float: left; width: 563px; height: 270px;border-right: 2px solid rgb(226, 226, 223); padding: 60px 35px 60px 0;}
.page_jion .jion_sub2{float: left;width: 565px;padding: 60px 0 60px 35px;}
.page_jion .jion_sub2 h2{font-size: 20px; font-weight:  bold; color: #081852;}
.page_jion .jion_sub2 .by{font-size: 18px;font-weight: bold;    color: #666;}
.page_jion .jion_sub2 .fs{ font-size: 14px; color: #666; line-height: 28px; margin-top: 30px;}

/*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: 100%; padding-top: 60px;}

.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: 10px; }

.newItem .time{ height: 20px; margin-bottom: 5px;}

.newItem .t{ font: 16px/1.5 "microsoft yahei"; color: #6e6e6e;  margin-bottom: 10px;}

.newItem .img{ overflow: hidden; margin-bottom: 10px;}

.newItem .img img{ width: 100%; display: block; max-height: 190px;}

.newItem .c{ margin-bottom: 10px;}

.newItem .more{ background-color: #c3c3c3; color: #f0f0f0; padding: 2px 10px;}

.newsList li:hover .newItem{ background-color: #081852; border: 1px solid #081852;}

.newsList li:hover .t{ color: #fff;}

.newsList li:hover .more{ background-color: #fff; color: #081852;}

 #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;}


.pageNewsT{ width:100%; margin:0 auto; font-size:16px; text-align:center; color:#222; font-weight:bold;}
.pageNewsC{ width:100%; margin:0 auto; font-size:12px; color:#999; text-align:center; padding:15px 0; border-bottom:dashed 1px #ccc;}
.pageNewsD{ width:100%; margin:0 auto; font-size:14px; color:#333; line-height:28px; margin-top:20px;}
.pageNewsD img{ max-width:100%; margin:5px 0;}
.pageNewsD p{ line-height: 30px; font-size: 14px; color:#666;}

/*news style end*/

/*product style*/

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

.pronav a:active,.pronav a:hover{ color: #081852;}

.pronav{ text-align: center; background-color: #f9f9f9;}

.pronav a{ text-align: center;display: inline-block; padding:15px 4%; font-size: 16px; font-weight:  bold; position: relative; }
.pronav a::after{content: '';position: absolute;top: 50%;right: 0;margin-top: -8px;width: 1px;height: 16px;background-color: #aaa;}
.pronav a:last-child::after{ display: none; }
.pronav a.act{ color: #081852; background: url(../images/sj.png) no-repeat scroll center bottom;}

.pronav a:hover{ color: #081852; background: url(../images/sj.png) no-repeat scroll center bottom;}

.productList{ width: 1200px; margin: 0px auto; padding-top: 60px;}

.productList li:hover h4{ color:#081852;}

.productList li { float: left; display: block; width: 22%; padding: 0px 1.5% 2%;}

.productList a{ color: #fff; display: block; position: relative; width: 100%; overflow: hidden;}

.productList .img{ overflow: hidden; border: 1px #eee solid;}

.productList .img img{ width: 100%; display: block; transition: 400ms;}
.productList li h4{ margin-bottom: 5px; margin-top: 10px; overflow: hidden;text-overflow: ellipsis;white-space: nowrap; font-size:16px; color:#333; font-weight: normal; text-align: center; }

.productList li:hover .img img{transform: scale(1.05);}

#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*/

.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: #081852;}

.emailBtn span{ background: url(../images/email.png) no-repeat scroll left center; padding-left: 32px;}

/*hr style end*/

/*contact style*/


#map{ width:100%; height: 600px;}

.addressList{ width: 1078px; margin: -65px auto 40px; 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(../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(../images/ci1.png) no-repeat; width: 31px; height: 28px; margin: 0px auto; display: block;}

.addressList dd.item2 .t i{ background-image: url(../images/ci2.png);}

.addressList dd.item3 .t i{ background-image: url(../images/ci3.png);}

.addressList dd .c{ width: 90%; overflow: hidden; margin: 0px auto;}

.addressList dd:hover{ border-bottom: 3px solid #081852; color: #081852;}

.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(../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(../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; }




.page_news{ width:100%; margin:0 auto;}
.page_news li{ width: 48%; float: left;position:relative; margin:20px 1%;}
.page_news li dl{width: 24.5%; cursor:pointer; overflow:hidden; position:relative; display:inline-block; float:left;}
.page_news li dl .img{width: 100%;  position:relative ; overflow: hidden;}
.page_news li dl .img img{width: 100%;transform: scaleX(1) scaleY(1);transition: all 0.5s ease 0s; display: block; }
.page_news li:hover dl .img img{transform: scaleX(1.1) scaleY(1.1);}
.page_news li dl .info{background: rgba(0, 0, 0, 0.3)url(../images/ic.png) center center no-repeat; visibility: hidden; opacity: 0; pointer-events: none;-webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out;transition: all 0.35s ease-in-out;backface-visibility: hidden; bottom: 0;left: 0;position: absolute;right: 0;
text-align: center;top: 0; width:40px; height:40px; padding:75px 127px;}
.page_news dl .info {-webkit-transform: translateX(-100%);-moz-transform: translateX(-100%);-ms-transform: translateX(-100%);-o-transform: translateX(-100%);transform: translateX(-100%);}
.page_news li:hover .info {-webkit-transform: translateY(0);-moz-transform: translateY(0);-ms-transform: translateY(0);-o-transform: translateY(0);transform: translateY(0);visibility: visible;opacity: 1;}
.page_news li .newcon{ width: 72%; float:right;}
.page_news li .newcon a{ color:#222;}
.page_news li .newcon p{ float: left; font-size:16px; color:#222; display: block;width:100%; line-height: 22px;}
.page_news li .newcon p:hover{ color:#0067c3;}
.page_news li .newcon span{ width:100%;font-size: 12px;color: #BFBFBF;  display: block;}
.page_news li .newcon dd{ width:100%;    font-size: 14px;color: #878787;line-height: 24px; }



/* fenye */
.pages1{ width:100%; margin:30px auto;}
.pages1_l{ float:left; width:100%; height:40px;  }
.pages1_l a{ line-height:40px; color:#666;display:block;}
.pages1_l:hover a{ color:#081852;}
.pages1_r{ float:left; width:100%; height:40px;}
.pages1_r a{ line-height:40px; color:#666;display:block;}
.pages1_r:hover a{ color:#081852;}

.pages { margin:20px 0 40px 0; text-align:center; font-size:14px;}
.pages li { display:inline-block; height:26px; line-height:26px; background:#fff; border:1px solid #ccc;  margin-left:6px;}
.pages li a{text-align:center; color:#333; padding:0 13px;}
.pages .page-active {background:#081852; border:1px solid #081852;text-decoration:none}
.pages .page-active a{color:#fff; }
.pages li:hover { background:#081852; border:1px solid #081852; text-decoration:none }
.pages li:hover a{ color:#fff;}
.pages span { display:inline-block; height:26px; line-height:26px; border:1px solid #ccc; color:#333; text-align:center; padding:0 13px;}




#zoom {z-index:99999;position: fixed;top: 0;left: 0;display: none;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.8);filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";}
#zoom .content {z-index: 99991;position: absolute;top: 50%;left: 50%;width: 200px;height: 200px;background: #ffffff no-repeat 50% 50%;padding: 0;margin: -100px 0 0 -100px;box-shadow: -20px 20px 20px rgba(0, 0, 0, 0.3);border-radius: 4px;}
#zoom .content.loading {background-image: url(../images/loading.gif);}
#zoom img {display: block;max-width: none;background: #ececec;box-shadow: 0 1px 3px rgba(0,0,0,0.25);border-radius: 4px;}
#zoom .close {z-index: 99993;position: absolute;top: 0;right: 0;width: 49px;height: 49px;cursor: pointer;background: transparent url(../images/close.png) no-repeat 50% 50%;opacity: 1;filter: alpha(opacity=100);border-radius: 0 0 0 4px;}
#zoom .previous,
#zoom .next {z-index: 99992;position: absolute;top: 50%;overflow: hidden;display: block;width: 49px;height: 49px;margin-top: -25px;}
#zoom .previous {left: 0;background: url(../images/arrows.png) no-repeat 0 0;border-radius: 0 4px 4px 0;}
#zoom .next {right: 0;background: url(../images/arrows.png) no-repeat 100% 0;border-radius: 4px 0 0 4px;}
#zoom .close:hover {background-color: #00863a;}
#zoom .previous:hover,
#zoom .next:hover {background-color: #00863a;}


#cnzz_stat_icon_1274472415{ display: none;}


.pro_detail{ margin-top:30px;}
.pro_detail .pro_detail_t {border-bottom: 1px solid #eee;margin-bottom: 20px;}
.pro_detail .pro_detail_m {color: #555;margin-bottom: 30px;line-height: 24px;font-size: 14px;}
.pro_detail .pro_detail_t span {
    display: inline-block;
    color: #fff;
    z-index: 99;
    text-transform: capitalize;
    font-size: 18px;
    font-weight: bold;
    padding: 10px 20px;
    background: #081852;
    border-radius: 5px 5px 0 0;
}