@charset "utf-8";
/* 
 * Project Name:峨胜集团
 * Author:位置
 * Date：2016-10-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; }
::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(../images/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:#007cc3; 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:-50px; top:35px;}
.egroup .cblock{ background:#24c0bc;}
.egroup .cblock a b{ background:url(../images/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 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:14px; 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; max-height:185px; 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:auto; line-height:0; transition:550ms;}
.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.7); background:#000\9; filter:alpha(opacity=70); position:absolute; left:0; bottom:0;}
.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(../images/prev.png) center no-repeat; left:14px;}
.plate-tab .flex-direction-nav li a.flex-next{ background:url(../images/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(../images/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(../images/help.png) center no-repeat;}
.relative{ float:right; width:47.9%;}
.relative .cblock{ background:#39bcd2;}
.relative .cblock b{ background:url(../images/contact.png) center no-repeat;}
.sociology{ float:left; margin-left:8px; width:15.5%;}
.sociology .cblock{ background:#5f54d7;}
.sociology .cblock b{ background:url(../images/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;}
.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(../images/weib.png) center no-repeat;}
.fllow-list li:nth-child(2) a{ background:url(../images/qq.png) center no-repeat;}
.fllow-list li:nth-child(3) a{ background:url(../images/weix.png) center no-repeat;}
.fllow-list li:nth-child(1) a:hover{ background:url(../images/weib1.png) center no-repeat;}
.fllow-list li:nth-child(2) a:hover{ background:url(../images/qq1.png) center no-repeat;}
.fllow-list li:nth-child(3) a:hover{ background:url(../images/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:6px; left:5%;}
.mlogo img{ max-width:100%; 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:#007cc3; display:none;}
.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; background:#4fa5d6; position:absolute; left:0; bottom:0; box-shadow:0px 1px 0px #055f92; -webkit-box-shadow:0px 1px 0px #055f92; -moz-box-shadow:0px 1px 0px #055f92; -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(1) a:hover{ background:url(../images/weib.png) center no-repeat;}
.fllow-us .fllow-list li:nth-child(2) a:hover{ background:url(../images/qq.png) center no-repeat;}
.fllow-us .fllow-list li:nth-child(3) a:hover{ background:url(../images/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 #007cc3; 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:#007cc3;}
.logo{ float:left; margin-top:5px; overflow:hidden;}
.logo a{ display:block; line-height:0;}
.logo img{ display:block; width:149px; height:60px; line-height:0;}
.nav{ float:right; border-left:1px solid #055f92; border-right:1px solid #4fa5d6;}
.nav li{ float:left; border-left:1px solid #4fa5d6; border-right:1px solid #055f92;}
.nav li a{ display:inline-block; padding-top:48px; height:19px; line-height:1; width:108px; position:relative; text-align:center; color:#fff; font-size:14px;}
.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(../images/nav1.png) center no-repeat;}
.nav li:nth-child(2) a:before{ background:url(../images/nav2.png) center no-repeat;}
.nav li:nth-child(3) a:before{ background:url(../images/nav3.png) center no-repeat;}
.nav li:nth-child(4) a:before{ background:url(../images/nav4.png) center no-repeat;}
.nav li:nth-child(5) a:before{ background:url(../images/nav5.png) center no-repeat;}
.nav li:nth-child(6) a:before{ background:url(../images/nav6.png) center no-repeat;}
.nav li a:after{ content:""; width:56px; height:2px; background:#fff; position:absolute; left:26px; bottom:2px; transform-origin:100%; -webkit-transform-origin:100%; -webkit-transition:-webkit-transform .3s cubic-bezier(.4,0,.2,1); transition:-webkit-transform .3s cubic-bezier(.4,0,.2,1); transition:transform .3s cubic-bezier(.4,0,.2,1); transition:transform .3s cubic-bezier(.4,0,.2,1),-webkit-transform .3s cubic-bezier(.4,0,.2,1); transform:scaleX(0); -webkit-transform:scaleX(0);}
.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{ padding-bottom:64px; background:#f4f4f4;}
.position{ padding:14px 0 8px;}
.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(../images/arrow1.png) center no-repeat; margin-top:4px; margin-left:5px; margin-right:6px;}
.position a:hover{ color:#007cc3;}
.pbanner{ position:relative; overflow:hidden;}
.pbanner img{ display:block; width:100%; height:auto; line-height:0;}
.leval-menu{ padding:5px 0 0 5px; background:#24c0bc;}
.leval-list li{ float:left; position:relative; margin-right:3px;}
.leval-list li:before{ content:""; width:100%; height:100%; background:#1aada9; 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:8px 13px 16px; line-height:1; color:#fff; font-size:14px; position:relative;}
.leval-list li a:before{ content:""; width:5px; height:3px; background:url(../images/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{ 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{ opacity:1; visibility:visible; transition:280ms 130ms;}

.into-our{ padding:70px 28px 30px; background:#fff; border:1px solid #e9e9e9;}
.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{ margin-bottom:120px;}
.into-view strong{ display:block; color:#007cc3; font-size:16px; line-height:2;}
.into-view p{ color:#000000; font-size:14px; line-height:2;}
.into-img{ width:48.5%; float:left; margin-bottom: 40px; overflow:hidden;}
.into-img:nth-child(2n+2){ float: right;}
.into-img figure{ position: relative; display:block; overflow:hidden; line-height: 0; height: 0; padding-bottom: 79%;}
.into-img figure .video{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; z-index: 3;}
.into-img figure b{ display: block; width:65px; height:65px; position: absolute; left: 50%; top: 50%; margin-left: -32px; margin-top: -32px; background:url(../images/video.png) center no-repeat; background-size:cover !important; z-index: 10; cursor: pointer;}
.into-img img{ display:block; width:100%; height:auto; line-height:0; transition:586ms;}

.into-img span,.imgname{ display:block; text-align:center; color:#121212; font-size:20px; margin-top:10px;}


.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(../images/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:#24c0bc;  display:none; position:relative; z-index:30;}
.iphone-fix span{ color:#fff; display:block; text-align:center; font-size:14px; height:46px; line-height:46px; cursor:pointer;}
.iphone-fix span b{ display:inline-block; margin-left:5px; width:11px; height:6px; background:url(../images/down3.png) center bottom no-repeat;}
.iphone-down{ width:100%; position:absolute; left:0; display:none; top:46px; background:rgba(0,124,195,0.7);}
.iphone-down a{ display:block; font-size:14px; text-align:center; height:42px; line-height:42px; color:#fff; 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: #015d91; -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:#007cc3\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:#007cc3; 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:#007cc3;}
.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:#007cc3; 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;}
.varieties img{ max-width: 100% !important; height: auto !important;}

.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:30.8%; float:left; margin-right:3.8%; margin-bottom:64px; position:relative;}
.product li:nth-child(3n+3){ 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:#007cc3; 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:#007cc3; 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:#007cc3; 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:#007cc3; 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:100%; height:auto; transition:560ms;}
.product li figure b{ display:block; width:27px; height:27px; background:url(../images/enlarge.png) center no-repeat; position:absolute; left:50%; top:50%; margin-left:-13px; margin-top:-13px;}
.product li span{ display:block; line-height:65px; 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:#007cc3; color:#fff;}
.product li:hover span:before{ opacity:0; visibility:hidden;}

.pagelist{ text-align:center;}
.pages{ display:inline-block; margin:auto;}
.pages a{ display:inline-block; float:left; background:#f4f4f4; text-align:center; height:25px; line-height:25px; 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:#007cc3;}
.pages a.prpage{ width:25px;}
.pages a.pre{ margin-right:8px;}
.pages a.nex{ margin-left:8px;}
.pages a.nuble{ width:32px; margin-right:1px;}
.pages a.act{ color:#fff; background:#007cc3;}

.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 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(../images/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(../images/arrow.png) center no-repeat; position:absolute; right:20px; top:0; opacity:0; visibility:hidden; transition:340ms 0ms;}
.reponsible li:hover .repons{ background:#007cc3;}
.reponsible li:hover .repons span{ color:#fff;}
.reponsible li:hover .repons:before{ opacity:1; right:0; visibility:visible; transition:340ms 200ms;}

.news{ padding:100px 0; 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:#007cc3;}
.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 #007cc3;}
.defaul:before{ content:""; width:100%; height:100%; background:#007cc3; 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:#007cc3;}
.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:#007cc3;}
.new-list{ margin-top:48px; margin-bottom:54px;}
.new-list li{ position:relative; padding:0 48px; position:relative;}
.new-list li:before{ content:""; width:100%; height:100%; background:#007cc3; 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:#007cc3; 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(../images/more.png) 3px center no-repeat;}
.new-t{ padding-bottom:50px; border-bottom:3px solid #cce5f3; text-align:center;}
.new-t h3{ text-align:center; color:#252525; font-size:26px; font-weight:normal;}
.new-t time{ display:block; color:#969696;}
.new-t time i{ display:inline-block; font-style:normal; color:#007cc3;}

.new-fix{padding:45px 0 16px 10px; border-bottom:3px solid #cce5f3;}
.new-fix img{ display:inline; margin:auto; max-width:100%; }/*margin-bottom:58px;*/
.new-fix p{ color:#000000; font-size:14px; line-height:2; text-align:left;}
.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(../images/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;}
.page-left{ float:left; margin-left:10px;}
.page-left a{ display:block; color:#000000; font-size:14px; line-height:2;}
.page-left a:hover{ color:#007cc3;}
.backlist{ float:right; margin-top:5px; position:relative; width:106px; height:28px; border:2px solid #007cc3;}
.backlist:before{ content:""; width:100%; height:100%; background:#007cc3; 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:#007cc3;}

.map{ height:400px;}
.anchorBL{ display:none !important;}
.cooper{ padding:70px 0 50px;}
.cooper-left{ float:left; margin-left:30px;}
.cooper-left h3{ color:#007cc3; font-size:24px; line-height:normal; font-weight:normal; margin-bottom:32px;}
.cooper-left span{ display:block; color:#727272; font-size:14px; line-height:2; padding-left:30px;}
.cooper-left span.addre{ background:url(../images/add1.png) left center no-repeat;}
.cooper-left span.tel{ background:url(../images/tel.png) left center no-repeat;}
.cooper-left span.emain{ background:url(../images/emain.png) left center no-repeat;}
.mailbox{ float:right; width:560px;}
.mailbox h3{ display:block; color:#007cc3; 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(../images/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:#007cc3; font-size:14px; text-decoration:underline; background:url(../images/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(../images/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:#007cc3; margin-left:16px; font-size:24px; font-weight:normal; line-height:normal; margin-bottom:40px;}
.contact-list{ display: flex; display: -webkit-flex; justify-content: space-between; -webkit-justify-content: space-between; flex-wrap: wrap; -webkit-flex-wrap: wrap;}
.contact-info{ width:48%; margin-bottom:46px; position:relative;}
.contact-info:nth-child(2n+2){ float: right;}
.contact-wr{ position:relative; padding:26px 13px 22px; height: 100%; box-sizing: border-box;}
.contact-wr:before{ content:""; width:92%; height:5px; transition:300ms; visibility:visible; background:#f4f4f4; position:absolute; left:4%; bottom:0;}
.contact-wr h3{ color:#007cc3; font-size:20px; font-weight:normal; line-height:normal; margin-bottom:14px; transition:300ms;}
.contact-wr p{ color:#333; font-size:15px; margin-bottom:6px; transition:300ms;}
.contact-wr p a{ display: inline-block; margin-left: 10px; color: #007cc3;}
.contact-info:before{ content:""; width:0%; height:100%; background:#007cc3; position:absolute; left:50%; top:0; visibility:hidden; transition:320ms ease-in-out; opacity: 0;}
.contact-info:hover:before{ width:100%; left:0; opacity: 1; visibility:visible;}
.contact-info:hover h3,.contact-info:hover p{ color:#fff;}
.contact-info:hover .contact-wr:before{ visibility:hidden; opacity:0;}
.contact-info:hover p a{ color: #fff; text-decoration: underline;}
.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;}