@charset "utf-8";
/* 注意：以下长度用em换算，1em=10px。特别注意文字大小，父子层级会继承，所以不要在div中定义字体大小，只能用span修改字体。
------------------------------------------------------------------------------------------------------ */

/* 全局样式
-------------------------------------------------------------- */
html,body,a,p,span,ul,img{ padding:0; margin:0; list-style:none; border:none; font-size:13px; font-family:"微软雅黑","Arial"; color:#666;}
p{line-height:22px;}
img{ border:none; vertical-align:middle;}
td{ vertical-align:center; font-size:13px;}
body{ background:#fff; overflow-x:hidden;}
h1,h2,h3,h4,h5,h6 { font-weight: bold; }
h1 { font-size: 3em; line-height: 1; margin:0; padding:0;}
h2 { font-size: 2em;  margin:0; padding:0;}
h3 { font-size: 1.5em; line-height: 1;  margin:0; padding:0;}
h4 { font-size: 1.2em; line-height: 1.25; margin:0; padding:0;}
h5 { font-size: 1em;  margin:0; padding:0;}
h6 { font-size: 1em; }

/* 页面基本元素
-------------------------------------------------------------- */

/* 链接样式 */
a {text-decoration:none;}
a:visited {text-decoration:none;}
a:hover {text-decoration:none;}

/* 常用元素 */
.clear { clear:both; font-size:1px; line-height:0px; height:0px; }

/* 层浮动 */
.left { float: left; }
.right{ float: right; }
.center { margin: 0 auto; }

/* 文字对齐 */
.tleft { text-align:left; }
.tright { text-align:right; }
.tcenter {text-align:center; }

* html,* html body /* 修正IE6振动bug */{background-image:url(about:blank);background-attachment:fixed;}


/* 头部
-------------------------------------------------------------- */

.header { margin: 0 auto;width:100%; background-color:#fff; }
.nhead { width:1040px; margin:0 auto; height:119px;}
.logo { float:left;}
.yhead { float:right;}

/*网站头部结束*/
/* 主体内容开始
-------------------------------------------------------------- */
/* 主页
-------------------------------------------------------------- */
/* 所有的页面的样式用注释标签标注一下
-------------------------------------------------------------- */
/* 尾部
-------------------------------------------------------------- */
.footer { margin:0 auto; width:100%; height:400px;clear: both; background:url(../images/foot_bg.jpg) no-repeat center center;margin-top: -20px;}
/**/
.l { float: left; }
.r { float: right; }
.vt { vertical-align: top; }
.vm { vertical-align: middle; }
.fr { text-align: right; }
.fc { text-align: center; }
.inner { width: 1120px; margin: 0px auto; }
.top a:link, .top a:visited { color: #2b2b2b;}
.top a:active, .top a:hover{ color: #2b2b2b;}
.top{ position: absolute; width: 100%; left: 0px; top: 44px; z-index: 1000;clear: both;}
.top .inner{ background:#fff;  height: 94px; position: relative; box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.3);clear: both;}
.logo{ position: absolute; left: 40px; top: 10px; width: 71px;}
.logo img{ width: 100%; display: block;}
.navarrow{ width: 75px; height: 3px; background-color: #005dad; position: absolute; left: -75px; bottom: -14px;}
.tnav{ float: right; display: block; padding-right: 30px; position: relative; font-weight:bold;}
.tnav li{ float: left; display: block; width: 121px; padding-left: 25px; font-size: 16px;}
.tnav a{ height: 49px; text-align: center; display: block;}
.menu-handler .ico{ position: absolute; left: 25px; top: 38px; font-size: 16px; font-weight:bold;}
.menu-handler{ background-color:#005dad; width: 191px; height: 94px; position: relative; float: left; z-index: 10; cursor: pointer; color: #fff;}
.menu-handler .burger{  width: 17px; height: 2px; background: #fff; display: block; position: absolute; z-index: 5; top: 44px; left: 56%;  transform-origin: center; -webkit-transform-origin: center; -moz-transform-origin: center; -o-transform-origin: center; -ms-transform-origin: center;}
.menu-handler .burger-2 { top: 49px; }
.menu-handler .burger-3 { top: 54px; }
.csstransforms .menu-handler.active .burger-1 { top: 48px;-moz-transform:rotate(-45deg); -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); }
.csstransforms .menu-handler.active .burger-2 { -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); filter: alpha(opacity=0); opacity: 0; -moz-opacity: 0; -khtml-opacity: 0; -webkit-opacity: 0; }
.csstransforms .menu-handler.active .burger-3{ top: 48px; -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }
.csstransitions .trans,.csstransitions .trans:hover { -webkit-transition: all 277ms ease-in-out; -moz-transition: all 277ms ease-in-out; -o-transition: all 277ms ease-in-out; transition: all 277ms ease-in-out; -ms-transition: all 277ms ease-in-out; }
.csstransitions .trans-fast,.csstransitions .trans-fast:hover { -webkit-transition: all 200ms ease-in-out; -moz-transition: all 200ms ease-in-out; -o-transition: all 200ms ease-in-out; transition: all 200ms ease-in-out; -ms-transition: all 200ms ease-in-out; }
.no-csstransitions .menu-handler.active .burger-1,.no-csstransitions .menu-handler.active .burger-2,.no-csstransitions  .menu-handler.active .burger-3 { display: none; }
.no-csstransitions .menu-handler.active { background: url(../images/mob_close.png) no-repeat scroll 65% center #33438a; }


/*index style*/
.banner{ height:840px; overflow:hidden; position:relative;}
.banner .bannerBox{ width:9999px; height:100%; position:absolute; left:0; top:0;}
.banner .bannerBox li{ width:1920px; height:100%; overflow:hidden; float:left; position:relative;}
.banner .bannerBox li .img{ position:absolute; left:0; top:0;}
.bannerBox .bfont{ color:#475595; position:absolute; left:50%; top:25%; width: 1200px; margin-left: -600px;}
.bannerBox .text{ float: left; display: block;}
.bannerBox .text .p1{ font: 30px/1.4 "microsoft yahei";}
.bannerBox .text .p2{ font: 78px/1.2 "rotissemiserifregular"; text-transform: uppercase;}
.bannerBox .text .p3{ font: 19px/1.5 "rotissemiserifregular"; color: #707bad;}
.bannerBox .text .cor{ color: #e77818; }
.bannerBox li{ background-position: center top; background-repeat: no-repeat; background-size: cover;}
.bannerBox li.li1 .text{ padding-left: 120px;}
.bannerBox li.li1 .text .p1{ font: 74.4px/1.1 "rotissemiserifregular"; text-transform: uppercase; color: #fff;}
.bannerBox li.li1 .text .p2{ font: 28px/1.5 "microsoft yahei"; padding: 10px 0px; color: #fff;}
.bannerBox li.li1 .text .p3{ color: #f5e1d0;}
.bannerBox li.li2 .text{ float: right; display: block;}
.bannerBtn{ width:100%; text-align:center; position:absolute; left:0; bottom:30px;}
.bannerBtn span{ transition:400ms; width:12px; height:12px; border-radius:8px; margin:0 6px; display:inline-block; background:#fff; cursor:pointer;}
.bannerBtn .cur{ width:24px; background:#e77818;}
/*index style end*/
@-webkit-keyframes social {
  25% {
    -webkit-transform: rotate(10deg);
    -ms-transform: rotate(10deg);
    transform: rotate(10deg);
  }
  75% {
    -webkit-transform: rotate(-5deg);
    -ms-transform: rotate(-5deg);
    transform: rotate(-5deg);
  }
  100% {
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
  }
}
@-moz-keyframes social {
  25% {
    -webkit-transform: rotate(10deg);
    -ms-transform: rotate(10deg);
    transform: rotate(10deg);
  }
  75% {
    -webkit-transform: rotate(-5deg);
    -ms-transform: rotate(-5deg);
    transform: rotate(-5deg);
  }
  100% {
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
  }
}
@keyframes social {
  25% {
    -webkit-transform: rotate(10deg);
    -ms-transform: rotate(10deg);
    transform: rotate(10deg);
  }
  75% {
    -webkit-transform: rotate(-5deg);
    -ms-transform: rotate(-5deg);
    transform: rotate(-5deg);
  }
  100% {
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
  }
}
/* Push */
@-webkit-keyframes hvr-push {
  50% {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@-moz-keyframes hvr-push {
  50% {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes hvr-push {
  50% {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
.iboxDL a:link, .iboxDL a:visited { color: #646464;}
.iboxDL a:active, .iboxDL a:hover{ color: #5f5f5f;}
.iboxDL{ height: 380px; overflow: hidden;}
.iboxDL dd{ float: left; display: block; width: 25%; background-color: #fff;}
.article-block.iboxDL dd{ position: relative; opacity: 0;top: 50px;}
.articleShow.iboxDL dd{top: 0px; opacity: 1;}
.articleShow.iboxDL dd.familyBox{ transition: 400ms ease 200ms;}
.articleShow.iboxDL dd.productBox{ transition: 700ms ease 350ms;}
.articleShow.iboxDL dd.healthBox{ transition: 900ms ease 450ms;}
.articleShow.iboxDL dd.knowledgeBox{ transition: 1100ms ease 550ms;}
.iboxPage{ height: 380px; border-left: 1px solid #e6e6e6;}
.iboxT{ padding: 42px 8% 32px;}
.iboxT .zh{ color: #646464; font: 21px/1.6 "microsoft yahei";}
.iboxT .en{ font:italic 15px/1.5 "microsoft yahei"; color: #909090;}
.iboxDL .familyBox .iboxPage{ border-left: 0px none;}
.familyIco{ width: 76%; margin: 79px 0px 0px; margin-left: 8%; border-left: 1px solid #e77818;}
.familyIco li{ width: 32.88%; float: left; display: block; border-right: 1px solid #e77818; border-bottom: 1px solid #e77818; border-top: 1px solid #e77818;}
.familyIco li a{ display: block; width: 100%; height: 118px; position: relative; -webkit-transition: all 480ms; -ms-transition: all 480ms; -moz-transition: all 480ms; transition: all 480ms;}
.familyIco li .ico{ position: absolute; width: 58px; height: 58px; left: 50%; top: 50%; margin: -29px 0px 0px -29px; background: url(../images/sharp.png) no-repeat;}
.familyIco .i1 .ico{ background-position:-35px 0px;}
.familyIco .i2 .ico{ background-position:-154px 0px;}
.familyIco .i3 .ico{ background-position:-272px 0px;}
.familyIco li a:hover{ background-color: #e77818;}
.familyIco li a:hover .ico{ background-image: url(../images/sharp2.png);}
.more{ background: url(../images/more.png) no-repeat scroll center center; width: 29px; height:30px; display: block;  -webkit-transform: translateZ(0);
  transform: translateZ(0);}
.more:hover{ background-image: url(../images/more2.png); -webkit-animation: hvr-push 0.3s linear 1; animation: hvr-push 0.3s linear 1;}
.iboxMore{ padding: 0px 8%; height: 79px;}
.icoList li{ width: 25%; float: left; display: block;}
.icoList li a{ display: block; width: 100%; height: 104px; padding:16px 0px 0px; position: relative; text-align: center; -webkit-transition: all 480ms; -ms-transition: all 480ms; -moz-transition: all 480ms; transition: all 480ms; font: 14px/1.8 "microsoft yahei";}
.icoList li .ico{display: block; width: 56px; height: 56px; margin: 0px auto; position: relative; top: 0px; transition: all 0.3s ease 0s;}
/*.icoList li .i1 .ico{ background-position:-32px 0px;}
.icoList li .i2 .ico{ background-position:-152px 0px;}
.icoList li .i3 .ico{ background-position:-272px 0px;}
.icoList li .i4 .ico{ background-position:-392px 0px;}
.healthBox .icoList li .ico{ background-image: url(../images/ico4.png);}
.icoList li .i5 .ico{ background-position:-32px 0px;}
.icoList li .i6 .ico{ background-position:-152px 0px;}
.icoList li .i7 .ico{ background-position:-272px 0px;}
.icoList li .i8 .ico{ background-position:-392px 0px;}*/
.icoList li .ico .r1{ display: block;}
.icoList li .ico .r2{ display: none; position: absolute; left: 0px; top: 0px;}
.icoList li a:hover { color: #fff; background-color: #e77818;}
.icoList li a:hover .ico{ top: -8px;}
.icoList li a:hover .ico .r1{ display: none;}
.icoList li a:hover .ico .r2{ display: block;}
.knowledgeCon{ width: 84%; margin: 0px auto; color: #646464;}
.knowledgeCon .c{ overflow: hidden; height: 112px; margin-bottom: 10px; line-height: 2.4; text-align: justify;}
.knowledgeCon .jw{ font: 18px/1.4 "microsoft yahei"; text-align: right;}
/*index style end*/
/*
 * jQuery FlexSlider v2.0
 * http://www.woothemes.com/flexslider/
 *
 * Copyright 2012 WooThemes
 * Free to use under the GPLv2 license.
 * http://www.gnu.org/licenses/gpl-2.0.html
 *
 * Contributing author: Tyler Smith (@mbmufffin)
 */
/* Browser Resets */
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus  {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none;} 
/* FlexSlider Necessary Styles
*********************************/ 
.flexslider {margin: 0; padding: 0;}
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img, .flexslider .slides iframe {width: 100%; display: block;}
.flex-pauseplay span {text-transform: capitalize;}
/* Clearfix for the .slides element */
.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} 
html[xmlns] .slides {display: block;} 
* html .slides {height: 1%;}
/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {display: block;}
/* FlexSlider Default Theme
*********************************/
.flexslider {margin: 0 0 60px;   position: relative; zoom: 1;}
.flex-viewport {max-height: 2000px; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease;}
.loading .flex-viewport {max-height: 300px;}
.flexslider .slides {zoom: 1;}
.carousel li {margin-right: 5px}
/* Direction Nav */
.flex-direction-nav a {width: 40px; height: 40px; margin: -20px 0 0; display: block; position: absolute; top: 50%; cursor: pointer; text-indent: -9999px; z-index:1000}
.flex-direction-nav a:hover {opacity: .8; filter:alpha(opacity=80);}
/* Control Nav */
.flex-control-nav {width: 100%; position: absolute; bottom: -40px;  text-align: center  !important;}
.flex-control-nav li {margin: 10px 6px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-paging li a {width: 11px; height: 11px; display: block; background:#999999;  border-radius:100%; cursor: pointer; text-indent: -9999px;}
.flex-control-paging li a.flex-active {border:1px solid #ccc; cursor: default;background:#fff;width: 13px; height: 13px;}
.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%; display: block; opacity: .3; cursor: pointer;}
.flex-control-thumbs img:hover {opacity: 1;}
.flex-control-thumbs img.active {opacity: 1; cursor: default;}
@media screen and (max-width: 860px) {
  .flex-direction-nav .flex-prev {opacity: 1; left: 0;}
  .flex-direction-nav .flex-next {opacity: 1; right: 0;}
}
/*about style*/
.article-block .iboxT,.article-block .pageBox-C,.article-block .more2,.article-block .aboutTab,.article-block .featuresslider,.article-block .advantageslider,.article-block .inviteslider{ position: relative; top: 50px; opacity: 0;}
.articleShow .iboxT,.articleShow .pageBox-C,.articleShow .more2,.articleShow .aboutTab,.articleShow .featuresslider,.articleShow .advantageslider,.articleShow .inviteslider{top: 0px; opacity: 1;}
.articleShow .iboxT{ transition: 500ms ease 200ms;}
.articleShow .pageBox-C{ transition: 700ms ease 350ms;}
.articleShow .more2{transition: 900ms ease 450ms;}
.articleShow .aboutTab{ transition: 700ms ease 350ms;}
.articleShow .featuresslider,.articleShow .advantageslider,.articleShow .inviteslider{transition: 900ms ease 450ms;}
.pageBox{ padding: 95px 0px;}
.pageBox .iboxT{ padding:0px 0px 55px;}
.pageBox .iboxT .zh{ line-height: 2;}
.pageBox-C{ text-align: center; line-height: 2.2; color: #646464;}
.bge2e2e2{ background-color: #e2e2e2;}
.morebox{ padding-top: 64px;}
.more2{ width: 140px; height: 54px; display: block; margin: 0px auto; position: relative; color: #fff; line-height: 54px; font-size: 14px;}
.more2 span{ display: block; width: 118px; height: 100%; padding-left: 22px; background: url(../images/m_bg1.png) no-repeat scroll 90px center #ff8107;}
.more2 span.i2{ background-image: url(../images/m_bg2.png); position: absolute; left: 0px; top: 0px; z-index: 1; display: none;}
.more2act span.i2{ display: block;}
#aboutPage .pageBox-C{ height: 52px; overflow: hidden; text-align: left;}
#aboutPage .pheight{ height: auto;}
.aboutTab{ width: 963px; margin: 0px auto; overflow: hidden; padding-bottom: 70px;}
.aboutTab a{ float: left; display: block; width: 318px; margin: 0px 0px 0px 3px; background-color: #8f8f8d; overflow: hidden; font: 14px/1.5 "microsoft yahei"; color: #ffffff; text-align: center; position: relative;}
.aboutTab a .i1{ background-color: #e77817; position: absolute; left: 0px; top: 0px; width: 0%; height: 100%;-webkit-transition: 0.4s; -moz-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s;}
.aboutTab a .i2{ position: relative; z-index: 2; padding:20px 15px; display: block;}
.aboutTab a.active .i1{ width: 100%;}
.featuresslider,.advantageslider{ color: #909090;}
.featuresslider a:link, .featuresslider a:visited { color: #e77817;}
.featuresslider a:active, .featuresslider a:hover{ color: #5f5f5f;}
.advantageslider a:link, .advantageslider a:visited { color: #e77817;}
.advantageslider a:active, .advantageslider a:hover{ color: #5f5f5f;}
.advCon1{ width: 750px; text-align: center; margin: 0px auto;}
.advCon2{ width: 380px; text-align: center; margin: 0px auto;}
.advCon3{ width: 400px; margin: 0px auto; text-align: center;}
.felist{ width: 400px; margin: 0px auto;}
.felist dd{ text-align: center; width: 100px; float: left; display: block; line-height: 2; font-size: 14px;}
.apage,.apage2,.apage3{background-repeat: no-repeat; background-position: center top; width: 100%; height: 570px;overflow: hidden;}
.apage3{ height: 340px;}
#developmentPage .pageBox-C{ text-align: left;}
/*about style end*/
/*product style*/
.productmain{ background-color: #eaeaea; padding: 96px 0px;}
.productList{ width: 960px; margin: 0px auto;}
.productList a:link, .productList a:visited { color: #7c7c7c;}
.productList a:active, .productList a:hover{ color: #5f5f5f;}
.productList li{ margin-bottom: 1px; background-color: #fff;}
.productList .con{ float: left; display: block; width: 46%; text-align: center; padding-top: 11%;}
.productList .ico{ width: 56px; height: 56px; position: relative; overflow: hidden; margin: 0px auto;}
.productList .ico .i1{ display: block; width: 100%;}
.productList .ico .i2{ display: none; width: 100%; position: absolute; left: 0px; top: 0px;}
.productList .img{ float: right; display: block; width: 52%; overflow: hidden; background-color: #000;}
.productList .img img{ width: 100%; display: block; transition: transform 400ms; -webkit-transition: -webkit-transform 400ms; filter: Alpha(Opacity=100); opacity: 1;}
.productList .t .zh{ color: #646464; font: 21px/1.6 "microsoft yahei";}
.productList .t .en{ font:italic 15px/1.5 "microsoft yahei"; color: #909090;}
.promore{ background: url(../images/promore.png) no-repeat; width: 27px; height: 27px; position: relative; margin:22px auto 0px; overflow: hidden;}
.promore .i{ position: absolute; background: url(../images/promoreico.png) no-repeat; width: 27px; height: 27px; left: 0px; top: 0px; transition: 400ms;}
.productList li:hover{ background-color: #f4f2f2;}
.productList li:hover .ico .i1{ display: none;}
.productList li:hover .ico .i2{ display: block;}
.productList li:hover .promore .i{ left: 4px;}
.productList li:hover .img img{ filter: Alpha(Opacity=80); opacity: 0.8; transform: scale(1.1); -webkit-transform: scale(1.1)}
.productList li.article-block{ top: 50px; position: relative; opacity: 0;}
.productList li.articleShow{ top: 0px; position: relative; opacity: 1; transition: 500ms ease 200ms;}
.bge2{ background-color: #e2e2e2;}
.more3{ background-color: #E77817; color: #fff; display: block; float: left; position: relative; padding: 22px 30px; font-size: 15px;}
.more3 .i1{ position: absolute; left: 0px; top: 0px; width: 0%; height: 100%; transition: 300ms; background-color: #8f8f8d;}
.more3 .i2{ position: relative; z-index: 2;}
.more3:hover .i1{ width: 100%;}
.proVIdeo{ margin: 135px auto 0px; height: 376px; overflow: hidden; border-bottom: 7px solid #E77817;}
.proVIdeo #vbBox{ width: 100%; height: 376px;}
#vbBox_controlbar{ bottom: -50px!important;}
#vbBox_display_button_play{ background: url(../images/vico1.png) no-repeat !important; width: 62px !important; height: 62px !important;}
.t-VideoBox{ position: relative; margin-top: 80px; overflow: hidden; height: 600px;}
.t-VideoBox #vbBox{ width: 100%; height: 600px;}
.t-VideoBox .vbcon{ position: absolute; top: 34%; text-align: center; color: #ffffff; font: 36px/1.2 "microsoft yahei"; width: 100%;}
.t-VideoBox .vbcon .name{ font-weight: bold; padding-left: 10px;}
#vbBox_logo,#videocontainer_menu,#wrapvidepo_logo,.jwclick{ display:none!important; }
.t-VideoBox .vico{ position: absolute; left: 50%!important; top: 50%!important; }
#vbBox_display_button{ background:none no-repeat!important;}
.jwplayer .jwdisplayIcon div{ background: url(../images/vico1.png) no-repeat; width: 68px; height: 68px;}
.prolistDD { margin-left: -22px; padding: 86px 0px; overflow: hidden;}
.prolistItem { float: left; display: block; margin: 0px 0px 22px 22px; width: 305px; background-color: #ffffff; color: #6a6a6a; position: relative; }
.prolistItem a { color: #6a6a6a; }
.prolistItem .img { width: 100%; position: relative; overflow: hidden; background-color: #000;}
.prolistItem .img img { width: 100%; display: block; transition: transform 400ms; -webkit-transition: -webkit-transform 400ms;}
.prolistItem .img .black { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; display: none; background: url(../images/black_pbg.png) repeat; }
.prolistItem .img .pmore { position: absolute; width:100%;left: 0%; top: 50%; text-align: center; display: none; font: 14px/1.4 "microsoft yahei"; color: #fff;}
.prolistItem .con { padding: 32px 20px; text-align: center; font: 15px/1.4 "microsoft yahei"; height: 20px; overflow: hidden;}
.prolistItem .k1 {background-color: #ff8d12;top:100%;display: block;height: 0;left: 0;position: absolute;width: 100%;}
.prolistItem:hover .img img{ transform: scale(1.1); -webkit-transform: scale(1.1);filter: Alpha(Opacity=80); opacity: 0.8; }
.proAct .img .black { display: block; }
.proAct .img .pmore { display: block; margin-top: -12px; }
.proAct .k1 { height: 10px; }
.proclose{ background: url(../images/proClose.png) no-repeat; width: 35px; height: 35px; display: block; margin: 0px auto 20px; position: relative;}
.proclose .i{ background: url(../images/procloseIco.png) no-repeat; width: 13px; height: 13px; position: absolute; left: 11px; top: 11px; transition: 400ms;}
.proclose:hover .i{ transform: rotate(90deg);}
.proBox { position: relative; margin: 0px 0px 22px 22px; padding:20px 0px 40px; display: none; clear: both;}
.probanner { width: 100%; position: relative; }
.probanner img { width: 100%; display: block; }
.probanner .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto { padding: 0px; bottom: -38px; }
.probanner .bx-wrapper .bx-pager.bx-default-pager a { background-color: #c8c8c8; }
.probanner .bx-wrapper .bx-pager.bx-default-pager a:hover, .probanner .bx-wrapper .bx-pager.bx-default-pager a.active { background-color: #e60027; }
.probanner .bx-wrapper .bx-controls-direction a { width: 88px; height: 100%; position: absolute; background-repeat: no-repeat; background-position: center center; top: 0px; text-indent: -99em; overflow: hidden;}
.probanner .bx-wrapper .bx-prev { background-image: url(../images/pro_l.png); left: 0px;}
.probanner .bx-wrapper .bx-next { background-image: url(../images/pro_lr.png); right: 0px;}
.proBox a:link, .proBox a:visited { color: #7c7c7c;}
.proBox a:active, .proBox a:hover{ color: #5f5f5f;}
.protxt { padding: 42px 5% 42px; text-align: center; font-size: 14px; color: #ababab; background-color: #fff;}
.protxt .t { color: #6a6a6a; margin-bottom: 5px; }
/*product style end*/
/*news style*/
.newNav{ padding: 115px 0px;}
.newNav .more3{ margin-right: 5px;}
.newNav a.more3{ padding: 22px 48px; background-color: #8f8f8d;}
.newNav a.more3 .i1{ background-color: #FF8107;}
.newNav a.more3.act .i1{ width: 100%;}
.newlist a:link, .newlist a:visited { color: #848484;}
.newlist a:active, .newlist a:hover{ color: #5f5f5f;}
.newlist{ width: 984px; margin: 0px auto;}
.newlist li{ width: 304px; padding: 0px 12px; margin-bottom: 36px; float: left; display: block;}
.newlist li a{ display: block; overflow: hidden;}
.newlist li .con{ background-color: #fff; padding: 34px 40px;}
.newlist li .t{ color: #646464; font: 15px/1.4 "microsoft yahei"; height: 20px; overflow: hidden;}
.newlist li .nmore{ color: #e77817;}
.newlist li .img{ height: 154px; overflow: hidden; background-color: #000;}
.newlist li .img img{ width: 100%; display: block;transition: transform 400ms; -webkit-transition: -webkit-transform 400ms;}
.newlist li:hover a{box-shadow:0 0 3px 0 rgba(0, 0, 0, 0.3);}
.newlist li:hover .img img{ transform: scale(1.1); -webkit-transform: scale(1.1);filter: Alpha(Opacity=80); opacity: 0.8; font-family: ;}
.paging a:link, .paging a:visited { color: #fff;}
.paging a:active, .paging a:hover{ color: #fff;}
.paging{ padding: 95px 0px 115px;}
.paging a{ float: left; display: block; padding: 22px 12px; background-color: #c0c0c0;}
.paging a.np{ padding: 22px 28px;}
.paging a:hover{ background-color: #FE8D2C;}
.infoT{ padding:64px 0px 0px;}
.infoT .t{ font: 22px/1.5 "microsoft yahei"; color: #646464; margin-bottom: 12px; text-align: justify;}
.infoC a:link, .infoC a:visited { color: #848484;}
.infoC a:active, .infoC a:hover{ color: #5f5f5f;}
.infoC{ padding-top: 64px; text-align: justify;}
.infoC img{ max-width: 100%; color: #7f7f7f; line-height: 2;}
.w614{ width: 614px; margin: 0px auto;}
.olPaging{ padding-top: 115px;}
.olPaging a{ display: block; width: 49.99%; float: left; display: block; text-align: right; height: 70px; color: #fff; background-color: #8f8f8d;}
.olPaging a.next{ float: right; text-align: left;}
.olPaging a span{ display: inline-block; height: 70px; font: 16px/70px "microsoft yahei"; padding: 0px 52px; color: #fff; transition: 300ms;}
.olPaging a.prev span{ background: url(../images/olpaging1.png) no-repeat scroll 4% center;}
.olPaging a.next span{ background: url(../images/olpaging2.png) no-repeat scroll 96% center;}
.olPaging a:hover{ background: #FF8107;}
.olPaging a.prev:hover span{ background-position: left center;}
.olPaging a.next:hover span{ background-position: right center;}
/*news style end*/
/*contact style*/
.inviteCon a:link, .inviteCon a:visited { color: #fff;}
.inviteCon a:active, .inviteCon a:hover{ color: #fff;}
.inviteCon{ background-color: #e77816;color: #fff; text-align: center; padding:8% 5%; width: 90%; overflow: hidden;}
#invitePage .aboutTab{ padding-bottom: 0px; width: 960px;}
#invitePage .aboutTab a{ width: 191px; margin: 0px 1px 0px 0px; font-size: 16px;}
#invitePage .aboutTab a:last-child{ width: 192px; margin-right: 0px;}
#joinPage,#networkPage,#mapPage{ padding-bottom: 0px;}
#joinPage,#networkPage,#mapPage{ padding-bottom: 0px;}
#joinPage .iboxT,#networkPage .iboxT,#mapPage .iboxT{ padding-bottom: 70px;}
.join-dl{ padding-bottom: 60px; position: relative; opacity: 0; top: 50px; font-size: 13px;}
.articleShow .join-dl{ transition: 700ms ease 350ms; top: 0px; opacity: 1;}
.join-dl .jt{ width: 90%; margin: 0px auto; padding: 20px 0px;}
.join-dl .jnum, .join-dl .jbtn { float: left; display: inline-block; padding: 0px 5%; }
.join-dl .jname { width: 30%; float: left; display: inline-block; }
.join-dl .jnum { width: 18%; }
.join-dl .jbtn { float: right; position: relative; height: 22px; overflow: hidden; padding: 0px;}
.join-dl .jbtn i { display: block; position: relative; }
.join-dl .jbtn i.i2 { color: #fff; }
.join-dl dd { margin-bottom: 13px; }
.join-dl i { font-style: inherit; }
.join-dl .jtbox { background-color: #ebebeb; color: #646464; cursor: pointer; transition: 300ms;}
.join-dl .jcbox { padding:35px 10%; background-color: #e77816; line-height: 2; display: none; color: #fff; }
.join-dl .jtboxact,.join-dl .jtbox:hover { color: #fff; background-color: #e77816; }
.join-dl .jtboxact .jt{ border-bottom: 1px solid #ec9345;}
.jcbox a:link, .jcbox a:visited { color: #212121;}
.jcbox a:active, .jcbox a:hover{ text-decoration: underline;}
.joinMore{ display: block; background-color: #ff8107; height: 58px; font: 14px/58px "microsoft yahei"; color: #fff; text-align: center;}
.joinMore .ico{ background: url(../images/olpaging2.png) no-repeat scroll right center; padding-right: 40px; color: #fff; display: inline-block;}
.joinMore:hover{ background-color: #8f8f8d;}
.networkList{ width: 960px; margin: 0px auto; padding-bottom: 110px;}
.networkList li { background-color: #ebebeb; margin-bottom: 10px; position: relative; top: 50px; opacity: 0px;}
.networkList li:hover { background-color: #e7e7e7; }
.networkList .img { float: left; display: inline-block; width: 338px; height: 169px; overflow: hidden; }
.networkList .img img { width: 100%; display: block;}
.networkList .con { padding-left:404px; }
.networkList .con .t1, .networkList .con .t2{ overflow: hidden; float: left; display: inline-block; padding: 45px 0px 20px;}
.networkList .con .t1 { width: 44%; color: #646464; font-size: 16px;}
.networkList .con .t2 { width: 46%; }
.networkList li.articleShow{ transition: 400ms; top: 0px; opacity: 1;}
.subordContact{ position: relative; width: 100%;}
#subordmapBox{ height: 658px; width: 100%;}
.subordContact-con{ position: absolute; right: 50%; margin-right: -500px; top: 235px; opacity: 0;}
.subordContact-con dl{ width: 268px; float: right;}
.subordContact-con dt{ padding: 30px; height: 55px; font: 22px/1.4 "microsoft yahei"; color: #858585; background-color: #fff;}
.subordContact-con dd{ color: #fff; padding: 30px; line-height: 2.2;}
.subordContact-con dd a:link, .subordContact-con dd a:visited { color: #fff; }
.subordContact-con dd a:active, .subordContact-con dd a:hover { color: #fff; text-decoration: underline;}
.bge77817{ background-color: #e77817;}
.articleShow .subordContact-con{ transition: 700ms ease 350ms; top: 185px; opacity: 1;}
/*contact style end*/
/*healthy style*/
#rawMaterialsPage{ padding-bottom: 0px;}
.rawDemo{ width: 626px; margin: 82px auto 0px; position: relative; top: 50px; opacity: 0;}
.articleShow .rawDemo{ top: 0px; transition: 700ms ease 350ms; opacity: 1;}
.rawBox{ width: 480px; margin: 0px auto;}
.rawBox li{ float: left; display: block; width: 120px; color: #7f7f7f; cursor: pointer; padding-bottom: 40px; position: relative;}
.rawBox li .item{ height: 120px; overflow: hidden;text-align: center;}
.rawBox li .ico{ width: 56px; height: 56px; margin: 16px auto 6px; overflow: hidden; position: relative; top: 0; transition: all 0.3s ease 0s;}
.rawBox li .ico .i1{ display: block;}
.rawBox li .ico .i2{ display: none; position: absolute; left: 0px; top: 0px;}
.rawBox li .sj{ background: url(../images/sj.png) no-repeat scroll center bottom; width: 29px; height: 12px; position: absolute; left: 50%; bottom: 0px; margin-left: -15px; display: none;}
.rawBox li:hover .item,.rawBox li.act .item{ background-color: #E77817; color: #fff;}
.rawBox li.act .sj{ display: block;}
.rawBox li:hover .ico,.rawBox li.act .ico { top: -5px;}
.rawBox li:hover .ico .i1,.rawBox li.act .ico .i1{ display: none;}
.rawBox li:hover .ico .i2,.rawBox li.act .ico .i2{ display: block;}
.rawCon{ background-color: #e77818; position: relative; color: #ebd0b8; font:14px/1.5 "microsoft yahei"; display: none;}
.rawCon .inner{ padding: 45px 0px;}
.rawDemo .rawR,.rawDemo .rawL{ position: absolute; top:40px; width: 29px; height: 30px;}
.rawDemo .rawL{ left: 0px; background-position: 0px 0px;}
.rawDemo .rawR{ right: 0px; background-position: right 0px;}
.rawDemo .bx-prev,.rawDemo .bx-next{  background: url(../images/hlr.png) no-repeat; width: 100%; height: 100%; display: block;}
.rawDemo .bx-prev{ background-position: left top;}
.rawDemo .bx-next{ background-position: right top;}
.rawDemo .rawR:hover .bx-prev{ background-position: left bottom;}
.rawDemo .rawR:hover .bx-next{ background-position: right bottom;}
.lifeList a:link, .lifeList a:visited { color: #fff;}
.lifeList a:active, .lifeList a:hover{ color: #fff;}
.lifeList{ width: 964px; position: relative; top: 50px; opacity: 0;}
.articleShow .lifeList{ top: 0px; transition: 700ms ease 350ms; opacity: 1;}
.lifeList li{ float: left; display: block; width:318px; background-color: #8f8f8d; margin:0px 3px 20px 0px; transition: 300ms;}
.lifeList li a{ display: block; padding: 10px 11px 32px;}
.lifeList .img{ width: 100%; overflow: hidden; height: 130px; margin-bottom: 30px;}
.lifeList .img img{ width: 100%; display: block; transition: transform 400ms; -webkit-transition: -webkit-transform 400ms;}
.lifeList .con{ height: 25px; overflow: hidden; font-size: 16px; text-align: center;}
.lifeList li:hover{ background-color: #FF8107;}
.lifeList li:hover .img img{ transform: scale(1.1); -webkit-transform: scale(1.1);}
.cfff{ color: #fff;}
/*healthy style end*/
.backTop { background: url(../images/backTop.png) no-repeat; width: 50px; height: 50px; position: fixed; bottom: 5%; right: 1%; z-index: 9999; display: none; }
.backTop .ico { display: block; width: 11px; height: 12px; background: url(../images/backTop_ico.png) no-repeat scroll center top; margin: 12px auto 0px; -webkit-transition: all 400ms; -ms-transition: all 400ms; -moz-transition: all 400ms; transition: all 400ms;}
.backTop:hover .ico { margin-top: 8px;}
@media screen and (max-width:1441px){
	.newNav{ padding: 70px 0px;}
	.paging{ padding: 70px 0px;}
    .olPaging{ padding-top: 70px;}
    .backTop{ right: 0px;}
    .apage,.apage2,.apage3{ height: 450px;}
}
@media screen and (max-width:1361px){
	.iboxDL{ height: auto;}
	.iboxPage{ height: 498px;}
	.iboxT{ padding: 42px 10% 32px;}
	.iboxMore{ padding: 0px 10%;}
	.familyIco{ width: 80%;}
	.familyIco li{ width: 49%;}
	.familyIco li.lin3{ border-top: 0px none;}
	.icoList li{ width: 50%;}
	.knowledgeCon .c{ height: 142px; margin-bottom: 22px;}
	.icoList{ width: 80%; margin: 0px auto;}
	.bannerBox .bfont{ width: 960px; margin-left: -480px;}
	.bannerBox li.li1 .text{ padding-left: 0px;}
	.bannerBox .text .p1{ font-size: 24px;}
	.bannerBox .text .p2{ font-size: 60px;}
	.bannerBox li.li1 .text .p1{ font-size: 60px;}
	.bannerBox li.li1 .text .p2{ font-size: 24px;}
    .apage,.apage2,.apage3{ height: 350px;}
}
@media screen and (max-width:1281px){
	.proVIdeo{ margin-top: 50px;}
	.prolistDD{ padding: 50px 0px;}
	.newNav{ padding: 50px 0px;}
	.paging{ padding: 50px 0px;}
    .olPaging{ padding-top: 50px;}
    .apage,.apage2,.apage3{ height: 280px;}
}
@media screen and (max-width:1024px){
	.inner{ width: 90%;}
	.top .inner{ width: 100%;}
	.logo{ left: 5%;}
	.navbox{ width: 100%; left: 0px; margin-left: 0px;}
	.mtop{ height: 80px;}
	.bannerBox .bfont{ width: 90%; left: 5%; margin-left: 0px;}
	.pageBox{ padding: 65px 0px;}
	.aboutTab,#invitePage .aboutTab{ width: 90%;}
	.aboutTab a,#invitePage .aboutTab a{ width: 19%; margin: 0px 1% 1% 0px; font-size: 14px;}
	#invitePage .aboutTab a:last-child{ width: 20%;}
	.apage,.apage2,.apage3{ height: 380px; background-size: cover; background-attachment: inherit;}
	.apage3{ height: 240px;}
	.apage img,.apage2 img,.apage3 img{ display: none;}
	.productmain{padding: 0px;}
	.productList{ width: 100%;}
	.prolistDD { margin-left: -1.3%; }
    .prolistItem { margin: 0px 0px 25px 1.3%; width: 32%; }
    .proBox { margin: 0px 0px 25px 1.3%; }
    .probanner .bx-wrapper .bx-controls-direction a{ width: 50px;}
    .newlist{ width: 90%;}
    .newlist li{ padding: 0px 3% 0px 0px; width:30.33%;}
    .newlist li .con{ padding: 34px 6%;}
    .newlist li .img{ height: auto;}
    .networkList{ width: 90%; padding-bottom: 70px;}
    .networkList .con .t1{ float: none; display: block; width: auto; padding: 20px 0px 15px;}
    .networkList .con .t2{ float: none; display: block; width: auto; padding: 0px;}
	.subordContact-con,.articleShow .subordContact-con{ position: relative; right: auto; top: 0px; width: 100%;}
    #subordmapBox{ height: 400px;}
    .subordContact-con dl{ float: none; width: 100%;}
    .subordContact-con dt{ height: auto; padding:5% 5%;}
    .subordContact-con dd{ padding:5% 5%;}
    .lifeList{ width: 101%;}
    .lifeList li{ width: 31.33%; margin-right: 2%;}
    .lifeList .img{ height: auto; margin-bottom: 15px;}
    .lifeList li a{ padding: 10px 10px 15px;}
    .backTop{ background-size: cover; width: 42px; height: 42px;}
	.backTop .ico{ width: 9px; height: 10px; margin: 12px auto 0;}
	.backTop:hover .ico{ margin-top: 9px;}
}
@media screen and (max-width:861px){
	.tnav{ display: none;}
	.top .inner,.menu-handler,.mtop{ height: 59px;}
	.menu-handler .ico{ top: 17px; left: 12px;}
	.menu-handler{ width: 86px;}
	.menu-handler .burger{ top: 24px;}
	.menu-handler .burger-2 { top: 29px; }
	.menu-handler .burger-3 { top: 34px; }
	.csstransforms .menu-handler.active .burger-1,.csstransforms .menu-handler.active .burger-3{ top: 29px; }
	.logo{ width: 50px;}
	.navbox{ position: relative; top: 0px;}
	.nav{ display: none;}
	.navMobile{ display: block;}
	.iboxDL dd{ width: 50%;}
	.iboxDL .healthBox .iboxPage{ border-left: 0px none;}
	.icoList{ width: 84%; margin: 0px auto;}
	.iboxPage{ border-bottom: 1px solid #e6e6e6;}
	.footBox{ padding: 42px 5%;}
	.footBox .con,.footBox .r{ float: none; display: block;}
	.footBox p.knav{ margin-bottom: 42px;}
	.bannerBox .text .p1{ font-size: 20px;}
	.bannerBox .text .p2{ font-size: 54px;}
	.bannerBox li.li1 .text .p1{ font-size: 54px;}
	.bannerBox li.li1 .text .p2{ font-size: 20px; padding: 8px 0px;}
	.pbanner .vt{ display: none;}
	.pbanner{ height: 284px;}
	.aboutTab{ padding-bottom: 40px;}
	.aboutTab a{ width: 100%; margin-bottom: 10px;}
	.advCon1{ width: 90%;}
	.prolistDD { margin-left: -2%; }
    .prolistItem { margin: 0px 0px 25px 2%; width: 48%; }
    .proBox { margin: 0px 0px 25px 2%; }
    .newNav a.more3{ padding: 15px 28px;}
    .newlist{ width: 100%;}
    .newlist li{ padding: 0px 0px 0px 5%; width:42.5%;}
    .join-dl .jname{ width: auto;}
    .join-dl .jnum{ display: none;}
    .networkList li{ margin-bottom: 20px;}
    .networkList .img{ width: 50%; height: auto;}
    .networkList .con{ float: right; display: block; padding: 0px; width: 46%;}
    .lifeList{ width: auto;}
    .lifeList li{ width: 100%; float: none;}
    .lifeList li a{ padding: 10px 10px 30px;}
    .lifeList .img{ margin-bottom: 30px;}
    .lifeList li .con{ height: auto;}
    #invitePage .aboutTab a,#invitePage .aboutTab a:last-child{ width: 32.33%;}
}
@media screen and (max-width:641px){
	.iboxDL{ height: auto;}
	.iboxDL dd{ width: 100%;}
	.iboxPage{ border-left:1px 0px none; border-bottom: 1px solid #e6e6e6; height: auto; padding-bottom: 42px;}
	.familyIco{ width: 84%; margin-top: 0px;}
	.familyIco li{ width: 25%;}
	.familyIco li.lin3{ border-top: 1px solid #E77818;}
	.icoList li{ width: 25%;}
	.knowledgeCon .c{ height: auto;}
    .banner .bannerBox li .img{ display: none;}
	.bannerBox .text .p1{ font-size: 18px;}
	.bannerBox .text .p2{ font-size: 46px;}
	.bannerBox li.li1 .text .p1{ font-size: 46px;}
	.bannerBox li.li1 .text .p2{ font-size: 18px; padding: 6px 0px;}
	.advCon2,.advCon3{ width: 90%;}
	.felist{ width: 100%;}
	.felist dd{ width: 50%; margin-bottom: 10px;}
	.productList .img{ float: none; width: 100%;}
	.productList .con{ float: none; width: 100%; padding: 35px 0px;}
	.prolistDD { margin: 0px; }
    .prolistItem { float: none; width: 100%; margin: 0px 0px 25px 0px; }
    .proBox { margin: 0px 0px 25px 0; }
    .paging{ text-align: center; padding: 20px 0px 50px;}
    .paging a{ float: none; display: inline-block; padding: 8px 12px;}
    .paging a.np{ padding: 8px 12px;}
    .w614{ width: 100%;}
    .networkList .img{ width: 100%; float: none; display: block;}
    .networkList .con{ width: 90%; padding: 6% 5%; float: none;}
    .networkList .con .t1{ padding: 0px 0px 20px;}
    .infoT,.infoC{ padding-top: 40px;}
    .infoT .t{ font-size: 18px;}
    .rawDemo{ width: 90%;}
    .rawBox{ width: 72%;}
    .rawBox li{ width: 50%;}
    #invitePage .aboutTab a,#invitePage .aboutTab a:last-child{ width: 49%; margin: 0px 1% 1% 0px;}
}
@media screen and (max-width:481px) {
	.familyIco{ border-left: 0px none; width: 100%; margin-left: 0px;}
	.familyIco li{ width: 49.5%; border-bottom: 0px none;}
	.familyIco li.lin1,.familyIco li.lin3{ border-left: 1px solid #e77818;}
	.familyIco li.lin3{ width: 99.4%; border-top: 1px solid #e77818;border-bottom: 1px solid #e77818;  }
	.icoList{ width: 100%;}
	.icoList li{ width: 50%;}
	.icoList li a{ background-color: #f1f1f1;}
	.footBox .knav{ margin-bottom: 42px;}
	.wl{ display: block; margin-right: 0px;}
	.f13{ margin-bottom:4px;}
	.bannerBox .text .p1{ font-size: 16px;}
	.bannerBox .text .p2{ font-size: 36px;}
	.bannerBox .text .p3{ font-size: 15px;}
	.bannerBox li.li1 .text .p1{ font-size: 36px;}
	.bannerBox li.li1 .text .p2{ font-size: 16px; padding: 4px 0px;}
    .newlist{ width: 90%;}
    .newlist li{ padding: 0px 0px 0px 0px; width:100%; float: none;}
    .olPaging a span{ padding:0px 45px;}
}
.wrapper { width: 1024px; margin: 0 auto; }
#header { position: absolute; top: 0; left: 0; width: 100%; height: 123px; z-index: 10; }
#header .bg { left: 0; width: 100%; height: 123px; background-color: #002943; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; filter: alpha(opacity=90); opacity: 0.9; }
#header .wrapper { height: 123px; }
#header .logo { width: 113px; height: 100%; overflow: hidden; background-image: url(../images/logo.png); top: 0; left: 0; }
#header .metas { top: 10px; right: 0; color: #fff; }
#header .metas a { color: #fff; }
#header .metas .home { background: url(../images/icon-home.png) 0 50% no-repeat; padding-left: 20px; }
#header .metas .tel { background: url(../images/icon-tel.png) 0 50% no-repeat; padding-left: 20px; margin-left: 20px; }
#header .metas .tel strong { font-style: italic; }
#header .nav { bottom: 0; right: 0; }
#header .nav li a { color: #fff; padding: 0 25px 20px; font-size: 13px; }
#header .nav li a:hover { color: #fdf21c; }
#header .nav li .nav-sub { border-top: solid #fdf21c 2px; display: none; width: 84px; text-align: center; top: 35px; left: 50%; margin-left: -42px; background-color: #002943; }
#header .nav li .nav-sub a { height: 28px; line-height: 28px; padding: 0; font-size: 12px; }
#header .nav li .nav-sub a:hover { background-color: #fdf21c; color: #002943; }
.swiper { height: 584px; }
.swiper .swiper-slide { width: 100%; position: absolute; top: 0; left: 0; height: 584px; overflow: hidden; display: none; }
.swiper .swiper-slide a { display: block; }
.swiper .swiper-slide img { position: absolute; top: 0; left: 50%; width: 1920px; margin-left: -960px; -webkit-transform: scale(1.5); -moz-transform: scale(1.5); -ms-transform: scale(1.5); transform: scale(1.5); -webkit-transition: 0.8s; -moz-transition: 0.8s; -ms-transition: 0.8s; transition: 0.8s; }
.swiper .swiper-slide.current img { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); transform: scale(1); }
.swiper .pagination { bottom: 26px; left: 0; text-align: center; width: 100%; z-index: 999; }
.swiper .pagination span { display: inline-block; width: 14px; height: 14px; margin: 0 6px; background: url(../images/icon-dots.png) 0 0 no-repeat; cursor: pointer; }
.swiper .pagination span.swiper-active-switch { background-position: 100% 0; }
.activity .header { padding: 100px 0 42px; }
.activity .list { padding-bottom: 28px; height: 354px; }
.activity .list li { width: 342px; margin-left: -1px; }
.activity .list li .title { padding: 18px 15px; border-left: solid #e9e9e9 1px; border-right: solid #e9e9e9 1px; height: 40px; }
.activity .list li .title a { font-size: 14px; color: #090909; }
.activity .list li .title a:hover { text-decoration: underline; }
.activity .list li .btn { padding: 0 15px 20px; border: solid #e9e9e9 1px; border-top: none; }
.activity .list li .btn a { display: block; width: 78px; height: 24px; line-height: 26px; font-family: simsun; font-size: 12px; color: #fff; background-color: #bebebe; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px; text-align: center; }
.activity .list li .btn a:hover { background-color: #4e99c9; }
.activity .more { padding: 0 0 70px; }
.activity .more a { width: 194px; height: 45px; display: block; margin: 0 auto; background: url(../images/icon-more.png) no-repeat; }
.activity .more a:hover { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; filter: alpha(opacity=90); opacity: 0.9; }
.sport-cate { height: 679px; background: url(../images/bg-cate.jpg) 50% 0 no-repeat; }
.sport-cate .tab-title { text-align: center; padding: 100px 0 75px; margin-top: 40px; }
.sport-cate .tab-title a { display: inline-block; width: 129px; height: 44px; background: url(../images/icon-cate.png); margin: 0 2px; overflow: hidden; }
.sport-cate .tab-title .tab1 { background-position: 0 0; }
.sport-cate .tab-title .tab1:hover,
.sport-cate .tab-title .tab1.current { background-position: 0 -50px; }
.sport-cate .tab-title .tab2 { background-position: -133px 0; }
.sport-cate .tab-title .tab2:hover,
.sport-cate .tab-title .tab2.current { background-position: -133px -50px; }
.sport-cate .tab-title .tab3 { background-position: -267px 0; }
.sport-cate .tab-title .tab3:hover,
.sport-cate .tab-title .tab3.current { background-position: -267px -50px; }
.sport-cate .tab-title .tab4 { background-position: -400px 0; }
.sport-cate .tab-title .tab4:hover,
.sport-cate .tab-title .tab4.current { background-position: -400px -50px; }
.sport-cate .tab-cont { height: 322px; margin-top: 40px; }
.sport-cate .tab-cont .swiper-slide { height: 322px; }
.sport-cate .tab-cont .image { width: 554px; margin-left: 43px; float: left; }
.sport-cate .tab-cont .infos { padding: 40px 34px 0; float: left; width: 316px; height: 282px; background-color: #fff; }
.sport-cate .tab-cont .infos .header { color: #4e99c9; }
.sport-cate .tab-cont .infos .header .title { font-size: 18px; }
.sport-cate .tab-cont .infos .header .title span { padding-left: 10px; font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; font-style: italic; }
.sport-cate .tab-cont .infos .header .meta { font-size: 14px; }
.sport-cate .tab-cont .infos .intro { padding: 32px 0 58px; color: #525252; line-height: 1.6; }
.sport-cate .tab-cont .infos .more a { width: 90px; height: 24px; line-height: 24px; text-align: center; color: #fff; background-color: #d2d2d2; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px; display: block; font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; }
.sport-cate .tab-cont .infos .more a:hover { background-color: #4e99c9; }
.sport-cate .tab-cont .prev,
.sport-cate .tab-cont .next { background: url(../images/icon-arrow.png) no-repeat; top: 160px; width: 20px; height: 30px; cursor: pointer; }
.sport-cate .tab-cont .prev { background-position: 0 0; left: 0; }
.sport-cate .tab-cont .prev:hover { background-position: 0 -50px; }
.sport-cate .tab-cont .next { background-position: -58px 0; right: 0; }
.sport-cate .tab-cont .next:hover { background-position: -58px -50px; }
#footer { height: 160px; background-color: #002943; color: #fff; }
#footer .wrapper { height: 160px; }
#footer a { color: #fff; }
#footer a:hover { text-decoration: underline; }
#footer .copy { bottom: 50px; left: 0; line-height: 2; font-family: simsun; }
#footer .social { bottom: 50px; right: 0; }
#footer .social .meta { position: absolute; top: 0; right: 85px; width: 150px; height: 67px; text-align: right; }
#footer .social .meta .icons { position: absolute; bottom: 0; right: 0; height: 33px; }
#footer .social .meta .icons a { display: inline-block; width: 33px; height: 33px; background: url(../images/icon-social.png) no-repeat; margin-left: 14px; }
#footer .social .meta .icons a:hover { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; filter: alpha(opacity=80); opacity: 0.8; }
#footer .social .meta .icons .wechat { background-position: 0 0; }
#footer .social .meta .icons .sina { background-position: -46px 0; }
#footer .social .meta .icons .qq { background-position: -93px 0; }
#footer .social .qr { width: 67px; height: 67px; }
.banner { overflow: hidden; height: 600px; }
.banner img { width: 1920px; position: absolute; top: 0; left: 50%; margin-left: -960px; }
.about { overflow: hidden; }
.about .ani-view { margin-top: 40px; opacity: 0; }
.about .brand { background-color: #0083e2; color: #fff; text-align: center; padding: 80px 0 100px; }
.about .brand h1 { font-size: 24px; padding-bottom: 30px; }
.about .brand .cont { line-height: 22px; }
.about .intro { padding: 90px 0 130px; color: #676767; line-height: 22px; }
.about .intro .inner { padding-left: 30px; }
.about .cultrue { z-index: 2; }
.about .cultrue .tophead { height: 408px; }
.about .cultrue .tophead .img { width: 1441px; position: absolute; top: 0; left: 50%; margin-left: -720px; }
.about .cultrue .tophead .icon { width: 159px; left: 0; bottom: -102px; }
.about .cultrue .cont { padding: 170px 0 260px; color: #676767; line-height: 22px; }
.about .cultrue .intro { bottom: -70px; left: 0; width: 100%; background-color: #709ca9; padding: 0; }
.about .cultrue .intro .image { width: 511px; height: 278px; }
.about .cultrue .intro .text { position: absolute; top: 40px; left: 540px; color: #fff; }
.about .history { background-color: #e9e9e9; padding-top: 140px; }
.about .history .header { color: #676767; text-align: center; }
.about .history .header h1 { font-size: 24px; }
.about .history .header .meta { line-height: 22px; padding: 34px 0 45px; }
.about .history .folder { margin-bottom: 10px; }
.about .history .folder .title { background-color: #a7a7a7; height: 60px; line-height: 60px; color: #fff; padding: 0 25px; font-size: 14px; cursor: pointer; -webkit-transition: 0.5s; -moz-transition: 0.5s; -ms-transition: 0.5s; transition: 0.5s; }
.about .history .folder .title em { width: 24px; height: 24px; background: url(../images/icon-folder.png) -30px 0 no-repeat; position: absolute; top: 18px; right: 20px; }
.about .history .folder .title:hover { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; filter: alpha(opacity=90); opacity: 0.9; }
.about .history .folder .container { display: none; padding: 25px 20px; background-color: #fff; line-height: 22px; color: #676767; }
.about .history .folder.open .title { background-color: #0083e2; }
.about .history .folder.open .title em { background-position: 0 0; }
.about .history .conclusion { padding: 70px 0 170px; color: #676767; line-height: 22px; }
.contact { padding-bottom: 118px; }
.contact .item { padding: 90px 0 0; }
.contact .item .addr { line-height: 28px; color: #676767; }
.contact .item .addr .name { font-size: 16px; }
.contact .item img { width: auto; }
.contact .map { height: 456px; }
.job .ani-view { opacity: 0; margin-top: 40px; }
.job .header { text-align: center; font-size: 14px; line-height: 24px; padding: 100px 0 70px; }
.job .list { border-bottom: solid #e0dfdf 1px; padding-bottom: 130px; }
.job .list .head { border-top: solid #e0dfdf 1px; height: 42px; line-height: 42px; color: #777; }
.job .list .item1 { width: 300px; padding-left: 20px; }
.job .list .item2 { width: 90px; text-align: center; }
.job .list .item3 { width: 510px; text-align: center; }
.job .list .folder .title { height: 42px; line-height: 42px; border-top: solid #eaeaea 1px; background-color: #f3f3f3; color: #a1a1a1; cursor: pointer; -webkit-transition: 0.5s; -moz-transition: 0.5s; -ms-transition: 0.5s; transition: 0.5s; }
.job .list .folder .title em { width: 12px; height: 8px; position: absolute; top: 18px; right: 30px; background: url(../images/icon-folder2.png) 0 -10px no-repeat; -webkit-transition: 0.5s; -moz-transition: 0.5s; -ms-transition: 0.5s; transition: 0.5s; }
.job .list .folder .container { padding: 20px 10px; color: #a7a7a7; line-height: 24px; }
.job .list .folder.open .title { background-color: #0083e2; color: #fff; }
.job .list .folder.open .title em { background-position: 0 0; }
.knowledge { padding-bottom: 50px; }
.knowledge .header { padding: 30px 0 60px; height: 46px; }
.knowledge .header a { width: 168px; height: 46px; margin-right: 4px; background-color: #bababa; font-size: 14px; font-weight: bold; text-align: center; float: left; line-height: 46px; color: #fff; }
.knowledge .header a.current { background-color: #0083e2; }
.knowledge .header a.current:hover { background-color: #0083e2; }
.knowledge .header a:hover { background-color: #a8a7a7; }
.knowledge .cover img,
.knowledge .section img { width: auto; }
.knowledge .section { color: #616161; line-height: 22px; margin-top: 30px; }
.knowledge .section h1 { font-size: 24px; color: #000; padding-bottom: 10px; }
.knowledge .section .intro { margin-bottom: 20px; }
.knowledge .section .intro p { margin:10px 0px; }
.knowledge .section .folder { margin-bottom: 10px; }
.knowledge .section .folder .title { background-color: #bababa; height: 70px; line-height: 70px; color: #fff; padding: 0 20px; cursor: pointer; }
.knowledge .section .folder .title:hover { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; filter: alpha(opacity=90); opacity: 0.9; }
.knowledge .section .folder .title em { width: 32px; height: 5px; top: 32px; right: 28px; display: none; background-color: #fff; overflow: hidden; }
.knowledge .section .folder .title span { top: 0; right: 20px; }
.knowledge .section .folder.open .title { background-color: #0083e2; }
.knowledge .section .folder.open .title em { display: block; }
.knowledge .section .folder.open .title span { display: none; }
.knowledge .section .folder .container { padding: 20px 0; display: none; }
.knowledge .section .folder .container p { margin:10px 0px;}
.employee { overflow: hidden; }
.employee .ani-view { margin-top: 40px; opacity: 0; }
.employee .feature-wrapper { padding-top: 108px; width: 1024px; overflow: hidden; height: 606px; }
.employee .feature-wrapper .feature,
.employee .feature-wrapper img { height: 508px; }
.employee .feature-wrapper .prev,
.employee .feature-wrapper .next { position: absolute; width: 60px; height: 60px; background: url(../images/icon-arrow2.png) no-repeat; top: 200px; cursor: pointer; }
.employee .feature-wrapper .prev { left: 10px; }
.employee .feature-wrapper .next { right: 10px; background-position: -70px 0; }
.employee .feature-wrapper .title { margin-top: 2px; background-color: #0083e2; color: #fff; padding: 18px 0; text-align: center; }
.employee .feature-wrapper .title a { width: 94px; height: 26px; border: solid #fff 1px; text-align: center; line-height: 26px; color: #fff; display: block; margin: 16px auto 0; }
.employee .feature-wrapper .title a:hover { background-color: #1a8fe5; }
.employee .list { margin-top: 18px; margin-bottom: 80px; }
.employee .list li { width: 503px; height: 263px; overflow: hidden; margin-right: 18px; margin-bottom: 18px; }
.employee .list li .image { -webkit-transition: 0.5s; -moz-transition: 0.5s; -ms-transition: 0.5s; transition: 0.5s; }
.employee .list li .image,
.employee .list li .image img { height: 263px; }
.employee .list li .infos-wrapper { bottom: -75px; position: absolute; left: 0; width: 100%; height: 70px; line-height: 70px; }
.employee .list li .infos { background-color: #0083e2; padding: 0 20px; height: 70px; }
.employee .list li .infos a { color: #fff; }
.employee .list li .infos a:hover { text-decoration: underline; }
.employee .list li .infos .view { width: 94px; height: 26px; border: solid #fff 1px; text-align: center; line-height: 26px; color: #fff; position: absolute; top: 20px; right: 20px; }
.employee .list li .infos .view:hover { background-color: #1a8fe5; text-decoration: none; }
.employee .list .loadmore { margin-top: 70px; margin-bottom: 50px; }
.employee .list .loadmore img { cursor: pointer; }
.employee .list .loadmore img:hover { opacity: .9; }
.employee dl { padding-top: 120px; }
.employee dl dt { position: relative; z-index: 2; }
.employee dl dt h1 { font-size: 18px; font-weight: normal; }
.employee dl dt .meta { padding-top: 40px; color: #686565; font-family: simsun; height: 96px; }
.employee dl dt .meta .infos { height: 26px; line-height: 26px; }
.employee dl dt .meta .share { margin-left: 50px; }
.employee dl dt .meta .share span { padding: 0 30px; height: 24px; line-height: 24px; display: inline-block; border: solid #fff 1px; background: url(../images/icon-share2.png) 10px 50% no-repeat; background-color: #fff; position: relative; z-index: 2; cursor: default; }
.employee dl dt .meta .share span i { width: 7px; height: 4px; background: url(../images/icon-arrow4.jpg) 0 0 no-repeat; top: 10px; right: 12px; }
.employee dl dt .meta .share .drop { background-color: #fff; position: absolute; border: solid #d2d2d2 1px; left: 0; top: 25px; width: 152px; display: none; padding-top: 10px; padding-left: 10px; }
.employee dl dt .meta .share .drop a { float: left; width: 28px; height: 28px; display: inline-block; overflow: hidden; margin-right: 10px; margin-bottom: 10px; background-image: url(../images/icon-share.jpg); background-repeat: no-repeat; }
.employee dl dt .meta .share .drop a:hover { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; filter: alpha(opacity=70); opacity: 0.7; }
.employee dl dt .meta .share .drop .weibo { background-position: 0 0; }
.employee dl dt .meta .share .drop .tencent { background-position: -38px 0; }
.employee dl dt .meta .share .drop .qzone { background-position: -76px 0; }
.employee dl dt .meta .share .drop .kaixin { background-position: -114px 0; }
.employee dl dt .meta .share .drop .pengyou { background-position: 0 -38px; }
.employee dl dt .meta .share .drop .baidu { background-position: -38px -38px; }
.employee dl dt .meta .share .drop .netease { background-position: -76px -38px; }
.employee dl dt .meta .share .drop .renren { background-position: -114px -38px; }
.employee dl dt .meta .share.hover span { border-color: #d2d2d2; border-bottom-color: #fff; }
.employee dl dt .meta .share.hover span i { background-position: 0 -10px; }
.employee dl dt .meta .share.hover .drop { display: block; }
.employee dl dt .back { background-color: #e90000; padding: 1px 10px; position: absolute; top: 5px; right: 0; color: #fff; }
.employee dl dt .back:hover { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; filter: alpha(opacity=80); opacity: 0.8; }
.employee dl dd .picshow .big { height: 508px; overflow: hidden; }
.employee dl dd .picshow .big img { height: 508px; }
.employee dl dd .picshow .intro { text-align: center; padding: 10px 0 20px; color: #646464; }
.employee dl dd .picshow .thumb { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.employee dl dd .picshow .thumb .thumb-inner { height: 150px; overflow: hidden; margin: 0 26px; }
.employee dl dd .picshow .thumb .thumb-inner .swiper-wrapper { width: 9999px; }
.employee dl dd .picshow .thumb .thumb-inner .swiper-slide { width: 139px; }
.employee dl dd .picshow .thumb .thumb-inner img { width: 132px; height: 76px; margin: 0 auto; cursor: pointer; }
.employee dl dd .picshow .thumb .thumb-inner img:hover { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; filter: alpha(opacity=80); opacity: 0.8; }
.employee dl dd .picshow .thumb .prev,
.employee dl dd .picshow .thumb .next { width: 31px; height: 31px; position: absolute; top: 22px; background: url(../images/icon-arrow3.png) no-repeat; cursor: pointer; }
.employee dl dd .picshow .thumb .prev { left: -5px; background-position: 0 0; }
.employee dl dd .picshow .thumb .next { right: -5px; background-position: -63px 0; }
.employee dl dd .container { color: #ccc; line-height: 22px; }
.employee .pagenav { margin-top: 110px; background-color: #b7b7b7; color: #fff; height: 75px; text-align: center; }
.employee .pagenav a { color: #fff; }
.employee .pagenav .back { display: inline-block; width: 20px; height: 15px; margin-top: 30px; overflow: hidden; background-image: url(../images/icon-list.gif); }
.employee .pagenav .prev { top: 30px; left: 0; }
.employee .pagenav .prev:hover { text-decoration: underline; }
.employee .pagenav .next { top: 30px; right: 0; }
.employee .pagenav .next:hover { text-decoration: underline; }

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

/*导航的*/
.top .navy{ height:43px; padding-top:10px; clear:both; float:left;}
.top .navy ul li{width:82px;height:27px;float:left;text-align:center;color:#FAE0C7;position:relative;_margin-left:0;}
.top .navy ul li a{color:#2c2c2c; font-size:16px;}
.wefjl{width:70px;height:27px;position:absolute;left:0;top:0;color:#2c2c2c;}
.wejo{width:580px;height:380px;position:absolute;top:44px;left:0;background-color:#ededed;z-index:9999;display:none;border:1px #f4f4f4 solid;}
.navy ul li:hover .wejo{display:block;}
.wemnof{width:200px;height:380px;float:left;}
.wemnof div{width:160px;height:30px;border-bottom:1px solid #cccccc;margin:0 auto;font-size:13px;text-align:left;line-height:30px;color:#3c3c3c;font-weight:800;}
.fwjefl{width:380px;height:380px;float:right;background-color:white;}
.fnwe{width:336px;height:213px;margin:0 auto;margin-top:40px;}
.fnweof{font-size:14px;color:#000;float:left;margin-left:20px;margin-top:10px;width:330px;text-align:left;}
.fwnej{width:336px;margin:0 auto;font-size:13px;color:#333333;line-height:24px;text-align:left;}
.navy ul li:hover{border-bottom:#FAE0C7 2px solid;}
/* 2015-6-2 11:33:0 */
/*导航与banner结束*/

/*首页的产品中心*/
.content .chan_na{ height:333px; width:1120px; margin:0 auto;}
.content .chan_na .chan_na_top{ height:81px; line-height:81px;}
.content .chan_na .chan_na_top .chan_na_top_left{ float:left;}
.content .chan_na .chan_na_top .chan_na_top_left .span01{ font-size:24px; font-weight:bold; color:#2c2c2c;}
.content .chan_na .chan_na_top .chan_na_top_left .span02{ font-size:14px; color:#a2a2a2;}
.content .chan_na .chan_na_top .chan_na_top_right{ float:right;}
.content .chan_na .chan_na_top .chan_na_top_right a{ font-size:16px; color:#005dad;}
.mt14{margin-top:14px;}
.mr_t1 { background: url(../images/mr_1px.jpg) repeat-x left bottom; height: 40px; padding-right: 16px; }
.mr_t1name { font: bold 16px/40px "微软雅黑"; color: #FFF; background: #2257A2 url(../images/mr_t1bg.jpg) no-repeat right top; height: 40px; width: 120px; padding-left: 21px; float: left; }
.mr_t1name img { float: left; margin-top: 9px; margin-right: 6px; display: inline; }
.mr_frbox { height: 168px; position:relative; }
.mr_frBtnL { float: left; cursor: pointer; display: inline;position: absolute;
top: 71px;
left: -48px;
}
.mr_frUl { float: left; height: 168px; width: 996px;clear: both; }
.mr_frBtnR { float: right;cursor: pointer; position: absolute;
top: 71px;
right: -41px;}
.mr_frUl ul li { display: inline; float: left; height: 223px; width: 270px; margin-right: 11px; overflow: hidden; position:relative; cursor:pointer;}
.mr_frUl ul li img { display: block; margin-bottom: 7px; border: 1px solid #D8D8D8; }
.mr_frUl ul li .img_na .cai{ position:absolute; bottom:47px; left:0; display:none;}
.mr_frUl ul li:hover .cai{ display:block;}
.mr_frUl ul li span{ text-align:center; width:273px; display: inline-block;}
.mr_frUl ul li span a{ font-size:18px; color:#3c3c3c; font-weight:bold;}
.mr_frUl ul li:hover a{ color:#005FAC;}
/*产品中心结束*/
/*查看更多模块*/
.content .cha_na{width:100%; height:441px; background:url(../images/bg.jpg) no-repeat center center;}
.content .ch{ width:1120px; margin:0 auto;}
.content .cha_na .cha_na_right{width:560px; float:right; padding-top:131px;}

.content .cha_na .cha_na_right h3{ font-size:20px; color:#fff;}
.content .cha_na .cha_na_right p{ color:#fff; padding-top:19px; padding-bottom:56px;}
.content .cha_na .cha_na_right span{width:133px; height:36px; border:1px solid #fff; text-align:center; line-height:36px; display: inline-block;}
.content .cha_na .cha_na_right span a{ color:#fff;}

/*工程案例开始*/
.mr_frbox01 { height: 331px; position:relative; }
.mr_frUl01 { float: left; height: 331px; width: 1144px;clear: both; }
.mr_frbox01 .mr_frBtnR { float: right;cursor: pointer; position: absolute;
top: 146px;
right: -58px;}
.mr_frUl01 ul li { display: inline; float: left; height: 331px; width: 273px; margin-right: 13px; overflow: hidden; position:relative;}
.mr_frUl01 ul li img { display: block; }
.mr_frUl01 ul li span{ text-align:center; width:273px; height:123px; background:#999999; display: inline-block; padding-top:22px;}
.mr_frUl01 ul li span a{ font-size:16px; color:#fff;}
.mr_frbox01 .mr_frBtnL { float: left; cursor: pointer; display: inline;position: absolute;
top: 146px;
left: -48px;
}
.mr_frUl01 ul li span .xi{width:46px; height:2px; background:#fff; margin-top:24px;margin-left: 113px; margin-bottom:26px;}
.mr_frUl01 ul li span .xi02{width:81px; height:22px; border:1px solid #fff;text-align:center; line-height:22px; margin-left:96px;}
.mr_frUl01 ul li span .xi02 a{ font-size:12px; color:#fff; }
.mr_frUl01 ul li:hover span{ background:#005DAD;}

/*新闻中心内容开始*/

.content .xinlina{width:100%; height:390px; background:url(../images/bg02.jpg) no-repeat center center; clear:both; padding-top:34px;}
.content .xinlina .chan_na{ height:390px; width:1120px; margin:0 auto;}
.content .xinlina .chan_na .chan_na_top{ height: 50px;
line-height: 50px;}
.content  .xinlina.chan_na .chan_na_top .chan_na_top_left{ float:left;}
.content .xinlina .chan_na .chan_na_top .chan_na_top_left .span01{ font-size:24px; font-weight:bold; color:#2c2c2c;}
.content .xinlina .chan_na .chan_na_top .chan_na_top_left .span02{ font-size:14px; color:#a2a2a2;}
.content .xinlina .chan_na .chan_na_top .chan_na_top_right{ float:right;}
.content .xinlina .chan_na .chan_na_top .chan_na_top_right a{ font-size:16px; color:#005dad;}
.content .xinlina .xinlina_bottom{ height:264px;clear: both;}
.content .xinlina .xinlina_bottom .xinlina_bottom_left{width:555px; float:left;}
.content .xinlina .xinlina_bottom .xinlina_bottom_right{width:555px; float:right;}

.content .xinlina .xinlina_bottom .xinlina_bottom_right .xinlina_bottom_right01{ width:519px; height:88px; border:1px solid #DBDBDB; background:#fff;padding-top:21px; padding-left:17px;padding-right:17px; padding-bottom:17px; cursor:pointer; margin-bottom:10px;}
.content .xinlina .xinlina_bottom .xinlina_bottom_right .xinlina_bottom_right01 h3{ font-size:16px; color:#2b2b2b; padding-bottom:10px;}
.content .xinlina .xinlina_bottom .xinlina_bottom_right .xinlina_bottom_right01 h3 a{ font-size:16px; color:#2b2b2b;}
.content .xinlina .xinlina_bottom .xinlina_bottom_right .xinlina_bottom_right01 p a{ color:#666;}
.content .xinlina .xinlina_bottom .xinlina_bottom_right .xinlina_bottom_right01:hover{background:#F6F6F6;}
.content .xinlina .xinlina_bottom .xinlina_bottom_right .xinlina_bottom_right01:hover h3 a{color:#005AAB;}

/*底部的*/
.footer .foot{width:1120px; margin:0 auto;}
.footer .foot .foot_top{ height:187px; padding-top:53px;}
.footer .foot .foot_top ul{width:137px; float:left; text-align:left;}
.footer .foot .foot_top ul .li01{padding-bottom:15px;}
.footer .foot .foot_top ul .li01 a{ font-size:14px; color:#DEDEDE;}
.footer .foot .foot_top ul li{ padding-bottom:10px;}
.footer .foot .foot_top ul li a{ color:#9F9F9F;}
.footer .foot .foot_top .foot_top_right{ float:right; background:url(../images/foot_ditu.jpg) no-repeat; height:193px; width:341px;}
.footer .foot .foot_bottom{ height:162px;}
.footer .foot .foot_bottom .foot_bottom_top{ height:75px; text-align:center; line-height:75px;padding-left: 431px;}
.footer .foot .foot_bottom .foot_bottom_bottom{ height:75px; text-align:center; clear: both;line-height: 39px;}

/*工程案例内页开始*/
.content .gong_na{width:1120px; margin:0 auto; padding-bottom:50px;}
.content .gong_na .neibiao{ height:60px; line-height:60px;}
.content_top{width:1120px; height:60px;  color:#989897; font-size:12px; line-height:60px;}
.content_top_left{ float:left;}
.content_top_right{ float:right;}
.content_top img{ margin-right:5px;margin-top: -4px;}
.content_top a{color:#989897; font-size:12px;margin-right: 6px;}
.content .gong_na .bu{width:1120px; height:60px;clear: both;}
.content .gong_na .bu .bu_left{width:126px; height:60px; background:url(../images/xiao_bg.jpg) no-repeat; float:left; font-size:18px; font-weight:bold; color:#fff; text-align:center; line-height:60px;}
.content .gong_na .bu .bu_right{ height:60px; width:1119px; background:#EFEFEF;}
.content .gong_na .bu .bu_right ul li{ float:left; line-height:60px;height: 56px; margin:0 14px;}
.content .gong_na .bu .bu_right ul li a{ font-size:14px;}
.content .gong_na .bu .bu_right ul li:hover a{ color:#005DAD;}
.content .gong_na .bu .bu_right ul li:hover{ border-bottom:4px solid #005DAD;}
.content .gong_na .bu .bu_right ul li.on{border-bottom:4px solid #005DAD;}
.content .gong_na .bu .bu_right ul li.on a{ color:#005DAD;}
.content .gong_na .qun{width:1120px; padding-top:46px;}
.content .gong_na .qun ul li { display: inline; float: left; height: 331px; width: 273px; margin-right: 9px; overflow: hidden; position:relative; margin-bottom:15px;}
.content .gong_na .qun ul li img { display: block; border:1px solid #cecece;}
.content .gong_na .qun ul li span{ text-align:center; width:273px; height:123px; background:#999999; display: inline-block; padding-top:22px;}
.content .gong_na .qun ul li span a{ font-size:16px; color:#fff;}

.content .gong_na .qun ul li span .xi{width:46px; height:2px; background:#fff; margin-top:24px;margin-left: 113px; margin-bottom:26px;}
.content .gong_na .qun ul li span .xi02{width:81px; height:22px; border:1px solid #fff;text-align:center; line-height:22px; margin-left:96px;}
.content .gong_na .qun ul li span .xi02 a{ font-size:12px; color:#fff; }
.content .gong_na .qun ul li:hover span{ background:#005DAD;}
/*翻页号*/
div.digg {
padding-right: 3px; padding-left: 3px; padding-bottom: 3px; margin: 3px;text-align: center;
 height:35px; clear:both;
 padding-top: 35px;
}
div.digg a {
border: #aaaadd 1px solid; padding-right: 5px;  padding-left: 5px; padding-bottom: 2px; margin: 7px; color: #004f99; padding-top: 2px;  text-decoration: none;
}
div.digg a:hover {
border: #074BA0 1px solid;color: #000; 
}
div.digg a:active {
border: #074BA0 1px solid; color: #000;
}
div.digg span {
border: #074BA0 1px solid; padding-right: 5px; padding-left: 5px; font-weight: bold; padding-bottom: 2px; margin: 7px; color: #fff; padding-top: 2px; background-color: #074BA0;
}
div.digg span.disabled {
border: #eee 1px solid; padding-right: 5px;padding-left: 5px; padding-bottom: 2px; margin: 7px; color: #ddd; padding-top: 2px; 
}
/*产品展示内容开始*/
.content .gong_na .qun01{width:1120px; padding-top:46px;}

.content .gong_na .qun01 ul li { display: inline; float: left; height:236px; width: 273px; margin-right: 9px; overflow: hidden; position:relative; cursor:pointer; margin-bottom:30px;}
.content .gong_na .qun01 ul li img { display: block; margin-bottom: 7px; border: 1px solid #D8D8D8; }
.content .gong_na .qun01 ul li .img_na .cai{ position:absolute; bottom:-7px; left:0; display:none;}
.content .gong_na .qun01 ul li:hover .cai{ display:block;}
.content .gong_na .qun01 ul li span{ text-align:center; width:271px; height:49px; border:1px solid #E9E9E9; line-height:49px;display: inline-block; margin-bottom:15px;}
.content .gong_na .qun01 ul li span a{ font-size:14px;}
.content .gong_na .qun01 ul li:hover span a{ color:#fff;}
.content .gong_na .qun01 ul li:hover span{ background:#005FAC;}

/*企业文化开始*/


.content .gong_na .qun02{width:1120px; padding-top:31px;}
.content .gong_na .qun02 .qun02_logo{ text-align:center; padding-bottom: 29px;}
.content .gong_na .qun02 .qun_center{ height:324px; padding-bottom:60px;}

.content .gong_na .qun02 .qun_center .qun_center_left{ float:left;width:378px;height:286px; text-align:right;padding-top:26px;padding-right:40px;}
.content .gong_na .qun02 .qun_center .qun_center_left h3{ font-size:18px; color:#3c3c3c; padding-bottom:10px;}
.content .gong_na .qun02 .qun_center .qun_center_center{ float:left;width:281px;height:286px; }
.content .gong_na .qun02 .qun_center .qun_center_right{ text-align:left; float:left;width:378px;height:286px;padding-top:26px;padding-left:40px;}
.content .gong_na .qun02 .qun_center .qun_center_right h3{ font-size:18px; color:#3c3c3c; padding-bottom:10px;}
.content .gong_na .simu{ height:170px; padding-top:60px; padding-bottom:40px;}
.content .gong_na .simu ul li{ float:left; text-align:center;width:182px; height:129px; border:1px solid #E7E7E7; padding-top:38px; margin-right:50px;}
.content .gong_na .simu ul li.li01{ border:0; float:left; padding-top:0;}
.content .gong_na .simu ul li p{ font-size:15px; color:#005dad; font-weight:bold; padding-top:25px;}



.content .gong_na .qun02 .zxly_nu {
	width: 1043px;
	height: 53px;
	padding-left: 57px;
	margin-top: 25px;
}
.content .gong_na .qun02 .zxly_nu li {
	width: 312px;
	float: left;
	font-size: 13px;
	color: #666;
	margin-right: 21px;
}
.content .gong_na .qun02 .zxly_nu li span {
	height: 35px;
	display: inline-block;
}
.content .gong_na .qun02 .zxly_nu li i {
	margin-left: 10px;
}
.content .gong_na .qun02 .zxly_nu li.nomargin {
	margin: 0;
}
.content .gong_na .qun02 .zxly_nu li input {
	width: 280px;
	height: 26px;
	 line-height:26px;
	 	 padding-left:5px;

	border:0;
	outline:none;
	background: url(../images/zxly_ku.jpg) no-repeat;
}
.content .gong_na .qun02 .liuyan {
	width: 1008px;
	height: 216px;
	margin: 0 auto;
	margin-top: 24px;
	position: relative;
}
.content .gong_na .qun02 .liuyan i {
	position: absolute;
	top: 47px;
	left: 963px;
}
.content .gong_na .qun02 .liuyan p {
	font-size: 13px;
	color: #666;
}
.content .gong_na .qun02 .zxly_nu02 {
	width: 1043px;
	height: 95px;
	padding-left: 57px;
}
.content .gong_na .qun02 .zxly_nu02 li {
	width: 312px;
	float: left;
	font-size: 13px;
	color: #666;
	margin-right: 21px;
}
.content .gong_na .qun02 .zxly_nu02 li span {
	height: 35px;
	display: inline-block;
}
.content .gong_na .qun02 .zxly_nu02 li i {
	margin-left: 10px;
}
.content .gong_na .qun02 .zxly_nu02 li.nomargin {
	margin: 0;
}
.content .gong_na .qun02 .zxly_nu02 li input {
	width: 280px;
	height: 26px;
	 line-height:26px;
	 padding-left:5px;
	border:0;
	outline:none;
	background: url(../images/zxly_ku.jpg) no-repeat;
	
}
/*公司简介轮播图*/
.main {
	width: 1120px;
}
.pro-switch {
	height: 340px;
	overflow: hidden;
	position: relative;
	width: 1120px;
}
.flexslider {
	margin: 0;
	padding: 0;
}
.flexslider .slides > li {
	display: none;
	-webkit-backface-visibility: hidden;
}
.flexslider .slides img {
	width: 100%;
	display: block;
}
.slides:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
html[xmlns] .slides {
	display: block;
}
* html .slides {
	height: 340px;
}
.no-js .slides > li:first-child {
	display: block;
}
.flexslider {
	margin: 0 auto;
	position: relative;
	width: 1120px;
	zoom: 1;
}
.flex-viewport {
	max-height: 2000px;
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	transition: all 1s ease;
}
.flexslider .slides {
	zoom: 1;
}
.flex-direction-nav {
*height: 0;
}
.flex-direction-nav a {
	width: 60px;
	height: 90px;
	margin: -60px 0 0;
	display: block;
	background: url(../images/ad_ctr.png) no-repeat 0 0;
	position: absolute;
	top: 50%;
	z-index: 10;
	cursor: pointer;
	text-indent: -9999px;
	opacity: 0;
	filter:alpha(opacity=0);
-webkit-transition: all .3s ease;
}
.flex-direction-nav .flex-next {
	background-position: 0 -90px;
	right: 0;
}
.flex-direction-nav .flex-prev {
	left: 0;
}
.flexslider:hover .flex-next {
	opacity: 0.8;
	filter:alpha(opacity=25);
}
.flexslider:hover .flex-prev {
	opacity: 0.8;
	filter:alpha(opacity=25);
}
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {
	opacity: 1;
	filter:alpha(opacity=50);
}
.flex-control-nav {
	width: 100%;
	position: absolute;
	text-align: center;
	left:0; top:422px;
}
.flex-control-nav li {
	margin: 0 5px;
	display: inline-block;
	zoom: 1;
*display: inline;
}
.flex-control-paging li a {
	background: url(../images/dot.png) no-repeat 0 -16px;
	display:block;
	height: 16px;
	overflow: hidden;
	text-indent:-99em;
	width: 16px;
	cursor: pointer;
}
.flex-control-paging li a.flex-active {
	background-position: 0 0;
}
/* 代码整理：懒人之家 lanrenzhijia.com */


/*公司简介下面的内容*/

.content .gong_na .qun02 .xiamian{ height:356px; clear:both; padding-top:42px;}
.content .gong_na .qun02 .xiamian .xiamian_left{ width:631px; float:left;margin-right: 81px;
}
.content .gong_na .qun02 .xiamian .xiamian_right{ float:left;}
/*about*/
/*公司简介的时针开始*/
/*about*/
.about_page1 .img,.about_page1 .img img{width:398px;overflow:hidden;position: relative;}
.about_page1 .minute{-webkit-animation:rotate 20s infinite linear;animation:rotate 20s infinite linear;-webkit-transform-origin:bottom center;transform-origin:bottom center;}
.about_page1 .clock{-webkit-animation:rotate 60s infinite linear;animation:rotate 60s infinite linear;-webkit-transform-origin:bottom center;transform-origin:bottom center;}
.about_page1 .clock,.about_page1 .minute{width:6px;height:35px;left: 158px;
top: 118px;position:absolute;float:none;background-color:#787878;}
.about_page1 .minute{height:60px;top:93px;background-color:#787878;}
.about_page1 .textArea{width:540px;line-height:24px;}

/*animate*/
.animated.infinite{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.animated.hinge{-webkit-animation-duration:2s;animation-duration:2s}@-webkit-keyframes bounce{0%,100%,20%,53%,80%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}40%,43%{-webkit-transition-timing-function:cubic-bezier(0.755,.050,.855,.060);transition-timing-function:cubic-bezier(0.755,.050,.855,.060);-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0)}70%{-webkit-transition-timing-function:cubic-bezier(0.755,.050,.855,.060);transition-timing-function:cubic-bezier(0.755,.050,.855,.060);-webkit-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0)}90%{-webkit-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0)}}@keyframes bounce{0%,100%,20%,53%,80%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1);-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}40%,43%{-webkit-transition-timing-function:cubic-bezier(0.755,.050,.855,.060);transition-timing-function:cubic-bezier(0.755,.050,.855,.060);-webkit-transform:translate3d(0,-30px,0);-ms-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0)}70%{-webkit-transition-timing-function:cubic-bezier(0.755,.050,.855,.060);transition-timing-function:cubic-bezier(0.755,.050,.855,.060);-webkit-transform:translate3d(0,-15px,0);-ms-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0)}90%{-webkit-transform:translate3d(0,-4px,0);-ms-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0)}}.bounce{-webkit-animation-name:bounce;animation-name:bounce;-webkit-transform-origin:center bottom;-ms-transform-origin:center bottom;transform-origin:center bottom}@-webkit-keyframes flash{0%,100%,50%{opacity:1}25%,75%{opacity:0}}@keyframes flash{0%,100%,50%{opacity:1}25%,75%{opacity:0}}.flash{-webkit-animation-name:flash;animation-name:flash}@-webkit-keyframes pulse{0%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@keyframes pulse{0%{-webkit-transform:scale3d(1,1,1);-ms-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);-ms-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}100%{-webkit-transform:scale3d(1,1,1);-ms-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}.pulse{-webkit-animation-name:pulse;animation-name:pulse}@-webkit-keyframes rubberBand{0%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}40%{-webkit-transform:scale3d(0.75,1.25,1);transform:scale3d(0.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@keyframes rubberBand{0%{-webkit-transform:scale3d(1,1,1);-ms-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}30%{-webkit-transform:scale3d(1.25,.75,1);-ms-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}40%{-webkit-transform:scale3d(0.75,1.25,1);-ms-transform:scale3d(0.75,1.25,1);transform:scale3d(0.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,.85,1);-ms-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);-ms-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);-ms-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}100%{-webkit-transform:scale3d(1,1,1);-ms-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}.rubberBand{-webkit-animation-name:rubberBand;animation-name:rubberBand}@-webkit-keyframes shake{0%,100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}}@keyframes shake{0%,100%{-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);-ms-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);-ms-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}}.shake{-webkit-animation-name:shake;animation-name:shake}@-webkit-keyframes swing{20%{-webkit-transform:rotate3d(0,0,1,15deg);transform:rotate3d(0,0,1,15deg)}40%{-webkit-transform:rotate3d(0,0,1,-10deg);transform:rotate3d(0,0,1,-10deg)}60%{-webkit-transform:rotate3d(0,0,1,5deg);transform:rotate3d(0,0,1,5deg)}80%{-webkit-transform:rotate3d(0,0,1,-5deg);transform:rotate3d(0,0,1,-5deg)}100%{-webkit-transform:rotate3d(0,0,1,0deg);transform:rotate3d(0,0,1,0deg)}}@keyframes swing{20%{-webkit-transform:rotate3d(0,0,1,15deg);-ms-transform:rotate3d(0,0,1,15deg);transform:rotate3d(0,0,1,15deg)}40%{-webkit-transform:rotate3d(0,0,1,-10deg);-ms-transform:rotate3d(0,0,1,-10deg);transform:rotate3d(0,0,1,-10deg)}60%{-webkit-transform:rotate3d(0,0,1,5deg);-ms-transform:rotate3d(0,0,1,5deg);transform:rotate3d(0,0,1,5deg)}80%{-webkit-transform:rotate3d(0,0,1,-5deg);-ms-transform:rotate3d(0,0,1,-5deg);transform:rotate3d(0,0,1,-5deg)}100%{-webkit-transform:rotate3d(0,0,1,0deg);-ms-transform:rotate3d(0,0,1,0deg);transform:rotate3d(0,0,1,0deg)}}.swing{-webkit-transform-origin:top center;-ms-transform-origin:top center;transform-origin:top center;-webkit-animation-name:swing;animation-name:swing}@-webkit-keyframes tada{0%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg)}40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg)}100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@keyframes tada{0%{-webkit-transform:scale3d(1,1,1);-ms-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);-ms-transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);-ms-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg)}40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);-ms-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg)}100%{-webkit-transform:scale3d(1,1,1);-ms-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}.tada{-webkit-animation-name:tada;animation-name:tada}@-webkit-keyframes wobble{0%{-webkit-transform:none;transform:none}15%{-webkit-transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg);transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg)}30%{-webkit-transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg);transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg)}45%{-webkit-transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg);transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg)}60%{-webkit-transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg);transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg)}75%{-webkit-transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg);transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg)}100%{-webkit-transform:none;transform:none}}@keyframes wobble{0%{-webkit-transform:none;-ms-transform:none;transform:none}15%{-webkit-transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg);-ms-transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg);transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg)}30%{-webkit-transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg);-ms-transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg);transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg)}45%{-webkit-transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg);-ms-transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg);transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg)}60%{-webkit-transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg);-ms-transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg);transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg)}75%{-webkit-transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg);-ms-transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg);transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg)}100%{-webkit-transform:none;-ms-transform:none;transform:none}}.wobble{-webkit-animation-name:wobble;animation-name:wobble}@-webkit-keyframes bounceIn{0%,100%,20%,40%,60%,80%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}100%{opacity:1;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@keyframes bounceIn{0%,100%,20%,40%,60%,80%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);-ms-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);-ms-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);-ms-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);-ms-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);-ms-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}100%{opacity:1;-webkit-transform:scale3d(1,1,1);-ms-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}.bounceIn{-webkit-animation-name:bounceIn;animation-name:bounceIn;-webkit-animation-duration:.75s;animation-duration:.75s}@-webkit-keyframes bounceInDown{0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0);transform:translate3d(0,-3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0)}75%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}90%{-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}100%{-webkit-transform:none;transform:none}}@keyframes bounceInDown{0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0);-ms-transform:translate3d(0,-3000px,0);transform:translate3d(0,-3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,25px,0);-ms-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0)}75%{-webkit-transform:translate3d(0,-10px,0);-ms-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}90%{-webkit-transform:translate3d(0,5px,0);-ms-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}100%{-webkit-transform:none;-ms-transform:none;transform:none}}.bounceInDown{-webkit-animation-name:bounceInDown;animation-name:bounceInDown}@-webkit-keyframes bounceInLeft{0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0);transform:translate3d(-3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0);transform:translate3d(25px,0,0)}75%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}90%{-webkit-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}100%{-webkit-transform:none;transform:none}}@keyframes bounceInLeft{0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0);-ms-transform:translate3d(-3000px,0,0);transform:translate3d(-3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0);-ms-transform:translate3d(25px,0,0);transform:translate3d(25px,0,0)}75%{-webkit-transform:translate3d(-10px,0,0);-ms-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}90%{-webkit-transform:translate3d(5px,0,0);-ms-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}100%{-webkit-transform:none;-ms-transform:none;transform:none}}.bounceInLeft{-webkit-animation-name:bounceInLeft;animation-name:bounceInLeft}@-webkit-keyframes bounceInRight{0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(3000px,0,0);transform:translate3d(3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0);transform:translate3d(-25px,0,0)}75%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}90%{-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}100%{-webkit-transform:none;transform:none}}@keyframes bounceInRight{0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(3000px,0,0);-ms-transform:translate3d(3000px,0,0);transform:translate3d(3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0);-ms-transform:translate3d(-25px,0,0);transform:translate3d(-25px,0,0)}75%{-webkit-transform:translate3d(10px,0,0);-ms-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}90%{-webkit-transform:translate3d(-5px,0,0);-ms-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}100%{-webkit-transform:none;-ms-transform:none;transform:none}}.bounceInRight{-webkit-animation-name:bounceInRight;animation-name:bounceInRight}@-webkit-keyframes bounceInUp{0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,3000px,0);transform:translate3d(0,3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}75%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}90%{-webkit-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes bounceInUp{0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,3000px,0);-ms-transform:translate3d(0,3000px,0);transform:translate3d(0,3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,-20px,0);-ms-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}75%{-webkit-transform:translate3d(0,10px,0);-ms-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}90%{-webkit-transform:translate3d(0,-5px,0);-ms-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)}100%{-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.bounceInUp{-webkit-animation-name:bounceInUp;animation-name:bounceInUp}@-webkit-keyframes bounceOut{20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}100%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}}@keyframes bounceOut{20%{-webkit-transform:scale3d(.9,.9,.9);-ms-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);-ms-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}100%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);-ms-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}}.bounceOut{-webkit-animation-name:bounceOut;animation-name:bounceOut;-webkit-animation-duration:.75s;animation-duration:.75s}@-webkit-keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}100%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}@keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0);-ms-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0);-ms-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}100%{opacity:0;-webkit-transform:translate3d(0,2000px,0);-ms-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}.bounceOutDown{-webkit-animation-name:bounceOutDown;animation-name:bounceOutDown}@-webkit-keyframes bounceOutLeft{20%{opacity:1;-webkit-transform:translate3d(20px,0,0);transform:translate3d(20px,0,0)}100%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}@keyframes bounceOutLeft{20%{opacity:1;-webkit-transform:translate3d(20px,0,0);-ms-transform:translate3d(20px,0,0);transform:translate3d(20px,0,0)}100%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);-ms-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}.bounceOutLeft{-webkit-animation-name:bounceOutLeft;animation-name:bounceOutLeft}@-webkit-keyframes bounceOutRight{20%{opacity:1;-webkit-transform:translate3d(-20px,0,0);transform:translate3d(-20px,0,0)}100%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}@keyframes bounceOutRight{20%{opacity:1;-webkit-transform:translate3d(-20px,0,0);-ms-transform:translate3d(-20px,0,0);transform:translate3d(-20px,0,0)}100%{opacity:0;-webkit-transform:translate3d(2000px,0,0);-ms-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}.bounceOutRight{-webkit-animation-name:bounceOutRight;animation-name:bounceOutRight}@-webkit-keyframes bounceOutUp{20%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}100%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}@keyframes bounceOutUp{20%{-webkit-transform:translate3d(0,-10px,0);-ms-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0);-ms-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}100%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);-ms-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}.bounceOutUp{-webkit-animation-name:bounceOutUp;animation-name:bounceOutUp}@-webkit-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}.fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn}@-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);-ms-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}}.fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown}@-webkit-keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);-ms-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}}.fadeInDownBig{-webkit-animation-name:fadeInDownBig;animation-name:fadeInDownBig}@-webkit-keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);-ms-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}}.fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft}@-webkit-keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);-ms-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}}.fadeInLeftBig{-webkit-animation-name:fadeInLeftBig;animation-name:fadeInLeftBig}@-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);-ms-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}}.fadeInRight{-webkit-animation-name:fadeInRight;animation-name:fadeInRight}@-webkit-keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translate3d(2000px,0,0);-ms-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}}.fadeInRightBig{-webkit-animation-name:fadeInRightBig;animation-name:fadeInRightBig}@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);-ms-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}}.fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}@-webkit-keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translate3d(0,2000px,0);-ms-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}}.fadeInUpBig{-webkit-animation-name:fadeInUpBig;animation-name:fadeInUpBig}@-webkit-keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut}@-webkit-keyframes fadeOutDown{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@keyframes fadeOutDown{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,100%,0);-ms-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}.fadeOutDown{-webkit-animation-name:fadeOutDown;animation-name:fadeOutDown}@-webkit-keyframes fadeOutDownBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}@keyframes fadeOutDownBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,2000px,0);-ms-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}.fadeOutDownBig{-webkit-animation-name:fadeOutDownBig;animation-name:fadeOutDownBig}@-webkit-keyframes fadeOutLeft{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@keyframes fadeOutLeft{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(-100%,0,0);-ms-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}.fadeOutLeft{-webkit-animation-name:fadeOutLeft;animation-name:fadeOutLeft}@-webkit-keyframes fadeOutLeftBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}@keyframes fadeOutLeftBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);-ms-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}.fadeOutLeftBig{-webkit-animation-name:fadeOutLeftBig;animation-name:fadeOutLeftBig}@-webkit-keyframes fadeOutRight{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@keyframes fadeOutRight{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(100%,0,0);-ms-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}.fadeOutRight{-webkit-animation-name:fadeOutRight;animation-name:fadeOutRight}@-webkit-keyframes fadeOutRightBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}@keyframes fadeOutRightBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(2000px,0,0);-ms-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}.fadeOutRightBig{-webkit-animation-name:fadeOutRightBig;animation-name:fadeOutRightBig}@-webkit-keyframes fadeOutUp{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@keyframes fadeOutUp{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,-100%,0);-ms-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}.fadeOutUp{-webkit-animation-name:fadeOutUp;animation-name:fadeOutUp}@-webkit-keyframes fadeOutUpBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}@keyframes fadeOutUpBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);-ms-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}.fadeOutUpBig{-webkit-animation-name:fadeOutUpBig;animation-name:fadeOutUpBig}@-webkit-keyframes flip{0%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-360deg);transform:perspective(400px) rotate3d(0,1,0,-360deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}50%{-webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) scale3d(.95,.95,.95);transform:perspective(400px) scale3d(.95,.95,.95);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}100%{-webkit-transform:perspective(400px);transform:perspective(400px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}@keyframes flip{0%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-360deg);-ms-transform:perspective(400px) rotate3d(0,1,0,-360deg);transform:perspective(400px) rotate3d(0,1,0,-360deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);-ms-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}50%{-webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);-ms-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) scale3d(.95,.95,.95);-ms-transform:perspective(400px) scale3d(.95,.95,.95);transform:perspective(400px) scale3d(.95,.95,.95);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}100%{-webkit-transform:perspective(400px);-ms-transform:perspective(400px);transform:perspective(400px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}.animated.flip{-webkit-backface-visibility:visible;-ms-backface-visibility:visible;backface-visibility:visible;-webkit-animation-name:flip;animation-name:flip}@-webkit-keyframes flipInX{0%{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(1,0,0,10deg);transform:perspective(400px) rotate3d(1,0,0,10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-5deg);transform:perspective(400px) rotate3d(1,0,0,-5deg)}100%{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInX{0%{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);-ms-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);-ms-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(1,0,0,10deg);-ms-transform:perspective(400px) rotate3d(1,0,0,10deg);transform:perspective(400px) rotate3d(1,0,0,10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-5deg);-ms-transform:perspective(400px) rotate3d(1,0,0,-5deg);transform:perspective(400px) rotate3d(1,0,0,-5deg)}100%{-webkit-transform:perspective(400px);-ms-transform:perspective(400px);transform:perspective(400px)}}.flipInX{-webkit-backface-visibility:visible!important;-ms-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInX;animation-name:flipInX}@-webkit-keyframes flipInY{0%{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-20deg);transform:perspective(400px) rotate3d(0,1,0,-20deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(0,1,0,10deg);transform:perspective(400px) rotate3d(0,1,0,10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-5deg);transform:perspective(400px) rotate3d(0,1,0,-5deg)}100%{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInY{0%{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);-ms-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-20deg);-ms-transform:perspective(400px) rotate3d(0,1,0,-20deg);transform:perspective(400px) rotate3d(0,1,0,-20deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(0,1,0,10deg);-ms-transform:perspective(400px) rotate3d(0,1,0,10deg);transform:perspective(400px) rotate3d(0,1,0,10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-5deg);-ms-transform:perspective(400px) rotate3d(0,1,0,-5deg);transform:perspective(400px) rotate3d(0,1,0,-5deg)}100%{-webkit-transform:perspective(400px);-ms-transform:perspective(400px);transform:perspective(400px)}}.flipInY{-webkit-backface-visibility:visible!important;-ms-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInY;animation-name:flipInY}@-webkit-keyframes flipOutX{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);opacity:1}100%{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);opacity:0}}@keyframes flipOutX{0%{-webkit-transform:perspective(400px);-ms-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);-ms-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);opacity:1}100%{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);-ms-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);opacity:0}}.flipOutX{-webkit-animation-name:flipOutX;animation-name:flipOutX;-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-backface-visibility:visible!important;-ms-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes flipOutY{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-15deg);transform:perspective(400px) rotate3d(0,1,0,-15deg);opacity:1}100%{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);opacity:0}}@keyframes flipOutY{0%{-webkit-transform:perspective(400px);-ms-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-15deg);-ms-transform:perspective(400px) rotate3d(0,1,0,-15deg);transform:perspective(400px) rotate3d(0,1,0,-15deg);opacity:1}100%{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);-ms-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);opacity:0}}.flipOutY{-webkit-backface-visibility:visible!important;-ms-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipOutY;animation-name:flipOutY;-webkit-animation-duration:.75s;animation-duration:.75s}@-webkit-keyframes lightSpeedIn{0%{-webkit-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}60%{-webkit-transform:skewX(20deg);transform:skewX(20deg);opacity:1}80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg);opacity:1}100%{-webkit-transform:none;transform:none;opacity:1}}@keyframes lightSpeedIn{0%{-webkit-transform:translate3d(100%,0,0) skewX(-30deg);-ms-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}60%{-webkit-transform:skewX(20deg);-ms-transform:skewX(20deg);transform:skewX(20deg);opacity:1}80%{-webkit-transform:skewX(-5deg);-ms-transform:skewX(-5deg);transform:skewX(-5deg);opacity:1}100%{-webkit-transform:none;-ms-transform:none;transform:none;opacity:1}}.lightSpeedIn{-webkit-animation-name:lightSpeedIn;animation-name:lightSpeedIn;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}@-webkit-keyframes lightSpeedOut{0%{opacity:1}100%{-webkit-transform:translate3d(100%,0,0) skewX(30deg);transform:translate3d(100%,0,0) skewX(30deg);opacity:0}}@keyframes lightSpeedOut{0%{opacity:1}100%{-webkit-transform:translate3d(100%,0,0) skewX(30deg);-ms-transform:translate3d(100%,0,0) skewX(30deg);transform:translate3d(100%,0,0) skewX(30deg);opacity:0}}.lightSpeedOut{-webkit-animation-name:lightSpeedOut;animation-name:lightSpeedOut;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}@-webkit-keyframes rotateIn{0%{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,-200deg);transform:rotate3d(0,0,1,-200deg);opacity:0}100%{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateIn{0%{-webkit-transform-origin:center;-ms-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,-200deg);-ms-transform:rotate3d(0,0,1,-200deg);transform:rotate3d(0,0,1,-200deg);opacity:0}100%{-webkit-transform-origin:center;-ms-transform-origin:center;transform-origin:center;-webkit-transform:none;-ms-transform:none;transform:none;opacity:1}}.rotateIn{-webkit-animation-name:rotateIn;animation-name:rotateIn}@-webkit-keyframes rotateInDownLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInDownLeft{0%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,-45deg);-ms-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}100%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;-ms-transform:none;transform:none;opacity:1}}.rotateInDownLeft{-webkit-animation-name:rotateInDownLeft;animation-name:rotateInDownLeft}@-webkit-keyframes rotateInDownRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInDownRight{0%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,45deg);-ms-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}100%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;-ms-transform:none;transform:none;opacity:1}}.rotateInDownRight{-webkit-animation-name:rotateInDownRight;animation-name:rotateInDownRight}@-webkit-keyframes rotateInUpLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInUpLeft{0%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,45deg);-ms-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}100%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;-ms-transform:none;transform:none;opacity:1}}.rotateInUpLeft{-webkit-animation-name:rotateInUpLeft;animation-name:rotateInUpLeft}@-webkit-keyframes rotateInUpRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,-90deg);transform:rotate3d(0,0,1,-90deg);opacity:0}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInUpRight{0%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,-90deg);-ms-transform:rotate3d(0,0,1,-90deg);transform:rotate3d(0,0,1,-90deg);opacity:0}100%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;-ms-transform:none;transform:none;opacity:1}}.rotateInUpRight{-webkit-animation-name:rotateInUpRight;animation-name:rotateInUpRight}@-webkit-keyframes rotateOut{0%{-webkit-transform-origin:center;transform-origin:center;opacity:1}100%{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,200deg);transform:rotate3d(0,0,1,200deg);opacity:0}}@keyframes rotateOut{0%{-webkit-transform-origin:center;-ms-transform-origin:center;transform-origin:center;opacity:1}100%{-webkit-transform-origin:center;-ms-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,200deg);-ms-transform:rotate3d(0,0,1,200deg);transform:rotate3d(0,0,1,200deg);opacity:0}}.rotateOut{-webkit-animation-name:rotateOut;animation-name:rotateOut}@-webkit-keyframes rotateOutDownLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(0,0,1,45deg);transform:rotate(0,0,1,45deg);opacity:0}}@keyframes rotateOutDownLeft{0%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;opacity:1}100%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(0,0,1,45deg);-ms-transform:rotate(0,0,1,45deg);transform:rotate(0,0,1,45deg);opacity:0}}.rotateOutDownLeft{-webkit-animation-name:rotateOutDownLeft;animation-name:rotateOutDownLeft}@-webkit-keyframes rotateOutDownRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}}@keyframes rotateOutDownRight{0%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;opacity:1}100%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,-45deg);-ms-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}}.rotateOutDownRight{-webkit-animation-name:rotateOutDownRight;animation-name:rotateOutDownRight}@-webkit-keyframes rotateOutUpLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}}@keyframes rotateOutUpLeft{0%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;opacity:1}100%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,-45deg);-ms-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}}.rotateOutUpLeft{-webkit-animation-name:rotateOutUpLeft;animation-name:rotateOutUpLeft}@-webkit-keyframes rotateOutUpRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,90deg);transform:rotate3d(0,0,1,90deg);opacity:0}}@keyframes rotateOutUpRight{0%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;opacity:1}100%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,90deg);-ms-transform:rotate3d(0,0,1,90deg);transform:rotate3d(0,0,1,90deg);opacity:0}}.rotateOutUpRight{-webkit-animation-name:rotateOutUpRight;animation-name:rotateOutUpRight}@-webkit-keyframes hinge{0%{-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{-webkit-transform:rotate3d(0,0,1,80deg);transform:rotate3d(0,0,1,80deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}40%,80%{-webkit-transform:rotate3d(0,0,1,60deg);transform:rotate3d(0,0,1,60deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1}100%{-webkit-transform:translate3d(0,700px,0);transform:translate3d(0,700px,0);opacity:0}}@keyframes hinge{0%{-webkit-transform-origin:top left;-ms-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{-webkit-transform:rotate3d(0,0,1,80deg);-ms-transform:rotate3d(0,0,1,80deg);transform:rotate3d(0,0,1,80deg);-webkit-transform-origin:top left;-ms-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}40%,80%{-webkit-transform:rotate3d(0,0,1,60deg);-ms-transform:rotate3d(0,0,1,60deg);transform:rotate3d(0,0,1,60deg);-webkit-transform-origin:top left;-ms-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1}100%{-webkit-transform:translate3d(0,700px,0);-ms-transform:translate3d(0,700px,0);transform:translate3d(0,700px,0);opacity:0}}.hinge{-webkit-animation-name:hinge;animation-name:hinge}@-webkit-keyframes rollIn{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg);transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes rollIn{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg);-ms-transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg);transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg)}100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}}.rollIn{-webkit-animation-name:rollIn;animation-name:rollIn}@-webkit-keyframes rollOut{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg);transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg)}}@keyframes rollOut{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg);-ms-transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg);transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg)}}.rollOut{-webkit-animation-name:rollOut;animation-name:rollOut}@-webkit-keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);-ms-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}.zoomIn{-webkit-animation-name:zoomIn;animation-name:zoomIn}@-webkit-keyframes zoomInDown{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}@keyframes zoomInDown{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-ms-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-ms-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}.zoomInDown{-webkit-animation-name:zoomInDown;animation-name:zoomInDown}@-webkit-keyframes zoomInLeft{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}@keyframes zoomInLeft{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-ms-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-ms-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}.zoomInLeft{-webkit-animation-name:zoomInLeft;animation-name:zoomInLeft}@-webkit-keyframes zoomInRight{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}@keyframes zoomInRight{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-ms-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-ms-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}.zoomInRight{-webkit-animation-name:zoomInRight;animation-name:zoomInRight}@-webkit-keyframes zoomInUp{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}@keyframes zoomInUp{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-ms-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-ms-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}.zoomInUp{-webkit-animation-name:zoomInUp;animation-name:zoomInUp}@-webkit-keyframes zoomOut{0%{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}100%{opacity:0}}@keyframes zoomOut{0%{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);-ms-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}100%{opacity:0}}.zoomOut{-webkit-animation-name:zoomOut;animation-name:zoomOut}@-webkit-keyframes zoomOutDown{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}100%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}@keyframes zoomOutDown{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-ms-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}100%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-ms-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-webkit-transform-origin:center bottom;-ms-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}.zoomOutDown{-webkit-animation-name:zoomOutDown;animation-name:zoomOutDown}@-webkit-keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}100%{opacity:0;-webkit-transform:scale(.1) translate3d(-2000px,0,0);transform:scale(.1) translate3d(-2000px,0,0);-webkit-transform-origin:left center;transform-origin:left center}}@keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);-ms-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}100%{opacity:0;-webkit-transform:scale(.1) translate3d(-2000px,0,0);-ms-transform:scale(.1) translate3d(-2000px,0,0);transform:scale(.1) translate3d(-2000px,0,0);-webkit-transform-origin:left center;-ms-transform-origin:left center;transform-origin:left center}}.zoomOutLeft{-webkit-animation-name:zoomOutLeft;animation-name:zoomOutLeft}@-webkit-keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}100%{opacity:0;-webkit-transform:scale(.1) translate3d(2000px,0,0);transform:scale(.1) translate3d(2000px,0,0);-webkit-transform-origin:right center;transform-origin:right center}}@keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);-ms-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}100%{opacity:0;-webkit-transform:scale(.1) translate3d(2000px,0,0);-ms-transform:scale(.1) translate3d(2000px,0,0);transform:scale(.1) translate3d(2000px,0,0);-webkit-transform-origin:right center;-ms-transform-origin:right center;transform-origin:right center}}.zoomOutRight{-webkit-animation-name:zoomOutRight;animation-name:zoomOutRight}@-webkit-keyframes zoomOutUp{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}100%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}@keyframes zoomOutUp{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-ms-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}100%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-ms-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-webkit-transform-origin:center bottom;-ms-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}.zoomOutUp{-webkit-animation-name:zoomOutUp;animation-name:zoomOutUp}
@-webkit-keyframes rotate {
    0%{
        -webkit-transform: rotate(0deg);
    }
    100%{
        -webkit-transform: rotate(360deg);
    }
}
/*公司简介的时针结束*/
/*联系方式开始*/
.content .qun02 .lian02{width:1120px; height:142px; background:#005DAD;}
.content .qun02 .lian02 .lian06{ width:329px; height:102px; float:left; background:url(../images/line.jpg) no-repeat right; padding-top:40px; padding-left:40px;}
.content .qun02 .lian02 .lian06 h2{ font-size:14px; font-weight:bold; color:#fff;}
.content .qun02 .lian02 .lian06 p{ font-size:14px; color:#fff;}
.content .qun02 .lian02 .lian05{ width:310px; height:102px; float:left; padding-top:40px; padding-left:40px;}
.content .qun02 .lian02 .lian05 h2{ font-size:14px; font-weight:bold; color:#fff;}
.content .qun02 .lian02 .lian05 p{ font-size:14px; color:#fff;}
.content .qun02 .lian02 .lian05 p a{ margin-right:5px;}
.content .qun02 .ditu09{ margin-top:23px;}
/*在线招聘开始*/
.content .qun03{width:1120px; margin:0 auto;}
.content .qun03 .wdq{ height:252px; padding-top:73px;}
.content .qun03 .wdq ul li{ float:left; width:373px; text-align:center;}
.content .qun03 .wdq ul li .ppp02{ font-size:18px; color:#005DAD; padding-top:20px; padding-bottom:20px;}
.zzjg{ margin-top:10px;padding-bottom: 38px;}
.wushiqi{height:57px;width:1120px;background-color:#EB882D; line-height:57px;}
.wushiqi ul li{float:left;font-size:14px;color:white;}
.sishiliu{height:57px;width:1120px;color:#666666; margin-bottom:40px;}
.sishiliu table tr td{font-size:13px;line-height:53px; text-align:center; width:336px;}
.person3{width:30px;height:29px;background:url(../images/jia.jpg) no-repeat 636px 13px; }
.person4{width:30px;height:29px;background:url(../images/jian.jpg) no-repeat 636px 13px;}
.golf1{height:auto;width:1031px;margin:0 auto;display:none; padding-left:89px;}
.figure-1{color:#666;font-size:13px; float:left;}
.figure-1 button{ border:0;}
.figure-2{color:#666666;font-size:13px;float:left; line-height:30px;width: 1031px;}
.currentDd{color:#666666;}
.currentDt{color:#006dbf;}
.huixian{width:1031px;}
.huixian p span{ padding-right:75px; display:inline-block; width:200px;}
.huixian p span i{ font-style:normal; color:#3C7AB7;}
.huixian .o01{ padding-bottom:25px;}
/*在线招聘结束*/
/*产品展示详情开始*/
.content .qun04{width:1120px; margin:0 auto;}
.content .qun04 .lanxian{ height:4px; background:#005DAD; margin-top:40px;}
.content .qun04 .fanhui{width:1120px; height:60px; padding-top:27px;}
.content .qun04 .fanhui .fanhui_left{ float:left;}
.content .qun04 .fanhui .fanhui_left h2{ font-size:27px; color:#3c3c3c; float:left;}
.content .qun04 .fanhui .fanhui_left span{ font-size:16px; float:left;margin-top: 13px;
margin-left: 10px;}

.content .qun04 .fanhui .fanhui_right{ float:right;}






/**先进设备**/
.exteriorMain{ width:1120px; height:443px; position:relative;}
.exteriorImg{ width:743px; height:443px; float:left; position:relative; overflow:hidden; background:url(../images/load.gif) no-repeat center;}
.exteriorImg img{ position:absolute; top:0; left:0}
.exteriorImg img.move{ z-index:3}
.exteriorImg img.done{ z-index:2; display:none;}
.exteriorTxt{ position:absolute; width:100%; height:47px; left:0; bottom:0; background:url(../images/news_bg01.png) repeat; text-indent:21px; font:bold 14px/46px "微软雅黑"; color:#fff;}
.exteriorList{ width:350px; height:443px; float:right; position:relative;}
.exteriorList .mid{ width: 350px; height:396px; position:relative; overflow:hidden;}
.exteriorList .mid li{ width:403px; height:396px; float:left}
.exteriorList .imgBox{display:inline-block; _display:inline;  width:172px; height:127px; float:left; margin:0 0 5px 0; position:relative; overflow:hidden; cursor:pointer;margin-right: 5px;}
.exteriorList .imgBox .imgBg{ width:196px; height:127px; background:#000; filter:alpha(opacity=10); -moz-opacity:0.1; -khtml-opacity:0.1; opacity:0.1; position:absolute; top:0; left:0}
.exteriorList .imgBox.on img,.exteriorList .imgBox.hover img{ width:164px; height:119px; border:4px solid #007ee4}
.exteriorList .tips{ width:349px; height:47px; position:relative;  background:url(../images/tec_bg03.jpg) repeat-x;}
.exteriorList .tips p{ line-height:47px; float:left; color:#dddede; padding-left:17px; position:relative; z-index:3}
.exteriorList .tipsBg{ width:100%; height:100%;  position:absolute; top:0; left:0; z-index:1;background: #005DAD;}
.exteriorList .left,.exteriorList .right{ width:11px; height:17px; cursor:pointer; position:absolute; bottom:15px; z-index:3;background:url(../images/tec_btn02.png) no-repeat;}
.exteriorList .left{ background-position:0 0;right:31px}
.exteriorList .leftOn{background-position:0	-17px; right:31px}
.exteriorList .right{background-position:-24px 0; right:15px}
.exteriorList .rightOn{background-position:-24px -17px; right:15px}
.exteriorMain .Container,.exteriorMain #Scroller-1{ width:843px; height:364px; position:relative; margin:29px 0 0 28px}
.exteriorMain #Scroller-1{ position:relative; overflow:hidden; margin:0}
.exteriorMain .Scroller-Container{ position:absolute; top:0; left:0}
.exteriorMain .Scrollbar-Track{ width:1px; height:352px; position:absolute; top:30px; right:22px; background:#d6d4d4}
.exteriorMain .Scrollbar-Handle{ position:absolute; top:0px; left:-2px; width:5px; height:81px; background:#7b0000; cursor:pointer}



/**科技人才**/
.person-list{ width:940px; margin:0 auto; overflow:hidden}
.person-list ul{ border-bottom:1px dotted #ccc; width:960px;}
.person-list ul li{ width:210px; height:237px; padding:5px; margin:20px 20px 20px 0; background:#d4e2f0; cursor:pointer;
transition: all 0.6s;
-moz-transition: all 0.6s;	/* Firefox 4 */
-webkit-transition: all 0.6s;	/* Safari 和 Chrome */
-o-transition: all 0.6s;}
.person-list ul li h3{ padding-left:9px;font:bold 12px/42px "微软雅黑"; color:#5c5e60;
transition: all 0.6s;
-moz-transition: all 0.6s;	/* Firefox 4 */
-webkit-transition: all 0.6s;	/* Safari 和 Chrome */
-o-transition: all 0.6s;}
.person-list ul li p{padding-left:9px;line-height:18px; color:#797b7d;
transition: all 0.6s;
-moz-transition: all 0.6s;	/* Firefox 4 */
-webkit-transition: all 0.6s;	/* Safari 和 Chrome */
-o-transition: all 0.6s;}
.person-list ul li.hover{ background:#1c98fc;}
.person-list ul li.hover h3,.person-list ul li.hover p{ color:#fff;}

.person-info{ width:940px; margin:0 auto; overflow:hidden}
.person-info-le{ float:left; width:360px; padding-top:8px; overflow:hidden;}
.person-info-le img{ margin-bottom:10px;}
.person-name{ font-weight:bold; font-size:14px; color:#1c98fc;}
.person-info-ri{ width:540px; float:right;}





/*产品展示详情的TAB栏*/
#conc {WIDTH:1120px; height:auto;clear: both; padding-top:52px;}
#tagsc{height: 44px; margin-bottom:18px; border-bottom: 1px solid #EBEBEB;}

#tagsc LI { float:left;border-bottom: none;height:44px;line-height:28px; width:153px; text-align: center; display: block;background: url(../images/ji.jpg) no-repeat center top;margin-right: 7px;}
#tagsc LI A {color: #666; font-size:14px;  display: block;  margin:0 auto;height: 44px;
line-height: 44px;}

#tagsc LI.selectTagc {display: block; background: url(../images/ctnfbt.jpg) no-repeat center top;  }
#tagsc LI.selectTagc A {color: #fff; }
#tagContentc {background: #FFF;overflow: hidden;}
.tagContentc {DISPLAY: none;}
#tagContentc DIV.selectTagc {DISPLAY: block}
#tagContentc li label{ float:right; font-size:12px; color:#afafaf; }
#tagContentc .right_li01{width:551px; margin-bottom:5px;font-size:14px; font-weight:bold; color:#3c3c3c;}
#tagContentc .right_li01 span{ float:right; font-size:12px; color:#a4a4a4;}
#tagContentc .right_li02{line-height: 24px;padding-bottom: 30px;
}
#tagContentc .right .right_li02 a{ font-size:13px; color:#666;}
#tagContentc .right .right_li03{width:551px;font-size:13px; color:#666; line-height:25px;}
#tagContentc .right .right_li03 a{font-size:13px; color:#666;}
/*产品展示详情的TAB栏结束*/

.content .yu_li{width:1120px; margin:0 auto; height:auto; padding-bottom:81px;}
.content .yu_li .yu_li01{ float:left; width:273px; margin-right:150px;padding-bottom: 81px;}
.content .yu_li .yu_li01 h2{ font-size:14px; color:#3c3c3c; padding-top:23px; padding-bottom:11px;}


/*新闻中心内容开始*/
.content .qun05{width:1120px; margin:0 auto;}
/* ui-banner */
.ui-banner{display:block;position:relative;width:1120px; margin-top:42px;}
.ui-banner.ui-banner-invalid{display:none;}
.ui-banner,.ui-banner .ui-banner-slides,.ui-banner .ui-banner-slogans,.ui-banner .ui-banner-arrow{height:400px;}
.ui-banner .ui-banner-slides,.ui-banner .ui-banner-slogans,.ui-banner .ui-banner-arrow{position:absolute;top:0;}
.ui-banner ul{list-style-type:none;margin:0;padding:0;overflow:hidden;}
.ui-banner .ui-banner-slides{width:753px;height:400px;left:1px;}
.ui-banner .ui-banner-slides li{display:none;position:absolute;top: 5px;+top:10px;}
.ui-banner .ui-banner-slides li img{width:753px;height:400px;border:none;}
.ui-banner .ui-banner-slides li.ui-banner-slides-current,.ui-banner .ui-banner-slides li.ui-banner-slides-prev,.ui-banner .ui-banner-slides li.ui-banner-slides-next{display:block;}
.ui-banner .ui-banner-slides li.ui-banner-slides-current{left:0;}
.ui-banner .ui-banner-slides li.ui-banner-slides-prev{left:-753px;}
.ui-banner .ui-banner-slides li.ui-banner-slides-next{left:753px;}
.ui-banner .ui-banner-slogans{height:400px;overflow:hidden;width:363px;right:0;border: 1px solid #eee; border-left:0;}
.ui-bnnerimg{
	width: 103px;
	height: 83px;
}
.ui-bnnerp{
	width: 550px;
	height:97%;
}
.ui-bnnerp h3{
	font-size: 14px;
	  color: #3c3c3c;
	 font-weight:bold; padding-top:20px; padding-left:15px;
}
.ui-bnnerp p{
	color: #666;
	padding-top:10px; padding-left:15px;
}
.ui-line{
	zoom: 1;
	overflow: hidden;
}
.ui-line-hover{
	background:url("../images/stuj.png") no-repeat 0 38px;
}

.ullinehover{
	border-bottom: 1px solid #ececec;
	height: 86px;
}

.ui-bnnerp-hover{
	width:362px;
	background:url(../images/xin_bg.jpg) no-repeat;
	color:#fff;
	cursor:pointer;
}
/*.ullinehover:hover .ui-bnnerp h3,.ullinehover:hover .ui-bnnerp p{
	color: #fff;
}*/
.uibannerslog ul li{
	border: 1px solid red;
}
.ui-bnnerp-hover h3 a,.ui-bnnerp-hover p{
	color:#fff;
}
.ui-banner .ui-banner-arrow{display:block;width:23px;outline:none;}
.ui-banner .ui-banner-arrow.ui-banner-arrow-prev{
	background: transparent url("../images/jleft.jpg") no-repeat scroll 0 0;
	height: 23px;
	right: -43px;
	top: 17px;
	width: 23px;
}
.ui-banner .ui-banner-arrow.ui-banner-arrow-next{
	background: transparent url("../images/jright.jpg") no-repeat;
	height: 23px;
	right: -43px;
	top: 49px;
	width: 23px;
}
.ui-banner .ui-banner-arrow.ui-banner-arrow-next img{left:-15px;}
.ui-banner .ui-banner-overlay{bottom:0;height:10px;position:absolute;right:0;width:173px;}
/* 设置内联, 减少浮动带来的bug */




.content .qun05 .xwlb {
	width: 1120px;
	border-top: 1px #ccc dashed;
	margin-top: 43px;
}
.content .qun05 .xwlb .xwlb01 {
	width: 1120px;
	padding-top: 24px;
	height: 114px;
	border-bottom: 2px solid #E8E6E7;
	cursor:pointer;
}
.content .qun05 .xwlb .xwlb01 .xwlb01_left {
	width: 78px;
	height: 85px;
	background: #E8E8E8;
	float: left;
	padding: 6px 0 0 10px;
}
.content .qun05 .xwlb .xwlb01:hover .xwlb01_left {
	width: 78px;
	height: 85px;
	background: #005DAB;
	float: left;
	padding: 6px 0 0 10px;
}
.content .qun05 .xwlb .xwlb01:hover .xwlb01_left h2{color:#fff;}
.content .qun05 .xwlb .xwlb01:hover .xwlb01_left p{color:#fff;}
.content .qun05 .xwlb .xwlb01:hover{border-bottom: 2px solid #005DAD;}
.content .qun05 .xwlb .xwlb01 .xwlb01_left h2 a{
	color: #015EAC;
	font-size: 32px;
	font-weight: normal;
}
.content .qun05 .xwlb .xwlb01 .xwlb01_left p a{
	font-size: 14px;
	color: #474545;
}
.content .qun05 .xwlb .xwlb01 .xwlb01_right {
	width: 995px;
	height: 114px;
	float: right;
}
.content .qun05 .xwlb .xwlb01 .xwlb01_right h3 a{
	font-size: 18px;
	color: #474545;
	margin-bottom: 4px;
}
.content .qun05 .xwlb .xwlb01 .xwlb01_right .xwlb01_right02 {
	font-size: 12px;
	color: #b0b0b0;
	margin-bottom: 3px;
}
.content .qun05 .xwlb .xwlb01 .xwlb01_right .xwlb01_right03 {
	font-size: 13px;
	color: #666;
}
/*最新公告的翻页号开始*/
.content .qun05 .fanye {
	width: 1100px;
	height: 50px;
	margin-top: 15px;
}
.content .qun05 .fanye .fanyehao {
	width: 301px;
	height: 30px;
	margin: 0 auto;
}
.content .qun05 .fanye .fanyehao li {
	width: 18px;
	height: 25px;
	text-align: center;
	line-height: 23px;
	float: left;
	border: 1px solid #ccc;
	margin-right: 8px;
}
.content .qun05 .fanye .fanyehao li.fir {
	width: 50px;
	height: 25px;
	text-align: center;
	line-height: 23px;
	float: left;
	border: 1px solid #ccc;
}
.content .qun05 .fanye .fanyehao li.last {
	width: 50px;
	height: 25px;
	text-align: center;
	line-height: 23px;
	float: left;
	border: 1px solid #ccc;
}
.content .qun05 .fanye .fanyehao li.on {
	color: #fff;
	background: #295DA9;
	font-weight: bold;
}
.content .qun05 .fanye .fanyehao li a {
	color: #CCCECB;
	font-size: 12px;
	text-decoration: none;
}
/*最新公告翻页号结束*/


#subNav {width:50px; height:30px; padding-right:16px;float:right;margin-right: 6px;
margin-top: 6px;}
#subNav .item { position:absolute; top:21px; width:100%; height:100%; background-color:#4c4a4f; overflow:hidden; -webkit-transition:top 300ms; transition:top 300ms;}
#subNav .search { right:-94px; width:auto; height:34px; border:4px solid #006BBB; z-index:999999;top: 28px;}
#subNav .search input { padding:0 20px; width:150px; height:34px; line-height:34px; }
.btn-search { position:relative;width:50px; height:30px; display:block;background:url(../images/p1.jpg) no-repeat;}
.btn-search .search { display:none;}
.btn-search:hover .search { display: block;}
/* 代码整理：懒人之家 www.lanrenzhijia.com */
.m-slide {
	position: relative;
	width:1120px;
	height:400px;
	border-left: 1px solid #e9e9e9;
	border-right: 1px solid #e9e9e9;
	background: #fff
}
.m-slide .bottom-shadow {
	position: absolute;
	bottom: -3px;
	left: 0;
	width: 100%;
	height: 1px;
	overflow: hidden;
	border-top: 1px solid #e0e0e0;
	background: #e6e6e6;
	border-bottom: 1px solid #ececec
}
.m-slide .img {
	float: left;
	position: relative
}
.m-slide .img li, .m-slide .img .a1, .m-slide .img img {
	display: block;
	width: 757px;
height: 400px;
}
.m-slide .img li {
	display: none;
	position: absolute;
	left: 0;
	top: 0
}
.m-slide .img .first {
	display: block
}
.m-slide .tab {
	float: right
}
.m-slide .tab li {
*margin-bottom: -3px;
	border-top: 1px solid #e5e5e5;
	width: 362px;
height: 79px;
 position:relative;
border-bottom: 1px solid #e5e5e5;

}
.m-slide .tab .first {
	border-top: 0
}
.m-slide .tab .a1 {
	text-decoration: none;
	display: block;
	position: relative;
	width: 362px;
	height: 80px;
}
.m-slide .tab .a2{width: 362px;
	height: 80px; position:absolute; bottom:0; left:0; z-index:999999;}
.m-slide .tab .a1 b {
	position: absolute;
	left: 0;
	top: 20px;
	width: 4px;
	height: 11px;
	overflow: hidden
}
.m-slide .tab .a1 span {
	position: absolute;
	overflow: hidden
}
.m-slide .tab .a1 .title {
	left: 17px;
	top: 6px;
	height: 20px;
	line-height: 20px;
	font-size: 14px;
	font-weight: bold;
	color: #666;
	padding-top: 12px;
}
.m-slide .tab .a1 .des {
	left: 18px;
	top: 26px;
	height: 16px;
	line-height: 16px;
	color: #999;
	padding-top: 15px;
}
.m-slide .tab .first .a1 {
	height: 50px
}
.m-slide .tab .on .a1 {
	background: url(../images/xin_bg.jpg) no-repeat
}
.m-slide .tab .on .a1 b {
	background: url(../images/dot.png) no-repeat
}
.m-slide .tab .on .a1 span {
	color: #fff;
}
/* 代码整理：懒人之家 www.lanrenzhijia.com */