@charset "utf-8";
/* 
 * Project Name:福誉科技
 * Author:浅浅
 * Date：2016-5-16
 */

.cpnav { display: none; width: 100%; color: #FFF; line-height: 50px; height: 50px; overflow: hidden; text-align: center; font-size: 14px; cursor: pointer; }
.caret { display: inline-block; width: 0px; height: 0px; margin-left: 10px; vertical-align: middle; border-top: 4px solid; border-right: 4px solid transparent; border-left: 4px solid transparent; }
.fixed { position: fixed; left: 0px; top: 0px; z-index: 970; }
.pageNav.fixed { top: 60px; width: 100%; }
.pageNav.fixed .cpnav { background: rgba(204,0,0,0.8); }

.dock { position: fixed; top: 50%; width: 52px; height: 298px; margin-top: -149px; right: 0px; z-index: 1100; }
.dockCon { right: 0px; top: 0px; position: absolute; }
.dockCon li.first, .dockCon li.first i { border-radius: 10px 0px 0px; }
.dockCon li.backTop, .dockCon li.backTop i { border-bottom: 0px none; border-radius: 0px 0 0 10px; }
.dockCon li:hover i, .dockCon li.active { cursor: pointer; background-color: #ec1b24; }
.dockCon i { width: 52px; height: 52px; display: block; background-image: url(../images/slider.png); background-repeat: no-repeat; background-color: #666; z-index: 4; position: relative; border-bottom: 1px solid #999; }
.dockCon .i1 { background-position: center 0px; }
.dockCon .i2 { background-position: center -52px; }
.dockCon .i3 { background-position: center -106px; }
.dockCon .i4 { background-position: center -158px; }
.dockCon .i5 { background-position: center -206px; transition: 300ms; -webkit-transition: 300ms; }
.dockCon li.backTop .i5 { background-position: center -210px; }
.dockCon .con { background-color: #323232; border-radius: 10px 0px 0px 10px; color: #fff; position: absolute; right: 0px; display: none; }
.qqcon a:link, .qqcon a:visited { color: #323232; }
.qqcon a:active, .qqcon a:hover { color: #fff; }
.qqcon { top: 40px; width: 160px; padding: 14px 0px; font-size: 14px; text-align: center; }
.qqcon .t { color: #999; }
.qqBtn { border-radius: 5px; background-color: #fff; display: block; width: 112px; height: 30px; line-height: 30px; margin: 13px auto 0px; }
.qqBtn span { background: url(../images/qq1.png) no-repeat scroll left center; padding-left: 24px; }
.qqBtn:hover { background-color: #ec1b24; }
.qqBtn:hover span { background-image: url(../images/qq2.png); }
.weixinCon { top: 40px; padding: 14px 24px; text-align: center; }
.weixinCon .img { width: 120px; overflow: hidden; margin-bottom: 7px; }
.weixinCon .img img { width: 100%; display: block; }
.telcon { top: 105px; padding: 5px 18px; width: 120px; }
.telcon .tel { font: bold 16px/1.4 arial, helvetica, sans-serif; }
.dianshangCon { padding: 15px 18px 0px 28px; height: 234px; top: 8px; width: 552px; }
.dianshangCon .t { color: #999; font-size: 14px; }
.dianshangCon a:link, .dianshangCon a:visited { color: #bcbcbc; }
.dianshangCon a:active, .dianshangCon a:hover { color: #fff; }
.pintaiList2 dd { float: left; display: block; margin: 16px 10px 0px 0px; width: 128px; float: left; text-align: center; }
.pintaiList2 dd img { width: 100%; display: block; margin-bottom: 8px; }
.switchdock { background: url(../images/slider.png) no-repeat scroll center -268px; width: 28px; height: 29px; margin: 0px auto 0px; display: block; position: absolute; right: 10px; bottom: 0px; -webkit-transition: 0s; -moz-transition: 0s; -o-transition: 0s; transition: 0s; }
.switchdock.active { background: url(../images/switchdock.png) no-repeat; }
/* BxSlider */
.bx-wrapper { position: relative; margin: 0 auto; padding: 0; *zoom: 1; }
.bx-wrapper .bx-viewport { background: #fff; -webkit-transform: translatez(0); -moz-transform: translatez(0); -ms-transform: translatez(0); -o-transform: translatez(0); transform: translatez(0); }
.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto { position: absolute; bottom: 0; width: 100%; }
/* LOADER */
.bx-wrapper .bx-loading { min-height: 50px; background: url(images/bx_loader.gif) center center no-repeat #fff; height: 100%; width: 100%; position: absolute; top: 0; left: 0; z-index: 2000; }
/* PAGER */
.bx-wrapper .bx-pager { text-align: center; font-size: 0; font-family: Arial; font-weight: bold; color: #666; }
.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item { display: inline-block; *zoom: 1; *display: inline; vertical-align: middle; }
.bx-wrapper .bx-pager.bx-default-pager a { background: #666; text-indent: -9999px; display: block; width: 10px; height: 10px; margin: 0 5px; outline: 0; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active { background: #000; }
/* DIRECTION CONTROLS (NEXT / PREV) */
.bx-wrapper .bx-prev { left: 10px; }
.bx-wrapper .bx-next { right: 10px; }
.bx-wrapper .bx-controls-direction a { position: absolute; top: 50%; margin-top: -16px; outline: 0; width: 32px; height: 32px; text-indent: -9999px; z-index: 9999; }
.bx-wrapper .bx-controls-direction a.disabled { display: none; }
/* AUTO CONTROLS (START / STOP) */
.bx-wrapper .bx-controls-auto { text-align: center; }
.bx-wrapper .bx-controls-auto .bx-start { display: block; text-indent: -9999px; width: 10px; height: 11px; outline: 0; background: url(images/controls.png) -86px -11px no-repeat; margin: 0 3px; }
.bx-wrapper .bx-controls-auto .bx-start:hover,
.bx-wrapper .bx-controls-auto .bx-start.active { background-position: -86px 0; }
.bx-wrapper .bx-controls-auto .bx-stop { display: block; text-indent: -9999px; width: 9px; height: 11px; outline: 0; background: url(images/controls.png) -86px -44px no-repeat; margin: 0 3px; }
.bx-wrapper .bx-controls-auto .bx-stop:hover,
.bx-wrapper .bx-controls-auto .bx-stop.active { background-position: -86px -33px; }
/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager { text-align: left; width: 80%; }
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto { right: 0; width: 35px; }
/* IMAGE CAPTIONS */
.bx-wrapper .bx-caption { position: absolute; bottom: 0; left: 0; background: #666\9; background: rgba(80, 80, 80, 0.75); width: 100%; }
.bx-wrapper .bx-caption span { color: #fff; font-family: Arial; display: block; font-size: .85em; padding: 10px; }
/*BxSlider end*/
.slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; }
.slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; }
.slick-list:focus { outline: none; }
.slick-loading .slick-list { background: #00865e url(../images/loader.gif) center center no-repeat; }
.slick-list.dragging { cursor: pointer; cursor: hand; }
.slick-slider .slick-list, .slick-track, .slick-slide, .slick-slide img { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.slick-track { position: relative; left: 0; top: 0; display: block; zoom: 1; }
.slick-track:before, .slick-track:after { content: ""; display: table; }
.slick-track:after { clear: both; }
.slick-loading .slick-track { visibility: hidden; }
.slick-slide { float: left; height: 100%; min-height: 1px; display: none; }
.slick-slide img { display: block; }
.slick-slide.slick-loading img { display: none; }
.slick-slide.dragging img { pointer-events: none; }
.slick-initialized .slick-slide { display: block; }
.slick-loading .slick-slide { visibility: hidden; }
.slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; }
/* Arrows */
.slick-prev, .slick-next { position: absolute; display: block; height: 20px; width: 20px; line-height: 0; font-size: 0; cursor: pointer; background: transparent; color: transparent; padding: 0; border: none; outline: none; }
/* Dots */
.slick-dots { position: absolute; bottom: -45px; list-style: none; display: block; text-align: center; padding: 0px; width: 100%; }
.slick-dots li { position: relative; display: inline-block; height: 20px; width: 20px; margin: 0px 5px; padding: 0px; cursor: pointer; }
/*base style end*/
/*index style*/
/*.ishow,.ishow body{ overflow: hidden;}*/
.page { width: 100%; overflow: hidden; background-color: #333333; }
.rollImg, .roll { position: relative; float: left; z-index: 200; cursor: pointer; }
.roll { width: 49px; position: absolute; margin: 0 50%; left: -25px; bottom: 3%; height: 49px; overflow: hidden; border-radius: 50%; background: url(../images/roll.png) no-repeat; background: none rgba(255,255,255,1); }
.rollImg { top: 0px; left: 0px; position: absolute; cursor: pointer; transform: scale(1); -webkit-transform: scale(1); -o-transform: scale(1); background: url(../images/roll_ico.png) no-repeat scroll center center; width: 49px; height: 49px; }
.active .roll { -webkit-animation: appearRoll 1600ms ease 1800ms both; -moz-animation: appearRoll 1600ms ease 1800ms both; -ms-animation: appearRoll 1600ms ease 1800ms both; -o-animation: appearRoll 1600ms ease 1800ms both; animation: appearRoll 1600ms ease 1800ms both; }
.active #rollImg1 { -webkit-animation: bounce 3s ease-in-out 1.5s; -moz-animation: bounce 3s ease-in-out 1.5s; -ms-animation: bounce 3s ease-in-out 1.5s; -o-animation: bounce 3s ease-in-out 1.5s; animation: bounce 3s ease-in-out 1.5s; }

@-webkit-keyframes bounce {
    0% { -webkit-transform: scale(0); }
    70% { -webkit-transform: scale(0.5); }
    35%,100% { -webkit-transform: scale(1); }
}

@-ms-keyframes bounce {
    0% { -ms-transform: scale(0); }
    70% { -ms-transform: scale(0.5); }
    35%,100% { -ms-transform: scale(1); }
}

@-o-keyframes bounce { 0%;
{ -o-transform: scale(0); }
70% { -o-transform: scale(0.5); }
35%, 100% { -o-transform: scale(1); }
}

@-moz-keyframes bounce {
    0% { -moz-transform: scale(0); }
    70% { -moz-transform: scale(0.5); }
    35%,100% { -moz-transform: scale(1); }
}

@keyframes bounce {
    0% { transform: scale(0.0); }
    70% { transform: scale(0.5); }
    35%,100% { transform: scale(1); }
}

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

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

@-ms-keyframes appearRoll {
    0% { opacity: 0; }
    100% { opacity: 1; }
}

@-o-keyframes appearRoll { 0%;
{ opacity: 0; }
100% { opacity: 1; }
}

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

.bannerSlide { position: relative; z-index: 2; }
.banner a:link, .banner a:visited { color: #666666; }
.banner a:active, .banner a:hover { color: #666666; }
.banner { position: relative; overflow: hidden; width: 100%; height: 100%; }
.banner .item { width: 100%; height: 100%; overflow: hidden; position: relative; background-repeat: no-repeat; background-size: cover; background-position: center center; }
.banner .pimg { display: block; width: 100%; position: absolute; }
.binbox { position: absolute; right: 5%; width: 40%; top: 32%; z-index: 100; color: #333; }
.binbox p { overflow: hidden; }
.binbox p span { display: block; }
.binbox .en { background: url(../images/banner_ico.png) no-repeat scroll left center; padding-left: 118px; color: #666666; font: 50px/1.2 arial, helvetica, sans-serif; text-transform: uppercase; color: #d6d6d6; margin-bottom: 20px; }
.binbox .t { font: 20px/1.2 "microsoft yahei"; }
.binbox .by { font: bold 34px/1.2 "microsoft yahei"; padding: 5px 0px 10px; }
.binbox .c { font-size: 16px; line-height: 1.2; margin-bottom: 5px; color: #666666; }
.binbox .i { font: 14px/1.5 arial, helvetica, sans-serif; color: #a1a1a1; width: 80%; }
.banner .item3 .binbox .c { font-size: 16px; }
.binbox p span { opacity: 0; transform: translate(0px,100%); -webkit-transform: translate(0px,100%); -webkit-transition: 0.6s ease 0.4s; transition: 0.6s ease 0.4s; }
.binbox p.en { opacity: 0; visibility: hidden; transform: translate(20%,0%); -webkit-transform: translate(20%,0); -webkit-transition: -webkit-transform 0.8s ease, opacity 0.6s ease, visibility 0.6s ease; transition: transform 0.8s ease, opacity .6s ease, visibility .6s ease; }
.binbox p.en span { visibility: visible; opacity: 1; transform: translate(0px,0px); -webkit-transform: translate(0px,0px); }
.slick-current .binbox p.en { visibility: visible; opacity: 1; transform: translate(0px,0px); -webkit-transform: translate(0px,0px); }
.slick-current .binbox p span { visibility: visible; opacity: 1; transform: translate(0px,0px); -webkit-transform: translate(0px,0px); }
.banner .bx-wrapper .bx-pager { bottom: 16%; z-index: 900; }
.banner .bx-wrapper .bx-pager.bx-default-pager a { margin: 0px; width: 60px; background-color: #6a6a6a; border-radius: 0; height: 7px; border-left: 1px solid #b0b0b0; }
.banner .bx-wrapper .bx-pager.bx-default-pager a:hover { background-color: #EC1B24; }
.banner .bx-wrapper .bx-pager.bx-default-pager a.active { background-color: #EC1B24; }
.banner .slick-dots { bottom: 16%; }
.banner .slick-dots li { position: relative; display: inline-block; margin: 0px; width: auto; height: 9px; padding: 0; cursor: pointer; }
.banner .slick-dots li a { margin: 0px; width: 59px; background-color: #6a6a6a; border-radius: 0; height: 7px; border-left: 1px solid #b0b0b0; display: inline-block; }
.banner .slick-dots li a:focus { background-color: #EC1B24; width: 62px; height: 9px; }
.banner .slick-dots li.slick-active a { background-color: #EC1B24; width: 62px; height: 9px; }
.bannerBot { background: url(../images/banner_bot.png) no-repeat scroll center bottom; background-size: cover; width: 100%; height: 158px; position: absolute; left: 0px; bottom: 0px; display: block; z-index: 100; }
.bbot1, .bbot2 { background-color: #424242; display: block; width: 100%; height: 168px; position: absolute; left: 0%; bottom: -168px; z-index: 100; display: none; -webkit-transition: 0.6s; transition: 0.6s; }
.bbg { background: url(../images/ipage2.png) no-repeat scroll center top; height: 68px; position: absolute; left: 0px; width: 100%; bottom: 0px; z-index: 101; opacity: 0; visibility: hidden; -webkit-transition: 0.5s; transition: 0.5s; }
.no-csstransitions .bannerBot { display: block; }
.csstransitions .bannerBot { display: none; }
.csstransitions .bbot1, .csstransforms .bbot2 { display: block; }
.hoves .bbot1 { transform: skewY(9.5deg); }
.hoves .bbot2 { transform: skewY(-9.5deg); }
.hoves .bbg { opacity: 1; visibility: visible; transition-delay: 0.6s; -webkit-transition-delay: 0.6s; }
.ibox { position: relative; }
.iboxT { font: 28px/1.5 "microsoft yahei"; color: #fff; }
.iboxBot { width: 38px; height: 4px; background-color: #fff; border-radius: 2px; display: block; margin: 20px auto 0px; }
.page .iboxT { transform: translateY(-50px); -webkit-transform: translateY(-50px); opacity: 0; visibility: visible; transition: transform 600ms,opacity .5s cubic-bezier(0.445, 0.145, 0.355, 1); -webkit-transition: transform 600ms,opacity .5s cubic-bezier(0.445, 0.145, 0.355, 1); transition-timing-function: ease-out; -webkit-transition-timing-function: ease-out; }
.page .iboxBot { width: 0px; transition: all 0.5s ease 0s; -webkit-transform: all 0.5s ease 0s; }
.active .iboxT, .m-active .iboxT { opacity: 1; visibility: visible; transform: translateY(0px); -webkit-transform: translateY(0px); transition-delay: 0.4s; -webkit- transition-delay: 0.4s; }
.active .iboxBot, .m-active .iboxBot { width: 38px; transition-delay: 0.4s; -webkit- transition-delay: 0.4s; }
.transYT { transform: translateY(70px); -webkit-transform: translateY(70px); opacity: 0; visibility: visible; transition: transform 600ms,opacity .5s cubic-bezier(0.445, 0.145, 0.355, 1); -webkit-transition: transform 600ms,opacity .5s cubic-bezier(0.445, 0.145, 0.355, 1); transition-timing-function: ease-out; -webkit-transition-timing-function: ease-out; }
.active .transYT, .m-active .transYT { opacity: 1; visibility: visible; transform: translateY(0px); -webkit-transform: translateY(0px); transition-delay: 0.4s; -webkit- transition-delay: 0.4s; }
#ipage2 { background: #3a3a3a; position: relative; }
#ipage2 .bg { background: url("../images/ipage2.png") no-repeat scroll center -68px #424242; height: 233px; position: absolute; left: 0px; top: 0px; width: 100%; }
.ipage2-box a:link, .ipage2-box a:visited { color: #fff; }
.ipage2-box a:active, .ipage2-box a:hover { color: #fff; }
.ipage2-box { width: 890px; margin: 0px auto; text-align: center; z-index: 2; }
.ipage2-box .iboxC { height: 76px; overflow: hidden; color: #cccccc; font-size: 14px; margin: 25px auto 35px; }
.iAboutList li { float: left; display: block; width: 25%; }
.iAboutList .item { width: 137px; margin: 0px auto; display: block; }
.iAboutList .con { width: 137px; height: 137px; position: relative; }
.iAboutList .y1 { background: url(../images/y1.png) no-repeat; }
.iAboutList .y2 { background: url(../images/y2.png) no-repeat; }
.iAboutList .y1, .iAboutList .y2 { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; transition: all 0.5s ease 0s; -webkit-transform: all 0.5s ease 0s; z-index: 1; }
.iAboutList .y2 { opacity: 0; transform: scale(0.7); -webkit-transform: scale(0.7); visibility: hidden; }
.iAboutList .ico { width: 50px; height: 50px; position: absolute; left: 50%; top: 50%; margin: -25px 0px 0px -25px; background: url(../images/ico.png) no-repeat; z-index: 3; -webkit-transition: 0.4s ease 0.2s; transition: 0.4s ease 0.2s; }
.iAboutList .name { font-size: 16px; margin-top: 12px; }
.iAboutList .lin1 .ico { background-position: 0px 0px; }
.iAboutList .lin2 .ico { background-position: -50px 0px; }
.iAboutList .lin3 .ico { background-position: -100px 0px; }
.iAboutList .lin4 .ico { background-position: -150px 0px; }
.iAboutList .lin1 .item:hover .ico { background-position: 0px -50px; }
.iAboutList .lin2 .item:hover .ico { background-position: -50px -50px; }
.iAboutList .lin3 .item:hover .ico { background-position: -100px -50px; }
.iAboutList .lin4 .item:hover .ico { background-position: -150px -50px; }
.iAboutList .item:hover .y1 { opacity: 0; transform: scale(1.3); -webkit-transform: scale(1.3); }
.iAboutList .item:hover .y2 { opacity: 1; transform: scale(1); -webkit-transform: scale(1); visibility: visible; }
.p-active .iAboutList li { opacity: 0; }
.p-active .iAboutList .lin1 { transform: translate(-70px,50px); -webkit-transform: translate(-70px,50px); }
.p-active .iAboutList .lin2 { transform: translate(-70px,-50px); -webkit-transform: translate(-70px,-50px); }
.p-active .iAboutList .lin3 { transform: translate(-70px,50px); -webkit-transform: translate(-70px,50px); }
.p-active .iAboutList .lin4 { transform: translate(-70px,-50px); -webkit-transform: translate(-70px,-50px); }
/*.iAboutList .lin3{ transform: translateY(50px) rotate(90deg); -webkit-transform:translateY(50px) rotate(90deg);}
.iAboutList .lin4{ transform: translateY(-50px) rotate(90deg); -webkit-transform: translateY(-50px) rotate(90deg);}*/
.active .iAboutList li { opacity: 1; transition: transform 500ms,opacity .5s cubic-bezier(0.445, 0.145, 0.355, 1); -webkit-transition: transform 500ms,opacity .5s cubic-bezier(0.445, 0.145, 0.355, 1); transition-timing-function: ease-out; -webkit-transition-timing-function: ease-out; }
.active .iAboutList .lin1, .active .iAboutList .lin2, .active .iAboutList .lin3, .active .iAboutList .lin4 { transform: translateY(0px) rotate(0deg); -webkit-transform: translateY(0px) rotate(0deg); }
.active .iAboutList .lin1 { transition-delay: 0.6s; -webkit- transition-delay: 0.6s; }
.active .iAboutList .lin2 { transition-delay: 0.8s; -webkit- transition-delay: 0.8s; }
.active .iAboutList .lin3 { transition-delay: 1s; -webkit- transition-delay: 1s; }
.active .iAboutList .lin4 { transition-delay: 1.2s; -webkit- transition-delay: 1.2s; }
.ipage2-pic { background: url(../images/ipage3.png) repeat-x scroll left top; width: 100%; position: absolute; left: 0px; bottom: 0px; height: 100px; }
.more { border: 1px solid #fff; width: 78px; height: 28px; line-height: 28px; text-align: center; display: block; position: relative; overflow: hidden; }
.more .i2 { width: 0; height: 0; -webkit-transform: rotate(360deg); border-style: solid; border-width: 0 0 0 0; border-color: transparent transparent transparent #fff; position: absolute; bottom: 0; left: 0; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s; }
.more .i3 { width: 0; height: 0; -webkit-transform: rotate(360deg); border-style: solid; border-width: 0 0 0 0; border-color: transparent #fff transparent transparent; position: absolute; top: 0; right: 0; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s; }
.more .i1 { position: relative; z-index: 2; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; color: #fff; }
.more:hover { border-color: #fff; }
.more:hover .i1 { color: #333333; }
.more:hover .i2 { border-width: 105px 0 0 105px; }
.more:hover .i3 { border-width: 0 105px 105px 0; }
#ipage3 { position: relative; background-color: #fff; }
.ipage3-pic { background: url(../images/ipage3.png) repeat-x scroll left -100px; width: 100%; position: absolute; left: 0px; top: 0px; height: 477px; }
.ipage3-box { padding-top: 120px; position: relative; z-index: 2; }
.ipage3-box .iboxT { text-align: center; }
.productIbox a:link, .productIbox a:visited { color: #fff; }
.productIbox a:active, .productIbox a:hover { color: #fff; }
.productIbox { margin-top: 56px; background: url(../images/line.jpg) no-repeat; }
.productIbox .img { overflow: hidden; }
.productIbox .img img { width: 100%; display: block; transition: all 0.6s ease 0s; -webkit-transform: all 0.6s ease 0s; }
.productIbox .item { margin: 0px 0px 0px 2px; position: relative; }
.productIbox .itemCon { background: url(../images/line.jpg) repeat-x; display: block; }
.productIbox .name { background-color: #f8f8f8; position: relative; text-align: center; height: 54px; line-height: 54px; overflow: hidden; }
.productIbox .name i { height: 1px; position: absolute; left: 5%; width: 90%; background-color: #bbbbbb; top: 50%; }
.productIbox .name span { font-size: 16px; padding: 0px 8px; background-color: #f8f8f8; position: relative; z-index: 2; color: #333333; }
.productIbox .con { position: absolute; left: 0px; bottom: 0%; width: 80%; background: url(../images/line2.jpg) repeat-x scroll left top; padding: 8% 10% 10%; z-index: 4; opacity: 0; visibility: hidden; transform: translateY(10%); -webkit-transform: translateY(10%); transition: all 0.6s ease 0s; -webkit-transform: all 0.6s ease 0s; }
.productIbox .con i { background: url(../images/pro_i.png) no-repeat scroll center top; height: 31px; position: absolute; left: 0px; top: -30px; width: 100%; }
.productIbox .con .t { font: 18px/1.4 "microsoft yahei"; }
.productIbox .con .bot { display: block; width: 42px; height: 2px; background-color: #fff; margin: 5% 0px; }
.productIbox .con .c { height: 65px; overflow: hidden; margin-bottom: 10%; font-size: 13px; text-align: justify; }
.p-active .ipage3-pic { background-position: left -100px; transition: all 0.8s ease 0s; -webkit-transform: all 0.8s ease 0s; }
.active .ipage3-pic { /*background-position: left top;*/ transition-delay: 0.6s; -webkit- transition-delay: 0.6s; }
.productIbox .itemCon:hover .con { opacity: 1; visibility: visible; transform: translateY(0px); -webkit-transform: translateY(0px); }
/*.productIbox .con { opacity: 0; transform-style: preserve-3d; -webkit-transform-style: preserve-3d; transform:perspective(800px) rotateX(180deg); -webkit-transform:perspective(800px) rotateX(180deg); transform-origin: 0 100% 0; }
.productIbox .itemCon:hover .con { transform:rotateX(0deg); -webkit-transform:rotateX(0deg); opacity: 1;}*/
.picdemo .slick-arrow { width: 21px; height: 40px; position: absolute; top: 50%; margin-top: -47px; z-index: 10; }
.picdemo .slick-arrow i { width: 100%; height: 100%; display: block; transition: 600ms; -webkit-transition: 600ms; }
.picdemo .slick-prev { background: url(../images/btn_i1.png) no-repeat scroll right center; left: 2%; }
.picdemo .slick-next { background: url(../images/btn_i2.png) no-repeat scroll left center; right: 2%; }
.picdemo .slick-prev i { background: url(../images/btn_1.png) no-repeat scroll left center; }
.picdemo .slick-next i { background: url(../images/btn_2.png) no-repeat scroll right center; }
.picdemo .slick-prev:hover i { transform: translateX(-8px); -webkit-transform: translateX(-8px); }
.picdemo .slick-next:hover i { transform: translateX(8px); -webkit-transform: translateX(8px); }
#ipage4 { background-color: #f8f8f8; }
.ipage4-box { text-align: center; padding: 100px 0px 0px; }
.ipage4-box .iboxT { color: #333; }
.ipage4-box .iboxBot { background-color: #999999; }
.ipage4-box .iboxBy { color: #333333; font-size: 16px; margin: 20px 0px 30px; }

.iCaseList a:link, .iCaseList a:visited { color: #fff; }
.iCaseList a:active, .iCaseList a:hover { color: #fff; }
.iCaseList { margin-bottom: 34px; }
.iCaseList .img { width: 100%; display: block; transition: 700ms; -webkit-transition: 700ms; }
.iCaseList .item { position: relative; overflow: hidden; }
.iCaseList .black { background: url(../images/black.png) repeat; background: none rgba(0,0,0,0.4); width: 100%; height: 100%; position: absolute; left: 0px; top: 0px; opacity: 0; visibility: hidden; -moz-transition: all .3s cubic-bezier(0.445, 0.145, 0.355, 1); -o-transition: all .3s cubic-bezier(0.445, 0.145, 0.355, 1); -ms-transition: all .3s cubic-bezier(0.445, 1.045, 0.355, 1); transition: all .3s cubic-bezier(0.445, 0.145, 0.355, 1); }
.iCaseList .con { position: absolute; left: 5%; top: 40%; width: 90%; text-align: center; opacity: 0; visibility: hidden; transform: translateY(30%); -webkit-transform: translateY(30%); transition: all 0.6s ease 0s; -webkit-transform: all 0.6s ease 0s; }
.iCaseList .con .t { font-size: 18px; line-height: 1.5; margin-bottom: 15px; }
.iCaseList .more { margin: 0px auto; }
.iCaseList .item:hover .img { transform: scale(1.1); -webkit-transform: scale(1.1); }
.iCaseList .item:hover .black { opacity: 1; visibility: visible; }
.iCaseList .item:hover .con { transform: translateY(0); -webkit-transform: translateY(0); opacity: 1; visibility: visible; }
.p-active .iCaseList .item { transform: translateY(80px); -webkit-transform: translateY(80px); -moz-transform: translateY(80px); opacity: 0; }
.active .iCaseList .item { opacity: 1; transform: translateY(0); -webkit-transform: translateY(0); -moz-transform: translateY(0); }
.active .iCaseList .item:nth-child(2) { transition: 760ms 200ms; -webkit-transition: 760ms 200ms; }
.active .iCaseList .item:nth-child(3) { transition: 760ms 400ms; -webkit-transition: 760ms 400ms; }
.active .iCaseList .item:nth-child(4) { transition: 760ms 600ms; -webkit-transition: 760ms 600ms; }
.active .iCaseList .item:nth-child(5) { transition: 760ms 800ms; -webkit-transition: 760ms 800ms; }
.active .iCaseList .item:nth-child(6) { transition: 760ms 1000ms; -webkit-transition: 760ms 1000ms; }
.active .iCaseList .item:nth-child(7) { transition: 760ms 1200ms; -webkit-transition: 760ms 1200ms; }
.active .iCaseList .item:nth-child(8) { transition: 760ms 1400ms; -webkit-transition: 760ms 1400ms; }
.iCaseList .slick-arrow { margin-top: -20px; }
.more2 { margin: 0px auto; width: 160px; height: 44px; border-color: #999999; line-height: 44px; background-color: #999999; }
.more2 .i2 { border-color: transparent transparent transparent #ec1b24; }
.more2 .i3 { border-color: transparent #ec1b24 transparent; }
.more2:hover .i1 { color: #fff; }
.active .more2 { transition-delay: 0.6s; -webkit- transition-delay: 0.6s; }
#ipage5 { background: url(../images/bg5.jpg) no-repeat scroll center center; background-size: cover; }
.ipage5-box .iboxT { text-align: center; color: #333; }
.ipage5-box .iboxBot { background-color: #999; margin-bottom: 88px; }
.idownDemo { width: 936px; padding: 0px 82px; margin: 0px auto; position: relative; overflow: hidden; }
.idownDemo .line { height: 1px; background-color: #bababa; width: 100%; position: absolute; left: 0px; top: 50%; }
.idownList a:link, .idownList a:visited { color: #333; }
.idownList a:active, .idownList a:hover { color: #fff; }
.idownList { height: 233px; width: 100%; }
.idownList .itemCon { position: relative; display: block; width: 205px; height: 233px; margin: 0px auto; }
.idownList .f1 { background: url(../images/f1.png) no-repeat; }
.idownList .f2 { background: url(../images/f2.png) no-repeat; }
.idownList .f1, .idownList .f2 { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; transition: all 0.5s ease 0s; -webkit-transform: all 0.5s ease 0s; z-index: 1; }
.idownList .f2 { opacity: 0; transform: scale(0.7); -webkit-transform: scale(0.7); visibility: hidden; }
.idownList .con { position: absolute; left: 0px; top: 0px; padding: 55px 10px 0px; height: 178px; z-index: 3; width: 185px; text-align: center; }
.idownList .ico { width: 50px; height: 50px; display: block; margin: 0px auto; background: url(../images/ico2.png) no-repeat; z-index: 3; -webkit-transition: 0.4s ease 0.2s; transition: 0.4s ease 0.2s; }
.idownList .name { font-size: 15px; margin: 10px auto 18px; }
.idownList .bot { width: 14px; height: 2px; background-color: #333; display: block; margin: 0px auto; transition: 200ms; -webkit-transition: 200ms; }
.idownList .btn { display: block; background: url(../images/more.png) no-repeat; width: 28px; height: 28px; margin: 10px auto 0px; opacity: 0; visibility: hidden; transform: scale(0); -webkit-transform: scale(0); transform: translateY(-10px); -webkit-transform: translateY(-10px); transition: 400ms; -webkit-transition: 400ms; }
.idownList .itemCon:hover .ico { background-position: 0px -50px; }
.idownList .itemCon:hover .f1 { opacity: 0; transform: scale(1.1); -webkit-transform: scale(1.1); }
.idownList .itemCon:hover .f2 { opacity: 1; transform: scale(1); -webkit-transform: scale(1); visibility: visible; }
.idownList .itemCon:hover .bot { width: 0px; }
.idownList .itemCon:hover .btn { opacity: 1; transform: scale(1); -webkit-transform: scale(1); visibility: visible; transform: translateY(0px); -webkit-transform: translateY(0px); }
.idownList .slick-arrow { width: 33px; height: 33px; display: block; border-radius: 5px; background-color: #e81a23; top: 50%; margin-top: -16px; }
.idownList .slick-arrow i { background: url(../images/btn_3.png) no-repeat scroll center center; width: 100%; height: 100%; margin: 0px auto; display: block; transition: 300ms; -webkit-transition: 300ms; }
.idownList .slick-prev { left: -82px; }
.idownList .slick-next { right: -82px; }
.idownList .slick-prev i { background-image: url(../images/btn_3.png); }
.idownList .slick-next i { background-image: url(../images/btn_4.png); }
.idownList .slick-arrow:hover { background-color: #333333; }
.idownList .slick-prev:hover i { background-position: 30% center; }
.idownList .slick-next:hover i { background-position: 70% center; }
#ipage6 { position: relative; }
#ipage6 .bg { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background: url(../images/bg6.jpg) no-repeat scroll center center #383838; background-size: cover; }
.ipage6-box { z-index: 2; }
.ipage6-box .iboxT { text-align: center; }
.iNewsList a:link, .iNewsList a:visited { color: #565656; }
.iNewsList a:active, .iNewsList a:hover { color: #fff; }
.iNewsList { height: 291px; width: 80%; margin: 42px auto 0px; overflow: hidden; }
.iNewsList dd { float: left; display: block; width: 30%; background-color: #fff; }
.iNewsList dd.one { float: right; width: 70%; }
.iNewsList .list li { height: 97px; overflow: hidden; }
.iNewsList .list li a { display: block; padding: 15px 5% 0px; border-bottom: 1px solid #e5e5e5; height: 81px; position: relative; }
.iNewsList .list li a .bot { height: 4px; width: 0px; position: absolute; left: 0px; bottom: -1px; background-color: #e91a23; transition: 400ms; -webkit-transition: 400ms; }
.iNewsList .list li a:hover { background-color: #999999; }
.iNewsList .list li a:hover .bot { width: 100%; }
.iNewsList .list li .time { color: #bcbcbc; margin-bottom: 5px; }
.iNewsList .list li .con { line-height: 1.2; height: 34px; font-size: 14px; overflow: hidden; }
.iNewsList .one { position: relative; overflow: hidden; height: 100%; }
.iNewsList .one a { display: block; width: 100%; height: 100%; position: absolute; left: 0px; top: 0px; z-index: 2; }
.iNewsList .one .img { float: left; display: block; width: 60%; height: 100%; background-repeat: no-repeat; background-position: center center; background-size: cover; position: relative; }
.iNewsList .one .img img { width: 100%; display: none; }
.iNewsList .one .con { text-align: center; width: 32%; margin-left: 4%; float: left; display: block; line-height: 1.5; padding-top: 8%; position: relative; }
.iNewsList .one .con .time { color: #bcbcbc; }
.iNewsList .one .con .t { margin: 8px 0px 22px; font-size: 16px; }
.iNewsList .one .con .c { font-size: 14px; color: #999; height: 63px; overflow: hidden; }
#ipage7 { background-color: #eaeaea; }
#ipage7 .bg { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background: url(../images/bg7.jpg) no-repeat scroll center center #eaeaea; background-size: cover; }
.ipage7-box { z-index: 2; }
.ipage7-box .iboxT { text-align: center; color: #333333; }
.ipage7-box .iboxBot { background-color: #999; }
.ipage7-box .iboxC { width: 774px; text-align: center; color: #666666; margin: 30px auto 50px; font-size: 14px; }
.ipage7-box a:link, .ipage7-box a:visited { color: #333; }
.ipage7-box a:active, .ipage7-box a:hover { color: #E81A23; }
.iContactList { margin-bottom: 5%; }
.iContactList li { float: left; cursor: pointer; text-align: center; width: 29.33%; margin: 0px 2%; font-size: 14px; color: #333333; }
.iContactList li .ico { display: block; margin: 0px auto 30px; }
.iContactList li:hover .ico { -webkit-animation: icoI 1s linear infinite; animation: icoI 1s linear infinite; }

@-webkit-keyframes icoI {
    0% { -webkit-transform: translate(0px, 0px); }
    25% { -webkit-transform: translate(0px, -10px); }
    50% { -webkit-transform: translate(0px, 0px); }
    75% { -webkit-transform: translate(0px, 10px); }
    100% { -webkit-transform: translate(0px, 0px); }
}

@-moz-keyframes icoI {
    0% { -moz-transform: translate(0px, 0px); }
    25% { -moz-transform: translate(0px, -10px); }
    50% { -moz-transform: translate(0px, 0px); }
    75% { -moz-transform: translate(0px, 10px); }
    100% { -moz-transform: translate(0px, 0px); }
}

@keyframes icoI {
    0% { transform: translate(0px, 0px); }
    25% { transform: translate(0px, -10px); }
    50% { transform: translate(0px, 0px); }
    75% { transform: translate(0px, 10px); }
    100% { transform: translate(0px, 0px); }
}

@-webkit-keyframes mk_3d_top {
    0% { -webkit-transform: perspective(600px) rotateX(60deg); -webkit-transform-origin: center top 0; }
    100% { -webkit-transform: perspective(600px) rotateX(0deg); -webkit-transform-origin: center top 0; }
}

@keyframes mk_3d_top {
    0% { -webkit-transform: perspective(600px) rotateX(60deg); transform: perspective(600px) rotateX(60deg); -webkit-transform-origin: center top 0; transform-origin: center top 0; }
    100% { -webkit-transform: perspective(600px) rotateX(0deg); transform: perspective(600px) rotateX(0deg); -webkit-transform-origin: center top 0; transform-origin: center top 0; }
}

/*----- mk_3d_bottom -----*/

@-webkit-keyframes mk_3d_bottom {
    0% { -webkit-transform: perspective(600px) rotateX(-30deg); -webkit-transform-origin: center bottom 0; opacity: 0; }
    100% { -webkit-transform: perspective(600px) rotateX(0deg); -webkit-transform-origin: center bottom 0; opacity: 1; }
}

@keyframes mk_3d_bottom {
    0% { -webkit-transform: perspective(600px) rotateX(-30deg); transform: perspective(600px) rotateX(-30deg); -webkit-transform-origin: center bottom 0; transform-origin: center bottom 0; opacity: 0; }
    100% { -webkit-transform: perspective(600px) rotateX(0deg); transform: perspective(600px) rotateX(0deg); -webkit-transform-origin: center bottom 0; transform-origin: center bottom 0; opacity: 1; }
}

.iContactList li .name { width: 228px; margin: 0px auto; line-height: 1.5; }
.messageBtn { border: 2px solid #e31922; display: block; width: 175px; padding: 0px 20px; height: 20px; margin: 0px auto; font-size: 20px; line-height: 60px; height: 60px; color: #e31922; position: relative; overflow: hidden; }
.messageBtn .ico { background: url(../images/more2.png) no-repeat; width: 24px; height: 16px; position: absolute; right: 20px; top: 22px; display: block; transition: 300ms; -webkit-transition: 300ms; }
.messageBtn:hover .ico { right: 10px; }
.ipage7-box .messageBtn { color: #e31922; }
#ipage7 { position: relative; }
#ipage7 .foot { position: absolute; left: 0px; bottom: 0px; width: 100%; z-index: 10; }
.active#ipage6 .bg { -webkit-animation: mk_3d_bottom 1.5s 1 cubic-bezier(0.77, 0, 0.175, 1); animation: mk_3d_bottom 1.5s 1 cubic-bezier(0.77, 0, 0.175, 1); }
.active#ipage7 .bg { -webkit-animation: mk_3d_top 1.5s 1 cubic-bezier(0.77, 0, 0.175, 1); animation: mk_3d_top 1.5s 1 cubic-bezier(0.77, 0, 0.175, 1); }
/*index style end*/
/*about style*/
/*about style end*/
/*down style*/
.downList a:link, .downList a:visited { color: #333; }
.downList a:active, .downList a:hover { color: #fff; }
.downList { padding-bottom: 6%; width: 960px; margin: 0px auto; }
.downList .item { margin-top: 18px; }
.downList .t, .downList .c { background-color: #ececec; position: relative; }
.downList .t { float: left; display: block; width: 624px; margin-right: 2px; }
.downList .c { float: left; display: block; width: 334px; text-align: center; }
.downList .t a { padding: 22px 82px 22px 66px; font: 18px/50px "microsoft yahei"; display: block; position: relative; z-index: 2; overflow: hidden; }
.downList .t .i1 { width: 50px; height: 50px; float: left; display: block; background: url(../images/ico2.png) no-repeat; position: absolute; left: 9px; top: 22px; transition: 300ms; -webkit-transition: 300ms; }
.downList .t .name { height: 50px; overflow: hidden; display: block; }
.downList .t .gs { position: absolute; right: 10px; width: 60px; font-size: 14px; }
.downList .c a { padding: 22px 0px; height: 50px; display: block; line-height: 50px; position: relative; z-index: 2; }
.downList .c .i2 { background: url(../images/down.png) no-repeat; padding: 0px 0px 0px 50px; overflow: hidden; line-height: 50px; display: inline-block; *display: inline; *zoom: 1; font-style: initial; font-size: 14px; transition: 300ms; -webkit-transition: 300ms; }
.downList .bot { background-color: #cc0000; height: 0px; width: 100%; position: absolute; left: 0px; top: 0px; transition: 400ms; -webkit-transition: 400ms; }
.downList .t .bot { background-color: #333333; }
.downList .item:hover .bot { height: 100%; }
.downList .item:hover .i1 { background-position: 0px bottom; }
.downList .item:hover .i2 { background-position: 0px bottom; }
.downList .item:hover a { color: #fff; }
/*down style end*/
/*news style*/
.newsPnav { display: block; padding: 42px 0px 20px; border-bottom: 1px solid #fff; color: #fff; width: 1084px; margin: 0px auto 136px; }
.newsPnav .name { font-size: 24px; line-height: 1.5; }
.newsPnav .selbox1 { float: right; display: block; }
select.selbox1 { width: 200px; height: 38px; line-height: 38px; padding: 0px 0px 0px 15px; vertical-align: middle; border: 1px solid #fff; background-color: transparent; -webkit-appearance: none; -moz-appearance: none; appearance: none; font-family: "microsoft yahei"; color: #fff; cursor: pointer; display: block; font-size: 14px; background: url(../images/sico.png) no-repeat scroll 90% center; float: left; display: block; }
.no-csstransitions select.selbox1 { padding-left: 0; background-image: none; background-color: #fff; }
select.selbox1 option { padding: 2px 15px; color: #333333; }
select.selbox1:hover { color: #fff; border: 1px solid #fff; }
.newsPage { position: relative; width: 1084px; margin: -210px auto 0px; }
.newTime { font-size: 36px; line-height: 1.5; color: #fff; margin-bottom: 15px; }
.newTime span { font-size: 16px; padding-left: 5px; }
.filler { position: absolute; display: block; -webkit-transition: 0.6s ease 0s; -moz-transition: 0.6s 0s; -o-transition: 0.6s 0s; transition: 0.6s 0s; }
.filler { background-color: #cc0000; z-index: 5; }
.filler-left { width: 3px; height: 0%; left: 0%; bottom: 0%; }
.filler-right { width: 3px; height: 0%; right: 0%; top: 0%; }
.filler-top { width: 0%; height: 3px; left: 0%; top: 0%; }
.filler-bottom { width: 0%; height: 3px; right: 0%; bottom: 0%; }
.newsList { margin-left: -4%; }
.newsList a:link, .newsList a:visited { color: #333; }
.newsList a:active, .newsList a:hover { color: #333; }
.newItem a:hover .filler-left { height: 100%; }
.newItem a:hover .filler-right { height: 100%; }
.newItem a:hover .filler-top { width: 100%; }
.newItem a:hover .filler-bottom { width: 100%; }
.newItem { position: relative; overflow: hidden; background-color: #fff; float: left; display: block; width: 29.33%; margin: 0px 0px 34px 4%; transition: 400ms; -webkit-transition: 400ms; }
.newItem a { display: block; padding: 18px 18px 0px; }
.newItem .img { width: 100%; overflow: hidden; }
.newItem .img img { width: 100%; display: block; -webkit-transition: 0.6s ease 0s; -moz-transition: 0.6s 0s; -o-transition: 0.6s 0s; transition: 0.6s 0s; }
.newItem .con { padding: 18px 0px 10px; }
.newItem .c { font-size: 14px; line-height: 1.5; height: 42px; overflow: hidden; margin-bottom: 40px; }
.newItem .time { color: #999999; line-height: 26px; }
.newItem .more { background: url(../images/more3.png) no-repeat; width: 26px; height: 26px; display: block; float: right; display: block; transition: 300ms; -webkit-transition: 300ms; }
.newItem:hover { box-shadow: 3px 6px 3px -1px rgba(201, 201, 201, 0.6); }
.newItem:hover .more { background-image: url(../images/more4.png); }
.newItem:hover .img img { transform: scale(1.1); -webkit-transform: scale(1.1); }
.bgf8 { background-color: #f8f8f8; }
.paging { text-align: center; padding: 12px 0px 60px; }
.paging a:link, .paging a:visited { color: #ffffff; }
.paging a:active, .paging a:hover { color: #fff; background-color: #cc0000; }
.paging a, .paging span { display: inline-block; margin: 0px 2px; background-color: #8a8a8a; font-size: 15px; padding: 4px 14px; color: #fff; }
.paging span { background-color: #cc0000; color: #fff!important; }
.w960 { width: 960px; margin: 0px auto; }
.ninfoT { margin-top: 95px; padding: 5% 0px 30px; border-bottom: 2px solid #cecece; text-align: center; margin-bottom: 50px; }
.ninfoT .infoT { font-size: 24px; color: #333; margin-bottom: 18px; line-height: 1.5; }
.ninfoT .infoTime { color: #999; }
.pageC a:link, .pageC a:visited { color: #333; }
.pageC a:active, .pageC a:hover { color: #CC0000; }
.pageC { font-size: 14px; color: #666666; overflow: hidden; }
.pageC img { max-width: 100%; }
.infoPaging a:link, .infoPaging a:visited { color: #666; }
.infoPaging a:active, .infoPaging a:hover { color: #CC0000; }
.infoPaging { border-top: 1px solid #cccccc; border-bottom: 1px solid #cccccc; height: 59px; margin-top: 8%; text-align: center; }
.infoBox { width: 370px; margin: 0px auto; line-height: 59px; font-size: 16px; }
.infoBox .list { background: url(../images/list1.png) no-repeat scroll center center #999999; padding-left: 68px; height: 59px; display: inline-block; }
.infoBox .list:hover { background-color: #cc0000; }
.infoBox .pprev { background: url(../images/prev11.png) no-repeat scroll 8% center; padding-left: 37px; float: left; display: block; height: 100%; }
.infoBox .pnext { background: url(../images/next11.png) no-repeat scroll 92% center; padding-right: 37px; float: right; display: block; height: 100%; }
.infoBox .pprev:hover { background-position: 0px center; }
.infoBox .pnext:hover { background-position: 100% center; }
/*news style end*/
/*contact sytle*/
.mapBox .BMap_Marker div { transition: 500ms; transform-origin: bottom; -webkit-transform-origin: bottom; }
.mapBox:hover .BMap_Marker div { animation: moveMap 600ms ease-in-out; -webkit-animation: moveMap 600ms ease-in-out; }

@keyframes moveMap {
    0% { transform: scale(1); }
    30% { transform: scale(0.6); }
    60% { transform: scale(1.15); }
    80% { transform: scale(0.9); }
    90% { transform: scale(1.05); }
    100% { transform: scale(1); }
}

@-webkit-keyframes moveMap {
    0% { -webkit-transform: scale(1); }
    30% { -webkit-transform: scale(0.6); }
    60% { -webkit-transform: scale(1.15); }
    80% { -webkit-transform: scale(0.9); }
    90% { -webkit-transform: scale(1.05); }
    100% { -webkit-transform: scale(1); }
}

.mapBox { width: 100%; overflow: hidden; height: 550px; }
.contactList { padding: 48px 0px; border-bottom: 2px solid #e6e6e6; }
.contactList .iContactList { margin-bottom: 0px; }
.contactPage { padding: 54px 0px; }
.contactPage dt { font-size: 18px; color: #333333; margin-bottom: 20px; }
.contactPage .onedd { margin-bottom: 38px; }
.pintaiList a:link, .pintaiList a:visited { color: #666; }
.pintaiList a:active, .pintaiList a:hover { color: #CC0000; }
.pintaiList { margin-left: -32px; }
.pintaiList li { float: left; display: block; text-align: center; font-size: 14px; margin-left: 32px; }
.pintaiList li img { display: block; width: 163px; border: 1px solid #cccccc; margin-bottom: 10px; }
.pintaiList li:hover img { border-color: #CC0000; }
.messagePage { background-attachment: fixed; background-size: cover; background-repeat: no-repeat; background-position: center bottom; padding: 5% 0px; position: relative; }
.messagePage .iboxT { text-align: center; }
.messagePage .ts { text-align: center; color: #fff; padding: 40px 0px 50px; font-size: 14px; }
.messagePage .black { background: url(../images/black2.png) repeat; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; }
.messagePage .w960 { position: relative; }
.formbox { width: 582px; margin: 0px auto; }
.formbox dd { padding-bottom: 16px; }
.formbox dd.btnBox { padding-top: 24px; }
.ctxt { border: 0px none; color: #0f0f0f; padding: 12px 2%; height: 20px; line-height: 20px; width: 45%; font-size: 14px; font-family: "microsoft yahei"; }
.ctxt2 { float: right; display: block; }
.ctxt3 { width: 96%; height: 90px; resize: none; }
.formbox .more2 { border: 0px none; background-color: #cc0000; }
.formbox .more2 .i2 { border-color: transparent transparent transparent #999; }
.formbox .more2 .i3 { border-color: transparent #999 transparent transparent; }
.formbox input[type="text"]:focus, .formBox textarea:focus { background-color: #eeeeee; }
/*contact sytle end*/
/*case style*/
.caseT { padding: 5% 0px 4%; text-align: center; }
.caseT2 { padding: 1% 0px 2%; }
.caseT .iboxT { color: #333333; }
.caseT .iboxBot { background-color: #999; margin: 18px auto 15px; }
.caseT .iboxC { font-size: 18px; }
.casePage { padding: 5% 0px; }
.caseTitle { font-size: 24px; text-align: center; color: #333333; margin-bottom: 40px; line-height: 1.5; }
.clist { margin-left: -3%; }
.clist li { float: left; display: block; width: 30.33%; margin-left: 3%; overflow: hidden; background-color: #000; }
.clist li img { width: 100%; display: block; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; }
.clist li:hover img { -webkit-transform: scale(1.1); transform: scale(1.1); opacity: 0.8; filter: alpha(opacity=80); }
.caseDemo { height: 494px; position: relative; overflow: hidden; width: 100%; }
.caseDemo .w960 { background-color: #cc0000; position: relative; font-size: 14px; }
.caseDemo .w960 .img { display: block; width: 67%; float: left; display: block; }
.caseDemo .w960 .img img { width: 100%; display: block; }
.caseDemo .con { position: absolute; right: 5%; width: 23%; color: #fff; background-color: #cc0000; height: 100%; }
.caseDemo .con .t { padding: 50px 0px 24px; border-bottom: 1px solid #fff; font-size: 20px; line-height: 1.4; margin-bottom: 32px; }
.caseDemo .bot { position: absolute; left: 0px; bottom: 10%; width: 19px; }
.caseDemo .bot .line { height: 100px; background-color: #fff; width: 1px; margin: 0px auto 12px; display: block; }
.caseDemo .bot .ico { background: url(../images/arrw.png) no-repeat; width: 19px; height: 10px; display: block; }
.casePrev, .caseNext { background-color: #fff; border-radius: 18px; padding: 0px 9px; height: 36px; display: block; position: absolute; top: 50%; margin-top: -18px; line-height: 36px; color: #666; font-size: 14px; z-index: 100; -webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; }
.casePrev { left: -60px; }
.caseNext { right: -60px; }
.casePrev i, .caseNext i { width: 20px; background: url(../images/more5.png) no-repeat scroll left center; display: inline-block; height: 36px; float: left; display: block; }
.caseNext i { background: url(../images/more6.png) no-repeat scroll right center; }
.casePrev span, .caseNext span { width: 0px; overflow: hidden; font-size: 14px; float: left; display: block; overflow: hidden; height: 36px; text-align: center; -webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; }
.casePrev:hover span, .caseNext:hover span { width: 60px; font-size: 14px; }
.casePrev:hover { left: -120px; }
.caseNext:hover { right: -120px; }
.caseDemo .prevImg { position: absolute; left: -638px; top: 0px; }
.caseDemo .nextImg { position: absolute; right: -638px; top: 0px; }
.caseDemo .prevImg img, .caseDemo .prevImg img { width: 100%; display: block; }
.caseDemo .prevImg .wiff, .caseDemo .nextImg .wiff { background: url(../images/wiff.png) repeat; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 10; }
/*case style end*/
/*product style*/
.productDL a:link, .productDL a:visited { color: #333333; }
.productDL a:active, .productDL a:hover { color: #CC0000; }
.productDL { border-top: 1px solid #cccccc; margin: 35px 0px 50px; }
.productDL dd { padding: 10px 0px; border-bottom: 1px solid #cccccc; -webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; }
.productDL .img { float: left; display: block; width: 37%; }
.productDL .img img { width: 100%; display: block; }
.productDL .con { margin-left: 13%; width: 50%; float: left; display: block; padding: 40px 0px; color: #333; font-size: 14px; }
.productDL .con .t { border-bottom: 1px solid #ccc; width: 205px; padding-bottom: 15px; line-height: 1.5; font-size: 24px; color: #333333; margin-bottom: 30px; }
.productDL .con .c { font-size: 14px; }
.productDL .con .bot { padding: 28px 0px; }
.productDL .con .bot a:link, .productDL .con .bot a:visited { color: #CC0000; }
.productDL .con .bot a:active, .productDL .con .bot a:hover { color: #333333; }
.productDL .con .bot a { background: url(../images/sj.png) no-repeat scroll left 8px; padding-left: 18px; margin-right: 10%; display: inline-block; }
.productDL .more { border-color: #666666; width: 98px; height: 34px; line-height: 34px; }
.productDL .more .i1 { color: #666666; }
.productDL .more .i2 { border-color: transparent transparent transparent #cc0000; }
.productDL .more .i3 { border-color: transparent #cc0000 transparent transparent; }
.productDL .more:hover { border-color: #cc0000; }
.productDL .more:hover .i1 { color: #fff; }
.productDL dd:hover { background-color: #F8F8F8; }
.proT { text-align: center; color: #333333; font-size: 24px; padding: 30px 0px 0px; }
.productNav a:link, .productNav a:visited { color: #666; }
.productNav a:active, .productNav a:hover { color: #fff; }
.productNav { text-align: center; padding: 20px 0px 0px; }
.productNav a { border: 1px solid #666666; padding: 8px 30px; margin: 0px 7px; }
.productNav a span { background: url(../images/sj3.png) no-repeat scroll left center; padding-left: 16px; font-size: 14px; }
.productNav a:hover, .productNav a.act { background-color: #CC0000; border-color: #CC0000; color: #fff; }
.productNav a:hover span, .productNav a.act span { background-image: url(../images/sj2.png); }
.filler2 { position: absolute; display: block; background-color: #cc0000; z-index: 5; -webkit-transition: 0.4s ease 0s; -moz-transition: 0.4s 0s; -o-transition: 0.4s 0s; transition: 0.4s 0s; }
.filler-left2 { width: 3px; height: 0%; left: 0%; top: 0%; }
.filler-right2 { width: 3px; height: 0%; right: 0%; top: 0%; }
.filler-top2 { width: 0%; height: 3px; left: 50%; top: 0%; -webkit-transition: 0.4s ease 0s; -moz-transition: 0.4s 0s; -o-transition: 0.4s 0s; transition: 0.4s 0s; }
.productList a:link, .productList a:visited { color: #fff; }
.productList a:active, .productList a:hover { color: #fff; }
.productList a:hover .filler-left2 { height: 100%; -webkit-transition: 0.6s ease 0.4s; -moz-transition: 0.6s 0.4s; -o-transition: 0.6s 0.4s; transition: 0.6s 0.4s; }
.productList a:hover .filler-right2 { height: 100%; -webkit-transition: 0.6s ease 0.4s; -moz-transition: 0.6s 0.4s; -o-transition: 0.6s 0.4s; transition: 0.6s 0.4s; }
.productList a:hover .filler-top2 { width: 100%; left: 0%; }
.productList { padding-top: 50px; }
.productList ul { margin-left: -4%; }
.productList .bg2 { background-color: #CC0000; position: absolute; width: 100%; height: 0px; left: 0px; bottom: 0px; -webkit-transition: 0.4s; -moz-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; }
.productList li { float: left; display: block; width: 29.33%; margin: 0px 0px 4% 4%; background-color: #666666; }
.productList a { display: block; position: relative; }
.productList a .img { border: 1px solid #cccccc; background-color: #fff; }
.productList a .img img { width: 100%; display: block; }
.productList a .name { height: 52px; line-height: 52px; font-size: 16px; overflow: hidden; padding: 0px 5%; text-align: center; position: relative; z-index: 2; }
.productList a:hover .bg2 { height: 52px; -webkit-transition: 0.4s ease 0.6s; -moz-transition: 0.4s 0.6s; -o-transition: 0.4s 0.6s; transition: 0.4s 0.6s; }
.productList .ico { background: url(../images/addico.png) no-repeat; width: 42px; height: 42px; display: block; position: absolute; left: 50%; top: 50%; margin: -21px 0px 0px -21px; transform: scale(0,0); -webkit-transform: scale(0,0); opacity: 0; visibility: hidden; }
.productList a:hover .ico { transform: scale(1); -webkit-transform: scale(1); -webkit-transition: 0.4s ease 0s; -moz-transition: 0.4s 0s; -o-transition: 0.4s 0s; transition: 0.4s 0s; opacity: 1; visibility: visible; }
.productAct { background-color: #f8f8f8; padding: 15px 0px; font-size: 14px; }
.productAct a:link, .productAct a:visited { color: #666; }
.productAct a:active, .productAct a:hover { color: #CC0000; }
.productAct span { font-family: "宋体"; padding: 0px 10px; }
.productDemo { margin: 60px 0px; }
.pboxT { font-size: 20px; color: #333; line-height: 1.5; margin-bottom: 32px; }
.paddingB { padding: 58px 0px; }
.pboxDL { border-top: 1px solid #cccccc; border-bottom: 1px solid #cccccc; padding: 25px 0px; }
.pboxDL dd { float: left; display: block; width: 32.33%; margin-right: 1%; font-size: 14px; }
.proLine { background-color: #cc0000; font-size: 18px; color: #fff; padding: 8px 2%; margin-bottom: 30px; }
.productPingtai { padding: 60px 0px; }
.productPingtai dt { font-size: 18px; padding-bottom: 30px; }
.productPingtai .pintaiList { margin-left: -1.2%; }
.productPingtai .pintaiList li { width: 13%; margin-left: 1.2%; font-size: 16px; }
.productPingtai .pintaiList li img { width: 100%; }
.proName { font-size: 20px; color: #333333; text-align: center; }
.control { text-align: center; padding: 26px 0px 32px; font-size: 14px; }
.control .line { padding: 0px 4px; }
.control .num { font-size: 20px; }
.productImg .item img { filter: alpha(opacity=40); opacity: 0.4; border: 1px solid #cccccc; width: 100%; }
.productImg .item { margin: 0px 80px; background-color: #fff; }
.productImg .slick-center img { filter: alpha(opacity=100); opacity: 1; }
.productImg .slick-arrow { width: 33px; height: 33px; display: block; border-radius: 5px; background-color: #999999; top: 50%; margin-top: -16px; z-index: 100; }
.productImg .slick-arrow i { background: url(../images/btn_3.png) no-repeat scroll center center; width: 100%; height: 100%; margin: 0px auto; display: block; transition: 300ms; -webkit-transition: 300ms; }
.productImg .slick-prev { left: 31%; }
.productImg .slick-next { right: 31%; }
.productImg .slick-prev i { background-image: url(../images/btn_3.png); }
.productImg .slick-next i { background-image: url(../images/btn_4.png); }
.productImg .slick-arrow:hover { background-color: #e81a23; }
.productImg .slick-prev:hover i { background-position: 30% center; }
.productImg .slick-next:hover i { background-position: 70% center; }
/*product style end*/
/*aboutNav style*/
.aboutNav a:link, .aboutNav a:visited { color: #666; }
.aboutNav a:active, .aboutNav a:hover { color: #CC0000; }
.aboutNav { border-bottom: 1px solid #cccccc; }
.aboutNav li { float: left; display: block; width: 23%; margin: 0px 1%; text-align: center; font-size: 16px; color: #666666; position: relative; }
.aboutNav li a { padding-bottom: 35px; display: block; }
.aboutNav i { width: 50px; height: 50px; margin: 0px auto 25px; display: block; background: url(../images/ico.png) no-repeat; }
.aboutNav .i1 { background-position: 0px 0px; }
.aboutNav .i2 { background-position: -50px 0px; }
.aboutNav .i3 { background-position: -100px 0px; }
.aboutNav .i4 { background-position: -150px 0px; }
.aboutNav .bot { position: absolute; left: 50%; width: 0px; background-color: #CC0000; height: 2px; bottom: 0px; -webkit-transition: 0.4s ease 0s; -moz-transition: 0.4s 0s; -o-transition: 0.4s 0s; transition: 0.4s 0s; }
.aboutNav li:hover .bot { width: 100%; left: 0px; }
.pagebT { text-align: center; margin-bottom: 38px; }
.pagebT .zh { color: #666666; font-size: 24px; }
.pagebT .en { color: #999999; }
.aboutPic { padding: 15%; background-attachment: fixed; background-size: cover; }
.qualificationPage { background-color: #F8F8F8; padding: 70px 0px; }
.qualificationPbox { position: relative; margin-bottom: 5%; }
.qualificationPbox .bor { height: 3px; position: absolute; left: 0px; top: 50%; background-color: #CC0000; width: 100%; margin-top: -1px; }
.qualificationTab { position: relative; z-index: 2; padding: 0px 50px; }
.qualificationTab .item { border-radius: 5px; background-color: #d7d7d7; font-size: 14px; color: #333; padding: 10px 10px; margin: 0px 7px; display: block; text-align: center; }
.qualificationTab .item:hover, .qualificationTab .item.act { background-color: #CC0000; color: #fff; }
.qualificationTab .slick-arrow { width: 33px; height: 33px; display: block; border-radius: 5px; background-color: #e81a23; top: 50%; margin-top: -16px; }
.qualificationTab .slick-arrow i { background: url(../images/btn_3.png) no-repeat scroll center center; width: 100%; height: 100%; margin: 0px auto; display: block; transition: 300ms; -webkit-transition: 300ms; }
.qualificationTab .slick-prev { left: 0px; }
.qualificationTab .slick-next { right: 0px; }
.qualificationTab .slick-prev i { background-image: url(../images/btn_3.png); }
.qualificationTab .slick-next i { background-image: url(../images/btn_4.png); }
.qualificationTab .slick-arrow:hover { background-color: #333333; }
.qualificationTab .slick-prev:hover i { background-position: 30% center; }
.qualificationTab .slick-next:hover i { background-position: 70% center; }
.qualificationDemo a:link, .qualificationDemo a:visited { color: #333333; }
.qualificationDemo a:active, .qualificationDemo a:hover { color: #CC0000; }
.qualificationDemo { width: 90%; margin: 0px auto; position: relative; padding-bottom: 60px; transform: translateX(80px); -webkit-transform: translateX(80px); opacity: 0; transition: 700ms; -webkit-transition: 700ms; }
.qualificationDemo.show { transform: translateX(0); -webkit-transform: translateX(0); opacity: 1; }
.qualificationDemo .item { margin: 0px 20px; }
.qualificationDemo .itemA { display: block; text-align: center; cursor: pointer; }
.qualificationDemo .itemA .img { margin-bottom: 8px; }
.qualificationDemo .itemA img { width: 100%; display: block; font-size: 14px; }
.qualificationDemo .slick-dots { bottom: 0px; }
.qualificationDemo .slick-dots li { position: relative; display: inline-block; margin: 0px 5px; width: 13px; height: 10px; padding: 2px 0px; cursor: pointer; }
.qualificationDemo .slick-dots li a { transition: 400ms; -webkit-transition: 400ms; -ms-transition: 400ms; height: 12px; width: 12px; line-height: 12px; text-indent: -10em; display: block; overflow: hidden; padding: 0px; cursor: pointer; border: 1px solid #b8b8b8; background-color: #b8b8b8; border-radius: 50%; }
.qualificationDemo .slick-dots li a:focus { outline: none; }
.qualificationDemo .slick-dots li.slick-active a { background-color: #ec1b24; border-color: #ec1b24; }
.imgShowBox { background: url(../images/black2.png) repeat; background: none rgba(0,0,0,0.8); bottom: 0; left: 0; position: fixed; right: 0; top: 0; transform: translateY(100%); transition: all 800ms ease 0s; z-index: 1110; width: 100%; overflow: hidden; -webkit-overflow-scrolling: touch; }
.no-csstransitions .imgShowBox { display: none; }
.imgShowDemo { width: 100%; height: 100%; position: relative; overflow: hidden; }
.imgShowDemo .item { width: 100%; height: 100%; background-repeat: no-repeat; background-position: center; position: relative; background-size: contain; }
.imgShowDemo .img { vertical-align: middle; height: auto; width: auto; max-height: 100%; max-width: 100%; margin: auto; position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; }
.imgShowDemo .txt { background: url(../images/black.png) repeat; background: none rgba(0,0,0,0.5); font-size: 14px; color: #fff; position: absolute; left: 0; right: 0; bottom: 0; width: 100%; padding: 10px 0px; }
.imgShowDemo .txt .i { padding: 0px 3%; }
.hi-num { width: 85px; height: 65px; background: #272727; color: #fff; border-left: 1px solid #3a3a3a; position: absolute; bottom: 0; right: 0; text-align: center; line-height: 65px; font-size: 16px; }
.img-show { transform: translateY(0) !important; -webkit-transform: translateY(0) !important; }
.no-csstransitions .img-show { display: block; }
.imgShowDemo .slick-prev, .imgShowDemo .slick-next { width: 44px; height: 44px; position: absolute; top: 50%; margin-top: -22px; z-index: 100; transition: all 0s ease 0s; -webkit-transform: all 0s ease 0s; }
.imgShowDemo .slick-prev { background: url(../images/img_btn2.png) no-repeat scroll left top; left: 2%; }
.imgShowDemo .slick-next { background: url(../images/img_btn2.png) no-repeat scroll right top; right: 2%; }
.imgShowDemo .slick-prev:hover { background-position: left bottom; }
.imgShowDemo .slick-next:hover { background-position: right bottom; }
.overlayClose { width: 56px; height: 56px; display: block; position: fixed; right: 2%; top: 2%; transition: 300ms; -webkit-transition: 300ms; z-index: 100; }
.overlayClose i { background: url(../images/close2.png) no-repeat scroll center center; width: 100%; height: 100%; display: block; transition: 400ms; -webkit-transition: 400ms; }
.overlayClose:hover { background-color: #ba002a; }
.overlayClose:hover i { transform: rotate(90deg); -webkit-transform: rotate(90deg); -o-transform: rotate(90deg); -moz-transform: rotate(90deg); }
.honorPage { padding: 6% 0px; }
.honorPage .w960 { position: relative; padding-bottom: 60px; }
.honorDemo { padding: 0px 50px 0px; }
.honorDemo .item { border-radius: 5px; background-color: #d7d7d7; font-size: 14px; color: #333; padding: 10px 10px; margin: 0px 7px; display: block; text-align: center; }
.honorDemo .item:hover, .honorDemo .item.act { background-color: #CC0000; color: #fff; }
.honorDemo .slick-arrow { width: 33px; height: 33px; display: block; border-radius: 5px; background-color: #999999; top: 50%; margin-top: -16px; }
.honorDemo .slick-arrow i { background: url(../images/btn_3.png) no-repeat scroll center center; width: 100%; height: 100%; margin: 0px auto; display: block; transition: 300ms; -webkit-transition: 300ms; }
.honorDemo .slick-prev { left: 0px; }
.honorDemo .slick-next { right: 0px; }
.honorDemo .slick-prev i { background-image: url(../images/btn_3.png); }
.honorDemo .slick-next i { background-image: url(../images/btn_4.png); }
.honorDemo .slick-arrow:hover { background-color: #e81a23; }
.honorDemo .slick-prev:hover i { background-position: 30% center; }
.honorDemo .slick-next:hover i { background-position: 70% center; }
.honorDemo .itemA { display: block; margin: 0px 20px; }
.honorDemo .img { border: 1px solid #cfcfcf; padding: 5px; margin-bottom: 8px; overflow: hidden; }
.honorDemo .img img { width: 100%; display: block; }
.honorDemo .name { text-align: center; font-size: 14px; color: #666666; line-height: 1.5; }
.honorDemo .slick-dots { bottom: -60px; left: 0px; }
.honorDemo .slick-dots li { position: relative; display: inline-block; margin: 0px 5px; width: 13px; height: 10px; padding: 2px 0px; cursor: pointer; }
.honorDemo .slick-dots li a { transition: 400ms; -webkit-transition: 400ms; -ms-transition: 400ms; height: 12px; width: 12px; line-height: 12px; text-indent: -10em; display: block; overflow: hidden; padding: 0px; cursor: pointer; border: 1px solid #b8b8b8; background-color: #b8b8b8; border-radius: 50%; }
.honorDemo .slick-dots li a:focus { outline: none; }
.honorDemo .slick-dots li.slick-active a { background-color: #ec1b24; border-color: #ec1b24; }
.itemA .img { position: relative; overflow: hidden; }
.itemA .black { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; opacity: 0; visibility: hidden; background: url(../images/black.png) repeat; }
.itemA .il, .itemA .ir { background-color: #fff; position: absolute; left: 50%; top: 50%; display: block; transition: 400ms; -webkit-transition: 400ms; border-radius: 3px; }
.itemA .il { height: 3px; width: 0px; margin: -1px 0px 0px -15px; }
.itemA .ir { height: 0px; width: 3px; margin: -15px 0px 0px -1px; }
.itemA:hover .black { opacity: 1; visibility: visible; }
.itemA:hover .il { width: 30px; }
.itemA:hover .ir { height: 30px; transition: 400ms ease 200ms; -webkit-transition: 400ms ease 200ms; }
.processPage { background:url(../images/bg8.jpg) no-repeat scroll top center #484848; padding: 45px 0px 60px; border-bottom: 2px solid #4d4d4d; }
.processPage .pagebT { color: #fff; margin-bottom: 100px; }
.processPage .pagebT .zh { color: #fff; }
.processDemo { padding: 0px 120px; color: #ccc; font-size: 14px; }
.processDemo .item { margin: 0px 60px; }
.processDemo .con { width: 54%; float: left; display: block; }
.processDemo .con .year { font-size: 40px; font-family: arial, helvetica, sans-serif; }
.processDemo .img { width: 35%; float: right; display: block; }
.processDemo .slick-prev, .processDemo .slick-next { width: 20px; height: 43px; position: absolute; top: 50%; margin-top: -21px; z-index: 100; transition: all 0s ease 0s; -webkit-transform: all 0s ease 0s; }
.processDemo .slick-prev { background: url(../images/process_l.png) no-repeat scroll right top; left: 50px; }
.processDemo .slick-next { background: url(../images/process_r.png) no-repeat scroll left top; right: 50px; }
.processDemo .slick-prev:hover { background-position: left top; }
.processDemo .slick-next:hover { background-position: right top; }
.processTop,.processBot{ height: 188px;}
.processSroll{ position: relative; overflow: hidden;}
.processSroll .item{ width: 268px; border-left: 1px solid #bcbaac; padding-left: 28px; position: relative; height: 138px; color: #cccccc; float: left;  margin: 50px 50px 0px;}
.processSroll .item .yico{ background: url(../images/pr_i2.png) no-repeat; position: absolute; width: 10px; height: 10px; left: -5px;}
.processSroll .item .t{ font: 26px/1.2 arial, helvetica, sans-serif; margin-bottom: 20px; position: relative;  margin-top: -10px;}
.processSroll .item .c{ font-size: 14px; height: 50px; overflow: hidden;}
.processSroll .imgItem{ padding-left: 250px; height: 186px; margin-top: 0px;}
.processSroll .imgItem .img{ width: 195px; overflow: hidden; position: absolute; left: 28px; top: 0px; min-height: 140px;}
.processSroll .imgItem .img img{ display: block; width: 100%; height: 140px;}
.processSroll .processTop .yico{ top: 0px;}
.processSroll .processBot .yico{ bottom: 0px;}
.processSroll .processBot .item { padding-top: 46px; height: 140px; margin: 0px 0px 0px 100px;}
.processSroll .processBot .imgItem{ padding-top: 32px; height: 152px;}
.processSroll .processBot .imgItem .img{ top: 32px;}
.processSroll .process-i1{ background: url(../images/pr_i1.png) no-repeat; display: block; width: 26px; height: 26px; display: block; position: absolute; left: 0px; top: 50%; margin-top: -13px; z-index: 10;}
.processSroll .process-i2{ background: url(../images/pr_i3.png) no-repeat; display: block; width: 19px; height: 20px; display: block; position: absolute; right: 0px; top: 50%; margin-top: -10px; z-index: 10;}
.processSroll .process-line{ width: 98%; height: 5px; background-color: #bcbaac; position: absolute; left: 0px; top: 50%; margin-top: -2px; border-radius: 3px;}
.nicescroll-rails { display: none !important;}
/*aboutNav style end*/

/*微信弹出*/
.popUpblack { background: url(../images/black_bg4.png) repeat; width: 100%; height: 100%; position: fixed; left: 0px; top: 0px; z-index: 1010; display: none; }
.popUp { width: 220px; height: 242px; border: 5px solid #999; background: #fff; position: fixed; left: 50%; top: 50%; margin: -87px 0 0 -115px; z-index: 1004; }
.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; }
/*微信弹出 end*/