@charset "utf-8";
/* 
 * Author:娴呮祬
 * Date锛�2016-5-26
 */
@font-face { font-family: 'humanist_521_lightregular'; src: url('humanist521bt-light-webfont.woff2') format('woff2'), url('humanist521bt-light-webfont.woff') format('woff'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'HelveticaOblThin'; src: url('HelveticaOblThin.eot'); src: url('HelveticaOblThin.eot') format('embedded-opentype'), url('HelveticaOblThin.woff2') format('woff2'), url('HelveticaOblThin.woff') format('woff'), url('HelveticaOblThin.ttf') format('truetype'), url('HelveticaOblThin.svg#HelveticaOblThin') format('svg'); }

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0px; border: 0; font-size: 100%; outline: none; }
html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; overflow-x: hidden; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; }
/* always display scrollbars */
body { font: 14px/1.8 "Microsoft Yahei","寰蒋闆呴粦","Hiragino Sans GB","鍐潚榛戜綋","Arial","Helvetica","SimHei","榛戜綋","STXihei","鍗庢枃缁嗛粦",sans-serif; margin: 0 auto; color: #666; background-color: #fff; }


/*** 鍦嗗湀start ***/
.serviceIlist a:link, .serviceIlist a:visited { color: #787878; }
.serviceIlist a:active, .serviceIlist a:hover { color: #fff; }
.serviceIlist { width: 1110px; margin: 8px auto 0px; }
.serviceIlist dd { float: left; display: block; width: 25%; margin-bottom: 35px; }
.serviceIlist a { width: 193px; height: 193px; position: relative; margin: 0px auto; display: block; }
.serviceIlist .y1 { background: url(../images/y1.png) no-repeat; }
.serviceIlist .y2 { background: url(../images/y2.png) no-repeat; }
.serviceIlist .y1, .serviceIlist .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; }
.serviceIlist .y2 { opacity: 0; transform: scale(0.7); -webkit-transform: scale(0.7); visibility: hidden; }
.serviceIlist .txt { position: absolute; top: 15%; z-index: 2; left: 0px; width: 100%; text-align: center; }
.serviceIlist .ico { width: 80px; height: 80px; margin: 0px auto; display: block; background: url(../images/ico2.png) no-repeat; z-index: 3; -webkit-transition: 0.4s; transition: 0.4s; }
.serviceIlist .bot { width: 0px; height: 1px; background-color: #fff; margin: 5px auto 15px; display: block; }
.serviceIlist .lin1 .ico { background-position: 0px 0px; }
.serviceIlist .lin2 .ico { background-position: 0px -80px; }
.serviceIlist .lin3 .ico { background-position: 0px -160px; }
.serviceIlist .lin4 .ico { background-position: 0px -240px; }
.serviceIlist .lin1 a:hover .ico { background-position: -80px 0px; }
.serviceIlist .lin2 a:hover .ico { background-position: -80px -80px; }
.serviceIlist .lin3 a:hover .ico { background-position: -80px -160px; }
.serviceIlist .lin4 a:hover .ico { background-position: -80px -240px; }
.serviceIlist a:hover .bot { width: 80px; }
.serviceIlist a:hover .y1 { opacity: 0; transform: scale(1.3); -webkit-transform: scale(1.3); }
.serviceIlist a:hover .y2 { opacity: 1; transform: scale(1); -webkit-transform: scale(1); visibility: visible; }
.serviceIcon { width: 670px; margin: 0px auto; text-align: center; color: #969696; line-height: 1.5; padding-bottom: 36px; }
.serviceIcon a:link, .serviceIcon a:visited { color: #323232; }
.serviceIcon a:active, .serviceIcon a:hover { color: #E60012; }
.transbg { background-repeat: no-repeat; background-size: cover; background-position: center center; background-attachment: fixed; }
/*** 鍦嗗湀end ***/