/* 网站头部 ==> header */

.header { position: fixed; z-index: 98; top: 0; left: 0; height: 98px; width: 100%; background-color: #fff; box-shadow: 0 2px 5px rgba(0, 0, 0, .08); }

.header .wrap {/* width: 1150px; padding: 0 25px;*/ }

.header.active { background-color: #fff; box-shadow: 0 2px 5px rgba(0, 0, 0, .08); }

.header.active .wrap { box-shadow: none; }

.header-logo { float: left; line-height: 0; margin: 12px 10px; }

.header-navs {float: left;height: 48px; padding: 25px 9px; }

.header-menu { float: left; height: 100%; margin: 0 5px; position: relative; }

.header-menu > a { display: block; height: 100%; color: #333333; padding: 0 12px; font-size: 15px; line-height: 50px; border-radius: 15px; }

.header-menu > a:hover { color: #004c6a; }

.header-submenu { position: absolute; padding: 12px 20px; background-color: #fff; border: 1px solid #e5e5e5; box-shadow: 0 0 6px rgba(0, 0, 0, 0.08); transition: 0.35s ease-in-out; transform: translateY(24px); visibility: hidden; opacity: 0; }

.header-submenu > a { display: block; color: #666; font-size: 13px; line-height: 32px; white-space: nowrap; transition: 0.35s ease-in-out; border-bottom: 1px dashed #dadada; }

.header-submenu > a:hover { color: #004c6a; margin: 0 -20px; padding: 0 20px; background-color: #f5f5f6; }

.header-menu:hover .header-submenu { transform: translateY(0); visibility: visible; opacity: 1; }

.header-look { float: left; width: 210px; height: 30px; margin: 33px 0; margin-left: 12px; border-radius: 16px; border: 1px solid #dbdbdb; background-color: #efeff4; }

.header-look input { width: 146px; height: 100%; outline: none; border: none; padding: 0 12px; background-color: transparent; }

.header-look button { float: right; width: 40px; height: 100%; border: none; outline: none; background: transparent; border-radius: 0 16px 16px 0; transition: 0.35s ease-in-out; }

.header-look .icon { width: 18px; height: 18px; background-position: -330px 0; }

.header-look button:hover { opacity: 0.8; }

/* 网站底部 ==> footer */

.footer { width: 100%; height: 330px; padding-top: 69px; padding-bottom: 130px; border-top: 7px solid #004c6c; background: #030d1f url(../images/bg_footer.jpg) no-repeat center bottom; position: relative; overflow: hidden; z-index: 1; }

.footer .wrap { padding: 0; }

.footer .col-3 { width: auto; }

.ft-link { min-width: 80px; margin-right: 40px; }

.ft-link h3 { color: #fff; font-size: 18px; line-height: 32px; margin-bottom: 10px; }

.ft-link a { display: block; color: #fff; font-size: 14px; line-height: 24px; transition: 0.1s ease-in-out; }

.ft-link a:hover { color: #ee1d23; }

.ft-ways { padding-top: 42px; margin-right: 40px; color: #fff; font-size: 14px; line-height: 24px;}

.ft-ways strong { font-size: 20px; }

.ft-ways p:first-child { margin-bottom: 12px; }

.ft-code { width: 355px; margin-top: 42px; padding: 12px 17px; background-color: #ee1d23; }

.ft-code a { width: 116px; color: #fff; line-height: 1; text-align: center; margin-right: 16px; display: inline-block; vertical-align: top; }

.ft-code img { margin-bottom: 11px; }

.ft-cpyt { padding: 6px 0; max-width: 300px; color: #fff; font-size: 12px; line-height: 2; }

.ft-cpyt a { color: #fff; }

.ft-cpyt a:hover { color: #ee1d23; }

.ft-adorn { position: absolute; bottom: 95px; left: 50%; width: 290px; height: 388px; margin-left: 472px; background: url(../images/ft_cartoon.png) no-repeat center; }



/* 首页内容 ==> ititle */

.hm-more { text-align: center; margin-top: 76px; }

.hm-title { text-align: center; }

.hm-title .en { display: block; color: #004c6a; font-size: 29px; line-height: 40px; text-transform: uppercase; }

.hm-title .cn { display: block; color: #212121; font-size: 28px; line-height: 48px; }

.hm-title .cn:after, .hm-title .cn:before { content: ""; width: 62px; height: 1px; margin: 0 8px; display: inline-block; vertical-align: middle; background-color: #9c9c9c; }



/* 首页内容 ==> banner */

.hm-panel { padding-bottom: 95px; position: relative; z-index: 2; }

.hm-panel + .footer { margin-top: -95px; padding-top: 164px; padding-bottom: 92px; border-top: none; }

.hm-panel + .footer .ft-adorn { bottom: 56px; }

.hm-slide { height: 768px; position: relative; }



/* 首页产品 ==> pduct */

.hm-pduct { padding-top: 40px; padding-bottom: 92px; }

.hm-pduct .row { margin: 25px -12px 0; }

.hm-pduct .col-6 { width: 588px; margin: 24px 12px 0; }

.hm-pduct .col-4 { width: 384px; margin: 24px 12px 0; }

.hm-pduct-item { display: block; position: relative; }

.hm-pduct-item:after { content: ""; position: absolute; z-index: 2; top: 15px; left: 15px; right: 15px; bottom: 93px; opacity: 0; visibility: hidden; border: 1px solid #fff; transform: scale(0.8); transition: 0.3s ease-in-out; }

.hm-pduct-item .thumb { z-index: 1; height: 310px; overflow: hidden; position: relative; background-color: #f5f5f6; }

.hm-pduct-item .thumb img { width: 100%; transition: 0.3s ease-in-out; }

.hm-pduct-item .thumb:after, .hm-pduct-item .thumb:before { content: ""; position: absolute; z-index: 2; top: 82px; left: 50%; opacity: 0; visibility: hidden; background-color: #fff; transition: 0.3s ease-in-out; }

.hm-pduct-item .thumb:after { width: 64px; height: 1px; margin-top: 31px; margin-left: -32px; transform: scaleX(0.8); }

.hm-pduct-item .thumb:before { width: 1px; height: 64px; transform: scaleY(0.8); }

.hm-pduct-item .words { position: absolute; z-index: 3; left: 0; right: 0; bottom: 0; height: 46px; padding: 16px 24px; transition: 0.3s ease-in-out; }

.hm-pduct-item .words h4 { color: #fff; font-size: 25px; font-weight: bold; line-height: 30px; }

.hm-pduct-item .words p { color: #fff; font-size: 14px; line-height: 16px; text-transform: capitalize; }

.hm-pduct-item:hover:after { opacity: 0.7; visibility: visible; transform: scale(1); }

.hm-pduct-item:hover .thumb img { transform: scale(1.02); opacity: 0.8; }

.hm-pduct-item:hover .thumb:after { opacity: 0.7; visibility: visible; transform: scaleX(1); }

.hm-pduct-item:hover .thumb:before { opacity: 0.7; visibility: visible; transform: scaleY(1); }

.hm-pduct-item:hover .words { background-color: #1a5b75; }



/* 首页内容 ==> about */

.hm-about { width: 100%; height: 560px; padding: 60px 0; background: url(../images/bg_about.jpg) no-repeat center top; }

.hm-about .row { height: auto; overflow: visible; }

.hm-about .col-4 { width: 376px; margin-left: 28px; padding-top: 147px; }

.hm-about .col-8 { width: 796px; }

.hm-about-text { padding: 60px; border-radius: 3px; background-color: #fff; box-shadow: 0 4px 9px rgba(0, 0, 0, .17); }

.hm-about-text .hm-text { color: #666; font-size: 14px; line-height: 24px; text-align: justify; margin-top: 24px; }

.hm-about-text .hm-more { margin-top: 48px; padding-top: 54px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAqCAYAAACtMEtjAAABS2lUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4KPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDIgNzkuMTYwOTI0LCAyMDE3LzA3LzEzLTAxOjA2OjM5ICAgICAgICAiPgogPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4KICA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIi8+CiA8L3JkZjpSREY+CjwveDp4bXBtZXRhPgo8P3hwYWNrZXQgZW5kPSJyIj8+nhxg7wAAAx5JREFUWIWdWL+LE0EUfvuyt5BYBJc0CZwQEjlSrylS6NX+C/Y2NoaIYH29EJFD8b9Q7CwUrvRHFUglIQaWkGyCoB4pdmcsbmfv7eyb2dUHj9l7M/u+9715+2ZyzmQyAYs4tklNpG3S/QcAziaZeRYQKzh0NJv+zK0viIkR51AfVeQSStgAFBnZUlY2Wv2U7ZEDvEPTflGmlYA4EFMFVkodB+RoqtsogEkKc1zV6Y5RaRAEZ8PhMAqC4IzaDYEYgUwsMoeI+BgAbiDiIwMQ56eUUQEsSZKXAHCZJMlrCwjvkLQg6jTHhHEqUxWMSjJme1Vlj/T9oiOnrFQpb5OjyiAcI1tZ62y4ajOC2joDfRm73e6x7/tTRLwjhPiy3+/Hi8XiB1zvQ+Xy5sCyqH3ff4GIp3BV3qe+758zbI1S+ZhAxCD3IuIQ7GnLMcSSRZkKIb5SICHEZ+Y9U7DW1OUYRVH0RAhxAQCXQoiLKIrGXEAcCEB5U832aLlchsvl8gFxJNJ59YFaO4QOZCrnWqp00+nRoAOq+eyMcg1RULCaptSBAlLKdQxJGXGtRgdxNSBBnunfmD6Xpo5rqjVE9Pr9/l3P806klL93u92n9Xq9IiDc2VRgpEuOVbvdvtXpdF4h4ola0Gg0nrVarelsNnuTMk0YsExMB1+WQtd1jzqdzjkFSeWoXq8/HQwG9w1scmLqDJn2er17iDgwMIdGo/HQApDZaWdgxfO826Y5AICUqQngel06Gm80Uso/NiAp5S/mfanbuNTRcpX7/f4jAMQmoDiOP0D+Wyq95OuLJQAkYRiuDofDcwObMAzDKVxVHL0z0Hu5BABZG41G3Meas202m2/NZvO767rHjuPclFL+jOP47Wq1Gm+323XKONEAc6D0O6IpSzQwOZ/P3wHAe8i3niQFUaqACml0yUtqVK1EgQGJkFYTDYqCUDaZuMA3SNqrOJbUruboSAPPMeJYUTt3L6Dp4S6RBUa6qAZJb51so2TAuDLPFQP9EeUwzkEbabSc49LUcU50EGDmC46hJHXUsQ2QdWazm84j6z8n/mMd/AW9Fjo9YYmAFAAAAABJRU5ErkJggg==) no-repeat center top; }

.hm-about-text .hm-title { padding-bottom: 8px; }

.hm-about-imge { display: block; line-height: 0; margin-top: 12px; overflow: hidden; }

.hm-about-imge img { width: 100%; transition: 0.25s ease-in-out; }

.hm-about-imge img:hover { transform: scale(1.15); }

.video-panel { position: relative; margin-top: 12px; }

.video-post { display: block; line-height: 1; overflow: hidden; background-color: #000; }

.video-post img { width: 100%; opacity: 0.9; transition: 0.3s ease-in-out; }

.video-ibtn { position: absolute; z-index: 3; left: 50%; bottom: 50%; width: 72px; height: 72px; cursor: pointer; border-radius: 50%; margin: 0 0 -36px -36px; background-color: #404040; transition: 0.3s ease-in-out; filter: alpha(opacity=72); opacity: 0.72; }

.video-ibtn:before { content: ""; position: absolute; top: 50%; left: 50%; margin-top: -11px; margin-left: -6px; border-style: solid; border-color: transparent #fff; border-width: 11px 0 11px 20px; }

.video-panel:hover img { opacity: 0.7; transform: scale(1.05); }

.video-panel:hover .video-ibtn { opacity: 0.9; }

.media { position: fixed; z-index: 9999; top: 0; left: 0; right: 0; bottom: 0; text-align: center; filter: alpha(opacity=0); opacity: 0; visibility: hidden; -webkit-transition: 0.4s ease-in-out; -moz-transition: 0.4s ease-in-out; transition: 0.4s ease-in-out; }

.media-show { filter: alpha(opacity=100); opacity: 1; visibility: visible; }

.media-show .media-mask { filter: alpha(opacity=60); opacity: 0.6; visibility: visible; }

.media-mask { position: absolute; z-index: 1; top: 0; left: 0; width: 100%; height: 100%; background-color: #000; filter: alpha(opacity=0); opacity: 0; visibility: hidden; -webkit-transition: 0.4s ease-in-out; -moz-transition: 0.4s ease-in-out; transition: 0.4s ease-in-out; }

.media-card { width: 720px; padding: 25px; line-height: 1; text-align: left; display: inline-block; vertical-align: middle; box-sizing: border-box; background-color: #fff; position: relative; z-index: 2; }

.media-close { position: absolute; z-index: 2; right: 0; bottom: 100%; width: 32px; height: 32px; cursor: pointer; padding-bottom: 20px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAADo0lEQVRYR8WXW6hVdRDGfx/dsCcrS0tQozTIgqK8gxhd1YR6CVJQKiWionrIygwS1DAfUiyoLKkgexKFLmqGRkVkF7opdNNCzNA0Cykto4nvMOuwz3bvtdbuHGxeDpw9/5lvzfUbUVMi4lRgMnATMBwYAJwF/AMcAPYDXwFrgNckHaljWlVKEXEmsBiYAfQD9gHvAduAL4E/AOucA4xLkEeBl4F5kn4u89EWQEScCDwAPJRfuALYIMmO20pEnA7MBO4DzgAeA5ZI+rvVo5YAIuI0hxE4D3gUeF6Sv6q2RMRJwK3AAmAHcL2kg80GjgEQEc7vm6l4haQfanttoRgRrhN/jNN0jaRvG9V6AIgIF9ZngJFeKcn57rVExMlZE2OBSyW5YLukG0BEuMBcXAYxWtLeXntuMBARpwAfAX8CEyUdbgbwODAHuFySc9bnEhFDgM+BlZLmdgOIiMHAd8CDkpb3ueeekbg3O2O4pN1dKYiIldm/53Za7Z2Cze7YCWyUNFtZIL8CcyU92c5gRNwOnO+50K6nc3Y4lV9IeqHE1l2A9fobwBTgdU8yST+VPLLBWal7QzOIdL4OmAq8Iml6iS1PzR+tawBPA5dJGlUWzuySt4DxCeLGIl0Z1rXp/H3gqqLKS0B8DHxiAG97rktyWEolQbwBTAI2pUO/cQSvBmxrSpXzrLungJEG8A3woqRFVQDyoft5Q4Lw3xManF8nyX1eKREx3zvDAH4H7pa0qvJVKuRQeTUd+7+OxrS6zvNDbgOWG8Ah4J7/CcAyA/BycAoW1olAfn2RgvWA13aR/05S8EiRgneA7ZLuqALQx0Xo7ruwaENvqDHHuQ0/BD7tZBCtBm6uOYhekuSh1VIi4mxgTzGIvKu9/z2K3ZvtHt3ivs2F1ZJeNYziryU9U2LrTmBp1yjOlnjW0wu44Dgto++B9ZLmFAAGAqZeXjTLqoqxN79HhMmqWfZQM65GRuTtNBu4RNKu3jgpCb1JrlnRcz0ISabBlOyDpGmjOplqdcBGhKPsyv8NGHMMJUsQgxLhVmC6pL/qGK/SSWa82UWXm7ebb7ai5SNcINkZk6sumxrOhwFbUu9aSV5+3VJ2mBjE0DxMVnXaHU2HiWvKzqsPkwJaUrX7gYcB33dPAB4wv1RMzIuSX5pf+Bjxml/aLp11jlMXjxeVj1OfWxuBd/NI9eHiq9lOLwYm5MVszu/jdH7VfVEJoCEi7hLzx+bzPPI0/0/n+b94K7D88zGQkwAAAABJRU5ErkJggg==) no-repeat center top; }

.media-close:after { content: ""; position: absolute; left: 50%; bottom: 0; width: 2px; height: 20px; margin-left: -1px; background-color: #fff; }

.media-video { display: block; width: 100%; max-height: 600px; }

.media-title { font-size: 16px; line-height: 24px; margin-top: 15px; }



/* 首页内容 ==> product */

.hm-field { width: 100%; height: 446px; overflow: hidden; position: relative; padding: 96px 0; background: #004c6a; }

.hm-field:before { content: ""; position: absolute; z-index: 1; top: 0; left: 50%; width: 1920px; height: 100%; margin-left: -960px; background: url(../images/bg_field.jpg) no-repeat 0 0; }

.hm-field .wrap { position: relative; z-index: 2; }

.hm-field-text h3 { color: #fff; font-size: 32px; line-height: 60px; padding-bottom: 8px; vertical-align: top; margin-bottom: 30px; display: inline-block; border-bottom: 2px solid #fff; }

.hm-field-text p { color: #fff; font-size: 14px; line-height: 24px; }

.hm-field-text .ibtn { color: #fff; margin-top: 150px; border-color: #fff; }

.hm-field-text .ibtn:hover { color: #fff; border-color: #004c6a; background-color: #004c6a; }

.hm-field-list { margin-left: 64px; }

.hm-field-list a { display: block; line-height: 0; overflow: hidden; }

.hm-field-list li { float: left; width: 350px; height: 210px; margin-right: 18px; margin-bottom: 21px; }

.hm-field-list img { width: 100%; transition: 0.2s ease-in-out; }

.hm-field-list a:hover img { opacity: 0.8; transform: scale(1.15); }



/* 首页内容 ==> news */

.hm-news { width: 100%; overflow: hidden; padding: 62px 0 144px; background-color: #f2f2f2; }

.hm-news-roll { width: 1200px; padding: 0; height: 528px; padding-bottom: 76px; }

.hm-news-item { height: 456px; padding: 24px 22px; border-top: 9px solid transparent; transition: 0.35s ease-in-out; }

.hm-news-item .thumb { display: block; width: 352px; height: 235px; overflow: hidden; margin-top: 50px; }

.hm-news-item .thumb img { display: block; width: 100%; height: 100%; object-fit: cover; transition: 0.35s ease-in-out; }

.hm-news-item .issus { height: 28px; line-height: 28px; }

.hm-news-item .title { height: 48px; font-size: 18px; line-height: 24px; margin-top: 36px; }

.hm-news-item .title a { color: #333; }

.hm-news-item .sort1 { float: left; color: #fff; margin: 3px 0; padding: 0 6px; font-size: 14px; line-height: 22px; background-color: #044f6c; }

.hm-news-item .sort2 { float: left; color: #666; font-size: 14px; line-height: 28px; }

.hm-news-item .time { float: right; color: #666; font-size: 12px; line-height: 28px; }

.hm-news-item .more { display: none; float: right; color: #666; font-size: 14px; line-height: 28px; }

.hm-news-item:hover { background-color: #fff; border-color: #0d5572; }

.hm-news-item:hover .title a { color: #0d5572; }

.hm-news-item:hover .thumb img { transform: scale(1.05); }

.hm-news-item:hover .time { display: none; }

.hm-news-item:hover .more { display: block; }

.active .hm-news-item { background-color: #fff; border-color: #0d5572; }

.active .hm-news-item .title a { color: #0d5572; }

.active .hm-news-item .thumb img { transform: scale(1.05); }

.active .hm-news-item .time { display: none; }

.active .hm-news-item .more { display: block; }

.hm-news .iRoll { margin-top: 80px; }

.hm-news .iRoll-item { width: 396px; margin-right: 6px; }

.hm-news .iRoll-view { padding: 10px 0; }

.hm-news .iRoll-btns.prev { left: 50%; margin-left: -50px; background-position: -100px 0; }

.hm-news .iRoll-btns.next { right: 50%; margin-right: -50px; background-position: -151px 0; }



/* 首页内容 ==> serve */

.hm-serve { height: 190px; margin: -95px 0; position: relative; z-index: 3; }

.hm-serve ul { height: 175px; padding: 0; background-color: #fff; border-bottom: 15px solid #115874; box-shadow: 0 0 2px rgba(0, 0, 0, .1); }

.hm-serve li { text-align: center; padding: 22px 102px; box-sizing: border-box; }

.hm-serve .icon { display: block; width: 36px; height: 36px; margin: 2px auto 5px; }

.hm-serve .tit { color: #333; font-size: 22px; line-height: 48px; }

.hm-serve .icon1 { background-position: -202px 0; }

.hm-serve .icon2 { background-position: -243px 0; }

.hm-serve .icon3 { background-position: -284px 0; }

.hm-serve .dsc { color: #666; font-size: 14px; line-height: 20px; }

.hm-serve li:first-child .ico { background-position: left center; }

.hm-serve li:first-child + li .ico { background-position: center center; }



/*

 * 网站内页

 * 公用样式 新闻样式 关于我们

 */



/* 网站内页 ==> common */

.content { width: 100%; min-width: 1230px; padding: 56px 0 84px; background: #fff url(../images/jb.jpg) repeat-x center top; position: relative;  overflow: hidden; }

.ibanner { height: 450px; position: relative; z-index: 1; }

.mainnav { height: 63px; background-color: #fff; border-bottom: 2px solid #eee; }

.navigate { height: 60px; line-height: 52px; }

.navigate li { float: left; padding: 0 20px; }

.navigate li > a { display: block; height: 40px; color: #333; font-size: 16px; line-height: 44px; text-align: center; padding: 10px 0; transition: 0.2s ease-in-out; border-bottom: 5px solid transparent; }

.navigate a:hover, .navigate .hover a { color: #004c6a; border-color: #004c6a; }

.navigate-view { width: 100%; height: 100%; overflow: hidden; }

.navigate-scroll { height: 63px; width: 100%; padding: 0 32px 2px; position: relative; }

.navigate-scroll .btns { position: absolute; opacity: 0.7; z-index: 3; top: 10px; width: 20px; bottom: 10px;  }

.navigate-scroll .btns-prev { left: 0; background-position: -82px -48px; }

.navigate-scroll .btns-next { right: 0; background-position: -106px -48px; }

.navigate-scroll:hover .btns { opacity: 1; }


/*.navigate { height: 60px; line-height: 52px; }

.navigate li { float: left; margin: 0 22px; border-bottom: 5px solid transparent; }

.navigate li > a { display: block; height: 40px; color: #333; font-size: 14px; line-height: 44px; text-align: center; padding: 10px 0; transition: 0.2s ease-in-out; }

.navigate li:hover, .navigate li.hover { border-color: #004c6a; }

.navigate li:hover a, .navigate li.hover a { color: #004c6a; }
*/
.pagination { width: 1200px; text-align: center; margin-top: 54px; padding-top: 36px; border-top: 2px solid #e6e6e6; }

.pagination li { float: left; width: 40px; height: 40px; color: #666666; font-size: 18px; line-height: 40px; margin-right: 10px; }

.pagination li:first-child { float: right; margin: 0; width: auto; }

.pagination a {
	
	float: left;
    height: 40px;
    color: #666666;
    font-size: 18px;
    line-height: 40px;
    margin-right: 10px;
	padding:0 10px;
	
	 display: block;  color: #666666; font-size: 18px; line-height: 38px; border-radius: 4px; box-sizing: border-box; border: 1px solid #cacaca; background-color: #ffffff; transition: 0.3s ease-in-out; }




.pagination span { font-size: 14px; margin-left: 12px; }

.pagination a.dangqian, .pagination a:hover { color: #fff; border-color: #004c6a; background-color: #004c6a; }

.breadcrumb { height: 33px; padding: 15px 0; line-height: 32px; }

.breadcrumb li { float: left; height: 100%; color: #666666; font-size: 14px; max-width: 300px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }

.breadcrumb li a { display: block; color: #666666; }

.breadcrumb li a:hover { color: #004c6a; }

.breadcrumb li + li a { margin-left: 28px; }

.breadcrumb li + li:before { float: left; content: ">"; color: #666666; height: 100%; margin: 0 10px; font-size: 14px; line-height: 34px; font-weight: bold; font-family: Simsun; }

.mainnav.active { position: fixed; z-index: 97; top: 98px; left: 0; width: 100%; }



/* 网站内页 ==> about us */

.about { min-height: 566px; padding: 10px 0 60px; overflow: hidden; position: relative; background: #f7f7f7; }

.about:after { content: ""; position: absolute; top: 0; left: 50%; width: 50%; height: 100%; }

.about .wrap { position: relative; z-index: 2; }

.about .ibtn { margin-top: 24px; }

.about-title .en { display: block; color: #004c6a; font-size: 29px; line-height: 36px; text-transform: uppercase; }

.about-title .cn { display: block; color: #212121; font-size: 28px; line-height: 44px; }

.about-words { margin-top: 18px; }

.about-words p { color: #4b4b4b; font-size: 14px; line-height: 24px; text-align: justify; margin-top: 6px; }

.about-word { height: 352px; overflow:hidden;}

.about-words.en p { line-height: 22px; }

.about-image { position: relative; width: 544px; height: 362px; padding: 124px 0 0 56px; line-height: 0; }

.about-image:after { content: ""; position: absolute; top: 92px; left: 30px; width: 629px; height: 393px; }

.about-image img { float: right; background-color: #e4e4e4; }

.about-image .item1 { width: 232px; height: 232px; margin-top: 48px; border-radius: 50%; }

.about-image .item2 { width: 362px; height: 362px; border-radius: 50%; margin-right: -52px; }


/* 网站内页 ==> about history */

.history { height: 595px; padding-top: 45px; padding-bottom: 88px; background: url(../images/bg_history.jpg) no-repeat center top; position: relative; }

.history:after { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAUCAYAAADPym6aAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQyIDc5LjE2MDkyNCwgMjAxNy8wNy8xMy0wMTowNjozOSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpEM0MxQUZFQTY1OTExMUU5ODkyNkNBNkVEN0U5N0E3MyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpEM0MxQUZFQjY1OTExMUU5ODkyNkNBNkVEN0U5N0E3MyI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkQzQzFBRkU4NjU5MTExRTk4OTI2Q0E2RUQ3RTk3QTczIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkQzQzFBRkU5NjU5MTExRTk4OTI2Q0E2RUQ3RTk3QTczIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+Bl+iDwAAAEpJREFUeNrs1zsRACAMBNEL+sAImIgJlCCQj4uQ2a3TvJlrYqpdP7fXlLXhRUkCAgQIECChIR78jmkBAQIECBAgL7uvrmeAHAEGACyXB5NnmpiXAAAAAElFTkSuQmCC); }

.history:after { content: ""; position: absolute; left: 0; right: 0; bottom: 88px; height: 22px; background-repeat: repeat-x; background-position: left bottom; }

.history .time { color: #004c6a; font-size: 38px; line-height: 57px; }

.history .text { color: #4b4b4b; font-size: 14px; line-height: 1.5; }

.history .imge { width: 187px; height: 118px; margin-top: 12px; overflow: hidden; }

.history .imge img { width: 100%; transition: 0.25s ease-in-out; }

.history .iRoll { width: auto; height: 438px; max-width: 1370px; margin-top: 0; padding: 0; padding-top: 68px; position: relative; }

.history .iRoll-view { width: 1200px; height: 100%; padding: 0; margin: 0 auto; }

.history .iRoll-item { margin: 0; position: relative; overflow: visible; }

.history .iRoll-list { height: 438px; }

.history .iRoll-btns { width: 45px; height: 45px; top: auto; bottom: 240px; }

.history .iRoll-btns.prev { left: 0; background-position: 0 0; }

.history .iRoll-btns.next { right: 0; background-position: -50px 0; }

.history .course { position: absolute; left: 0; bottom: 0; width: 256px; padding: 0 22px 80px; }

.history .course:after { content: ""; position: absolute; top: 30px; left: 4px; bottom: 0; width: 1px; background-color: #004c6a; }

.history .course:before { content: ""; position: absolute; left: 0; top: 28px; width: 9px; height: 9px; border-radius: 50%; background-color: #004c6a; }

.history .select .time { color: #ff0808; }

.history .item1 .course { padding-bottom: 210px; }

.history .item2 .course { padding-bottom: 60px; }

.history .item3 .course { padding-bottom: 108px; }

.history .item4 .course { padding-bottom: 175px; }

.history .item5 .course { padding-bottom: 100px; }

.history .item6 .course { padding-bottom: 145px; }

.history .item7 .course { padding-bottom: 95px; }

.history .item8 .course { padding-bottom: 135px; }

.history .item9 .course { padding-bottom: 80px; }

.history .item10 .course { padding-bottom: 180px; }

.history .select .course:after { background-color: #ff0808; }

.history .select .course:before { background-color: #ff0808; }



/* 网站内页 ==> about honor */

.honor { padding: 57px 0; background-color: #e8e9ed; }

.honor .iRoll { margin-top: 0; height: 552px; padding-top: 24px; padding-bottom: 40px; }

.honor .iRoll-view { width: 1200px; height: 522px; padding: 15px 10px; }

.honor .iRoll-item { width: 376px; margin-left: 0; margin-right: 36px; }

.honor .iRoll-item a { display: block; height: 100%; overflow: hidden; transition: 0.25s ease-in-out; }

.honor .iRoll-item img { width: 100%; }

.honor .iRoll-item:hover a { transform: translateY(-10px); }

.honor .iRoll-spot { position: absolute; z-index: 4; left: 0; width: 100%; bottom: 0; height: 8px; text-align: center; }

.honor .iRoll-spot li { width: 10px; height: 10px; margin: 0 4px; cursor: pointer; font-size: 0; color: transparent; border-radius: 6px; background-color: #fff; display: inline-block; vertical-align: top; transition: 0.35s ease-in-out; }

.honor .iRoll-spot li.on { width: 30px; background-color: #ee1d23; }



/* 网站内页 ==> about slogan */

.slogan { height: 658px; padding-top: 107px; padding-bottom: 116px; background: url(../images/pic_video.jpg) no-repeat center top; }

.slogan-video { padding-bottom: 30px; margin-right: -102px; background-color: #fff; position: relative; z-index: 2; }

.slogan-video video { width: 702px; height: 413px; margin-bottom: 26px; background-color: #000; }

.slogan-text { height: 424px; margin-top: 102px; margin-left: -64px; padding-top: 132px; padding-left: 396px; padding-right: 84px; position: relative; z-index: 1; }

.slogan-text:before { content: ""; position: absolute; z-index: 1; top: 0; left: 0; width: 100%; height: 100%; background-color: #1e283a; filter: alpha(opacity=65); opacity: 0.65; }

.slogan-text p { color: #fff; font-size: 14px; line-height: 22px; position: relative; z-index: 2; }

.slogan-text h3 { color: #fff; font-size: 35px; line-height: 70px; padding-bottom: 2px; margin-bottom: 28px; position: relative; z-index: 2; }

.slogan-text h3:after { content: ""; position: absolute; left: 0; bottom: 0; width: 56px; height: 2px; background-color: #fff; }



/* 网站内页 ==> about cases */

.cases { padding-top: 60px; padding-bottom: 24px; }

.cases .row { margin: 0 -15px; }

.cases .col-4 { width: 380px; margin: 40px 15px 0; border-bottom: 4px solid #004c6a; }

.sh-card .link { display: block; border: 1px solid #dcdcdc; border-width: 1px 1px 0; transition: 0.45s ease-in-out; }

.sh-card .imge { display: block; width: 378px; height: 252px; overflow: hidden; }

.sh-card .imge img { width: 100%; transition: 0.25s ease-in-out; }

.sh-card .text { height: 83px; padding: 16px; }

.sh-card .name { color: #333; font-size: 16px; line-height: 1.5; transition: 0.45s ease-in-out; }

.sh-card .time { color: #666; font-size: 14px; margin-top: 10px; line-height: 24px; transition: 0.45s ease-in-out; }

.sh-card .link:hover { border-color: #004c6a; background-color: #004c6a; }

.sh-card .link:hover img { opacity: 0.8; transform: scale(1.03); }

.sh-card .link:hover .name { color: #fff; }

.sh-card .link:hover .time { color: #fff; }



/* 网站内页 ==> product list */
/* 网站内页 ==> product list */
.product-cell { margin-top: 40px; margin-left:20px; position: relative; width:380px; height:440px; float:left;background-color: #fff; }
.product-cell:first-child { margin-left: 0; }
.product-imge { position: relative; z-index: 2; padding:0px ;width:380px;}
.product-imge a { display: block; height: 310px; overflow: hidden;  }
.product-text { z-index: 1; width: 340px; height: 100px; padding: 20px 0 30px 20px;  position: relative; }
.product-text a { display: block; color: #004c6a; }
.product-text .cn { color: #004c6a; font-size: 24px; line-height: 30px; margin-top: 0px; }
.product-text .en { color: #666; font-size: 14px; line-height: 16px; }
.product-text .lk { height: 24px; font-size: 14px; color: #666666; line-height: 24px;  margin-top: 10px; display: inline-block; }
.product-text .icon { float: right; width: 20px; height: 20px; margin: 2px 0; margin-left: 8px; background-position: 0 -60px; }
.product-text .lk:hover { color: #004c6a; }
.product-cell:hover { color: #004c6a; background-color:#004c6a }
.product-cell:hover .product-text .cn { color: #fff; }
.product-cell.odd .product-imge { float: right; }
.product-cell:hover .product-text .en { color: #fff; }
.product-cell:hover .product-text  .lk{ color: #fff; }
.product-cell:hover .product-text  a{ color: #fff; }
.product-cell:hover .icon {  background-position: 0 -90px; }


/* 网站内页 ==> product detail*/

.product-detail .cn { display: block; color: #004c6a; font-size: 30px; line-height: 42px; margin-top: 16px; }

.product-detail .en { display: block; color: #666; font-size: 14px; line-height: 16px; }

.product-relate { margin-top: 60px; }

.product-relate h3 { position: relative; }

.product-relate h3:after { content: ""; position: absolute; z-index: 1; top: 15px; left: 0; right: 0; height: 1px; background-color: #d5d5d5; }

.product-relate small { display: block; color: #4b4b4b; font-size: 14px; line-height: 27px; }

.product-relate strong { color: #004c6a; font-size: 30px; line-height: 30px; padding-right: 18px; display: inline-block; background-color: #fff; position: relative; z-index: 2; }

.product-relate ul { margin: 0 -24px; padding-top: 36px; }

.product-relate li { width: 282px; height: 205px; text-align: center; margin: 0 14px 32px; }

.product-relate li a { display: block; width: 100%; height: 100%; position: relative; overflow: hidden; background-color: #004c6a; }

.product-relate li a:after { content: ""; position: absolute; z-index: 1; top: 50%; left: 50%; width: 32px; height: 32px; margin: -16px 0 0 -16px; transition: 0.2s ease-in-out; visibility: hidden; opacity: 0; background: url(data:image/png;base64,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) no-repeat center center / 100% 100%; }

.product-relate li img { width: 100%; height: 100%; object-fit: cover; transition: 0.2s ease-in-out; }

.product-relate li span { position: absolute; z-index: 5; top: 140px; left: 40px; width: 200px; height: 45px; color: #fff; font-size: 18px; overflow: hidden; line-height: 30px; text-align: center; white-space: nowrap; padding: 0px 30px; text-overflow: ellipsis; transition: 0.3s ease-in-out; visibility: hidden; opacity: 0; }

.product-relate li span:after { content: ""; position: absolute; z-index: 2; top: 0; left: 0; right: 0; bottom: 0;  background-color: #004c6a;transition: 0.3s ease-in-out; filter: alpha(opacity=35); opacity: 0.35; transform: scale(0.6); }

.product-detail.sh-detail .text p { text-indent: 0; }

/*.product-relate li:hover img { transform: scale(1.02); }*/

.product-relate li:hover a:after { opacity: 1; visibility: visible; }

/*.product-relate li:hover span { visibility: visible; opacity: 1; }*/

/*.product-relate li:hover span:after { transform: scale(1); }*/


/* 网站内页 ==> product detail plugin*/

.rebox { cursor: pointer; position: fixed; width: 100%; height: 100%; top: 0; left: 0; z-index: 1000; -webkit-filter: none !important; background: rgb(0, 0, 0); background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAIElEQVQ4T2NkYGDYDMRkA8ZRAxhGw4BhNAyA+WAYpAMAIFgLQfO9BoEAAAAASUVORK5CYII=); background: rgba(0, 0, 0, 0.7); }

.rebox * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; padding: 0; margin: 0; }

.rebox-contents { position: absolute; top: 5%; left: 5%; text-align: center; width: 90%; height: 90%; }

.rebox-contents .rebox-content { border: 5px solid #fff; box-shadow: 0 0 20px #000; border-radius: 1px; max-width: 100%; max-height: 100%; }

.rebox-contents img { display: inline-block; vertical-align: middle; }

.rebox-loading { width: 31px; height: 31px; margin: -16px 0 0 -16px; position: absolute; top: 48%; left: 50%; }

.rebox-caption { display: none; position: absolute; left: 0; bottom: 0; width: 100%; text-align: center; z-index: 1000; background: #000; background: rgba(0, 0, 0, 0.7); }

.rebox-caption p { margin: 0 auto; max-width: 70%; display: inline-block; *display: inline; *zoom: 1; padding: 10px; color: #fff; font-size: 12px; line-height: 18px; }

.rebox-button { position: absolute; z-index: 9999; min-width: 40px; height: 40px; line-height: 40px; background: rgb(0, 0, 0); opacity: 0.4; text-decoration: none; font-size: 24px; color: #fff; text-align: center; vertical-align: middle; -webkit-border-radius: 32px; -moz-border-radius: 32px; -ms-border-radius: 32px; border-radius: 32px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; transition: all 0.3s; }

.rebox-button:hover, .rebox-button:focus { opacity: 1; -webkit-transform: scale(1.4); -moz-transform: scale(1.4); -ms-transform: scale(1.4); transform: scale(1.4); }

.rebox-close { right: 10px; top: 10px; }

.rebox-next { right: 10px; top: 48%; }

.rebox-prev { left: 10px; top: 48%; }

.rebox-loading { left: 50%; top: 48%; -webkit-animation-name: spin; -webkit-animation-duration: 2000ms; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: linear; -moz-animation-name: spin; -moz-animation-duration: 2000ms; -moz-animation-iteration-count: infinite; -moz-animation-timing-function: linear; -ms-animation-name: spin; -ms-animation-duration: 2000ms; -ms-animation-iteration-count: infinite; -ms-animation-timing-function: linear; animation-name: spin; animation-duration: 2000ms; animation-iteration-count: infinite; animation-timing-function: linear; }

@-ms-keyframes spin {

  from { -ms-transform: rotate(0deg) }

  to { -ms-transform: rotate(360deg) }

}

@-moz-keyframes spin {

  from { -moz-transform: rotate(0deg) }

  to { -moz-transform: rotate(360deg) }

}

@-webkit-keyframes spin {

  from { -webkit-transform: rotate(0deg) }

  to { -webkit-transform: rotate(360deg) }

}

@keyframes spin {

  from { transform: rotate(0deg) }

  to { transform: rotate(360deg) }

}



/* 网站内页 ==> news list */

.news-view {  }

.sh-media { height: 164px; padding: 28px 32px; cursor: default; overflow: hidden; margin-bottom: 24px; transition: 0.35s ease-in-out; border: 1px solid #e5e5e5; border-color: transparent transparent #e5e5e5; }

.sh-media:hover { background-color: #fff; border-color: #e5e5e5; box-shadow: 0 0 6px #e5e5e5; }

.sh-media:after { content: ""; display: block; clear: both; height: 0; }

.sh-media .imgs { float: left; width: 245px; height: 164px; overflow: hidden; position: relative; margin-right: 48px; background-color: transparent; }

.sh-media .imgs img { display: block; width: 100%; transition: 0.35s ease-in-out; }

.sh-media .text { height: 100%; overflow: hidden; }

.sh-media .name { height: 32px; color: #333; font-size: 20px; line-height: 32px; }

.sh-media .name a { display: block; color: #333; max-width: 640px; transition: 0.35s ease-in-out; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }

.sh-media .desc { height: 66px; color: #666666; font-size: 14px; line-height: 22px; text-align: justify; margin-top: 12px; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; -webkit-line-clamp: 3; word-wrap: break-word; white-space: normal; overflow: hidden; }

.sh-media .more { display: block; width: 80px; height: 35px; outline: none; color: #666; font-size: 14px; line-height: 35px; text-align: center; padding: 1px 20px; border-radius: 3px; background-color: transparent; border: 1px solid #dadada; margin-top: 12px; transition: 0.35s ease-in-out; }

.sh-media .time { float: right; color: #888; font-size: 14px; line-height: 32px; }

.sh-media:hover .more { color: #fff; border-color: #004c6a; background-color: #004c6a; }

.sh-media:hover .name a { color: #004c6a; }

.sh-media:hover .imgs img { opacity: 0.8; transform: scale(1.08); }



/* 网站内页 ==> news detail */

.sh-detail { width: 1200px; margin: 0 auto; padding-bottom: 14px; }

.sh-detail .name { height: 24px; color: #000; font-size: 20px; line-height: 24px; text-align: center; padding: 10px 0; }

.sh-detail .text { margin-top: 36px; }

.sh-detail .text p { color: #666; font-size: 14px; line-height: 22px; text-indent: 2em; text-align: justify; }

.sh-detail .text p img { display: block; max-width: 100%; margin: 0 auto; }

.sh-detail .info { height: 16px; line-height: 16px; text-align: center; padding-bottom: 12px; border-bottom: 1px solid #dbdbdb; }

.sh-detail .info span { color: #888; font-size: 12px; margin: 0 10px; }

.sh-detail .back { height: 60px; margin-top: 48px; padding: 24px 30px 52px; border-top: 1px dashed #ccc; overflow: hidden; }

.sh-detail .back:after { content: ""; display: block; clear: both; height: 0; }

.sh-detail .back p { width: 72%; height: 30px; font-size: 14px; line-height: 30px; }

.sh-detail .back p a { color: #333; -webkit-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; }

.sh-detail .back p a:hover { color: #004c6a; }

.sh-detail .back p:first-child { float: right; width: 20%; }

.sh-detail .back p:first-child a { float: right; width: 96px; height: 40px; color: #fff; font-size: 14px; text-align: center; line-height: 40px; padding: 0 9px; margin-top: 9px; border-radius: 5px; background-color: #004c6a; }

.sh-detail .back p:first-child a:hover { opacity: 0.8; }

.sh-detail .back p:first-child .angle { width: 0; height: 0; margin-right: 8px; display: inline-block; vertical-align: -1px; border: 5px solid #fff; border-width: 6px 5px 6px 0; border-color: transparent #fff; }



/* 网站内页 ==> contact us */

.contact { padding-top: 60px; padding-bottom: 180px; background-color: #f7f7f7; }

.form-view { padding-top: 36px; padding-left: 45px; }

.form-name { color: #3c3c3c; font-size: 24px; line-height: 42px; margin-bottom: 20px; }

.form-tips { color: #3c3c3c; font-size: 14px; line-height: 27px; }

.form-list { padding-top: 20px; margin-right: 22px; }

.form-item { margin-top: 10px; }

.form-item .ibtn { margin-top: 14px; width: 124px; }

.form-item .input { width: 100%; height: 42px; padding: 10px; color: #4b4b4b; font-size: 14px; line-height: 20px; border-radius: 4px; vertical-align: top; background-color: #fff; box-sizing: border-box; border: 1px solid #dadada; }

.form-item textarea.input { height: 150px; resize: none; }

.firm-view { margin-left: 61px; background-color: #fff; border: 1px solid #dadada; }

.firm-name { padding: 32px 47px 27px; text-transform:uppercase;}

.firm-name .cn { display: block; color: #004c6a; font-size: 24px; line-height: 30px; }

.firm-name .en { display: block; color: #818181; font-size: 14px; line-height: 16px; text-transform: uppercase; }

.firm-text { color: #3c3c3c; font-size: 14px; line-height: 26px; padding: 20px 47px; font-size: 14px; line-height: 26px; }

.firm-imge { line-height: 0; overflow: hidden; padding: 24px 26px 30px; }

.firm-imge img { width: 100%; }



/**/

.market { padding: 110px 0 223px; background: #f7f7f7 url(../images/bg_sale.jpg) no-repeat center top; }

.market a { display: block; width: 1067px; height: 663px; cursor: default; overflow: hidden; margin-left: 133px; }

.market img { width: 100%; }



/* 模块 招聘页面 */

.hire-view { padding: 0; margin-top: 34px; }

.hire-head { display: table; width: 100%; overflow: hidden; line-height: 50px; background-color: #004c6a; }

.hire-head span { color: #fff; width: 521px; font-size: 20px; text-align: left; font-weight: bold; line-height: 30px; padding: 9px 60px; display: table-cell; box-sizing: border-box; }

.hire-head span:last-child { width: 64px; padding: 9px 20px; text-align: center; }

.hire-head span:first-child { width: 94px; padding: 9px 20px; text-align: center; }

.hire-body { border-bottom: 1px solid #e5e5e5; }

.hire-thln { display: table; width: 100%; background-color: #fff; border: 1px solid #e5e5e5; border-width: 1px 1px 0; overflow: hidden; box-sizing: border-box; transition: 0.35s ease-in-out; }

.hire-thln span { color: #333; width: 521px; font-size: 16px; text-align: left; line-height: 30px; padding: 9px 60px; display: table-cell; box-sizing: border-box; transition: 0.35s ease-in-out; }

.hire-thln span:last-child { width: 64px; padding: 9px 20px; text-align: center; }

.hire-thln span:first-child { width: 94px; padding: 9px 20px; text-align: center; }

.hire-tdln { display: none; padding: 36px 128px; background-color: #fff; border: 1px solid #e5e5e5; border-width: 1px 1px 0;  color: #333; font-size: 14px; line-height: 28px; }


.hire-tdln h3 { color: #333; font-size: 16px; line-height: 28px; margin-bottom: 15px; }

.hire-tdln .row { margin-bottom: 36px; }

.hire-tdln .col-6 { width: 429px; padding-bottom: 20px; }

.hire-tdln .col-6:first-child { margin-right: 41px; padding-right: 41px; border-right: 1px solid #e5e5e5; }

.hire-thln .icon { width: 18px; height: 18px; background-position: -24px -60px; }

.hire-thln .unfold-btn { cursor: pointer; }

.hire-cell.active .hire-tdln { display: block; }

.hire-cell.active .hire-thln { background-color: #a6a6a6; }

.hire-cell.active .hire-thln span { color: #fff; }

.hire-cell.active .hire-thln .icon { background-position: -44px -60px; }



/**/

.case .row { margin: 0 -15px; }

.case .col-4 { width: 380px; margin: 40px 15px 0; border-bottom: 4px solid #004c6a; }

/* honor */
.honor-card .row { margin: 0 -15px; }

.honor-card .col-4 { width: 380px; margin: 40px 15px 0; }

.honor-card .sh-card .imge { height: 531px; }

.honor-card .sh-card .text { height: 24px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; text-align: center; }