@charset "utf-8";
/* 
 * Project Name:荣康实业
 * Author:千里烟波-甘肃万方网络
 * Date：2019-09-28
 */
@font-face {
    font-family: 'pf_din_text_comp_proregular';
    src: url('pfdintextcomppro-regular_1-webfont.eot');
    src: url('pfdintextcomppro-regular_1-webfont.eot?#iefix') format('embedded-opentype'),
         url('pfdintextcomppro-regular_1-webfont.woff2') format('woff2'),
         url('pfdintextcomppro-regular_1-webfont.woff') format('woff'),
         url('pfdintextcomppro-regular_1-webfont.ttf') format('truetype'),
         url('pfdintextcomppro-regular_1-webfont.svg#pf_din_text_comp_proregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face { font-family: 'MyriadProRegular'; src: url('myriadpro-regular.eot'); src: url('myriadpro-regular.eot') format('embedded-opentype'), url('myriadpro-regular.woff2') format('woff2'), url('myriadpro-regular.woff') format('woff'), url('myriadpro-regular.ttf') format('truetype'), url('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; }
html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; overflow-x: hidden; }
/* always display scrollbars */
body { font: 12px/1.8 "Microsoft Yahei","微软雅黑","Hiragino Sans GB","冬青黑体","微软正黑体","Microsoft JhengHei","Arial","Helvetica","SimHei","黑体","STXihei","华文细黑",sans-serif; margin: 0 auto; color: #989898;  background-color: #fff; -webkit-tap-highlight-color:rgba(0,0,0,0);}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
strong { font-weight: bold; }
img { border: 0; }
input { outline: none; }
input[type="text"], input[type="button"], input[type="submit"], input[type="reset"] { -webkit-appearance: none; border-radius: 0; }
textarea { -webkit-appearance: none; border-radius: 0; outline: none;}
::-moz-selection { background: #f0be00; color: #fff; text-shadow: none; }
::selection { background: #f0be00; color: #fff; text-shadow: none; }
select{ outline: none;}
select::-ms-expand { display: none; }
a { text-decoration: none; blr: expression(this.onFocus=this.blur()); cursor: pointer; -webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s;}
a:link, a:visited { text-decoration: none; }
a:active, a:hover { text-decoration: none; outline:none;}
a:focus{text-decoration:none;outline:0;}
.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; }
.top { position: fixed; top: 0px; width: 100%; height: 77px; left: 0px; color: #5e5e5e; -webkit-transition: all .3s ease .2s; -moz-transition: all .3s ease .2s; transition: all .3s ease .2s;z-index: 999; background-color: #fff;} 
.top a:link, .top a:visited { color: #7a7a7a; }
.top a:active, .top a:hover { color: #205bab; }
.top .inner { position: relative; width: 94%; margin: 0px auto;}

.wxcss{position:relative;z-index:0;}
.wxcss:hover{background-color:transparent;z-index:50;}
<!--.wxcss span{ position:absolute; left:-1000px; visibility:hidden;color:#000;text-decoration:none;padding:5px;}-->
<!--.wxcss span img{ border-width:0;padding:3px;}-->
.wxcss:hover span img{visibility:visible;margin-top:33px;margin-left:847px;}

.wxcss2{position:relative;z-index:0;}
.wxcss2:hover{background-color:transparent;z-index:50;}
<!--.wxcss2 span{ position:absolute; left:-1000px; visibility:hidden;color:#000;text-decoration:none;padding:5px;}-->
<!--.wxcss2 span img{border-width:0;padding:3px;}-->
.wxcss2:hover span img{visibility:visible;margin-top:33px;margin-left:982px;}



.nav { font: 16px/1.8 "microsoft yahei",arial, helvetica, sans-serif; transition: 400ms; float: right; }
.nav li{ width: 122px; float: left; display: block;}
.nav li a{ padding: 24px 0px; display: block; text-align: center;}
.nav li a.act,.nav li.hov a{ color: #205bab; background-color:#eff9fc;}

.subbg{ position: fixed; left: 0px; top: 76px; z-index: 800; background: url(../images/blue_95.png) repeat; background: none rgba(33,91,171,0.95); width: 94%; padding: 0px 3%; display: none;}
.subbg a:link, .subbg a:visited { color: #ffffff; }
.subbg a:active, .subbg a:hover { color: #252525; }
.subbox { position: relative; overflow: hidden; float: right; border-right: 1px solid #3c79cd; }
.subnav { float: left; padding: 20px 0px; height: 341px; font-family: "microsoft yahei"; width: 121px; border-left: 1px solid #3c79cd; position: relative;}
.subnav a { margin: 0px 9px 0px 15px; padding: 2px 0px; display: block; position: relative; font-size: 14px;}
.subnav a:hover { color: #ffff00; }
.subnav4 a{ margin-left: 20px;}
.csstransitions .subnav .cbg{content: "";position: absolute; z-index: -1;top: 0;bottom: 0;left: 0;right: 0; background-color:#0092dc;-webkit-transform: scaleX(0);transform: scaleX(0);-webkit-transform-origin: 50%;transform-origin: 50%;-webkit-transition-property: transform;transition-property: transform;-webkit-transition-duration: 0.3s;transition-duration: 0.3s;-webkit-transition-timing-function: ease-out;transition-timing-function: ease-out;}
.csstransitions .subnavAct .cbg{ -webkit-transform: scaleX(1);transform: scaleX(1);}
.no-csstransitions .subnav .cbg{ display: none;}
.no-csstransitions .subnavAct{background-color: #0092dc;}

.logo { position: absolute; left: 0px; top: 18px; width: 430px; display:inline-block;}
.logo img { display: inline; }
.logo a:link{font-size:12px; }


.inner{ width: 1120px; margin: 0px auto;}
.topFix{ box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.5); background-color: #fff;}
.menu-handler { width: 54px; height: 50px; cursor: pointer; display: none; float: right; position: relative; }
.menu-handler .burger { width: 28px; height: 4px; background: #205bab; display: block; position: absolute; z-index: 5; top: 15px; left: 50%; margin: 0px 0px 0px -14px; transform-origin: center; -webkit-transform-origin: center; -moz-transform-origin: center; -o-transform-origin: center; -ms-transform-origin: center; }
.menu-handler .burger-2 { top: 23px; }
.menu-handler .burger-3 { top: 31px; }
#bg-santai { display: none; position: fixed; top: 0; width: 100%; height: 100%; background-color: #000; opacity: 0; filter: alpha(opacity=0); cursor: url("../images/close-icon.ico") 16 16, default; z-index: 800; }
.touchevents #bg-santai { cursor: pointer; }
#menuBox { display: inline-block; position: fixed; background-color: #205bab; float: right; top: 0; right: 0; bottom: 0; width: 0px; line-height: 0; z-index: 1000; zoom: 1; height: 100%; overflow-x: hidden; overflow-y: auto; -webkit-overflow-scrolling: touch; -webkit-transform: perspective(600px) rotateY(90deg); -moz-transform: perspective(600px) rotateY(90deg); -ms-transform: perspective(600px) rotateY(90deg); transform: perspective(600px) rotateY(90deg); -webkit-transform-origin: left center 0; -moz-transform-origin: left center 0; -ms-transform-origin: left center 0; transform-origin: left center 0; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -ms-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transition: all .3s ease .2s; -moz-transition: all .3s ease .2s; -ms-transition: all .3s ease .2s; transition: all .3s ease .2s; }
.open { position: relative !important; right: 240px; }
.open #menuBox { -webkit-transform: perspective(600px) rotateY(0deg); -moz-transform: perspective(600px) rotateY(0deg); -ms-transform: perspective(600px) rotateY(0deg); transform: perspective(600px) rotateY(0deg); width: 240px; }
.navMobile a:link, .navMobile a:visited { color: #fff; }
.navMobile a:active, .navMobile a:hover { color: #fff; }
.navMobile dd { display: block; width: 100%; }
.navMobile dd p a { text-transform: uppercase; padding: 0px 30px; height: 50px; line-height: 50px; font-size: 14px; position: relative; }
.navMobile dd a { display: block; line-height: 1.4; font-size: 13px; color: #fff; padding: 15px 30px; -webkit-transition: 0s; -moz-transition: 0s; -o-transition: 0s; transition: 0s; }
.navMobile dd a:hover, .navMobile dd p a.cur { background: none #0a408a; }
.navMobile dd a:active { background-color: #154c97; }
.navMobile dd .msubnav { background-color: #fff; display: none; }
.navMobile dd .msubnav a { color: #8d8d8d; position: relative; background: #eff2f3; border-top: 1px solid #e3e2e2; }

.foot a:link,.foot a:visited { color: #616161;}
.foot a:active,.foot a:hover { color: #205bab;}
.foot{ border-top: 20px solid #e4e4e4; background-color: #fff; padding: 26px 0px; color: #616161; line-height: 2;}
.foot .item1,.foot .item2{ float: left; display: block;}
.foot .item2{ float: right;}
.link span{ padding: 0px 4px;}
.footT{ padding-bottom: 30px;}
.footT .t{ font-size: 26px; font-weight: bold;}
.footT .c{ font-size: 18px;}


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

.slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; }
.slick-list:focus { outline: none; }
.slick-loading .slick-list { background: white url(../images/loader.gif) center center no-repeat; }
.slick-list.dragging { cursor: pointer; cursor: hand; }

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

.slick-track { position: relative; left: 0; top: 0; display: block; zoom: 1; }
.slick-track:before, .slick-track:after { content: ""; display: table; }
.slick-track:after { clear: both; }
.slick-loading .slick-track { visibility: hidden; }

.slick-slide { float: left; height: 100%; min-height: 1px; display: none; }
.slick-slide img { display: block; }
.slick-slide.slick-loading img { display: none; }
.slick-slide.dragging img { pointer-events: none; }
.slick-initialized .slick-slide { display: block; }
.slick-loading .slick-slide { visibility: hidden; }
.slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; }

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

/* Dots */
.slick-slider { margin-bottom: 30px; }

.slick-dots { position: absolute; bottom: -45px; list-style: none; display: block; text-align: center; padding: 0px; width: 100%; }
.slick-dots li { position: relative; display: inline-block; height: 20px; width: 20px; margin: 0px 5px; padding: 0px; cursor: pointer; }
.slick-dots li button { border: 0; background: transparent; display: block; height: 20px; width: 20px; outline: none; line-height: 0; font-size: 0; color: transparent; padding: 5px; cursor: pointer; outline: none; }
.slick-dots li button:focus { outline: none; }


/* Contributing */

.flex-direction-nav {
  *height: 0;
}
.flex-direction-nav a {
  text-decoration: none;
  display: block;
  width: 40px;
  height: 40px;
  margin: -20px 0 0;
  position: absolute;
  top: 50%;
  z-index: 10;
  overflow: hidden;
}
.flex-direction-nav .flex-prev {
  left: -50px;
}
.flex-direction-nav .flex-next {
  right: -50px;
}
.flex-pauseplay a {
  display: block;
  width: 20px;
  height: 20px;
  position: absolute;
  bottom: 5px;
  left: 10px;
  opacity: 0.8;
  z-index: 10;
  overflow: hidden;
  cursor: pointer;
  color: #000;
}
.flex-control-nav {
  width: 100%;
  position: absolute;
  bottom: -40px;
  text-align: center;
}
.flex-control-nav li {
  margin: 0 6px;
  display: inline-block;
  zoom: 1;
  *display: inline;
}
.flex-control-paging li a {
  width: 11px;
  height: 11px;
  display: block;
  background: #666;
  cursor: pointer;
  text-indent: -9999px;
}
.flex-control-paging li a:hover {
  background: #333;
}
.flex-control-paging li a.flex-active {
  background: #000;
  cursor: default;
}
.flex-control-thumbs {
  margin: 5px 0 0;
  position: static;
  overflow: hidden;
}
.flex-control-thumbs li {
  width: 25%;
  float: left;
  margin: 0;
}
.flex-control-thumbs img {
  width: 100%;
  height: auto;
  display: block;
  opacity: .7;
  cursor: pointer;
  -moz-user-select: none;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -ms-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
}
.flex-control-thumbs img:hover {
  opacity: 1;
}
.flex-control-thumbs .flex-active {
  opacity: 1;
  cursor: default;
}

/* 
 * 	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); }
}

.bannerPanel{ position: relative; overflow: hidden; width: 100%;}
.banner a:link,.banner a:visited { color: #fff0d4;}
.banner a:active,.banner a:hover { color: #fff;}
.banner{ position: relative; overflow: hidden; width: 100%; height: 500px; background-color: #ddd; z-index: 5;}
.banner .pic{ position: relative; width: 100%; height: 100%; overflow:hidden; background-position: center top; background-repeat: no-repeat; background-size: cover;}
.banner .pic a{ display: block; width: 100%; height: 100%;}
.banner .pic .pimg { width: 100%; display: block; position: absolute;}
.banner .binbox{ position: absolute; color: #fff; left: 20%; width: 60%; top: 25%;}
.banner .binbox .en{ text-transform: uppercase; font-family: "pf_din_text_comp_proregular"; font-size: 44px; line-height: 1.5;}
.banner .binbox .zh{ padding: 0px 0px 15px; font-size: 34px; line-height: 1.2;}
.banner .binbox .zh .b{ font-weight: bold;}
.banner .binbox .c{ font:16px/1.4 "MyriadProRegular";}
.banner .binbox img{ display: block;}
.banner .binbox p{ position: relative;}
.banner .flex-direction-nav{ height: auto;}
.banner .flex-direction-nav a{ width: 49px; height: 49px; display: block; margin-top: -25px;}
.banner .flex-direction-nav .flex-prev{ background: url(../images/banner_l.png) no-repeat; left: 5%;}
.banner .flex-direction-nav .flex-next{ background: url(../images/banner_r.png) no-repeat; right: 5%;}
.u-arrow{ position: absolute; left: 50%; bottom: 135px; z-index: 90;width: 12px; height: 49px; margin-left: -6px; }
.u-arrow i{ width: 100%; height: 49px; display: block; background:  url(../images/botA.png) no-repeat scroll center bottom;  -webkit-animation: start 2s infinite ease-in-out;
	   -moz-animation: start 2s infinite ease-in-out;
	        animation: start 2s infinite ease-in-out;}
@-webkit-keyframes start {
	0% {opacity: 0; height: 5px;}
	10%{opacity: 1; height: 18px;}
	90% {opacity: 1; height: 49px;}
	100% {opacity: 0; height: 49px;}
}
@-moz-keyframes start {
	0% {opacity: 0; height: 5px;}
	10%{opacity: 1; height: 18px;}
	90% {opacity: 1; height: 49px;}
	100% {opacity: 0; height: 49px;}
}
@keyframes start {
	0% {opacity: 0; height: 5px;}
	10%{opacity: 1; height: 18px;}
	90% {opacity: 1; height: 49px;}
	100% {opacity: 0; height: 49px;}
}

.iboxNew a:link,.iboxNew a:visited { color: #fff;}
.iboxNew a:active,.iboxNew a:hover { color: #616161;}
.iboxNew{ position: absolute; left: 0px; bottom: -140px; width: 100%; z-index: 100;display: block;}
.iboxNew dd{ float: left; display: block; width: 31.5%; background: url(../images/blue_bg.png) repeat; background: none rgba(25,79,153,0.75);  position: relative; height: 118px; }
.iboxNew .item1{ width: 31.5%;}
.iboxNew .item2{ width: 36.3%;}
.iboxNew .item3{ width: 32.2%;}
.iboxNew dd a{ display: block; padding: 30px 8% 26px; width:84%; height: 62px; position: absolute; left: 0px; bottom: 0px;}
.iboxNew dd .t{ font-size: 18px; height: 32px; overflow: hidden; margin-bottom: 8px;}
.iboxNew dd .time{font-size: 12px;}
.iboxNew dd .button--aylen{ margin-top: 16px; display: none;}
.button--aylen {overflow: hidden;-webkit-transition: color 0.3s;transition: color 0.3s; display: block; position: relative; width: 100px; height: 35px; line-height: 35px; text-align: center; border: 2px solid #205bab; cursor: pointer;}
.button--aylen .i3{ position: relative; z-index: 3; font-style: initial; color: #205bab; display: block;}
.button--aylen .i1,.button--aylen .i2 {position: absolute;height: 100%;width: 100%;bottom: 100%;left: 0;z-index: 1;-webkit-transition: -webkit-transform 0.3s;transition: transform 0.3s;-webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);}
.button--aylen .i1 {background: #0093dd;}
.button--aylen .i2 {background: #163683;}
.button--aylen:hover .i3{color: #fff;}
.button--aylen:hover .i1,.button--aylen:hover .i2{-webkit-transform: translate3d(0, 100%, 0);transform: translate3d(0, 100%, 0);}
.button--aylen:hover .i2{-webkit-transition-delay: 0.175s;transition-delay: 0.175s;}
.iboxNew dd:hover a{ background-color: #d8f0ff; height: 120px; padding: 10px 8% 16px; border-bottom: 4px solid #205bab;}
.iboxNew dd:hover .button--aylen{ display: block;}
.iboxService a:link,.iboxService a:visited { color: #fff;}
.iboxService a:active,.iboxService a:hover { color: #fff;}
.iboxService{ background: url(../images/ibo2.jpg) no-repeat; background-attachment: fixed; background-size: cover;}
.iboxService a{ display: block; padding: 150px 0px;}
.ibosmore{ width: 780px; height: 158px; position: relative; margin: 0px auto; display: block; text-align: center;}
.ibosmore span{ -webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s;}
.ibosmore .bor{ border: 3px solid #fff; display: block; position: absolute; }
<!--.ibosmore .bor1{ width: 426px; height: 172px; top: -18px; left: -3px; }-->
<!--.ibosmore .bor2{ width: 426px; height: 172px; top: -3px; left: -3px;}-->
.ibosmore .en{ display: block; font:40px/1.5 "pf_din_text_comp_proregular"; text-transform: uppercase; padding-top: 20px;}
.ibosmore .big{ display: block; font:40px/1.5 "microsoft yahei"; padding-top: 20px;}
.ibosmore .zh{ font: 16px/1.4 "microsoft yahei"; line-height:40px;}
.iboxService a:hover .bor1{ top: 15px;}
.iboxService a:hover .en{ padding-top: 35px;}
.ibox a:link,.ibox a:visited { color: #a9a9a9;}
.ibox a:active,.ibox a:hover { color: #205bab;}
.ibox .item { float: left; display: block; height: 100%;}
.ibox .item .pimg{ display: block; width: 100%; height: 100%; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s;}
.ibox .item .pimg2{ display: block; width: 100%; height: 50%; overflow: hidden;}
.ibox .item .pimg2 img{ width: 100%; display: block; height: 100%; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s;}
.ibox .item1{ width: 31.5%;}
.ibox .item2{ width: 36.3%;}
.ibox .item3{ width: 32.2%;}
.ibox1{ overflow: hidden; position: relative; background-position: center center; background-size: cover; background-repeat: no-repeat;}
.ibox-C{ height: 50%; overflow: hidden; width: 100%; position: relative; display: block; overflow: hidden; background-color: #fff;}
.ibox2{ background-color: #799dcd;}
.ibox4{ background-color: #000;}
.ibox5{ background-color: #205bab;}

.iboxT{ color: #fff; position: absolute; left: 0px; top: 0px; width: 100%; text-align: center;}
.iboxT .t{ font-size: 40px; line-height: 1.2;}
.iboxT .i{ font-size: 20px; padding: 10px 0px 5px; line-height: 1.5;}
.iboxT .en{ text-transform: uppercase; font-family: "pf_din_text_comp_proregular"; font-size: 16px; margin-bottom: 20px;}


.ibox1 .iboxT{ top: 10%;}
.ibox2 .iboxT,.ibox5 .iboxT{ top: 30%; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s;}
.ibox4 .name{ font-size: 40px; line-height: 1.2; color: #205bab; position: absolute; left: 8%; top: 8%;}
.iboxB{ position: absolute; width: 90%; left: 5%; bottom: 8%; text-align: center; color: #fff;}
.ibox1 .iboxB{ height: 108px;}
.ibox1 .imgbox{ background-color: #000; height: 100%;}
.ibox1 .line,.ibox-C .line{ margin: 0px auto; display: block; height: 0px; width: 2px; background-color: #fff; margin-bottom: 11px; }
.ibox1 .bico,.ibox-C .bico{ width: 77px; height: 77px; display: block; margin: 0px auto 20px; transform: scale(0); -webkit-transform: scale(0); visibility: hidden;}
.ibox1 .ic{ text-transform: uppercase; font-family: "pf_din_text_comp_proregular"; font-size: 16px; transform: translate(0px,30px); -webkit-transform: translate(0px,30px); opacity: 0;}
.bico.bi1{ background: url(../images/i1.png) no-repeat;}
.bico.bi2{ background: url(../images/i2.png) no-repeat;}
.bico.bi3{ background: url(../images/i3.png) no-repeat;}
.ibox1:hover .pimg{ -webkit-transform:scale(1.1); transform:scale(1.1); opacity:0.5; filter:alpha(opacity=50);}
.ibox4:hover .pimg{ -webkit-transform:scale(1.1); transform:scale(1.1); opacity:0.5; filter:alpha(opacity=50);}
.ibox4:hover .name{ color: #fff;}
.ibox1:hover .iboxB .bico{ opacity: 1; transform: scale(1); -webkit-transform: scale(1); visibility: visible; transition: all 0.3s ease 0.7s; -webkit-transform:all 0.3s ease 0.7s;}
.ibox1:hover .iboxB .line{ height: 40px; transition: all 0.4s ease 0.4s; -webkit-transform:all 0.4s ease 0.4s;}
.ibox1:hover .iboxB .ic{  transform: translate(0px,0px); -webkit-transform: translate(0px,0px); opacity: 1;  transition: all 0.3s ease 0.9s; -webkit-transform:all 0.3s ease 0.9s;}
.ibox-C:hover .iboxT{ top: 15%;}
.ibox-C:hover .bico{ opacity: 1; transform: scale(1); -webkit-transform: scale(1); visibility: visible;  transition: all 0.4s ease 0.7s; -webkit-transform:all 0.4s ease 0.7s;}
.ibox-C:hover .line{ height: 40px; transition: all 0.3s ease 0.4s; -webkit-transform:all 0.3s ease 0.4s;}
.ibox3 .con{ padding: 0px 5%;}
.ibox3 .con .t{ color: #205bab; font-size: 35px; padding-top: 5%;}
.ibox3 .con .c{ height: 60px; font-size: 20px; line-height: 1.4; overflow: hidden; color: #a9a9a9; margin-bottom:4%;}
.ibox3 .pimg2{ background-color: #000;}
.ibox3:hover .pimg2 img{ -webkit-transform:scale(1.1); transform:scale(1.1); opacity:0.5; filter:alpha(opacity=50);}
.target .ibox1{ transform: translate(0px,50px); -webkit-transform: translate(0px,50px); opacity: 0; transition: 400ms ease 350ms; -webkit-transition: 400ms ease 350ms ;}
.target .ibox-C{ transform: translate(50px,0px); -webkit-transform: translate(50px,0px); opacity: 0; }
.action  .ibox1,.action  .ibox-C{transform: translate(0px,0px); -webkit-transform: translate(0px,0px); opacity: 1;}
.action .ibox2{ transition: 400ms ease 450ms; -webkit-transition: 400ms ease 450ms;}
.action .ibox3{ transition: 400ms ease 750ms; -webkit-transition: 400ms ease 750ms;}
.action .ibox4{ transition: 400ms ease 550ms; -webkit-transition: 400ms ease 550ms;}
.action .ibox5{ transition: 400ms ease 850ms; -webkit-transition: 400ms ease 850ms;}
.iboxSider{ position: relative; overflow: hidden;}
.iboxSider .item1{ float: left; display: block; width: 67.8%; height: 100%; position: relative; overflow: hidden;}
.iboxSider .item2{ float: left; display: block; width: 32.2%; height: 100%; position: relative;}
.newImg .title{ position: absolute; left: 5%; bottom: 5%; display: block; text-align: center; color: #fff;font-size: 16px; overflow: hidden;}
.newImgDemo a:link,.newImgDemo a:visited { color: #fff;}
.newImgDemo a:active,.newImgDemo a:hover { color: #fff;}
.newImgDemo .nitem{ position: relative; overflow: hidden;}
.nitem .pimg{ width: 100%; display: block;}
.nitem .nbox{ position: absolute; left: 5%; top: 5%; color: #fff; width: 70%;}
.nitem .nbox .t{ font-size: 30px; margin-bottom: 15px;}
.nitem .nbox .c{ line-height: 2; height: 48px; overflow: hidden; margin-bottom: 50px;}
.onumBox { position: absolute; right: 38px; height: 42px; bottom: 8%; font: 35px/42px "pf_din_text_comp_proregular"; width: 118px; text-align: center; color: #fff;}
.onumBox .pleft,.onumBox .pright{ width: 26px; height: 42px; position: absolute;  top: 0px; cursor: pointer;}
.onumBox .pleft { background: url(../images/pic_l1.png) no-repeat scroll left center; left: 0px; }
.onumBox .pright { background: url(../images/pic_r1.png) no-repeat scroll right center; right: 0px; }
.newImgDemo .button--aylen{ border-color: #fff; color: #fff;}
.newImgDemo .button--aylen .i3{ color: #fff;}
.newCBox{ width: 80%; margin: 0px auto; text-align: center;}
.newCBox .title{ padding-top: 35%; font-size: 16px; color: #205bab; margin-bottom: 5%; display: block;}
.newCBox .item{ float: left; display: block;}
.newCDemo{ padding-bottom: 70px; margin-bottom: 50px;}
.newCDemo .t{ color: #3e3e3e; font-size: 22px; margin-bottom: 15px; height: 39px; overflow: hidden;}
.newCDemo .c{ color: #9d9d9d; line-height: 2; height: 72px;}
.newCBox .button--aylen{ border-color: #9d9d9d; color: #9d9d9d; display: block; margin: 0px auto;}
.newCBox .button--aylen .i3{ color: #9d9d9d;}
.newCBox .button--aylen:hover{ border-color: #163683;}
.newCBox .button--aylen:hover .i3{ color: #fff;}
.newCDemo .slick-dots{ bottom: 0px;}
.newCDemo .slick-dots li { position: relative; display: inline-block;  margin: 0px; width: 14px; height: 14px; padding: 0px; cursor: pointer;}
.newCDemo .slick-dots li a { transition: 400ms; -webkit-transition: 400ms; -ms-transition:400ms; height: 14px; width: 14px; line-height: 6px; display: block;  overflow: hidden; padding: 0px; cursor: pointer; background: url(../images/num1.png) no-repeat; border-radius:0;}
.newCDemo .slick-dots li a:focus{ outline: none; }
.newCDemo .slick-dots li.slick-active{ padding: 0px; height: 13px;}
.newCDemo .slick-dots li.slick-active a { background: url(../images/num2.png) no-repeat;}
/*index style end*/



/*column style begin*/
.lm_banner { margin:0 auto; height:380px; padding-top:77px; text-align:center;}
.wz_nav { height:40px; padding-top:10px; border-bottom:#ccc solid 1px; text-align:right; padding-right:60px; color:#999; font-size:13px; font-family:microsoft yahei;}
.wz_nav a{ height:40px; line-height:40px; text-decoration:none; color:#999; }
.wz_nav a:visited{ color:#999; }
.wz_nav a:hover { color:#ff0000; }

.lm_bt { font-size:16px; padding-left:100px;}
.lm_bt a{color: #7a7a7a}
.lm_bt a:visited {color:#7a7a7a;}
.lm_bt a:hover {color:#ff0000;}
.lm_bt span{ display:inline-block; padding-right:15px; text-align:center;}
.lm_bt .currclass {background-image:url(sub_dot.jpg);}
.lm_bt .currclass a{color:#FF0000;}


.cp_subnav { width:100%;height:38px;float:left;overflow:hidden; margin-bottom:20px; margin-left:16px; border-bottom:2px #0c9ad8 solid; }
.cp_subnav li{ float:left; text-align:center; padding:0px 1px; height:38px; line-height:38px;}
.cp_subnav a{ font-size:16px; font-family:"Microsoft YaHei"; font-weight:normal; color:#0C9AD8; display:block; height:38px; padding:0px 30px; text-decoration: none;}
.cp_subnav a:hover,
.cp_subnav .currclass a{ background:#0C9AD8; color:#FFFFFF;text-decoration:none; }



.lm_box { margin:0 auto; padding-left:15%; padding-right:15%; margin-top:20px; }
.newslist ul li{ border-bottom:dashed 1px #ccc; padding:10px 0}
.newslist ul li h2{ font-size:20px;line-height:40px; height:40px;}
.newslist ul li h2 a{color:#333333; font-size:20px;}
.newslist ul li h2 a:hover{ text-decoration:none; color:#ff0000;}
.newslist ul li p{font-size:14px;color:#666666; line-height:28px;  overflow:hidden; }
.newslist ul li p a{font-size:14px;color:#ff0000;}
.newslist ul li span{ font-size:12px; margin-top:15px; color:#999; display:block;}
.newslist ul li span.pl{ float:right; background:url(plnum.png) no-repeat left center; width:30px; padding-left:18px; font-size:13px;}
.newslist ul li a span{ display:inline-block;}

/*product*/
.cp_box { margin:0 auto; padding-left:10%; padding-right:10%; margin-top:20px;}
.cp_colum { width:20%; margin-top:15px;}
#lmshow{ width:250px;}
#lmshow li{ background:url(cp_bg_nor.png) no-repeat; width:250px; height:36px; display:block; text-indent:42px; line-height:36px; margin:0 auto; margin-bottom:10px;}
#lmshow li:hover{ background:url(cp_bg_act.png) no-repeat;}
#lmshow li a{ font-size:16px; color:#2196d9; font-family:microsoft yahei; display:block;  }
#lmshow li a:hover{ color:#fff;}
#lmshow .currclass { background:url(cp_bg_act.png) no-repeat;}
#lmshow .currclass a{color:#fff;}

.cp_list { width:80%;margin-top:15px;} 
.cp_list a{ font-size:18px; } 
.cp_pic { margin:0 auto; width:382px; display:block; height:60px; line-height:60px; margin-bottom:30px; background-color:#dadada; color:#205bab}
.cp_pic:hover{ background-color:#2196d9; color:#FFFFFF}

.cp_list_nr_l { width:40%; border:1px #eee solid; margin-right:50px; }
.cp_list_nr_r { style="width:55%;" }

/*pagelist*/
#fenye{clear:both; margin:10px 20px 20px 0;}
#fenye a{ width:28px; text-align:center; float:left; border:1px solid #bfbfc7;background:#fff; height:28px; font-size:12px;color:#666; line-height:28px; margin-left:5px;border-radius:3px; display:inline-block;}
#fenye .prev,#fenye .next{width:60px;}
#fenye a.curr{background:#bfbfc7;border:1px solid #bfbfc7;color:#fff;}
#fenye a:hover{background:#bfbfc7;border:1px solid #bfbfc7;color:#fff; text-decoration:none}
#pageNext{ margin:10px;}
#pageNext .prev,#pageNext .next{text-align:center;width: 60px;}
#pageNext a.curr{background: #bfbfc7;border: 1px solid #bfbfc7;color: #fff;}
#pageNext a.curr span{ color:#fff !important;}
#pageNext a{width: 28px;text-align: center;float: left;border: 1px solid #bfbfc7;background: #fff;height: 28px;font-size: 12px;color: #666;line-height: 28px;margin-left: 5px;border-radius: 3px;}
#realname{height: 30px;border: 1px solid #ddd;}
#b1{padding: 5px 10px;background: #ff7d02;color: #fff;border: 1px solid #ff7d02;border-radius: 3px;}

.fenyetips{ display:none}
#pagelist{ line-height:22px;color:#666; padding:15px;}
#pagelist a{ width:28px; text-align:center; float:left; border:1px solid #bfbfc7;background:#fff; height:28px; font-size:12px;color:#666; line-height:28px; margin-left:5px;border-radius:3px;}
#pagelist a.next,#pagelist a.prev{width:60px;}
#pagelist a.curr{ background:#bfbfc7;border:1px solid #bfbfc7;color:#fff;}
#pagelist a:hover{background:#bfbfc7;border:1px solid #bfbfc7;color:#fff; text-decoration:none}
#pagelist a img{ display:block;margin:0 auto;margin-top:12px;}
#pagelist span{line-height:28px; font-size:13px; height:28px; margin-left:10px;}
#pagelist span#totalpage{ margin:0;}
.fenye a img{ display:block;margin:0 auto;margin-top:12px;}

/*column style end*/

/*content begin*/
.nr_box { margin:0 auto; padding-left:15%; padding-right:15%; margin-top:20px; margin-bottom:20px; }
.con_title { text-align:center; font-size:28px; color:#666666; }
.con_other { text-align:center; font-size:14px; margin-bottom:30px; }
.con_content { text-align:justify;text-justify:inter-ideograph; font-size:16px; line-height:30px; color:#333; }
.p_prev {border:1px #CCCCCC dashed; padding-left:20px; line-height:38px; margin-top:40px; margin-bottom:10px;}
.p_next {border:1px #CCCCCC dashed; padding-left:20px; line-height:38px; }
.p_text {font-size:14px; color:#999999 }
.p_text a{font-size:14px; color:#999999 }
.p_text a:hover{font-size:14px; color:#ff0000; }
.p_text a:visited{font-size:14px; color:#999999; }

/*content end*/