@charset "utf-8";
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; }
/* always display scrollbars */ /*color: #989898;*/
body { font: 12px/1.8 "Microsoft YaHei New", "Microsoft Yahei", "微软雅黑", "Hiragino Sans GB", "冬青黑体", "Arial", "Helvetica", "SimHei", "黑体", "STXihei", "华文细黑", sans-serif; margin: 0 auto; background-color: #fff; _background-attachment: fixed; _background-image: url(about:blank); }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
input, select { vertical-align: middle; }
table { border-collapse: collapse; border-spacing: 0; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
strong { font-weight: bold; }
input { outline: none; padding: 0; }
img { border: 0; }
input[type="text"], input[type="button"], input[type="submit"], input[type="reset"], select { -webkit-appearance: none; border-radius: 0; }
textarea { -webkit-appearance: none; border-radius: 0; background: none; outline: none; padding: 0; margin: 0; border: none; }
::-moz-selection {
background: #f7a300;
color: #fff;
text-shadow: none;
}
em { font-style: normal }
::selection { background: #f7a300; color: #fff; text-shadow: none; }
a { text-decoration: none; blr: expression(this.onFocus=this.blur());
cursor: pointer; -webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; }
a:link, a:visited { text-decoration: none; }
a:active, a:hover { text-decoration: none; }
.clearfix:before, .clearfix:after { display: table; content: ""; line-height: 0px; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1;
}
.fc { text-align: center; }
.fr { text-align: right; }
.l { float: left; display: inline-block; }
.r { float: right; display: inline-block; }
.vt { vertical-align: top; }
.vm { vertical-align: middle; }
.inner { width: 1173px; margin: 0px auto; }
/*banner*/
.home { position: absolute; width: 100%; height: 100%; background: url(../img/home.jpg) center no-repeat; background-size: cover; }
.esheng { position: relative; top: 15%; z-index: 10; }
.ebanner { width: 49.36%; position: relative; margin-left: 16.88%; float: left; margin-bottom: 15px; max-height: 384px; overflow: hidden; }
.etab li { line-height: 0; position: relative; overflow: hidden; }
.etab li img { width: 100%; height: auto; line-height: 0; transition: 660ms; -webkit-transition: 660ms; }
.etab li:hover a>img { transform: scale(1.07); -webkit-transform: scale(1.07); -moz-transform: scale(1.07); }
.etab li .fontb { position: absolute; left: 8.7%; top: 10%; opacity: 0; transform: translateX(140px); -webkit-transform: translateX(140px); -moz-transform: translateX(140px); visibility: hidden; transition: 450ms 0ms; }
.etab li .fontb img { width: auto; height: auto; }
.ebanner .flex-control-nav { position: absolute; height: 11px; right: 12px; bottom: 8px; }
.ebanner .flex-control-nav li { display: inline-block; line-height: 0; margin-left: 8px; float: left; }
.ebanner .flex-control-nav li a { line-height: 0; display: inline-block; }
.ebanner .flex-control-nav li span { display: inline-block; width: 9px; height: 9px; border-radius: 50%; border: 1px solid #fff; text-indent: 888px; transition: 312ms; position: relative; }
.ebanner .flex-control-nav li span:before { content: ''; position: absolute; bottom: 0; height: 0; left: 0; width: 100%; background-color: #fff; box-shadow: 0 0 1px #fff; -webkit-transition: height 0.3s ease; transition: height 0.3s ease; border-radius: 50%; }
.ebanner .flex-control-nav li a.flex-active span:before { height: 100%; }
.ebanner .etab li.flex-active-slide .fontb { opacity: 1; visibility: visible; transform: translateX(0); -webkit-transform: translateX(0); -moz-transform: translateX(0); transition: 950ms 350ms; }
.egroup { position: absolute; width: 15.5%; left: 0; top: 0; }
.ilogo { position: relative; background: #2bb7aa; margin-bottom: 14px; }
.ilogo img { display: block; max-width: 100%; height: auto; margin: auto; line-height: 0; }
.ilogo img:nth-child(2) {position: absolute;
    /* left: 50%; */
    /* margin-left: -75px; */
    top: 0;
    /* margin-top: 30px; */ }
.egroup .cblock { background: #2bb7aa; }
.egroup .cblock a b { background: url(../img/enter.png) center no-repeat; }
.cblock { position: relative; }
.cblock-wr { width: 100%; position: absolute; left: 0; top: 50%; margin-top: -55px; }
.cblock a { display: block; text-align: center; }
.cblock img { display: block; width: 100%; height: auto; }
.cblock a b { display: block; width: 62px; height: 70px; margin: auto; line-height: normal; margin-bottom: 14px; }
.esheng .cblock a:hover b { -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: beat 0.5s 1; animation: beat 0.5s 1; }
.cblock a span { display: inline-block; position: relative; text-align: center; color: #fff; font-size: 14px; }
.cblock a small{
    display: block;
    color: #fff;
}
.cblock a span:before { content: ""; width: 100%; height: 1px; background: #fff; position: absolute; left: 0; bottom: 4px; 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); }
.cblock a:hover span:before { transform: scaleX(1); -webkit-transform: scaleX(1); -moz-transform: scaleX(1); transform-origin: 0; -webkit-transform-origin: 0; }
 @keyframes beat {
 from, to {
-webkit-transform: scale(1, 1);
transform: scale(1, 1);
}
 25% {
-webkit-transform: scale(0.9, 1.1);
transform: scale(0.9, 1.1);
}
 50% {
-webkit-transform: scale(1.1, 0.9);
transform: scale(1.1, 0.9);
}
 75% {
-webkit-transform: scale(0.95, 1.05);
transform: scale(0.95, 1.05);
}
 from, to {
-webkit-transform: scale(1, 1);
transform: scale(1, 1);
}
 25% {
-webkit-transform: scale(0.9, 1.1);
transform: scale(0.9, 1.1);
}
 50% {
-webkit-transform: scale(1.1, 0.9);
transform: scale(1.1, 0.9);
}
 75% {
-webkit-transform: scale(0.95, 1.05);
transform: scale(0.95, 1.05);
}
}
 @-webkit-keyframes beat {
 from, to {
-webkit-transform: scale(1, 1);
transform: scale(1, 1);
}
 25% {
-webkit-transform: scale(0.9, 1.1);
transform: scale(0.9, 1.1);
}
 50% {
-webkit-transform: scale(1.1, 0.9);
transform: scale(1.1, 0.9);
}
 75% {
-webkit-transform: scale(0.95, 1.05);
transform: scale(0.95, 1.05);
}
 from, to {
-webkit-transform: scale(1, 1);
transform: scale(1, 1);
}
 25% {
-webkit-transform: scale(0.9, 1.1);
transform: scale(0.9, 1.1);
}
 50% {
-webkit-transform: scale(1.1, 0.9);
transform: scale(1.1, 0.9);
}
 75% {
-webkit-transform: scale(0.95, 1.05);
transform: scale(0.95, 1.05);
}
}
.producta { position: relative; float: right; width: 32.4%; margin-bottom: 15px; overflow: hidden; }
.producta img { display: block; line-height: 0; width: 100%; height: auto; transition: 650ms; }
.producta a:hover img { transform: scale(1.04); -webkit-transform: scale(1.04); -moz-transform: scale(1.04); }
.producta figcaption { display: inline-block; position: absolute; right: 16.8%; top: 50%; margin-top: -20px; }
.producta figcaption h3 { font-weight: normal; color: #fff; font-size: 18px; position: relative; }
.producta figcaption h3:before { content: ""; width: 56px; height: 1px; background: #fff; position: absolute; left: 0; bottom: 4px; 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); }
.producta a:hover figcaption h3:before { transform: scaleX(1); -webkit-transform: scaleX(1); -moz-transform: scaleX(1); transform-origin: 0; -webkit-transform-origin: 0; }
.producta figcaption small { display: block; line-height: normal; color: #fff; font-size: 12px; font-family: "Arial"; }
.plate { float: left; width: 50%; }
.plate-tab { float: left; width: 65%; position: relative; overflow: hidden; }
.plate-list li { position: relative; line-height: 0; }
.plate-list li figure { display: block; line-height: normal; overflow: hidden; }
.plate-list li img { display: block; width: 100%; /*height: 184px;*/line-height: 0; transition: 550ms;   /* border: 1px solid #ddd;*/}
.plate-list li:hover img { transform: scale(1.08); -webkit-transform: scale(1.08); -moz-transform: scale(1.08); }
.plate-list li span { display: block; width: 100%; text-align: center; color: #fff; font-size: 15px; line-height: 37px; background: rgba(0,0,0,0.4); background: #000\9; filter: alpha(opacity=70); position: absolute; left: 0; bottom: 0px; }
.plate-tab .flex-direction-nav li a { width: 13px; height: 20px; position: absolute; top: 39%; text-indent: 888px; overflow: hidden; line-height: 0; }
.plate-tab .flex-direction-nav li a.flex-prev { background: url(../img/prev.png) center no-repeat; left: 14px; }
.plate-tab .flex-direction-nav li a.flex-next { background: url(../img/next.png) center no-repeat; right: 14px; }
.plate-tab .flex-direction-nav li a.flex-prev:hover { left: 10px; }
.plate-tab .flex-direction-nav li a.flex-next:hover { right: 10px; }
.duty { float: right; width: 31%; margin-right: 7px; }
.duty .cblock { background: #5c97f9; }
.duty .cblock b { background: url(../img/pro1.png) center no-repeat; }
.channel { width: 32.4%; position: absolute; right: 0; top: 34.25%; }
.chan { float: left; width: 47.9%; }
.chan .cblock { background: #3768d3; }
.chan .cblock b { background: url(../img/help.png) center no-repeat; }
.relative { float: right; width: 47.9%; }
.relative .cblock { background: #39bcd2; }
.relative .cblock b { background: url(../img/contact.png) center no-repeat; }
.sociology { float: left; margin-left: 8px; width: 15.5%; }
.sociology .cblock { background: #5f54d7; }
.sociology .cblock b { background: url(../img/pro2.png) center no-repeat; }
.informate { width: 32.4%; float: right; background: #44ddd9; position: relative; }
.informate figure { display: block; line-height: 0; }
.informate figure img { display: block; line-height: 0; width: 100%; height: auto; }
.infor-wr { padding: 14px 20px 23px 20px; position: absolute; left: 0; top: 0; box-sizing: border-box; width: 100%; }
.infor-t { position: relative; margin-bottom: 32px; }
.infor-t h3 { color: #fff; font-size: 16px; line-height: normal; }
.infor-t small { display: block; color: #fff; margin-top: 2px; font-size: 12px; font-family: Arial; line-height: normal; }
.infor-t a { display: inline-block; color: #fff; line-height: normal; font-size: 12px; font-family: Arial; position: absolute; right: 8px; bottom: 0; }
.infor-t a:before { content: ""; width: 100%; height: 1px; background: #fff; position: absolute; left: 0; bottom: 0; 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); }
.infor-t a:hover:before { transform: scaleX(1); -webkit-transform: scaleX(1); -moz-transform: scaleX(1); transform-origin: 0; -webkit-transform-origin: 0; }
.informate-list li { border-bottom: 1px dashed rgba(255,255,255,0.3); border-bottom: 1px dashed #fff\9; }
.informate-list li span { display: block; float: left; max-width: 70.7%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; line-height: 25px; text-indent: 2px; color: #fff; font-size: 12px; transition: 320ms; }
.informate-list li time { display: block; float: right; color: #fff; font-family: Arial; line-height: 25px; transition: 320ms; }
.informate-list li:hover span, .informate-list li:hover time { color: #f3f0f0; }
.home .footer-box { position: absolute; left: 0; bottom: 0; background: rgba(0,0,0,0.7); background: #000\9; filter: alpha(opacity=70); }
.home .footer-box .footer { width: 92%; }
.footer-box { position: relative; text-align: center; background: #494949; width: 100%; }
.footer { width: 1173px; margin: auto; }
.copyright { float: left; }
.copyright p, .copyright a { display: inline-block; float: left; color: #ffffff; line-height: 48px; }
.copyright a { margin-left: 20px; position: relative;  float: right; display: inline-block;}
.copyright a:hover { color: #939191; }
.fllow { float: right; }
.fllow span { display: inline-block; float: left; line-height: 48px; color: #ffffff; text-transform: uppercase; }
.fllow-list { float: left; margin-top: 14px; margin-left: 4px; }
.fllow-list li:first-child { margin-left: 0; }
.fllow-list li { float: left; margin-left: 14px; }
.fllow-list li a { display: inline-block; width: 22px; height: 22px; }
.fllow-list li:nth-child(1) a { background: url(../img/qq.png) center no-repeat; }
.fllow-list li:nth-child(3) a { background: url(../img/weix.png) center no-repeat; }
.fllow-list li:nth-child(2) a { background: url(../img/weix.png) center no-repeat; }
.fllow-list li:nth-child(3) a:hover { background: url(../img/weib1.png) center no-repeat; }
.fllow-list li:nth-child(1) a:hover { background: url(../img/qq1.png) center no-repeat; }
.fllow-list li:nth-child(2) a:hover { background: url(../img/weix1.png) center no-repeat; }
.menu-box { background: #fff; position: fixed; width: 100%; left: 0; top: 0; z-index: 99; display: none; }
.mtop { display: none; }
.mlogo { float: left; z-index: 10; line-height: 0; position: relative; margin-top: 4px; left: 1%; }
.mlogo img { max-height: 47px; line-height: 0; }
.mlogo.show img { opacity: 0; visibility: hidden; }
.mlogo.show img:nth-child(2) { opacity: 1; visibility: visible; }
.mlogo img:nth-child(2) { position: absolute; left: 0; top: 0; opacity: 0; visibility: hidden; transition: 340ms; }
.menuBtn { float: right; width: 57px; height: 56px; position: relative; cursor: pointer; z-index: 100; background: #007cc2; }
.menuBtn .burger { display: block; width: 26px; height: 3px; position: absolute; left: 16px; background: #fff; transition: transform-origin: center;
-webkit-transform-origin: center; -moz-transform-origin: center; -o-transform-origin: center; -ms-transform-origin: center; transition: transform 277ms ease-in-out; -o-transition: 277ms ease-in-out; -ms-transition: 277ms ease-in-out; -moz-transition: 277ms ease-in-out; }
.menuBtn .burger-1 { top: 21px; }
.menuBtn .burger-2 { top: 27px; width: 8px; }
.menuBtn .burger-3 { top: 33px; width: 13px; }
.menuBtn.active .burger-1 { top: 28px; -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); }
.menuBtn.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; background: #fff; }
.menuBtn.active .burger-3 { width: 26px; top: 28px; -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }
.menu { position: fixed; width: 100%; height: 100%; left: 0; top: 0; background: #2bb7aa; display: none;z-index:99 }
.menu-list { position: relative; margin: auto; margin-top: 15%; width: 90%; }
.menu-list li { position: relative; }
.menu-list li:before { content: ""; width: 100%; height: 1px; position: absolute; left: 0; bottom: 0; -webkit-animation-duration: 0.7s; animation-duration: 0.7s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: ReturnToNormal; animation-name: ReturnToNormal; }
.menu-list li:nth-child(1) { border-top: none; }
.menu-list li a { display: block; line-height: 53px; color: #fff; font-size: 17px; text-align: center; }
.fllow-us { margin-top: 90px; text-align: center; }
.fllow-us span { display: block; text-align: center; color: #ffffff; margin-bottom: 10px; }
.fllow-us .fllow-list { margin: auto; float: none; display: inline-block; }
.fllow-us .fllow-list li { transition: 320ms ease-in-out; }
.fllow-us .fllow-list li:hover { transform: translateY(-4px); -webkit-transform: translateY(-4px); -moz-transform: translateY(-4px); }
.fllow-us .fllow-list li:nth-child(3) a:hover { background: url(../img/weib.png) center no-repeat; }
.fllow-us .fllow-list li:nth-child(1) a:hover { background: url(../img/qq.png) center no-repeat; }
.fllow-us .fllow-list li:nth-child(2) a:hover { background: url(../img/weix.png) center no-repeat; }
.popUpblack { background: #000\9; filter: alpha(opacity=80); background: rgba(0,0,0,0.8); width: 100%; height: 100%; position: fixed; left: 0px; top: 0px; z-index: 1010; display: none; }
.popUp { width: 220px; height: 242px; border: 2px solid #2bb7aa; background: #fff; position: fixed; left: 50%; top: 50%; margin: -87px 0 0 -115px; z-index: 1004; }
.popUp .t { padding: 0 0 0 10px; height: 26px; line-height: 26px; color: #666; font-weight: bold; border-bottom: 1px solid #e8e8e8; background: #f2f2f2; }
.popUp .t .close { padding: 0 10px 0 0; float: right; cursor: pointer; color: #666; font-weight: normal; }
.popUp .img { padding: 20px; }
.popUp .img img { width: 100%; height: 100%; display: block; }
 @-webkit-keyframes ReturnToNormal {
0% {
 -webkit-transform: scale(0.1, 1);
 -ms-transform: scale(0.1, 1);
 transform: translate: scale(0.1, 1);
}
 100% {
 -webkit-transform: scaleX(1, 1);
 -ms-transform: scale(1, 1);
 transform: translate: scaleX(1, 1);
}
}
 @keyframes ReturnToNormal {
0% {
 -webkit-transform: scale(0.1, 1);
 -ms-transform: scale(0.1, 1);
 transform: translate: scale(0.1, 1);
}
 100% {
 -webkit-transform: scaleX(1, 1);
 -ms-transform: scale(1, 1);
 transform: translate: scaleX(1, 1);
}
}
.header-box { padding: 20px 0; background: #2bb7aa; }
.logo { float: left; margin-top: 5px; overflow: hidden; }
.logo a { display: block; line-height: 0; }
.logo img { display: block; line-height: 0;width:270px;}
.nav { float: right; }
.nav li { float: left; }
.nav li a {
    display: inline-block;
    padding-top: 48px;
    height: 19px;
    line-height: 1;
    width: 99px;
    position: relative;
    text-align: center;
    color: #fff;
    font-size: 14px;
    line-height: 18px;
}
.nav li a:before { content: ""; width: 25px; height: 23px; position: absolute; left: 50%; margin-left: -12px; top: 8px; }
.nav li:nth-child(1) a:before { background: url(../img/nav0.png) center no-repeat;background-size: contain;}
.nav li:nth-child(2) a:before { background: url(../img/nav1.png) center no-repeat;background-size: contain; }
.nav li:nth-child(3) a:before { background: url(../img/nav8.png) center no-repeat;background-size: contain;}
.nav li:nth-child(4) a:before { background: url(../img/nav2.png) center no-repeat;background-size: contain;}
.nav li:nth-child(5) a:before { background: url(../img/nav3.png) center no-repeat;background-size: contain; }
.nav li:nth-child(6) a:before { background: url(../img/nav4.png) center no-repeat;background-size: contain; }
.nav li:nth-child(7) a:before { background: url(../img/nav5.png) center no-repeat;background-size: contain; }
.nav li:nth-child(8) a:before { background: url(../img/nav6.png) center no-repeat;background-size: contain; }
.nav li:nth-child(9) a:before { background: url(../img/nav7.png) center no-repeat;background-size: contain; }
.nav li a:after { content: ""; width: 58px; height: 2px; background: #fff; position: absolute; left: 20px; bottom: 1px; 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); }
.nav li:hover a:after, .nav li.now a:after { transform: scaleX(1); -webkit-transform: scaleX(1); -moz-transform: scaleX(1); transform-origin: 0; -webkit-transform-origin: 0; }
.content-bg {  background: #f4f4f4; }
.position { padding: 14px 0; }
.position span, .position a, .position b { display: inline-block; float: left; color: #9a9a9a; line-height: 1; }
.position span { margin-right: 4px; }
.position b { display: block; width: 3px; height: 5px; background: url(../img/arrow1.png) center no-repeat; margin-top: 4px; margin-left: 5px; margin-right: 6px; }
.position a:hover { color: #2bb7aa; }
.pbanner { position: relative; overflow: hidden; }
.pbanner img { display: block; width: 100%; height: auto; line-height: 0; }
.leval-menu { background: #2bb7aa; }
.leval-list li { float: left; position: relative; margin-right: 3px; }
.leval-list li:before { content: ""; width: 100%; height: 100%; background: #0473b3; position: absolute; left: 0; bottom: 0; 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); }
.leval-list li a { display: inline-block; padding: 12px 13px; line-height: 1; color: #fff; font-size: 14px; position: relative; }
.leval-list li a:before { content: ""; width: 5px; height: 3px; background: url(../img/arrow2.png) center no-repeat; position: absolute; left: 50%; margin-left: -2px; bottom: 0; opacity: 0; visibility: hidden; transition: 240ms 0ms; }
.leval-list li:hover:before, .leval-list li.now:before, .leval-list li.active:before { transform: scaleX(1); -webkit-transform: scaleX(1); -moz-transform: scaleX(1); transform-origin: 0; -webkit-transform-origin: 0; }
.leval-list li:hover a:before, .leval-list li.now a:before, .leval-list li.active a:before { opacity: 1; visibility: visible; transition: 280ms 130ms; }
.into-our { padding: 30px 0px 30px; background: #fff; border: 1px solid #e9e9e9; }
.into-our img { max-width: 100% }
.into-content { padding: 0 32px; }
.intro { margin-bottom: 50px; }
.intro h2 { color: #121212; font-size: 30px; font-weight: normal; line-height: normal; }
.intro small { display: block; color: #c9c9c9; font-size: 18px; font-family: Arial; line-height: normal; text-transform: uppercase; margin-top: 3px; }
.into-view strong { display: block; color: #2bb7aa; font-size: 18px; line-height: 2; }
.into-view p { color: #000000; font-size: 16px; line-height: 2; }
.into-img { width: 31%; float: left; overflow: hidden; margin: 0 1% }
.into-img figure { display: block; overflow: hidden; }
.into-img img { display: block; width: 100%; height: auto; line-height: 0; transition: 586ms; }
.into-img img:hover { transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); }
.into-img span, .imgname { display: block; text-align: center; color: #121212; font-size: 20px; }
.into-vide { width: 37%; float: left; }
.into-two { width: 34%; }
.into-wr { padding: 0 5px; }
.jwlogo { display: none !important; }
video-hidden { position: relative; width: 100%; overflow: hidden; cursor: pointer; }
.video-hidden >span { display: block; width: 65px; height: 65px; position: absolute; left: 50%; top: 50%; margin-left: -32px; margin-top: -32px; background: url(../img/video.png) center no-repeat; background-size: cover !important; z-index: 10; }
.video-hidden img { display: block; width: 100%; height: auto; transition: 500ms; }
.ivideo { cursor: pointer; width: 100%; height: 100%; position: absolute; left: 0; top: 0; }
.videos:hover .video-hidden img { transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); }
#vbBox { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 10; }
.viders { position: relative; overflow: hidden; }
.video-hidden .video-img { width: 100%; height: auto; }
.ivideo { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.5); background: #000\9; filter: alpha(opacity=50); }
#vbBox { width: 100%; height: 100%; position: absolute; left: 0; top: 0; }
.iphone-fix { width: 100%; background: #2bb7aa; display: none; position: relative; z-index: 30; }
.iphone-fix span { color: #fff; display: block; text-align: center; font-size: 14px; height: 40px; line-height: 40px; cursor: pointer; }
.iphone-fix span b { display: inline-block; margin-left: 5px; width: 11px; height: 6px; background: url(../img/down3.png) center bottom no-repeat; }
.iphone-down { width: 100%; position: absolute; left: 0; display: none; top: 40px; background: rgba(0,124,195,0.7); }
.iphone-down a { display: block; font-size: 14px; text-align: center; height: 42px; line-height: 42px; color: #666; position: relative; overflow: hidden; border: none !important; }
.iphone-down a:hover, .iphone-down a.on { background: rgba(26,173,169,0.7); }
.iphone-down a:after { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; z-index: 1; background-color: #a9a9a9; -webkit-animation-duration: 0.7s; animation-duration: 0.7s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: ReturnToNormal; animation-name: ReturnToNormal; }
.common-wr { padding: 0 30px; }
.photo { position: relative; width: 30.4%; float: left; }
.photo img { display: block; width: 100%; height: auto; line-height: 0; }
.photo mark { display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: rgba(0,124,195,0.76); background: #2bb7aa\9; filter: alpha(opacity=76); }
.photo mark span { display: block; color: #ffffff; font-size: 42px; font-family: Arial; position: absolute; left: 50%; margin-left: -75px; top: 50%; margin-top: -80px; opacity: 0.53; filter: alpha(opacity=53); }
.industrys { width: 64%; float: right; }
.industry-t { margin-bottom: 74px; padding-bottom: 22px; position: relative; }
.industry-t h2 { color: #121212; font-size: 30px; font-weight: normal; line-height: normal; margin-bottom: 12px; }
.industry-t small { display: block; color: #c9c9c9; line-height: 1.6; font-size: 18px; font-family: Arial; text-transform: uppercase; display: block; }
.industry-t:before { content: ""; width: 82px; height: 2px; background: #2bb7aa; position: absolute; left: 0; bottom: 0; }
.industr p { color: #545454; font-size: 14px; line-height: 2; }
.messageimg { text-align: right; margin-top: 60px; margin-bottom: 70px; }
.messageimg img { display: inline-block; }
.frame { padding-bottom: 110px; text-align: center; }
.frame img { max-width: 100%; display: inline; height: auto; margin: auto; line-height: 0; }
.value-info { margin-bottom: 10px; background: #f4f4f4; position: relative; }
.value-info:before { content: ""; width: 100%; height: 0; position: absolute; left: 0; bottom: 0; opacity: 0; transition: 240ms ease-in-out; }
.value-info:hover:before { height: 4px; opacity: 1; }
.values h3 { margin-bottom: 60px; color: #121212; font-size: 26px; text-align: center; font-weight: normal; }
.value-left { width: 16%; float: left; position: absolute; left: 0; top: 0; height: 100%; }
.value-left h4 { color: #ffffff; font-size: 16px; font-weight: normal; }
.value-wr { position: absolute; left: 20px; top: 50%; margin-top: -14px; }
.value-left small { display: block; color: #ffffff; font-size: 16px; font-family: Arial; }
.value-right { width: 84%; float: right; }
.valie-f { padding: 20px 24px; min-height: 86px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; box-align: center; -webkit-box-align: center; align-items: center; -webkit-align-items: center; }
.valie-f p { color: #121212; font-size: 14px; }
.value-info:nth-child(1) .value-left, .value-info:nth-child(1):before { background: #2bb7aa; }
.value-info:nth-child(2) .value-left, .value-info:nth-child(2):before { background: #3768d3; }
.value-info:nth-child(3) .value-left, .value-info:nth-child(3):before { background: #39bcd2; }
.value-info:nth-child(4) .value-left, .value-info:nth-child(4):before { background: #5c97f9; }
.cement { padding-bottom: 66px; }
.cement h2 { color: #2bb7aa; font-size: 26px; font-weight: normal; margin-bottom: 20px; }
.cement h2 small { display: inline-block; font-size: 20px; margin-left: 6px; text-transform: uppercase; font-family: Arial; }
.cement p { color: #5b5b5b; font-size: 14px; margin-bottom: 40px; }
.cement img { display: inline; max-width: 100% !important; height: auto !important; }
.varieties-t span { display: block; width: 50%; float: left; line-height: 74px; color: #fff; font-size: 24px; text-align: center; }
.vartable { width: 100%; }
.varieties-t span:nth-child(1) { background: #3768d3; }
.varieties-t span:nth-child(2) { background: #39bcd2; }
.vartable { border: 1px solid #e5e5e5; }
.vartable tr { border-bottom: 1px solid #e5e5e5; }
.varinfo { width: 50%; float: left; position: relative; }
.vartable tr td { width: 50%; height: 62px; position: relative; }
.vartable tr td span { color: #626262; display: block; font-size: 14px; font-family: Arial; padding: 8px 12px 8px 12px; font-family: 微软雅黑; line-height: 1.6; }
.vartable tr td:nth-child(1):before { content: ""; width: 1px; height: 100%; background: #cecece; position: absolute; right: 0; top: 0; }
.vartable tr td span { width: 340px; }
.special { margin-top: 38px; }
.specialt { width: 100%; border: 1px solid #e5e5e5; }
.special h3 { color: #ffffff; font-size: 24px; text-align: center; line-height: 74px; font-weight: normal; background: #5c97f9; }
.specialt tr { border-bottom: 1px solid #e5e5e5; }
.specialt tr td { height: 62px; position: relative; position: relative; }
.specialt tr td:nth-child(1) { width: 19%; }
.specialt tr td:nth-child(1):before { content: ""; width: 1px; height: 100%; background: #cecece; position: absolute; right: 0; top: 0; }
.specialt tr td:nth-child(2) { width: 81%; }
.specialt tr td span { display: block; padding-left: 30px; color: #626262; font-size: 14px; }
.specialt tr td:nth-child(2) span { padding-left: 46px; }
.product-list { margin-top: 38px; }
.iinfoimg { width: 49%; float: left; border: 1px solid #ebebeb; margin-bottom: 28px; }
.iinfoimg:nth-child(2n+2) { float: right; }
.iinfoimg img { display: block; width: 100%; height: auto; line-height: 0; }
.product { margin-bottom: 6px; }
.product li { width: 23%; float: left; margin-right: 2%;     margin: 10px; position: relative; }
.product li:nth-child(4n+4) { margin-right: 0; }
.product li figure { display: block; line-height: normal; overflow: hidden; position: relative; }
.product li figure:before { content: ""; z-index: 5; height: 3px; background: #2bb7aa; position: absolute; left: 0; top: 0; width: 0; transition: 320ms 0ms ease-in-out; }
.product li figure:after { content: ""; z-index: 5; width: 3px; background: #2bb7aa; position: absolute; right: 0; top: 0; height: 0; transition: 320ms 0ms ease-in-out; }
.product li figure i:before { content: ""; z-index: 5; height: 3px; background: #2bb7aa; position: absolute; right: 0; bottom: 0; width: 0; transition: 320ms 0ms ease-in-out; }
.product li figure i:after { content: ""; z-index: 5; width: 3px; background: #2bb7aa; position: absolute; left: 0; bottom: 0; height: 0; transition: 320ms 0ms ease-in-out; }
.product li figure mark { display: block; width: 100%; height: 100%; background: rgba(0,0,0,0.5); background: #000\9; filter: alpha(opacity=50); position: absolute; left: 0; top: 0; opacity: 0; visibility: hidden; transform: scale(0.9); -webkit-transform: scale(0.9); -moz-transform: scale(0.9); transition: 380ms 0ms ease-in-out; z-index: 4; }
.product li figure img { display: block; line-height: 0; width: 99%; height: auto; transition: 560ms;     border: 1px solid #ddd;}
.product li figure b { display: block; width: 27px; height: 27px; background: url(../img/enlarge.png) center no-repeat; position: absolute; left: 50%; top: 50%; margin-left: -13px; margin-top: -13px; }
.product li span { display: block; line-height: 40px; background: #fff; color: #5d5d5d; font-size: 14px; text-align: center; position: relative; transition: 340ms ease-in-out; }
.product li span:before { content: ""; width: 100%; height: 4px; background: #f4f4f4; position: absolute; left: 0; bottom: 0; transition: 300ms; }
.product li:hover figure img { transform: scale(1.05); -webkit-transform: scale(1.05); -moz-transform: scale(1.05); }
.product li:hover figure:before { width: 100%; transition: 420ms 0ms ease-in-out; }
.product li:hover figure:after { height: 100%; transition: 420ms 280ms ease-in-out; }
.product li:hover figure i:before { width: 100%; transition: 420ms 0ms ease-in-out; }
.product li:hover figure i:after { height: 100%; transition: 420ms 280ms ease-in-out; }
.product li:hover figure mark { opacity: 1; visibility: visible; transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); }
.product li:hover span { background: #2bb7aa; color: #fff; }
.product li:hover span:before { opacity: 0; visibility: hidden; }
.pagelist { text-align: center; margin-top: 30px;}
.pages { display: inline-block; margin: auto; }
.pages a { display: inline-block; float: left; background: #f4f4f4; text-align: center; height: 30px; line-height: 30px; color: #7b7b7b; }
.pages a.pprev { width: 45px; }
.pages a.homes { margin-right: 8px; }
.pages a.last { margin-left: 8px; }
.pages a:hover { color: #fff; background: #2bb7aa; }
.pages a.prpage { width: 25px; }
.pages a.pre { margin-right: 8px; }
.pages a.nex { margin-left: 8px; }
.pages a.nuble { width: 30px; margin-right: 1px; }
.pages a.act, .pages a.active { color: #fff; background: #2bb7aa; }
.channel-img { text-align: center; }
.channel-img img { display: inline-block; margin: auto; max-width: 100%; height: auto; }
.channer-table { padding-bottom: 30px; overflow: hidden; }
.channer { margin-top: 50px; }
.channer h3 { margin-bottom: 30px; text-align: center; color: #1d1d1d; font-size: 30px; line-height: normal; font-weight: normal; }
.chatable { border: 1px solid #e5e5e5; width: 1055px; padding-right: 10px; position: relative; z-index: 5; }
.chatable thead tr { background: #5c97f9; }
.chatable thead tr th { height: 74px; line-height: 74px; border-right: 1px solid #e5e5e5; color: #ffffff; font-size: 16px; font-weight: normal; }
.chatable thead tr th:nth-child(1) { width: 53px; }
.chatable thead tr th:nth-child(2) { width: 101px; }
.chatable thead tr th:nth-child(3) { width: 88px; }
.chatable thead tr th:nth-child(4) { width: 137px; }
.chatable thead tr th:nth-child(5) { width: 440px; }
.chatable thead tr th:nth-child(6) { width: 248px; }
.chatable thead tr th:nth-child(7) { width: 248px; }
.chatable tbody tr { border-bottom: 1px solid #e5e5e5; }
.chatable tbody tr td { border-right: 1px solid #e5e5e5; }
.chatable tbody tr td span { display: block; color: #626262; line-height: 1.4; font-size: 14px; text-align: center; }
.chatable tbody tr td:nth-child(5), .chatable tbody tr td:nth-child(6) { padding: 12px 0; }
.chatable tbody tr td:nth-child(5) span { text-align: left; padding: 0 26px; }
.chatable tbody tr td:nth-child(6) span { padding: 0 12px; text-align: left; }
.channer-table .nicescroll-rails-hr { display: block !important; }
.reponsible { padding-bottom: 40px; }
.reponsible li { width: 49%; float: left; position: relative; margin-bottom: 20px; }
.reponsible li:nth-child(2n+2) { float: right; }
.reponsible li figure { display: block; line-height: normal; position: relative; overflow: hidden; }
.reponsible li figure img { display: block; width: 100%; height: auto; line-height: 0; transition: 650ms; }
.reponsible li figure mark { display: block; width: 200%; height: 200%; background: rgba(0,124,195,0.5); border-radius: 50%; position: absolute; right: 100%; top: 100%; transition: 488ms ease-in-out; }
.reponsible li:hover figure mark { right: -50%; top: -50%; }
.reponsible li figure b { display: block; width: 27px; height: 27px; background: url(../img/enlarge.png) center no-repeat; position: absolute; left: 50%; top: 50%; margin-left: -13px; margin-top: -13px; visibility: hidden; transform: scale(0.5); -webkit-transform: scale(0.5); -moz-transform: scale(0.5); opacity: 0; transition: 320ms 0ms; }
.reponsible li:hover figure img { transform: scale(1.07); -webkit-transform: scale(1.07); -moz-transform: scale(1.07); }
.reponsible li:hover figure b { visibility: visible; opacity: 1; transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); transition: 320ms 150ms; }
.repons { background: #f4f4f4; position: relative; transition: 340ms; }
.repons span { display: block; line-height: 90px; color: #5b5b5b; text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding-right: 65px; transition: 310ms; font-size: 14px; padding-left: 32px; }
.repons:before { content: ""; width: 55px; height: 100%; background: #2faaf0 url(../img/arrow.png) center no-repeat; position: absolute; right: 20px; top: 0; opacity: 0; visibility: hidden; transition: 340ms 0ms; }
.reponsible li:hover .repons { background: #2bb7aa; }
.reponsible li:hover .repons span { color: #fff; }
.reponsible li:hover .repons:before { opacity: 1; right: 0; visibility: visible; transition: 340ms 200ms; }
.news { padding-bottom: 40px; border: 1px solid #e9e9e9; background: #fff; }
.new-padding { margin: 0 48px; padding-bottom: 52px; border-bottom: 3px solid #cce5f3; }
.new-info { position: relative; }
.new-info figure { display: block; float: left; width: 32%; overflow: hidden; position: relative; line-height: normal; margin-left: 20px; }
.new-info figure img { display: block; width: 100%; height: auto; line-height: 0; transition: 430ms; }
.new-text { width: 59%; position: absolute; right: 20px; top: 0; height: 100%; }
.new-text h3 { color: #252525; display: block; font-size: 20px; font-weight: normal; line-height: normal; margin-bottom: 6px; margin-top: -3px; transition: 310ms; }
.new-text time { color: #969696; display: block; line-height: 1; }
.new-text time i { display: inline-block; font-style: normal; color: #2bb7aa; }
.new-text p { color: #727272; font-size: 14px; margin-top: 20px; }
.defaul { position: absolute; left: 0; bottom: 0; width: 106px; height: 28px; border: 2px solid #2bb7aa; }
.defaul:before { content: ""; width: 100%; height: 100%; background: #2bb7aa; position: absolute; left: 0; top: 0; transition: 320ms ease-in-out; }
.defaul span { display: block; text-align: center; line-height: 28px; color: #ffffff; position: relative; transition: 310ms; }
.new-info:hover figure img { transform: scale(1.08); -webkit-transform: scale(1.08); -moz-transform: scale(1.08); }
.new-info:hover .new-text h3 { color: #2bb7aa; }
.new-info:hover .defaul:before { opacity: 0; visibility: hidden; transform: scale(0); -webkit-transform: scale(0); -moz-transform: scale(0); }
.new-info:hover .defaul span { color: #2bb7aa; }
.new-list { margin-top: 40px; margin-bottom: 40px; }
.new-list li { position: relative; padding: 0 48px; position: relative; }
.new-list li:before { content: ""; width: 100%; height: 100%; background: #2bb7aa; position: absolute; left: 0; top: 0; opacity: 0; visibility: hidden; transform: scaleY(0); -webkit-transform: scaleY(0); -moz-transform: scaleY(0); transform-origin: center; transition: 300ms ease-in-out; }
.new-wr { position: relative; }
.new-wr span { display: inline-block; float: left; max-width: 80%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color: #727272; font-size: 14px; line-height: 40px; }
.new-wr:before { content: ""; width: 100%; height: 1px; background: #e5e5e5; position: absolute; left: 0; bottom: 0; visibility: visible; transition: 240ms; }
.new-wr time { float: right; display: block; line-height: 40px; color: #969696; transition: 300ms ease-in-out; }
.new-wr time i { display: inline-block; font-style: normal; color: #2bb7aa; transition: 300ms ease-in-out; }
.new-list li:hover:before { opacity: 1; visibility: visible; transform: scaleY(1); -webkit-transform: scaleY(1); -moz-transform: scaleY(1); }
.new-list li:hover span, .new-list li:hover time, .new-list li:hover time i { color: #fff; }
.new-list li:hover .new-wr:before { opacity: 0; visibility: hidden; }
.new-list li:hover span { padding-left: 24px; background: url(../img/more.png) 3px center no-repeat; }
.new-t { padding-bottom: 20px; border-bottom: 3px solid #cce5f3; text-align: center; }
.new-t h3 { text-align: center; color: #252525; font-size: 20px; font-weight: normal; }
.new-t h3 + p{line-height:36px}
.new-t time { display: block; color: #969696; }
.new-t time i { display: inline-block; font-style: normal; color: #2bb7aa; }
.new-fix { padding: 45px 0 16px 10px;}
.new-fix img { display: inline; margin: auto; max-width: 100%; }/*margin-bottom:58px;*/
.new-fix p { color: #000000; font-size: 16px; line-height: 2; text-align: left; }

.new-view .reltitle{
font-size: 20px;
    border-bottom: 1px solid #ddd;
    padding-bottom: 15px;
}
.new-view .reltitle + .new-list{
      margin-top: 18px;
    margin-bottom: 18px;
}
.share-list { margin-top: 80px; }
.share-list span { display: inline-block; float: left; padding-right: 28px; color: #a5a5a5; font-family: Arial; line-height: 16px; background: url(../img/share.png) right center no-repeat; }
.share-list .jiathis_style { float: left; margin-left: 16px; }
.share-list .jiathis_style a { display: inline-block; margin-right: 6px; float: left; }
.nextpage { padding-top: 10px;     margin: 16px 0;border-top: 1px solid #dcdcdc;}
.page-left {  margin-left: 10px; }
.page-left a { display: block; color: #000000; font-size: 14px; line-height: 2;    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; }
.page-left a:hover { color: #2bb7aa; }
.backlist { float: right; margin-top: 5px; position: relative; width: 106px; height: 28px; border: 2px solid #2bb7aa; }
.backlist:before { content: ""; width: 100%; height: 100%; background: #2bb7aa; position: absolute; left: 0; top: 0; transition: 320ms ease-in-out; }
.backlist a { display: block; text-align: center; line-height: 28px; color: #ffffff; position: relative; transition: 310ms; }
.backlist:hover:before { opacity: 0; visibility: hidden; transform: scale(0); -webkit-transform: scale(0); -moz-transform: scale(0); }
.backlist:hover a { color: #2bb7aa; }
.map { height: 300px; }
.anchorBL { display: none !important; }
.cooper { padding: 70px 0 50px; }
.cooper-left { float: left; margin-left: 30px; }
.cooper-left h3 { color: #2bb7aa; font-size: 24px; line-height: normal; font-weight: normal; margin-bottom: 20px; }
.cooper-left span { display: block; color: #727272; font-size: 18px; line-height: 2; padding-left: 30px; }
.cooper-left span.addre { background: url(../img/add1.png) left center no-repeat; }
.cooper-left span.tel { background: url(../img/tel.png) left center no-repeat; }
.cooper-left span.emain { background: url(../img/emain.png) left center no-repeat; }
.mailbox { float: right; width: 560px; }
.mailbox h3 { display: block; color: #2bb7aa; font-size: 24px; font-weight: normal; line-height: normal; }
.mainbox-info { padding-top: 30px; padding-bottom: 30px; width: 258px; border-right: 1px solid #e3e3e3; border-bottom: 1px solid #e3e3e3; padding-left: 18px; float: left; position: relative; }
.mainbox-info a { display: block; color: #727272; font-size: 14px; line-height: 20px; padding-left: 36px; background: url(../img/em.png) left 4px no-repeat; }
.mainbox-info a b { display: block; font-weight: normal; }
.mainbox-info:nth-child(2n+2) { border-right: none; }
.mainbox-info:hover a { color: #2bb7aa; font-size: 14px; text-decoration: underline; background: url(../img/em1.png) left 4px no-repeat; }
.mainbox-info1 { border-bottom: none; padding-top: 25px; height: 68px; }
.mainbox-info:before { content: ""; width: 7px; height: 14px; background: url(../img/arrow3.png) center no-repeat; right: 40px; top: 36px; position: absolute; opacity: 0; visibility: hidden; transition: 260ms; }
.mainbox-info1:before { top: 30px; }
.mainbox-info:hover:before { right: 20px; opacity: 1; visibility: visible; }
.contact { background: #ffffff; border: 1px solid #e9e9e9; padding: 46px 46px 30px; }
.contact h2 { color: #2bb7aa; margin-left: 16px; font-size: 24px; font-weight: normal; line-height: normal; margin-bottom: 40px; }
.contact-info { width: 32%; margin-right: 2%; float: left; margin-bottom: 46px; position: relative; }
.contact-info:nth-child(3n+3) { margin-right: 0; }
.contact-wr { position: relative; padding: 26px 13px 0; height: 116px; }
.contact-wr:before { content: ""; width: 92%; height: 5px; transition: 300ms; visibility: visible; background: #f4f4f4; position: absolute; left: 4%; bottom: 0; }
.contact-wr h3 { color: #727272; font-size: 16px; font-weight: normal; line-height: normal; margin-bottom: 6px; transition: 300ms; }
.contact-wr p { color: #727272; font-size: 14px; margin-bottom: 6px; transition: 300ms; }
.contact-info:before { content: ""; width: 0%; height: 100%; background: #2bb7aa; position: absolute; left: 50%; top: 0; visibility: hidden; transition: 320ms ease-in-out; }
.contact-info:hover:before { width: 100%; left: 0; visibility: visible; }
.contact-info:hover h3, .contact-info:hover p { color: #fff; }
.contact-info:hover .contact-wr:before { visibility: hidden; opacity: 0; }
.esheng.article-block .ebanner { opacity: 0; visibility: hidden; transform: translateY(88px); -webkit-transform: translateY(88px); -moz-transform: translateY(88px); transition: 780ms 430ms; }
.esheng.articleShow .ebanner { opacity: 1; visibility: visible; transform: translateY(0); -webkit-transform: translateY(0); -moz-transform: translateY(0); }
.esheng.article-block .egroup .ilogo { opacity: 0; transform: translateY(56px); -webkit-transform: translateY(56px); -moz-transform: translateY(56px); transition: 560ms 0ms; }
.esheng.articleShow .egroup .ilogo { opacity: 1; transform: translateY(0); -webkit-transform: translateY(0); -moz-transform: translateY(0); }
.esheng.article-block .cblock, .esheng.article-block .informate { opacity: 0; visibility: hidden; transform: translateY(56px); -webkit-transform: translateY(56px); -moz-transform: translateY(56px); }
.esheng.articleShow .cblock, .esheng.articleShow .informate { opacity: 1; visibility: visible; transform: translate(0); -webkit-transform: translate(0); -moz-transform: translate(0); }
.esheng.article-block .egroup .cblock { transition: 560ms 220ms; }
.esheng.article-block .producta, .esheng.article-block .plate-tab { transform: translateX(76px); -webkit-transform: translateX(76px); -moz-transform: translateX(76px); opacity: 0; visibility: hidden; transition: 640ms 650ms; }
.esheng.article-block .plate-tab { transform: translateY(56px); -webkit-transform: translateY(56px); -moz-transform: translateY(56px); }
.esheng.articleShow .producta, .esheng.articleShow .plate-tab { opacity: 1; visibility: visible; transform: translate(0); -webkit-transform: translate(0); -moz-transform: translate(0); }
.esheng.articleShow .plate-tab { transition: 644ms 880ms; }
.esheng.article-block .chan .cblock, .esheng.article-block .relative .cblock, .esheng.article-block .duty .cblock { transform: translateX(55px); -webkit-transform: translateX(55px); -moz-transform: translateX(55px); }
.esheng.article-block .duty .cblock, .esheng.article-block .sociology .cblock { transform: translateY(55px); -webkit-transform: translateY(55px); -moz-transform: translateY(55px); }
.esheng.articleShow .chan .cblock, .esheng.articleShow .relative .cblock, .esheng.articleShow .duty .cblock, .esheng.articleShow .sociology .cblock { transform: translate(0); -webkit-transform: translate(0); -moz-transform: translate(0); }
.esheng.article-block .chan .cblock { transition: 560ms 880ms; }
.esheng.article-block .relative .cblock { transition: 560ms 1080ms; }
.esheng.article-block .duty .cblock { transition: 540ms 1100ms; }
.esheng.article-block .sociology .cblock { transition: 540ms 1340ms; }
.esheng.article-block .informate { transition: 650ms 1530ms; }
/* product  detail  pic  gun */
.picScroll-left { position: relative; }
.picScroll-left .hd .next { background: url("../img/you.png"); width: 50px; height: 50px; display: block; background-size: 100%; position: absolute; top: 0; bottom: 0; right: 10%; overflow: auto; margin: auto; }
.picScroll-left .hd .prev { background: url("../img/zuo.png"); width: 50px; height: 50px; display: block; background-size: 100%; position: absolute; top: 0; bottom: 0; left: 10%; overflow: auto; margin: auto; }
.tempWrap { margin: 0 auto; }
.picScroll-left .bd { padding: 10px; }
.picScroll-left .bd ul { overflow: hidden; zoom: 1; }
.picScroll-left .bd ul li { margin: 0 8px; float: left; _display: inline; overflow: hidden; text-align: center; }
.picScroll-left .bd ul li .pic { text-align: center; }
.picScroll-left .bd ul li .pic img { width: 300px; display: block; padding: 2px; border: 1px solid #ccc; }
.picScroll-left .bd ul li .pic a:hover img { border-color: #999; }
.picScroll-left .bd ul li .title { line-height: 24px; }
/* 单行文字溢出虚点显 示*/
.ell { display: inline-block; white-space: nowrap; word-wrap: normal; word-break: break-all; overflow: hidden; text-overflow: ellipsis; max-width: 100% }
.ellbox { text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical }
.ell2 { -webkit-line-clamp: 2 }
.ell3 { -webkit-line-clamp: 3 }
.ell4 { -webkit-line-clamp: 4 }
.ell5 { -webkit-line-clamp: 5 }
h4.d-title { font-size: 18px; margin-bottom: 10px; padding-bottom: 10px; border-bottom: 2px solid #ddd; color: #2bb7aa; }
.plate-tab1 { position: relative }
.job2 { /*background: #fafafa;*/ }
.jobIntro { width: 970px; margin: 0 auto; text-align: center; }
.joinList li > span { display: block; line-height: 50px; color: #000; border-bottom: 3px solid #e6e6e6; padding-left: 20px; cursor: pointer; position: relative; transition: 400ms; -webkit-transition: 400ms; overflow: hidden; font-size: 16px; }
.joinList li > a span{display: block; line-height: 50px; color: #000; border-bottom: 3px solid #e6e6e6; padding-left: 20px; cursor: pointer; position: relative; transition: 400ms; -webkit-transition: 400ms; overflow: hidden; font-size: 16px;}
.joinList li:first-child { border-top: 3px solid #e6e6e6; }
.jd { background: #fff; padding: 30px 20px 60px 20px; border-bottom: 3px solid #e6e6e6; display: none; font-size: 14px;}
.joinList .add { background: #575757; position: absolute; bottom: 50%; transition: 300ms; -webkit-transition: 300ms; }
.joinList .add_1 { width: 4px; height: 16px; margin-bottom: -8px; right: 25px; }
.joinList .add_2 { width: 16px; height: 4px; margin-bottom: -2px; right: 19px; }
.joinList li:hover >span, .joinList .act >span { color: #fff; background: #006db3; }
.joinList li:hover >a span, .joinList .act >a span { color: #fff; background: #2bb7aa; }
.joinList li:hover .add, .joinList .act .add { background: #fff; }
.joinList .act .add_1 { bottom: 0; margin-bottom: -16px; opacity: 0; display: none\9; }
.onemail { width: 113px; height: 32px; display: block; color: #fff !important; text-align: center; line-height: 32px; position: relative; margin-top: 35px; }
.onemail span { position: absolute; left: 0; right: 0; height: 50%; background: #006db3; display: block; transition: 300ms; -webkit-transition: 300ms; }
.onemail .line1 { top: 0; }
.onemail .line2 { bottom: 0; }
.onemail .txx { position: relative; }
.onemail:hover span { height: 1px; }
.onemail:hover { color: #006db3 !important; }
/*留言组件*/
.message { width: 100%; text-align: center; }
.message * { box-sizing: border-box }
.ctasb .text-center { margin-bottom: 30px }
.message .mess_form { display: inline-block; }
.message .mess_form div { width: 48%; margin: 1%; }
.message .mess_form div img { height: 30px; margin: 9px 0 0 0; }
.message .mess_form div input[type="text"] { width: 100%; margin-bottom: 10px; border: #e4e4e4 solid 1px; border-radius: 5px; height: 49px; float: left; padding: 0 17px; }
.message .mess_form div input[type="date"] { width: 100%; margin-bottom: 10px; border: #e4e4e4 solid 1px; border-radius: 5px; height: 49px; float: left; padding: 0 17px; }
.message .mess_form div select { width: 100%; margin-bottom: 10px; border: #e4e4e4 solid 1px; border-radius: 5px; height: 49px; float: left; padding: 0 17px; }
.message .mess_form div input[type="email"] { width: 80%; margin-bottom: 10px; border: #e4e4e4 solid 1px; border-radius: 5px; height: 49px; float: left; padding: 0 17px; }
.message .mess_form div input[type="tel"] { width: 100%; margin-bottom: 10px; border: #e4e4e4 solid 1px; border-radius: 5px; height: 49px; float: left; padding: 0 17px; }
.message .mess_form div textarea { width: 100%; margin-bottom: 10px; border: #e4e4e4 solid 1px; border-radius: 5px; height: 108px; float: left; padding: 10px 17px; font-family: "微软雅黑" }
.message .mess_form div input[type="button"] { width: 100%; margin-bottom: 10px; text-align: center; cursor: pointer; line-height: 49px; border-radius: 5px; float: left; padding: 0 17px; font-size: 16px; color: #2991ea; border: #2991ea solid 1px; background: #FFF; }