.pnav a{ display:block; padding:14px 40px; color:#969696; font-weight:bold; border-bottom:1px solid #f5f5f5; line-height:24px; position:relative; }
.pnav p{ position:relative; }
.pnav a:before{ content:""; position:absolute; top:0; bottom:0; width:0; left:0; background:#39b54a; transition:300ms; -webkit-transition:300ms; }
.pnav a.act{ color:#fff; }
.pnav a.act:before{ width:100%; }
.pnav a:hover{ background:#39b54a; transition:300ms; -webkit-transition:300ms;}
html, body, div, span, applet, object, iframe, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0px; border: 0; font-size: 100%; outline: none; }
caption,h1, h2, h3, h4, h5, h6, p{ margin: 0; padding: 0px;}
html { -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; overflow-x: hidden; -webkit-tap-highlight-color: transparent;}
body { font: 14px/1.8; font-family: -apple-system, SF UI Text, PingFang SC, Hiragino Sans GB, Microsoft YaHei, WenQuanYi Micro Hei, "Helvetica Neue", Helvetica, Arial, sans-serif; margin: 0 auto; color: #666; background-color: #fff; line-height: 30px; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
ol, ul { list-style: none; }
a{color:#666666;}
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
strong { font-weight: bold; }
table, tbody, tfoot, thead, tr, th, td{ margin: 0; padding: 0;}
table{border-collapse:collapse;margin:0 auto!important;}
img { border: 0; }
input, textarea, select, option { background: none; outline: 0; font-family: "微软雅黑"; padding: 0; margin: 0; }
input { outline: none; font-family: "Microsoft Yahei","微软雅黑","Hiragino Sans GB","冬青黑体",tahoma,"times new roman",helvetica,arial;}
input[type="text"], input[type="button"], input[type="submit"], input[type="reset"] { -webkit-appearance: none; border-radius: 0; }
textarea { -webkit-appearance: none; border-radius: 0; outline: none;}
::-moz-selection { background: #876235; color: #fff; text-shadow: none; }
::selection { background: #876235; color: #fff; text-shadow: none; }
@font-face{
	font-family: DINCond;
	src: url("../fonts/DINCond-Medium.eot");
	src: url("../fonts/DINCond-Medium.eot?#iefix") format('embedded-opentype'), url("../fonts/DINCond-Medium.woff") format('woff'), url("../fonts/DINCond-Medium.ttf") format('truetype'), url("../fonts/DINCond-Medium.svg") format('svg');
	font-weight: normal; font-style: normal;
}
select{ outline: none;}
select::-ms-expand { display: none; }
a{ text-decoration: none; blr: expression(this.onFocus=this.blur()); cursor: pointer; -webkit-transition: 0.3s; transition: 0.3s; }
a:hover { text-decoration: none; color:#12298c }
.clearfix:before, .clearfix:after { display: table; content: ""; line-height: 0px; }
.clearfix:after { clear: both; }
.fc { text-align: center; }
.fr { text-align: right; }
.m50{margin: 50px 0;}
.l { float: left; display: inline-block; }
.r { float: right; display: inline-block; }
.vt { vertical-align: top; }
.vm { vertical-align: middle; }
.inner { margin: 0px auto; width: 1200px;}
.top a:link, .top a:visited { color: #333333;}
.top a:active,.top a:hover { color: #39b54a;}   
.header{ height: 84px;} 
.top{ position: fixed; z-index: 999; width: 100%; left: 0; top: 0; background-color: #fff; box-shadow: 0 1px 5px rgba(0, 0, 0, 0.15);}
.logo{ position: absolute; left: 3%; top: 0;}
.logo a{ display: block; height:43px; padding: 20px 0px 20px;}
.logo img{ height: 100%; display: block;}
.logo img.img1{ display: block;}
.logo img.img2{ display: none;}
.nav{ float: right; display: block; padding: 22px 0px; line-height: 40px; font-size: 16px; font-weight: bold;}
.nav li{ float: left; display: block; margin: 0px 34px;}
.nav li a.active{ color: #12298c;}
.top-sider{ float: right; display: block; margin-left: 40px;}
.top-sider .top-sider .menuItem{ float: left; display: block;}

.menuItem{ width: 100px; height: 84px;}
.trans, .trans:hover { -webkit-transition: all 0.4s cubic-bezier(0.19, 1, 0.22, 1) 0s; -moz-transition: all 0.4s cubic-bezier(0.19, 1, 0.22, 1) 0s; -o-transition: all 0.4s cubic-bezier(0.19, 1, 0.22, 1) 0s; transition:all 0.4s cubic-bezier(0.19, 1, 0.22, 1) 0s; -ms-transition: all 0.4s cubic-bezier(0.19, 1, 0.22, 1) 0s; }
.trans-fast, .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; }
.menu-handler { width: 100px; height: 84px; background-color: #39b54a; cursor: pointer; position: fixed; right: 0; top: 0; z-index: 1020; transition: all 0.3s cubic-bezier(0.445, 0.145, 0.355, 1); -webkit-transition: all 0.3s cubic-bezier(0.445, 0.145, 0.355, 1); -moz-transition: all 0.3s cubic-bezier(0.445, 0.145, 0.355, 1); }
.menu-handler .burger { width: 21px; height: 3px; background-color: #ffffff; display: block; position: absolute; z-index: 5; top: 31px; left: 50%; margin: 0px 0px 0px -10px; transform-origin: center; -webkit-transform-origin: center; -moz-transform-origin: center; -o-transform-origin: center; -ms-transform-origin: center; }
.menu-handler .burger-2 { top: 40px; }
.menu-handler .burger-3 { top: 49px; }
.menu-handler.active .burger-1 { top: 40px; -moz-transform: rotate(225deg); -webkit-transform: rotate(225deg); -o-transform: rotate(225deg); -ms-transform: rotate(225deg); transform: rotate(225deg); }
.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; left: 100%; }
.menu-handler.active .burger-3 { top: 40px; -moz-transform: rotate(-225deg); -webkit-transform: rotate(-225deg); -o-transform: rotate(-225deg); -ms-transform: rotate(-225deg); transform: rotate(-225deg); }

.ovh{ overflow: hidden;}
.black-20{ background: url(../images/black_20.png) repeat; background: none rgba(0,0,0,0.2);}
.black-30{ background: url(../images/black_30.png) repeat; background: none rgba(0,0,0,0.3);}
.black-40{ background: url(../images/black_40.png) repeat; background: none rgba(0,0,0,0.4);}
.black-50{ background: url(../images/black_50.png) repeat; background: none rgba(0,0,0,0.5);}
.black-60{ background: url(../images/black_60.png) repeat; background: none rgba(0,0,0,0.6);}
.white-86{ background: url(../images/white_86.png) repeat; background: none rgba(255,255,255,0.86);}
.cs-50{ background: url(../images/cs_50.png) repeat; background: rgba(160,115,62,0.5); position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: block;}
.siteMap-overlay{ position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 1015; opacity: 0;  transition:0.65s cubic-bezier(0.550, 0.085, 0.000, 0.990); -webkit-transition:0.65s cubic-bezier(0.550, 0.085, 0.000, 0.990); visibility: hidden;}
.siteMap-nav a:link, .siteMap-nav a:visited { color: #666;}
.siteMap-nav a:active,.siteMap-nav a:hover { color: #39b54a;}  
.siteMap-nav{ background-color: #fff; position: fixed; right: -770px; bottom: 0; top: 84px; z-index: 1015; padding: 0px 60px; color: #666666; overflow-x: hidden; overflow-y:scroll;  width: 640px; -webkit-overflow-scrolling: touch; transition: all 0.7s cubic-bezier(0.19, 1, 0.22, 1) 0s; -webkit-transition: all 0.7s cubic-bezier(0.19, 1, 0.22, 1) 0s; }
.siteMap-head{ border-bottom: 1px solid #cccccc; padding:45px 0px 20px; margin-bottom: 20px;}
.siteMap-head .en{ font-size: 48px; color: #39b54a; line-height: 1.2; font-family: "DINCond";}
.siteMap-head .zh{ color: #333333; font-size: 15px; line-height: 1.2;}
.siteMap-body{ padding-bottom: 10px;}
.siteMap-list li{ margin-bottom: 20px;}
.siteMap-list a.sm-item{ font-weight: bold; color: #333;}
.siteMap-sub dd{ float: left; display: block; margin-right: 15px;}
.siteMap-sub dd:last-child{ margin-right: 0;}
.siteMap-sub-nav a{ margin: 0px 8px;}
.siteMap-foot{ padding: 40px 0px 45px; border-top: 1px solid #cccccc; }
.siteMap-foot .item{ padding-bottom: 18px; line-height: 1.5;}
.siteMap-foot .icon{ width: 40px; height: 40px; background-color: #39b54a; background-position: center center; background-repeat: no-repeat; border-radius: 50%; margin-right: 10px;}
.siteMap-foot .address{ background-image: url(http://www.yongyigroup.cn/images/siteMap-f1.png);}
.siteMap-foot .phone{ background-image: url(http://www.yongyigroup.cn/images/siteMap-f2.png);}
.pusher{ transition: transform 0.7s cubic-bezier(0.19, 1, 0.22, 1) 0s; -webkit-transition: transform 0.7s cubic-bezier(0.19, 1, 0.22, 1) 0s; }
.menuOpen .pusher { transform: translateX(-26%); -webkit-transform: translateX(-26%); transition: transform 0.7s cubic-bezier(0.19, 1, 0.22, 1) 0s; -webkit-transition: transform 0.7s cubic-bezier(0.19, 1, 0.22, 1) 0s; }
.menuOpen .siteMap-overlay{ opacity: 1; visibility: visible;}
.menuOpen .siteMap-nav{ right: -18px;}


.pusher{ transition: transform 0.7s cubic-bezier(0.19, 1, 0.22, 1) 0s; -webkit-transition: transform 0.7s cubic-bezier(0.19, 1, 0.22, 1) 0s; }
.menuOpen .pusher { transform: translateX(-26%); -webkit-transform: translateX(-26%); transition: transform 0.7s cubic-bezier(0.19, 1, 0.22, 1) 0s; -webkit-transition: transform 0.7s cubic-bezier(0.19, 1, 0.22, 1) 0s; }
/*index style*/
.align-vertical { height: 100%; width: 100%; position: relative; display: table; }
.vertical-inner { display: table-cell; vertical-align: middle; }
.transXT50 { transform: translateX(50px); -webkit-transform: translateX(50px); opacity: 0; visibility: hidden; 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; }
.transYT50 { transform: translateY(50px); -webkit-transform: translateY(50px); opacity: 0; visibility: hidden; 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; }
.action.transYT50{ opacity: 1; visibility: visible; transform: translateY(0px); -webkit-transform: translateY(0px); }
.action.transXT50 { opacity: 1; visibility: visible; transform: translateY(0px); -webkit-transform: translateY(0px); }
.dly_1 { transition-delay: 100ms; -webkit-transition-delay: 100ms; }
.dly_2 { transition-delay: 200ms; -webkit-transition-delay: 200ms; }
.dly_3 { transition-delay: 300ms; -webkit-transition-delay: 300ms; }
.dly_4 { transition-delay: 400ms; -webkit-transition-delay: 400ms; }
.dly_5 { transition-delay: 500ms; -webkit-transition-delay: 500ms; }
.dly_6 { transition-delay: 600ms; -webkit-transition-delay: 600ms; }
.dly_7 { transition-delay: 700ms; -webkit-transition-delay: 700ms; }
.dly_8 { transition-delay: 800ms; -webkit-transition-delay: 800ms; }
.dly_9 { transition-delay: 900ms; -webkit-transition-delay: 900ms; }
.dly_10 { transition-delay: 1000ms; -webkit-transition-delay: 1000ms; }
.dly_11 { transition-delay: 1100ms; -webkit-transition-delay: 1100ms; }
.banner a:link, .banner a:visited { color: #fff;}
.banner a:active,.banner a:hover { color: #b07d41;}  
.banner { position: relative; overflow: hidden; }
.banner .item .pimg { position: absolute; right: 0px; top: 0px; width: 100%; display: block; }
.binbox{ position: absolute; left: 7%; bottom: 72px; color: #fff; border-left: 1px solid #fff; border-left: 1px solid rgba(255,255,255,0.5); padding-left: 50px;}
.binbox .t{ color: #fff; font-size: 40px; line-height: 1.1; margin-bottom: 10px; overflow: hidden;font-weight: bold;}
.binbox .en{ line-height: 1.4; font-size: 18px; font-family: "DINCond";}
.binbox .con{ height: 160px; overflow: hidden;}
.binbox .moreBox{ font-family: "DINCond";}
.banner .bot{ position: absolute; left: 0px; bottom: 0px; background-color: #39b54a; height: 6px; overflow: hidden;}
.banner .slick-arrow{ background:url(../images/black_50.png) repeat; background:none rgba(0,0,0,0.5); width:60px; height: 52px; z-index: 105;  bottom: 300px;}
.banner .slick-arrow i{ width: 100%; height: 100%; display: block; transition: 300ms; -webkit-transition: 300ms;}
.banner .slick-prev{ left: 7%; }
.banner .slick-next{ left: 7%; margin-left: 74px;}
.banner .slick-prev i{ background: url(../images/i_banner_l.png) no-repeat scroll center center;}
.banner .slick-next i{ background: url(../images/i_banner_r.png) no-repeat scroll center center;}
.banner .slick-prev:hover,.banner .slick-next:hover{ background:url(../images/cs_80.png) repeat; background:none rgba(18,41,140,0.8);}
.banner .slick-prev:hover i{ transform: translateX(-5px); -webkit-transform: translateX(-5px);}
.banner .slick-next:hover i{ transform: translateX(5px); -webkit-transform: translateX(5px);}
.banner-yy{ background: url(../images/bg_yy.png) repeat-x scroll left bottom; display: block; width: 100%; height: 100%; position: absolute; left: 0; bottom: 0;}
.banner .slick-active .pimg { visibility: visible !important; -webkit-animation: scaleUpDown 5s forwards cubic-bezier(0.250, 0.460, 0.450, 0.940); animation: scaleUpDown 5s forwards cubic-bezier(0.250, 0.460, 0.450, 0.940);}
.banner .slick-active .binbox{  visibility: visible; -webkit-transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8); transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8); -webkit-animation: fadeInRightBig 1.2s 1; animation: fadeInRightBig 1.2s 1;}
@-webkit-keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translateX(300px);transform:translateX(300px)}100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}
@keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translateX(300px);transform:translateX(300px)}100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}
.banner .slick-active .bot { -moz-animation: a_slidercurrent 5s linear; -webkit-animation: a_slidercurrent 5s linear; -o-animation: a_slidercurrent 5s linear; animation: a_slidercurrent 5s linear; }
@-moz-keyframes a_slidercurrent {from { width: 0%; } to { width: 100%; }}
@-webkit-keyframes a_slidercurrent {from { width: 0%; } to { width: 100%; }}
.banner .slick-dots{ right: 2.5%; bottom: 50%; width: 10px; margin-bottom: -92px; z-index: 105; }
.banner .slick-dots li{ position: relative; display: block; width: 21px; padding: 20px 0px; margin: 0px; cursor: pointer;}
.banner .slick-dots li:before{ content: ""; background-color: #fff; width: 1px; height: 100%; position: absolute; left: 50%; top: 0;}
.banner .slick-dots li:first-child:before{ top: 50%; height: 50%;}
.banner .slick-dots li:last-child:before{ height: 50%;}
.banner .slick-dots li a{ height: 21px; width: 21px; line-height: 21px; display: block; overflow: hidden; margin: 0px auto; padding: 0px; cursor: pointer;  border-radius: 50%; background: url(../images/banner_y1.png) no-repeat scroll center center;}
.banner .slick-dots li a span{ width: 100%; height: 100%; display: block; border-radius: 50%; background: url(../images/banner_y2.png) no-repeat scroll center center;  visibility: hidden; opacity: 0; transform: scale(0.8); -webkit-transform: scale(0.8); transition: 300ms; -webkit-transition: 300ms;}
.banner .slick-dots li a:focus{ outline: none; }
.banner .slick-dots li.slick-active a span{ opacity: 1; visibility: visible; transform: scale(1); -webkit-transform: scale(1); }
.mouseIco{ border: 2px solid #fff; width: 21px; height: 30px; display: block; margin: 0px auto; border-radius: 6px; position: absolute; left: 50%; margin-left: -17px; bottom: 67px; z-index:900;}
.mouseIco i{ width: 3px; height: 7px; border-radius: 1px; display: block; background-color: #fff; position: absolute; left: 50%; margin-left: -1px; top: 5px; -webkit-animation: mouse-dot 1.5s cubic-bezier(0.23, 1, 0.32, 1) infinite; animation: mouse-dot 1.5s cubic-bezier(0.23, 1, 0.32, 1) infinite;}
@keyframes mouse-dot {
    from { opacity: 0; }
    33% { opacity: 1; }
    to { transform: translateY(15px); -webkit-transform: translateY(15px); opacity: 0; }
}
@-webkit-keyframes mouse-dot {
    from { opacity: 0; }
    33% { opacity: 1; }
    to { transform: translateY(15px); -webkit-transform: translateY(15px); opacity: 0; }
}
.moreBtn{ text-align: center; font-family: "DINCond"; background: url(../images/more_bg.png) no-repeat scroll center bottom; display: block; width: 110px; padding-bottom: 2px; position: relative;}
.moreBtn:before { content: ""; width: 100%; height: 100%; background: url(../images/more_bg2.png) no-repeat scroll left bottom; position: absolute; left: 0; bottom: 0px; /*transform-origin: 100%; -webkit-transform-origin: 100%; -webkit-transition: -webkit-transform .3s cubic-bezier(.4,0,.2,1);  transition: transform .3s cubic-bezier(.4,0,.2,1); transform: scaleX(0); -webkit-transform: scaleX(0); visibility:hidden\9;*/ width: 0; transition: 0.3s; -webkit-transition: 0.3s;}
.iboxT .zh,.iboxT .en{ font-size: 24px; line-height: 1.5;}
.iboxT .zh{ color: #a0733e;}
.iboxT .en{ color: #bbbbbb; text-transform: uppercase; padding-left: 6px; font-family: "DINCond";}
.ibox dd{ float: left; display: block; width: 50%; position: relative;}
.ibox .img{ overflow: hidden; position: relative;}
.ibox .img img{ width: 100%; display: block; transition: 1s; -webkit-transition: 1s;}
.ibox .black-20{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: 0; visibility: hidden; transition: 330ms; -webkit-transition: 330ms;}
/* Slider */
.vwrap { display: none; z-index: 1040; width: 100%; position: fixed; }
.vwrap .videobtg { z-index: 900; position: fixed; width: 100%; height: 100%; left: 0; top: 0; background: #000; opacity: 0.8; filter: alpha(opacity=80); overflow: hidden; }
.vwrap .videobox { z-index: 990; width: 800px; height: 500px; background-color: #fff; position: fixed; left: 50%; top: 50%; margin-top: -250px; margin-left: -400px; }
.vwrap .videobox #videobox { width: 100%; display: inline-block; height: 100%; background: #80abde; }
#videobox_wrapper { height: 100%!important; }
.vwrap .close { z-index: 999; width: 31px; height: 31px; cursor: pointer; position: absolute; top: 0px; right: -42px; }
.vwrap .close i { display: block; width: 31px; height: 31px; background: url(../images/close_i1.png) no-repeat 50% 50%; -webkit-transition: 400ms; transition: 400ms; }
.vwrap .close:hover i { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); }
#videobox_display_button,#videocontainer_display_button { background: none no-repeat!important; }
.jwplayer .jwicon { opacity: 0.8; filter: alpha(opacity=80); cursor: pointer;  }
.jwplayer .jwicon:hover { opacity: 1; filter: alpha(opacity=100); }
.jwlogo, .jwclick { display: none!important; }
.jwdisplayIcon{ background:  none no-repeat!important;}
.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: #fff 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; }
.slick-dots li button { border: 0; background: transparent; display: block; height: 20px; width: 20px; outline: none; line-height: 0; font-size: 0; color: transparent; padding: 5px; cursor: pointer; outline: none; }
.slick-dots li button:focus { outline: none; }
.slick-dots li.slick-active a { transform:rotateY(180deg); -webkit-transform:rotateY(180deg); -moz-transform:rotateY(180deg);}
@-webkit-keyframes scaleUpDown {
    from { -webkit-transform: scale(1.08); transform: scale(1.08); }
    to { opacity: 1; -webkit-transform: scale(1); transform: scale(1); }
}

@keyframes scaleUpDown {
    from { -webkit-transform: scale(1.08); transform: scale(1.08); }
    to { opacity: 1; -webkit-transform: scale(1); transform: scale(1);  }
}


/*<!--index about-->*/
.main{width: 1200px; margin: 0 auto;}
.ibox-about a:link, .ibox-about a:visited { color: #12298c; }
.ibox-about a:active, .ibox-about a:hover { color: #12298c; }
.ibox-about{ padding: 126px 0; position: relative; margin-bottom: 15px; background-color: #fff; overflow: hidden;}
.wave-canvas-wrapper{ position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.ibox-about-con{ width: 900px; margin: 0px auto; position: relative; }
.ibox-about-con .t{ font-size: 30px; color: #12298c; margin-bottom: 2px;}
.ibox-about-con .en{ font-size: 16px; color: #12298c; font-family: "DINCond";}
.ibox-about-con .c{ margin-top: 40px; font-size: 14px; line-height: 30px; text-align: justify;}
.ibox-about-con .c p{ text-indent: 2em;}
.ibox-about-list{ margin-top: 65px;}
.ibox-about-list li{ margin-bottom: 55px; float: left; display: block; width: 25%;}
.ibox-about-list .numbox{ color: #666; line-height: 1;}
.ibox-about-list .num{ font-size: 62px; padding-right: 10px; color: #eaa334; font-family: "DINCond"; font-weight: bold;}
.btnMore{ width: 170px; height: 42px; line-height: 42px; text-align: center; border: 2px solid #999999; display: block; position: relative; z-index: 1;}
.btnMore:before{ content:""; width:100%; height:100%; background-color:#08358b; z-index: -1; position:absolute; left:0; bottom:0px; transform-origin:100%; -webkit-transform-origin:100%; -webkit-transition:-webkit-transform .42s cubic-bezier(.4,0,.2,1); transition:transform .42s cubic-bezier(.4,0,.2,1); transform:scaleX(0); -webkit-transform:scaleX(0);  visibility:hidden\9; }
.btnMore .txt{ color: #263d8f; padding:0px 42px 0 0px; background: url(../images/btn_m1.png) no-repeat scroll right center; /*transition: 0.3s; -webkit-transition: 0.3s;*/}
.btnMore:hover{ border-color: #12298c;}
.btnMore:hover:before{ transform:scaleX(1); -webkit-transform:scaleX(1); -moz-transform:scaleX(1); transform-origin:0; -webkit-transform-origin:0; visibility:visible\9; }
.btnMore:hover .txt{ color: #fff; background-image: url(../images/btn_m2.png); /*background-position: 100% center;*/}

/*index 工程案例*/
.slogo{ width: 1000px; margin: 0 auto; position:relative;overflow:hidden;display:block;margin-top:20px;height:350px;}
.slogo li{position:absolute;display:block;float:left;margin-right:28px;width:170px;height:144px;background:url(../images/wit_pbgs.png) no-repeat left top;}
.slogo li span{display:block;margin:25px auto 0;width:60px;height:60px;}
.slogo li em{display:block;height:30px;line-height:36px;font-size:14px;color:#5f5f5f;text-align:center;}
.slogo li.cur,.slogo li.cur2{background:url(../images/wit_pbgs2.png) no-repeat left top;}
.slogo li.cur em,.slogo li.cur2 em{color:#ffffff;}
.slogo li a:hover{text-decoration:none;}
.slogo .li1 span{background:url(../images/wit_l1.png) no-repeat left top;}
.slogo .li2 span{background:url(../images/wit_l2.png) no-repeat left top;}
.slogo .li3 span{background:url(../images/wit_l3.png) no-repeat left top;}
.slogo .li4 span{background:url(../images/wit_l4.png) no-repeat left top;}
.slogo .li5 span{background:url(../images/wit_l5.png) no-repeat left top;}
.slogo .li6 span{background:url(../images/wit_l6.png) no-repeat left top;}
.slogo .li7 span{background:url(../images/wit_l7.png) no-repeat left top;}
.slogo .li8 span{background:url(../images/wit_l8.png) no-repeat left top;}
.slogo .li9 span{background:url(../images/wit_l9.png) no-repeat left top;}
.slogo .li10 span{background:url(../images/wit_l10.png) no-repeat left top;}
.slogo .li1.cur span{background:url(../images/wit_l1-2.png) no-repeat left top;}
.slogo .li2.cur span{background:url(../images/wit_l2-2.png) no-repeat left top;}
.slogo .li3.cur span{background:url(../images/wit_l3-2.png) no-repeat left top;}
.slogo .li4.cur span{background:url(../images/wit_l4-2.png) no-repeat left top;}
.slogo .li5.cur span{background:url(../images/wit_l5-2.png) no-repeat left top;}
.slogo .li6.cur span{background:url(../images/wit_l6-2.png) no-repeat left top;}
.slogo .li7.cur span,.slogo .li7.cur2 span{background:url(../images/wit_l7-2.png) no-repeat left top;}
.slogo .li8.cur span{background:url(../images/wit_l8-2.png) no-repeat left top;}
.slogo .li9.cur span{background:url(../images/wit_l9-2.png) no-repeat left top;}
.slogo .li10.cur span{background:url(../images/wit_l10-2.png) no-repeat left top;}
.slogo .li1{left:0;top:80px;}
.slogo .li2{left:138px;top:0;}
.slogo .li3{left:280px;top:80px;}
 .slogo .li4{left:416px;top:0;}
.slogo .li5{left:550px;top:80px;}
.slogo .li6{left:690px;top:0;}
.slogo .li7{left:830px;top:80px;}
.slogo .li8{left:138px;top:175px;}
 .slogo .li9{left:416px;top:175px;}
.slogo .li10{left:690px;top:175px;}

/*product style*/
.probanner-box{ position: relative; overflow: hidden;}
.probanner a:link, .probanner a:visited { color: #fff; }
.probanner a:active, .probanner a:hover { color: #fff; }
.probanner { position: relative; overflow: hidden; width: 100%; z-index: 0; background-color: #efefef; }
.probanner .item { position: relative; width: 100%; height: 100%; overflow: hidden; background-size: cover; background-position: center center; background-repeat: no-repeat; }
.probanner .pimg { width: 100%; display: block; position: absolute; left: 0px; top: 0px; }
.pro-nav-list a:link, .pro-nav-list a:visited { color: #fff; }
.pro-nav-list a:active, .pro-nav-list a:hover { color: #fff; }
.pro-nav-list{ position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.pro-nav-list li{ float: left; display: block; width: 20%; height: 100%; position: relative; overflow: hidden;}
.pro-nav-list .wbox{ height: 100%; background: url(../images/balck_30.png) repeat; background: none rgba(0,0,0,0.3); color: #fff; position: relative; z-index: 1; text-align: center;}
.pro-nav-list .wbox:before{ content: ""; position: absolute; left: 0; top: 0; width: 1px; height: 100%; background: url(../images/white_70.png) repeat; background: none rgba(255,255,255,0.28); z-index: -1;}
.pro-nav-list li:first-child .wbox:before{ display: none;}
.pro-nav-list .wbox:after{ content:""; width:100%; height:100%; background: url(../images/balck_30.png) repeat; background: none rgba(0,0,0,0.31); position:absolute; left:1px; bottom:0px; transform-origin:100%; -webkit-transform-origin:100%; -webkit-transition:-webkit-transform .6s cubic-bezier(.4,0,.2,1); transition:-webkit-transform .6s cubic-bezier(.4,0,.2,1); transition:transform .6s cubic-bezier(.4,0,.2,1); transition:transform .6s cubic-bezier(.4,0,.2,1),-webkit-transform .6s cubic-bezier(.4,0,.2,1); transform:scaleX(0); -webkit-transform:scaleX(0); visibility:hidden\9; z-index: -1;}
.pro-nav-list .item{ top: 38%; position: relative; -webkit-transition:all .62s cubic-bezier(.4,0,.2,1); transition:all .62s cubic-bezier(.4,0,.2,1);}
.pro-nav-list .bor{ position: absolute; left: 0; bottom: 0; width: 100%; height: 8px; background-color: #eaa334;}
.pro-nav-list .bor:before{ content:""; width:100%; height:100%; background-color:#39b54a; position:absolute; left:0; bottom:0px; transform-origin:100%; -webkit-transform-origin:100%; -webkit-transition:-webkit-transform .6s cubic-bezier(.4,0,.2,1); transition:-webkit-transform .6s cubic-bezier(.4,0,.2,1); transition:transform .6s cubic-bezier(.4,0,.2,1); transition:transform .6s cubic-bezier(.4,0,.2,1),-webkit-transform .6s cubic-bezier(.4,0,.2,1); transform:scaleX(0); -webkit-transform:scaleX(0);  visibility:hidden\9; }
.pro-nav-list .tbox{ line-height: 1.5; position: relative;}
.pro-nav-list .zh{ font-size: 20px; font-weight: bold;}
.pro-nav-list .cbox{ width: 210px; margin: 0px auto; font-size: 16px; position: relative; z-index: 2; opacity: 0; visibility:hidden\9; transform:translateY(50px); -webkit-transform:translateY(50px); -webkit-transition:all .62s cubic-bezier(.4,0,.2,1); transition:all .62s cubic-bezier(.4,0,.2,1);}
.pro-nav-list .cbox p{ margin-bottom: 4px;}
.pro-nav-list p.bot{ height: 1px; background-color: #fff; width: 0%; margin: 20px auto 24px; position: relative; -webkit-transition:all .62s cubic-bezier(.4,0,.2,1); transition:all .62s cubic-bezier(.4,0,.2,1);}
.pro-nav-list p.bot .line{ width: 36px; height: 6px; background-color: #fff; position: absolute; left: 50%; top: -3px; margin-left: -18px;}
.pro-nav-list .cbox a{ position: relative;}
.pro-nav-list .cbox a:before{ content:""; width:100%; height:1px; background-color:#fff; position:absolute; left:0; bottom:-2px; transform-origin:100%; -webkit-transform-origin:100%; -webkit-transition:-webkit-transform .3s cubic-bezier(.4,0,.2,1); transition:-webkit-transform .3s cubic-bezier(.4,0,.2,1); transition:transform .3s cubic-bezier(.4,0,.2,1); transition:transform .3s cubic-bezier(.4,0,.2,1),-webkit-transform .3s cubic-bezier(.4,0,.2,1); transform:scaleX(0); -webkit-transform:scaleX(0);  visibility:hidden\9; }
.pro-nav-list .cbox a:hover:before{ transform:scaleX(1); -webkit-transform:scaleX(1); -moz-transform:scaleX(1); transform-origin:0; -webkit-transform-origin:0;visibility:visible\9;}
.pro-nav-list .wbox:hover:after{  transform:scaleX(1); -webkit-transform:scaleX(1); -moz-transform:scaleX(1); transform-origin:0; -webkit-transform-origin:0;visibility:visible\9;}
.pro-nav-list .wbox:hover .item{ top: 22%;}
.pro-nav-list .wbox:hover .bor:before{ transform:scaleX(1); -webkit-transform:scaleX(1); -moz-transform:scaleX(1); transform-origin:0; -webkit-transform-origin:0;visibility:visible\9;}
.pro-nav-list .wbox:hover .cbox{ opacity: 1; visibility:visible\9; transform:inherit; -webkit-transform:inherit;}
.pro-nav-list .wbox:hover p.bot{ width: 100%;}
/*product style end*/

/*底部导航*/
.linkIbox a:link, .linkIbox a:visited { color: #c9d5e3; }
.linkIbox a:active, .linkIbox a:hover { color: #fff; }
.linkIbox { background-color: #213855; padding: 30px 0px; color: #c9d5e3; position: relative; z-index: 10; }
.linkIbox dd { float: left; display: block; width:16%; overflow: hidden; }
.linkIbox .t { margin-bottom: 12px; }
.linkIbox .t a { font-size: 16px; color: #fff; }
.linkIbox .c { line-height:30px; font-size: 14px }
.linkIbox a:hover { margin-left: 5px; }

/*内页banner*/
.pagebranner { position:relative;}
.pageT{ padding-bottom: 40px; color: #000000; text-align: center;}
.pageT .zh{ font-size: 30px; font-weight: bold; line-height: 1.5;}
.pageT .by{ font-weight: bold; line-height: 1.5; font-size: 18px;}
.pageT .bot{ width: 48px; height: 4px; background-color: #39b54a; display: block; margin: 10px auto 0;}
.sbody_about{width: 1000px; margin: 0 auto; padding:30px 0; margin-bottom: 200px}


.cd-banner-txt .cd-banner-title {float: left;}
.cd-banner-txt .cd-banner-title h3 { font-size: 36px; line-height: 36px; color: #fff; margin-top: 55px;}

.case-detail {padding-bottom: 150px;}
.cd-nav {float: left; background: #fff; width: 250px; padding-bottom: 60px; box-shadow: 2px 0 20px #9c9c9c;}
.cd-nav .cd-nav-title {background: #39b54a; padding: 22px 0 15px 22px;}
.cd-nav .cd-nav-title h2 {font-family: DINCond; font-size: 36px; line-height: 36px; color: #fff;text-transform: uppercase;}
.cd-nav .cd-nav-title h4 { font-size: 13px; line-height: 20px; color: #fff;}
.cd-nav ul {background: #fff; padding: 20px 0 ;}
.cd-nav ul li {margin-bottom: 0px;}

/*
.cd-nav ul li a {position: relative; display: block;  font-size: 12px; line-height: 30px; color: #797979;}
.cd-nav ul li a:hover, .case-detail .w1200 .cd-nav ul li.on a {color: #000;}
.cd-nav ul li a:after {position: absolute; left: 0; bottom: 0; content: ""; width: 100%; height: 1px; background: #7fbe25; opacity: 0; filter:alpha(opacity=0);}
.cd-nav ul li.on a:after,.case-detail .w1200 .cd-nav ul li a:hover:after {opacity: 1.0; filter:alpha(opacity=100);}*/



.cd-main {float: right; width: 925px; margin-left: 25px; background: #fff;}
.cd-main .cd-main-top  {overflow: hidden;}
.cd-main .cd-main-top .cd-main-topleft { width: 825px; margin: 0 auto;padding-left: 40px;  padding-top: 35px; }
.cd-main .cd-main-top .cd-main-topleft h1 {position: relative;  font-size: 36px; line-height: 36px; padding-bottom: 20px; color: #000;}
.cd-main .cd-main-top .cd-main-topleft h1:after {content: ""; position: absolute; left: 0; bottom: 0; display: block; width: 105px; height: 3px; background: #39b54a;}
.cd-main .cd-main-top .cd-main-topleft .txt1 { font-size: 14px; line-height: 26px; color: #262626; margin-top: 20px;}
.cd-main .cd-main-top .cd-main-topleft .cd-main-btn {overflow: hidden; margin-top: 40px;}
.cd-main .cd-main-top .cd-main-topleft .cd-main-btn a {display: block; float: left; width: 150px; height: 50px; line-height: 50px;  font-size: 16px; text-align: center; color: #fff;}
.cd-main .cd-main-top .cd-main-topleft .cd-main-btn a.zx {background: #12298c;}
.cd-main .cd-main-top .cd-main-topleft .cd-main-btn a.dz {background: #39b54a; margin-left: 10px;}
.cd-main .cd-main-top .cd-main-topleft .cd-main-btn a:hover {background: #496bd9;}
.cd-main-features {margin-top: 50px;}



.cd-main1 {width: 1200px; margin-left: 25px; background: #fff;}
.cd-main1 .cd-main-top  {overflow: hidden;}
.cd-main1 .cd-main-top .cd-main-topleft { width: 1100px; margin: 0 auto;padding-left: 40px;  padding-top: 35px; padding-right:40px }
.cd-main1 .cd-main-top .cd-main-topleft h1 {position: relative;  font-size: 36px; line-height: 36px; padding-bottom: 20px; color: #000; padding-right:40px;}
.cd-main1 .cd-main-top .cd-main-topleft h1:after {content: ""; position: absolute; left: 0; bottom: 0; display: block; width: 105px; height: 3px; background: #39b54a;}
.cd-main1 .cd-main-top .cd-main-topleft .txt1 { font-size: 14px; line-height: 26px; color: #262626; margin-top: 20px;}
.cd-main1 .cd-main-top .cd-main-topleft .cd-main-btn {overflow: hidden; margin-top: 40px;}
.cd-main1 .cd-main-top .cd-main-topleft .cd-main-btn a {display: block; float: left; width: 150px; height: 50px; line-height: 50px;  font-size: 16px; text-align: center; color: #fff;}
.cd-main1 .cd-main-top .cd-main-topleft .cd-main-btn a.zx {background: #12298c;}
.cd-main1 .cd-main-top .cd-main-topleft .cd-main-btn a.dz {background: #39b54a; margin-left: 10px;}
.cd-main1 .cd-main-top .cd-main-topleft .cd-main-btn a:hover {background: #496bd9;}
.cd-main-features {margin-top: 50px;}

.suckerdiv ul{
margin: 0 auto;
padding: 0;
list-style-type: none;
width: 250px; /* Width of Menu Items */
z-index:10;
/* border:1px solid #ffffff;*/

}
	
.suckerdiv ul li{
position: relative;
z-index:10;
width:250px;
font-size:14px;
border-bottom: 1px solid #f1f1f1;
}


.suckerdiv ul li a:hover{
color: #ffffff;
	background-color: #39b54a
}
	
/*1st level sub menu style */
.suckerdiv ul li ul{
left: 250px; /* Parent menu width - 1*/
position: absolute;
width: 250px; /*sub menu width*/
top:0px;
display: none;
background-color: #39b54a;
color:#ffffff;
z-index:10px;

}
.suckerdiv ul li ul a,a:hover{color: #ffffff;}

/*All subsequent sub menu levels offset */
.suckerdiv ul li ul li ul{ 
left: 250px; /* Parent menu width - 1*/
}

/* menu links style */
.suckerdiv ul li a{
display: block;
color:#666666;
text-decoration: none;
padding: 5px 25px;
border-bottom: 0;
}


/*产品列表*/

.inews-slick {width: 100%; margin-bottom: 20px}
.inews-slick a {display: block; margin: 0 6px;}
.inews-slick a .inews-img {width: 100%; overflow: hidden;}
.inews-slick a .inews-img img {display: block; width: 100%;}
.inews-slick a .inews-des {width: 100%; background: #f6f6f6; padding: 20px;}
 .inews-slick a .inews-des span {display: inline-block;font-family: DINCond; font-size: 24px; line-height: 24px; color: #d1d1d1;}

.inews-slick a .inews-des h3 { font-size: 16px; line-height: 24px; color: #666666; margin-top: 6px;}
.inews-slick a .inews-des h3 a{ color: #ffffff;}
.inews-slick a:hover .inews-img img {-ms-transform:scale(1.1);-webkit-transform:scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); color: #ffffff;}
.inews-slick a:hover .inews-des {background: #39b54a; color: #ffffff}
.inews-slick a:hover .inews-des span,.index-news .inews-list .inews-slick a:hover .inews-des h3 {color: #ffffff;}


.case-main {padding: 0px 0 100px;}
.case-item {height: 450px; overflow: hidden; margin-top: 0px;}
.case-item .case-left {width: 670px; height: 100%; float: left;}
.case-item .case-right {position: absolute;margin-left: 670px;width: 650px;height: 100%; background: #12298c; padding: 70px 0 0 50px;}
.case-slick {position: relative;}
.case-slick a {display: block; height: 100%;}
.case-slick a img {display: block; width: 100%;}
.case-slick button {position: absolute; bottom: 0; width: 50px; height: 50px; z-index: 9; outline: none;cursor: pointer;}
/*.case-slick .slick-prev {right: 50px; bottom:0; background:#595d6f url(../images/case-left.png) no-repeat center bottom;}
.case-slick .slick-next {right: 0; background: #595d6f url(../images/case-right.png) no-repeat center bottom; border-left: 1px solid #73778a;}
.case-slick .slick-prev:hover {background: #39b54a url(../images/case-left.png) no-repeat center bottom;}
.case-slick .slick-next:hover {background: #39b54a url(../images/case-right.png) no-repeat center bottom; border-color: #39b54a;}*/
.case-item .case-right .case-icon {position: absolute; bottom: 20px; right: 20px; width: 250px; height: 220px;}
.case-item .case-right .case-icon img {display: block; width: 100%;}
.case-item .case-right .case-title h1 {font-family: DINCond; font-size: 64px; line-height: 64px; color: #fff; text-transform: uppercase;}
.case-item .case-right .case-title h3 { font-size: 22px; line-height: 30px; color: #fff;}
.case-item .case-right ul {margin-top: 30px;}
.case-item .case-right ul li a {position: relative; display: inline-block;  font-size: 16px; line-height: 35px; color: #ffffff;}
.case-item .case-right ul li a:hover {color: #39b54a;}
.case-item .case-right ul li a:hover:after {content: ""; position: absolute; top: 14px; left: -80px; display: block; width: 64px; height: 1px; background: #39b54a;}
.case-odd .case-right ul li a:hover:after {left: inherit; right: -80px;}
.case-odd .case-slick .slick-prev {right: inherit; left: 0;}
.case-odd .case-slick .slick-next {right: inherit; left: 50px;}
.case-odd .case-right .case-icon {right: inherit; left: 20px;}
.case-odd .case-left {float: right;}
.case-odd .case-right {float: left; text-align: right; padding: 70px 50px 0 0;}
.case-btn {margin-top: 80px;}
.case-btn a {display: block; padding-left: 50px; padding-right: 15px; width: 600px; margin: 0 auto; border: 1px solid #f1f1f1; border-radius: 100px; overflow: hidden;}
.case-btn a .case-btn-le {float: left; width: 80px; height: 100%; margin: 0 auto;}
.case-btn a .case-btn-le img {display: block; width: 100%;}
.case-btn a .case-btn-mid {float: left; padding-top: 20px; margin-left: 24px;}
.case-btn a .case-btn-mid h1 {font-family: DINCond; font-size: 48px; line-height: 48px; color: #3f3f3f; text-transform: uppercase;}
.case-btn a .case-btn-mid h3 { font-size: 26px; line-height: 30px; color: #000000;}
.case-btn a .case-btn-ri {float: right; width: 96px; height: 96px; background: #12298c url(../images/case-right.png) no-repeat center; margin-top: 12px; border-radius: 100%; overflow: hidden;}
.case-btn a:hover {box-shadow: 0 0 20px #eee; }
.case-btn a:hover .case-btn-mid h1,.case-btn a:hover .case-btn-mid h3 {color: #12298c;}


.ppro_left{ background: url("../images/ppro_bg.jpg") no-repeat center top; width: 100%;  height:450px;}

/*推荐产品*/
.case-other {position: relative; background: #eaebee; padding: 50px 0 0; margin-bottom: 100px;}
.case-other .bac-section1 {position: absolute; left: 0; top: 0px; width: 5%; height: 100%; background: #12298c; }
.case-other .bac-section2 {position: absolute; left: 0; bottom: 0; width: 5%; height: 150px; background: #fff;}
.case-other .main {padding-left: 80px;}
.case-other .case-other-title h2 {font-family: DINCond; font-size: 36px; line-height: 30px; color: #12298c;}
.case-other .case-other-title h4 { font-size: 24px; color: #3b3c3d;}
.case-other-list {margin-top: 35px; }

.service_pp{ background: url("../images/service.jpg") no-repeat center top; height: 192px;min-width: 1200px}

/*内页新闻*/
.labourUnion-list{ margin-left: -1%;}
.labourUnion-list li{ float: left; display: block; width: 32.33%; margin:0px 0px 32px 1%; position: relative;}
.labourUnion-list .img { overflow: hidden; position: relative;}
.labourUnion-list .img img { width: 100%; display: block; transition: all 0.6s cubic-bezier(0.445, 0.145, 0.355, 1) 0s; -webkit-transition: all 0.6s cubic-bezier(0.445, 0.145, 0.355, 1) 0s;}
.labourUnion-list .con2{ background-color: #f5f5f5; padding: 18px 25px 20px; position: relative; z-index: 1; transition:0.3s; -webkit-transition:0.3s;}
.labourUnion-list .con2:before{ content:""; z-index: -1; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background-color: #39b54a; -webkit-transition:-webkit-transform .58s cubic-bezier(.4,0,.2,1); transition:-webkit-transform .58s cubic-bezier(.4,0,.2,1); transform:scaleY(0); -webkit-transform:scaleY(0); -moz-transform:scaleY(0); transform-origin:50% 100% 0; -webkit-transform-origin:50% 100% 0; visibility:hidden\9;}
.labourUnion-list .time{ font-family:arial, helvetica, sans-serif; text-align: right;}
.labourUnion-list .t{ height: 45px; overflow: hidden; margin-bottom: 8px; font-size: 15px; line-height: 1.5;}
.labourUnion-list li:hover .img img{ transform: scale(1.02); -webkit-transform: scale(1.02);}
.labourUnion-list li:hover .con2{ color: #fff;}
.labourUnion-list li:hover .con2:before{transform:scaleY(1); -webkit-transform:scaleY(1); -moz-transform:scaleY(1); transform-origin:50% 0 0; -webkit-transform-origin: 50% 0 0;visibility:visible\9;}





.index-news {margin-top: 60px; margin-bottom: 20px}
.index-news .inews-top .inews-title {float: left; }
.index-news .inews-top .inews-title h2 {font-family: DINCond; font-size: 78px; line-height: 120px; color: #e5e5e5;}
.index-news .inews-top .inews-title h4 {position: relative;  color: #000; font-size: 36px;line-height: 120px; margin-top: -120px;}
.index-news .inews-top .inews-title h4:after {content: ""; position: absolute; top: 59px; left: -110px; width: 94px; height: 2px; background: #7fbe25;}
.index-news .inews-top .inews-title-btn {float: right; padding-top: 30px;}
.index-news .inews-top .inews-title-btn .inews-more {display: block; font-family: DINCond; font-size: 18px; line-height: 30px; padding-left: 60px; border-bottom: 1px solid #d0d0d0; padding-bottom: 10px; color: #a3a3a3;}
.index-news .inews-top .inews-title-btn .inews-more:hover {color: #1530a3; border-color: #1530a3;}
.index-news .inews-list {margin-top: 20px; overflow: hidden; padding-bottom: 100px;}
.index-news .inews-list .inews-slick {width: 100%;}
.index-news .inews-list .inews-slick a {display: block; margin: 0 6px;}
.index-news .inews-list .inews-slick a .inews-des {width: 100%; background: #f6f6f6; padding: 20px; margin-bottom: 20px}
.index-news .inews-list .inews-slick a .inews-des span {display: inline-block;font-family: DINCond; font-size: 24px; line-height: 24px; color: #d1d1d1;}
.index-news .inews-list .inews-slick a .inews-des h3 { font-size: 16px; line-height: 24px; color: #656565; margin-top: 6px;}
.index-news .inews-list .inews-slick a:hover .inews-des {background: #39b54a;}
.index-news .inews-list .inews-slick a:hover .inews-des span,.index-news .inews-list .inews-slick a:hover .inews-des h3 {color: #f1f1f1;}



.previous{ width: 1100px; margin: 0 auto;margin-top: 60px; padding-top:22px; border-top:1px solid #aaaaaa; position:relative; margin-bottom: 80px}
.previous .previ{ display:block; width:143px; height:36px; text-align:center; line-height:36px; color:#666666; font-size:14px; border:1px solid #b5b5b5;}
.previous .previ i{ display:inline-block; position:relative; top:1px; width:10px; height:11px; transition:0.28s;}
.previous .prev{ float:left;}
.previous .prev i{ background:url(../images/arrow5.png) center no-repeat; margin-right:16px;}
.previous .next{ float:right;}
.previous .next i{ background:url(../images/arrow6.png) center no-repeat; margin-left:16px;}
.backlist{ display:block; width:145px; height:38px; text-align:center; line-height:38px; color:#fff; background-color:#39b54a; position:absolute; left:50%; margin-left:-72px; top:22px;}
.backlist:hover{ background-color:#183883}
.previous .previ:hover{ background-color:#39b54a; border-color:#39b54a; color:#fff;}
.previous .prev:hover i{ background:url(../images/arrow3.png) center no-repeat; margin-right:18px;}
.previous .next:hover i{ background:url(../images/arrow4.png) center no-repeat; margin-left:18px;}


.productlist { padding-bottom:50px; clear:both; }
.productlist * { display:block; overflow:hidden; -webkit-transition:all .3s ease;-moz-transition:all .3s ease;transition:all .3s ease;}
.productlist li{ width:230px;border:#e5e5e5 1px solid;padding:10px;float:left;margin-right:23px;margin-bottom:33px;}
.productlist li:nth-child(3n+3){width:230px;border:#e5e5e5 1px solid;padding:10px;float:left;margin-bottom:33px;margin-right:0;}
.productlist li a.hpimg{}
.productlist li a img{ width:230px;height:180px}
.productlist li a h3{ font-size:16px; font-weight:bold;padding:20px 0px 10px 0px ; color: #333333; text-transform:uppercase; }
.productlist li a:hover h3{color:#12298c;}
.productlist li i { background:#CCC; height:1px; width:30px;}
.productlist li span {padding:20px 0px 10px 0px; }
.productlist li span h2{ padding:0px 0px 20px 0px ; font-size:16px; width:100%;}
.productlist li span h4{padding:0px 0px 10px 0px;}
.productlist li span a{ border:#e5e5e5 1px solid; width:21%;  font-size:16px;height:20px; line-height:20px;overflow:hidden; padding:5px 8px;border-radius:6px; margin-bottom:5px;margin-right:10px; float:left;}
.productlist li span a:hover {color:#fff; background:#39b54a;}
.productlist li a.more{padding:5px 0px; font-size:12px; font-family:DINCond;color: #666666}
.productlist li a.more:hover {color:#39b54a;}
.productlist li:hover {/*box-shadow:0px 1px 20px 0px #ccc;*/border:#39b54a 1px solid; box-shadow:0px 1px 20px 0px #ccc;}




.indexproductlist { padding-bottom:50px; clear:both; }
.indexproductlist * { display:block; overflow:hidden; -webkit-transition:all .3s ease;-moz-transition:all .3s ease;transition:all .3s ease;}
.indexproductlist li{ width:230px;border:#ffffff 1px solid; background-color: #ffffff; padding:10px;float:left;margin-right:23px;margin-bottom:33px;}
.indexproductlist li:nth-child(4n+4){width:230px;border:#ffffff 1px solid;padding:10px;float:left;margin-bottom:33px;margin-right:0;}
.indexproductlist li a.hpimg{}
.indexproductlist li a img{ width:230px;height:180px}
.indexproductlist li a h3{ font-size:16px; font-weight:bold;padding:20px 0px 10px 0px ; color: #333333; text-transform:uppercase; }
.indexproductlist li a:hover h3{color:#12298c;}
.indexproductlist li i { background:#39b54a; height:1px; width:30px;}
.indexproductlist li span {padding:20px 0px 10px 0px; }
.indexproductlist li span h2{ padding:0px 0px 20px 0px ; font-size:16px; width:100%;}
.indexproductlist li span h4{padding:0px 0px 10px 0px;}
.indexproductlist li span a{ border:#e5e5e5 1px solid; width:21%;  font-size:16px;height:20px; line-height:20px;overflow:hidden; padding:5px 8px;border-radius:6px; margin-bottom:5px;margin-right:10px; float:left;}
.indexproductlist li span a:hover {color:#fff; background:#39b54a;}
.indexproductlist li a.more{padding:5px 0px; font-size:16px; font-family:DINCond}
.indexproductlist li a.more:hover {color:#39b54a;}
.indexproductlist li:hover {/*box-shadow:0px 1px 20px 0px #ccc;*/border:#39b54a 1px solid; box-shadow:0px 1px 20px 0px #ccc;}



.aindexproductlist { padding-bottom:50px; clear:both; }
.aindexproductlist * { display:block; overflow:hidden; -webkit-transition:all .3s ease;-moz-transition:all .3s ease;transition:all .3s ease;}
.aindexproductlist li{ width:230px;border:#e5e5e5 1px solid; background-color: #e5e5e5; padding:10px;float:left;margin-right:23px;margin-bottom:33px;}
.aindexproductlist li:nth-child(4n+4){width:230px;border:#ffffff 1px solid;padding:10px;float:left;margin-bottom:33px;margin-right:0;}
.aindexproductlist li a.hpimg{}
.aindexproductlist li a img{ width:230px;height:180px}
.aindexproductlist li a h3{ font-size:16px; font-weight:bold;padding:20px 0px 10px 0px ; color: #333333; text-transform:uppercase; }
.aindexproductlist li a:hover h3{color:#12298c;}
.aindexproductlist li i { background:#39b54a; height:1px; width:30px;}
.aindexproductlist li span {padding:20px 0px 10px 0px; }
.aindexproductlist li span h2{ padding:0px 0px 20px 0px ; font-size:16px; width:100%;}
.aindexproductlist li span h4{padding:0px 0px 10px 0px;}
.aindexproductlist li span a{ border:#e5e5e5 1px solid; width:21%;  font-size:16px;height:20px; line-height:20px;overflow:hidden; padding:5px 8px;border-radius:6px; margin-bottom:5px;margin-right:10px; float:left;}
.aindexproductlist li span a:hover {color:#fff; background:#39b54a;}
.aindexproductlist li a.more{padding:5px 0px; font-size:16px; font-family:DINCond}
.aindexproductlist li a.more:hover {color:#39b54a;}
.aindexproductlist li:hover {/*box-shadow:0px 1px 20px 0px #ccc;*/border:#39b54a 1px solid; box-shadow:0px 1px 20px 0px #ccc;}
/*
客服*/

/*<!--优势-->*/
.imain{ width:100%;overflow:hidden;margin:auto; clear:both; position:relative; background-repeat:no-repeat; background-position:center  bottom; position:relative; clear:both; }
.imain_content {width:1200px;margin:auto;margin-top:0px;}
.ibg1 { height:640px; background:url(../images/i_bg.jpg)  center top  no-repeat; min-width:1200px;}
.advantagel {margin-top:110px;width:32%;float:left;position:relative;}
.btitle {  height:120px;padding:50px 50px 20px 0px;color:#FFF; /*background:url(../images/kuang.png) right top no-repeat; */float:left; }
.btitle h2{font-size:36px; font-weight:bold;}
.btitle h2 i{background:#fff; height:1px; width:40px; display:inline-block; vertical-align: middle; opacity:0.5;}
.btitle h1{font-size:16px; text-transform:uppercase; font-family:DINCond}
.advantagetxt {clear:both; font-size:16px; line-height:24px; color:#f1f1f1; opacity:0.8; }
.advantagetxt h1 { font-size:14px; padding-bottom:20px;color:#fff; padding-right:20px;}
.advantagetxt .more { padding:6px 20px; background:#2e4093; font-size:14px;color:#fff; font-family:DINCond; margin-top:30px;} 
.advantagetxt .more:hover {color:#2e4093;background:#fff;}
.advantager { width:60%;padding:4%; margin-top:55px;background:#FFF; float:left;}
.advantager  * { display:block; overflow:hidden;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;transition:all .3s ease;}
.advantager li {float:left;}
.advantager li img{}
.advantager li h3{ font-weight:bold; font-size:20px;padding-top:10px;}
.advantager li i{ background:#39b54a; height:2px; width:30px; margin:10px 0px 20px 0px;}
.advantager li span{ font-size:14px; line-height:24px; color:#666;}
.advantager li:hover h3 {color:#39b54a; }
.advantager li:hover span {color:#000;}
.adv1 { width:45%; margin-bottom:20px; padding-right:5%;}
.adv2 { width:45%; margin-bottom:20px; padding-left:5%;}
.adv3 { width:45%; margin-top:20px;padding-right:5%;}
.adv4 { width:45%; padding-left:5%;margin-top:20px;}
.m80{ margin-top:80px;}
.m100{ margin-top:80px; margin-bottom:100px}
.p80{ padding-top:60px;}