@charset "utf-8";
/* 
 * Project Name:左右臣
 * Author:星之蓝
 * Date:2017-10-1
 */
 @font-face {
	font-family: 'Conv_HelveticaNeueLT-CondensedObl';
	src: url('fonts/HelveticaNeueLT-CondensedObl.eot');
	src: local('☺'), url('fonts/HelveticaNeueLT-CondensedObl.woff') format('woff'), url('fonts/HelveticaNeueLT-CondensedObl.ttf') format('truetype'), url('fonts/HelveticaNeueLT-CondensedObl.svg') format('svg');
	font-weight: normal;
	font-style: normal;
} 
@font-face {
	font-family: 'Conv_HelveticaNeueLT-ThinExt';
	src: url('fonts/HelveticaNeueLT-ThinExt.eot');
	src: local('☺'), url('fonts/HelveticaNeueLT-ThinExt.woff') format('woff'), url('fonts/HelveticaNeueLT-ThinExt.ttf') format('truetype'), url('fonts/HelveticaNeueLT-ThinExt.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
/*初始化*/
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 */
body { font: 12px/1.8 "Microsoft YaHei New","Microsoft Yahei","微软雅黑","Hiragino Sans GB","冬青黑体","Arial","Helvetica","SimHei","黑体","STXihei","华文细黑",sans-serif; margin: 0 auto; color: #989898; 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; }
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:1200px; margin: 0px auto;}

/*首页*/
.home {padding: 40px 40px 0;background: #e9e6e1;min-width: 1200px;}
/* 焦点轮换图 */
.fullSlide{width:100%;position:relative;height:700px;background:#000;}
.fullSlide .bd{margin:0 auto;position:relative;z-index:0;overflow:hidden;}
.fullSlide .bd ul{width:100% !important;}
.fullSlide .bd li{width:100% !important;height:700px;overflow:hidden;text-align:center;}
.fullSlide .bd li a{display:block;height:700px;left: 50%;margin-left: -960px; position: absolute; top:0; width:1920px; z-index:1;}
.fullSlide .hd{width:100%;position:absolute;z-index:80;left:0;height:30px;line-height:30px; bottom: 80px;}
.fullSlide .hd ul{text-align:center;}
.fullSlide .hd ul li{cursor:pointer;display:inline-block;*display:inline;zoom:1;width:42px;height:11px;margin:1px;overflow:hidden;background:#7c3f2d;filter:alpha(opacity=90);opacity:0.9;line-height:999px;}
.fullSlide .hd ul .on{background:#fff;}
.fullSlide .prev,.fullSlide .next{display:block;position:absolute;z-index:90;top:45%;margin-top:-30px;left:15%;z-index:90;width:40px;height:60px;background:url("../images/slider-arrow.png") -126px -137px #000 no-repeat;cursor:pointer;filter:alpha(opacity=50);opacity:0.5;display:none;}
.fullSlide .next{left:auto;right:15%;background-position:-6px -137px;}

/*LOGO、导航、服务热线、最新新闻*/
.headerwr{ position:relative; z-index:88;}
.header-box{ position:fixed; left:0; top:0; width:100%; z-index:99; transition:0.4s left;background-color: white;box-shadow: inset 0 1px #fff, 0 2px 5px rgba(34,25,25,0.1);-moz-box-shadow: inset 0 1px #fff, 0 2px 5px rgba(34,25,25,0.1);-webkit-box-shadow: inset 0 1px #fff, 0 2px 5px rgba(34,25,25,0.1);}
.home .header-box{ position:absolute;}
.home .header-box.scoll{ animation: 850ms 350ms; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: fadedown; animation-name: fadedown;}
.header-box.scoll{min-width:1280px;position:fixed; left:0; top:0; background:#fff;box-shadow: inset 0 1px #fff, 0 2px 5px rgba(34,25,25,0.4);-moz-box-shadow: inset 0 1px #fff, 0 2px 5px rgba(34,25,25,0.4);-webkit-box-shadow: inset 0 1px #fff, 0 2px 5px rgba(34,25,25,0.4);}
.header-box.scoll .header{ padding:0 40px;}
.header-box.scoll .logo{ background:none; padding-top:5px; margin-top:0; top:0; left:40px;}
.header-box.scoll .logo a{ padding-top:0; height:auto; width:auto;}
.header-box.scoll .logo .show{ opacity:0; visibility:hidden; display:none;}
.header-box.scoll .logo .hide{ opacity:1; visibility:visible; position:relative; left:0; top:0; display:block;}
.header-box.scoll .logo:before{ display:none;}
.header-box.scoll .serviceline{ display:none;}
.header-box.scoll .headerfix{ padding-top:0;} 
.header-box.scoll .headerfix .shopp:before{ width:150%; height:200%;}
.header-box.scoll .headerfix .sharebox{ margin-bottom:0;}
.header-box.scoll .news{ display:none;}
.header-box.scoll .header-center{ top:30px;}
@keyframes fadedown {
    from { transform: translateY(-100%); opacity: 0; }
    to { transform: translateY(0); opacity: 1; }
}
/**/
.mtop{ height:240px;}
.logo{ float:left; position:absolute; left:0; top:-33px; background:url(../images/logobg.png) center no-repeat; text-align:center;}
.logo a{ display:block; padding-top:70px; height:140px; width:220px;}
.logo img{ display:block; position:absolute; width:100%; left:20px; width:180px; z-index:10; top:30px; transition:0.3s;}
.logo img.hide{ opacity:0; visibility:hidden; display:none;width:280px; }
.logo:before{ content:""; width:7px; height:13px; background:url(../images/arrow1.png) center no-repeat; position:absolute; left:50%; margin-left:-3px; bottom:16px; transition:0.3s;}
.logo:hover:before{ bottom:12px;}
.home .header-center{ transition:0.43s;}
.header-center{ position:absolute; left:50%; margin-left:-208px; top:30px; text-align:center;}
.nav{ display:block;}
.navlist li{ float:left; margin-right:34px;}
.navlist li:last-child{ margin-right:0;}
.navlist li a{ display:inline-block; color:#52403e; font-size:16px; line-height:1; padding-bottom:6px; position:relative;}
.navlist li a:before{ content:""; width:100%; height:2px; background:#a75942; position:absolute; left:0; bottom:0; transform-origin:100%; -webkit-transform-origin:100%; -webkit-transition:-webkit-transform .4s cubic-bezier(.4,0,.2,1); transition:-webkit-transform .4s cubic-bezier(.4,0,.2,1); transition:transform .4s cubic-bezier(.4,0,.2,1); transition:transform .4s cubic-bezier(.4,0,.2,1),-webkit-transform .4s cubic-bezier(.4,0,.2,1); transform:scaleX(0); -webkit-transform:scaleX(0); visibility:hidden\9;}
.navlist li.active a,.navlist li:hover a{ color:#a75942;}
.navlist li.active a:before,.navlist li:hover a:before{ transform:scaleX(1); -webkit-transform:scaleX(1); -moz-transform:scaleX(1); transform-origin:0; -webkit-transform-origin:0; visibility:visible\9;}
.serviceline{ display:inline-block; margin:auto; margin-top:54px;}
.serviceline span{ display:block; text-align:center; color:#969696; line-height:1; margin-bottom:-4px;}
.serviceline b{ display:block; padding:12px 29px 0; line-height:1; color:#7c3f2d; font-size:22px; border-left:1px solid #7c3f2d; border-right:1px solid #7c3f2d; font-weight:normal;}
.headerfix{ float:right; padding-top:0px;}
.sharewr{ float:right;}
.share{ float:left; margin-right:34px; padding-top:26px;}
.shopp{ float:right; background:#7c3f2d; position:relative; overflow:hidden;} 
.shopp a{ display:block; padding-top:48px;height:30px; width:91px; text-align:center; color:#fff; line-height:1; font-size:14px; background:url(../images/cart.png) center 14px no-repeat; position:relative;}
.shopp:before{ content:""; width:0; height:0; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); left:50%; top:50%; position:absolute; background:#7c3f2d; border-radius:50%; transition:0.34s;}
.shopp:hover{ background:#7c3f2d\9;}
.shopp:hover:before{ width:150%; height:200%;}
.headerbott{ width:100%; position:absolute; right:0; bottom:85px; text-align:center;}
.huadong {border-bottom: 1px dashed #999;height:38px;position:absolute; right:0; bottom:0; width:460px; /*background:#7c3f2d; */overflow:hidden;}
.huadong .hdimg {background: url(../images/shipp.png) left center no-repeat;height: 38px;box-sizing:border-box;background-size: 8px 12px;width: 20px;float: left;line-height:38px;}
.huadong .notice_active{float:left;width:440px;height: 38px;left:20px;padding: 0;overflow: hidden;position: absolute;text-align: left;}
.huadong .notice_active li{line-height:38px;display:block;width: 100%;}
.huadong .notice_active li span{white-space:nowrap; text-overflow:ellipsis;display:block; float:left; color:#555; font-size:14px; line-height:38px; height:38px; overflow:hidden; transition:0.32s; width:80%; text-align:left;}
.huadong .notice_active li time{display:block; float:right; line-height:38px;font-family:"Arial";width:20%;text-align:right;}
.huadong .notice_active li:hover span{ color:#7c3f2d;}
/**/
.menus{ cursor:pointer; z-index:5; float:right; margin-top:6px; z-index:30; position:relative;}
#menu_toggle1{display:none;}
.menus span { position: relative; float:left; display: inline-block; width: 35px; height: 4px; margin-top:9px; vertical-align: middle; -webkit-transition-duration: .3s,.3s; -moz-transition-duration: .3s,.3s;
 -ms-transition-duration: .3s,.3s; -o-transition-duration: .3s,.3s; transition-duration: .3s,.3s;-webkit-transition-delay: .3s,0s; -moz-transition-delay: .3s,0s; -ms-transition-delay: .3s,0s; -o-transition-delay: .3s,0s; transition-delay: .3s,0s;}
.menus span:after,
.menus span:before { content: ""; position: absolute; display: inline-block; width: 100%; height: 2px; left: 0;
background-color: #e62129; -webkit-transition-duration: .3s,.3s; -moz-transition-duration: .3s,.3s; -ms-transition-duration: .3s,.3s;-o-transition-duration: .3s,.3s; transition-duration: .3s,.3s;-webkit-transition-delay: .3s,0s;-moz-transition-delay: .3s,0s;-ms-transition-delay: .3s,0s;-o-transition-delay: .3s,0s; transition-delay: .3s,0s}
.menus span:before {top: -9px;-webkit-transition-property: top,transform;-moz-transition-property: top,transform;-ms-transition-property: top,transform;-o-transition-property: top,transform;transition-property: top,transform;}
.menus span:after {bottom: -9px;-webkit-transition-property: bottom,transform;-moz-transition-property: bottom,transform;-ms-transition-property: bottom,transform;-o-transition-property: bottom,transform;
transition-property: bottom,transform;}
.menus.active span {background-color: transparent;-webkit-transition-delay: 0s,0s;-moz-transition-delay: 0s,0s;-ms-transition-delay: 0s,0s;-o-transition-delay: 0s,0s;transition-delay: 0s,0s}
.menus.active span:after,.menus.active span:before {-webkit-transition-delay: 0s,.3s;-moz-transition-delay: 0s,.3s; -ms-transition-delay: 0s,.3s; -o-transition-delay: 0s,.3s; transition-delay: 0s,.3s}
.menus.active span:before {top: 1px; -webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg)}
.menus.active span:after {bottom: 1px; -webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-ms-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg);}
.popbg{ width:100%; height:100%; position:fixed; left:0; top:0; background:rgba(12,12,12,0.5); display:none; opacity:0; visibility:hidden; transition:0.43s;}
.popbg.on{ opacity:1; visibility:visible;}
.menufux{ width:214px; height:100%; position:fixed; right:-100%; top:0; background:#fff; z-index:20; display:none; transition:0.4s;}
.menufux.on{ right:0;}
.menulist li{ border-bottom:1px solid #e5e5e5;}
.menulist li a{ display:block; text-align:center; padding:26px 0; color:#323232; font-size:16px; line-height:1;}
.menulist li a:hover{ color:#d70404;}
.relatives{ position:absolute; left:0; bottom:28px; width:100%;}
.relatives a{ display:block; width:50%; height:auto; float:left; position:relative; text-align:center;}
.relatives a:nth-child(1):before{ content:""; width:1px; height:100%; position:absolute; right:0; top:0; background:#f3f3f3;}
.relatives a img{ display:block; height:38px; width:auto; margin:auto;}

/*首页关于企业*/
.about-box{padding:190px 0 90px;background: url(../images/iabout.jpg) center top fixed no-repeat;}
.about{margin-bottom: 95px;/*width: 90%;padding:0 5% 95px 5%;*/}
.aboutle{ float:left; padding-left:25px; width:212px; padding-top:30px; height:180px; margin-top:0px; position:relative;}
.aboutle:before{ content:""; width:100%; height:100%; position:absolute; left:0; top:0; background:url(../images/about.png) center top no-repeat;}
.aboutle span{ display:block; line-height:1; color:#e9e6e1; font-size:16px; margin-bottom:44px; position:relative;font-weight: bold;}
.aboutle strong{ position:relative; display:block; color:#fff; font-size:18px; line-height:1.4; font-weight:normal;}
.aboutle i{ display:block; width:13px; height:13px; background:url(../images/snowflake.png) center no-repeat; position:absolute; left:26px; bottom:26px; transition:0.36s transform;}
.aboutle:hover i{ transform:rotate(180deg); -webkit-transform:rotate(180deg); -moz-transform:rotate(180deg);}
.aboutle small{ display:block; color:#ffffff; font-size:36px; font-family:"Conv_HelveticaNeueLT-CondensedObl"; position:absolute; right:26px; bottom:26px; line-height:1; display:none;}
/*首页公司简介*/
.modern{ width:814px; float:right; /*margin-right:-213px; */position:relative;}
.modern:before{ content:""; width:100%; height:100%; position:absolute; left:0; top:0; background:url(../images/moderbg.png) repeat;}
.modermore{ display:block; width:51px; height:47px; position:absolute; left:-51px; bottom:0; background:#7c3f2d;}
.modermore:before{ content:""; width:9px; height:9px; background:url(../images/more.png) center no-repeat; position:absolute; left:21px; top:19px; transition:0.34s;}
.modermore:hover:before{ transform:rotate(180deg); -webkit-transform:rotate(180deg); -moz-transform:rotate(180deg);}
.modernfix{ padding:28px 60px 35px 30px; position:relative;}
.wood{ float:left;width: 420px;}
.wood small{ display:block; color:#7c3f2d; font-size:72px; font-family:"Conv_HelveticaNeueLT-CondensedObl"; line-height:1; margin-bottom:46px;}
.wood p{ color:#010101; font-size:14px; line-height:1.8;}
.woodnub{ float:right; padding-left:130px; position:relative;}
.woodnub:before{ content:""; width:83px; height:141px; background:url(../images/line1.png) center no-repeat; position:absolute; left:0; top:0;}
.wood-info{ margin-bottom:22px;}
.wood-info p{ color:#000000; font-size:14px; line-height:1.4;}
.wood-info p b{ display:inline-block; color:#7c3f2d; font-size:42px; margin-right:10px; font-weight:normal; font-family:"Conv_HelveticaNeueLT-ThinExt"; width:106px;}
.procenter{ position:relative; padding-bottom:49px;}
.procenter:before{ content:""; width:814px; position:absolute; right:-214px; top:0; height:100%;/* background:url(../images/brandbg.jpg) center top no-repeat;*/}
.protops{position:relative; z-index:5;/*width: 90%;padding:0 5% 0px 5%;*/margin-bottom: 50px;}
.pcentera{ width:220px;height:109px;float:left; background:url(../images/procer.png) repeat;}
.pcentera a{display:block; padding-left:25px; color:#fff; line-height:89px; font-size:16px; font-weight:bold;}
.pcentera a:hover{ color:#7c3f2d;}
.newpro2{width:220px;height:109px;float:left;background:url(../images/procer.png) center no-repeat;}
.newpro2 a{ display:block; padding-top:38px; height:70px; padding-left:24px; width:196px; line-height:1; color:#fff; font-size:16px; font-weight:bold; position:relative;}
.newpro2 a:before{ content:""; width:9px; height:9px; background:url(../images/more.png) center no-repeat; position:absolute; right:26px; top:40px; transition:0.36s;}
.newpro2 a:hover:before{ transform:rotate(-180deg); -webkit-transform:rotate(-180deg); -moz-transform:rotate(-180deg);}
/*首页产品分类*/
.prolist{/*width: 92%;padding: 5%;*/width: 102%;}
.prolist li{ width:14.58%; margin-right:2.0875%;margin-bottom:50px;float:left; position:relative; background:url(../images/moderbg.png) repeat;}
.prolist li:before{ content:""; width:100%; height:100%; position:absolute; left:0; top:0; background:#ffffff; -webkit-transition:-webkit-transform .5s cubic-bezier(.4,0,.2,1); transition:-webkit-transform .5s cubic-bezier(.4,0,.2,1); transition:transform .5s cubic-bezier(.4,0,.2,1); transition:transform .5s cubic-bezier(.4,0,.2,1),-webkit-transform .5s cubic-bezier(.4,0,.2,1); transform-origin:left 100%; -webkit-transform-origin:left 100%; transform:scaleY(0); -moz-transform:scaleY(0); -webkit-transform:scaleY(0); visibility:hidden\9;}
.prolist li:last-child{ margin-right:0;}
.prolist li a{ display:block; position:relative; padding-top:50px; height:160px; text-align:center;}
.proicon{ width:63px; height:56px; margin:auto; position:relative; margin-bottom:24px; overflow:hidden;}
.proicon img{ display:block; max-width:100%; max-height:100%; position:absolute; left:0; top:0; right:0; bottom:0; margin:auto; transition:0.54s;}
.proicon img.prohide{ opacity:0; visibility:hidden; transform:translateY(100%); -webkit-transform:translateY(100%); -moz-transform:translateY(100%);}
.prolist li span{ display:block; text-align:center; line-height:1; color:#ffffff; font-size:16px; transition:0.36s;}
.promore{ margin-top:29px; position:relative; margin-left:21px; margin-right:20px;}
.promore i{ display:block; width:81%; width:0; height:1px; background:#a76b5a; position:relative; margin-top:9px; float:left; transition:0.35s;}
.promore i:before{ content:""; width:5px; height:5px; background:#a76b5a; border-radius:50%; position:absolute; left:0; top:-2px; opacity:0; visibility:hidden; transition:0.34s;}
.promore b{ display:block; width:18px; height:18px; background:url(../images/more1.png) center no-repeat; float:right; opacity:0; visibility:hidden; transition:0.34s;}
.prolist li:hover:before{ transform:scaleY(1); -webkit-transform:scaleY(1); transform-origin:left 0; -webkit-transform-origin:left 0; visibility:visible\9;}
.prolist li:hover .proicon img.proshow{ opacity:0; visibility:hidden; transform:translateY(-100%); -webkit-transform:translateY(-100%); -moz-transform:translateY(-100%);}
.prolist li:hover .proicon img.prohide{ opacity:1; visibility:visible; transform:translateY(0); -webkit-transform:translateY(0); -moz-transform:translateY(0);}
.prolist li:hover span{ color:#323232;}
.prolist li:hover .promore i{ width:81%; transition:0.48s 0.2s ease-in-out;}
.prolist li:hover .promore i:before{ opacity:1; visibility:hidden; transition:0.34s 0.3s;}
.prolist li:hover .promore b{ opacity:1; visibility:visible; transform:rotate(180deg); -webkit-transform:rotate(180deg); transition:0.35s 0.4s ease-in-out;}

/*首页最新产品*/
.newproduct{ background:#fff;}
.products{ position:relative;}
.prolistfix{ padding:58px 0 54px;}
.newpro{ position:absolute; left:0; top:-90px; background:url(../images/procer.png) center no-repeat;}
.newpro a{ display:block; padding-top:38px; height:70px; padding-left:24px; width:196px; line-height:1; color:#fff; font-size:16px; font-weight:bold; position:relative;}
.newpro a:before{ content:""; width:9px; height:9px; background:url(../images/more.png) center no-repeat; position:absolute; right:26px; top:40px; transition:0.36s;}
.newpro a:hover:before{ transform:rotate(-180deg); -webkit-transform:rotate(-180deg); -moz-transform:rotate(-180deg);}
.news-pulist{ width:1200px; height:400px; margin:0 auto; overflow:hidden;padding-top:50px;}
.news-pulist .s-nav{ height:42px; overflow:hidden; background:#fff;width:604px;margin:0 auto;}
.news-pulist .s-nav li{ float:left; margin:0px 0 0 0px; width:300px; overflow:hidden; background:#fff; font-size:20px; text-align:center;}
.news-pulist .s-nav li a{ color:#666; display:inline-block; height:38px; line-height:38px; width:298px; border: 1px solid #ddd;}
.news-pulist .s-nav li a:hover ,.ep-pr .s-nav .cur a{ background:#00A0E7; text-decoration:none;color:#fff;border: 1px solid #00A0E7;}
.news-pulist .newspu{height:300px;padding:24px 0px 0px;position: relative;width:1200px;}
.news-pulist .newspu .s-main{width:1200px;height:300px; margin: 0 auto;}
.news-pulist .newspu .s-main ul li{display:inline;float:left;width:213px;height:262px;margin-right:30px;overflow:hidden;background-color:#fff;border: 1px solid #E9E6DF;text-align: center;}
.news-pulist .newspu .s-main .prowr{position:relative;margin:0;text-align: center;}
.news-pulist .newspu .s-main .prowr figure{line-height:0; overflow:hidden;}
.news-pulist .newspu .s-main .prowr figure img{position:relative;width:auto;height:260px;padding:0px;}
.news-pulist .newspu .s-main .prowr:hover figure img{left:0;}
.news-pulist .newspu .s-main .prowr:hover .protext:before{transform:scaleY(1); -webkit-transform:scaleY(1); transform-origin:left 0; -webkit-transform-origin:left 0; visibility:visible\9;}
.news-pulist .newspu .s-main .prowr:hover .protext h3{ opacity:1; visibility:visible;}
.news-pulist .newspu .s-main .prowr:hover .protext span{ opacity:1; visibility:visible; transition-delay:0.16s;}
.news-pulist .newspu .s-main .protext{padding:30px 10px 0px 10px;width:193px;height:120px; position:absolute;bottom:-30px;text-align: left;}
.news-pulist .newspu .s-main .protext:before{ content:""; width:100%; height:100%; position:absolute; left:0; top:0; background:rgba(124,63,45,0.8); background:#8b4e3b\9; filter:alpha(opacity=80); -webkit-transition:-webkit-transform .5s cubic-bezier(.4,0,.2,1); transition:-webkit-transform .5s cubic-bezier(.4,0,.2,1); transition:transform .5s cubic-bezier(.4,0,.2,1); transition:transform .5s cubic-bezier(.4,0,.2,1),-webkit-transform .5s cubic-bezier(.4,0,.2,1); transform-origin:left 100%; -webkit-transform-origin:left 100%; transform:scaleY(0); -moz-transform:scaleY(0); -webkit-transform:scaleY(0); visibility:hidden\9;}
.news-pulist .newspu .s-main .protext h3{ color:#fff; line-height:1; font-size:18px; position:relative; font-weight:normal; opacity:0; visibility:hidden; transition:0.4s;}
.news-pulist .newspu .s-main .protext span{ display:block; color:#fff; font-size:12px;font-family:"宋体";position:absolute; left:10px; bottom:50px; padding-bottom:4px; opacity:0; visibility:hidden; transition:0.4s;}
.news-pulist .newspu .s-main .protext span: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 .4s cubic-bezier(.4,0,.2,1); transition:-webkit-transform .4s cubic-bezier(.4,0,.2,1); transition:transform .4s cubic-bezier(.4,0,.2,1); transition:transform .4s cubic-bezier(.4,0,.2,1),-webkit-transform .4s cubic-bezier(.4,0,.2,1); transform:scaleX(0); -webkit-transform:scaleX(0); visibility:hidden\9;}
.news-pulist .newspu .s-main .protext span:hover:before{ transform:scaleX(1); -webkit-transform:scaleX(1); -moz-transform:scaleX(1); transform-origin:0; -webkit-transform-origin:0; visibility:visible\9;}
.news-pulist .newspu .prev,.news-pulist .newspu .next{display:inline;cursor:pointer;position:absolute;z-index:5;top:110%;margin-top:-30px;left:46%;width:28px;height:28px;}
.news-pulist .newspu .next{left:auto;right:46%;cursor:pointer;}

/*首页最新案例*/
.case-box{padding:190px 0 90px;background: url(../images/ianli.jpg) center top fixed no-repeat;}
.case-box .case{margin-bottom: 90px;/*width: 90%;padding:0 5% 95px 5%;*/}
.case-box .adtext{ width:100%; float:right; /*margin-right:-213px; */position:relative;}
.case-box .adtext:before{ content:""; width:100%; height:100%; position:absolute; left:0; top:0; background:url(../images/moderbg.png) repeat;}
.case-box .adtextfix{ padding:28px 60px 35px 30px; position:relative;}
.case-box .adtextfix p{ color:#fff; font-size:30px; line-height:1.8;text-align: center;}
/**/
.newcase{ background:#fff;}
.newcase .newcasele{ position:relative;}
.newcase .newcasele .casemenu{ position:absolute; left:0; top:-90px; background:url(../images/procer.png) center no-repeat;}
.newcase .newcasele .casemenu a{ display:block; padding-top:38px; height:70px; padding-left:24px; width:196px; line-height:1; color:#fff; font-size:16px; font-weight:bold; position:relative;}
.newcase .newcasele .casemenu a:before{ content:""; width:9px; height:9px; background:url(../images/more.png) center no-repeat; position:absolute; right:26px; top:40px; transition:0.36s;}
.newcase .newcasele .casemenu a:hover:before{ transform:rotate(-180deg); -webkit-transform:rotate(-180deg); -moz-transform:rotate(-180deg);}
.news-caselist{ width:1200px; height:550px; margin:0 auto; overflow:hidden;padding-top:50px;}
.news-caselist .s-nav{ height:42px; overflow:hidden; background:#fff;width:604px;margin:0 auto;}
.news-caselist .s-nav li{ float:left; margin:0px 0 0 0px; width:300px; overflow:hidden; background:#fff; font-size:20px; text-align:center;}
.news-caselist .s-nav li a{ color:#666; display:inline-block; height:38px; line-height:38px; width:298px; border: 1px solid #ddd;}
.news-caselist .s-nav li a:hover ,.ep-pr .s-nav .cur a{ background:#00A0E7; text-decoration:none;color:#fff;border: 1px solid #00A0E7;}
.news-caselist .newanli{height:300px;padding:24px 0px 0px;position: relative;width:1200px;}
.news-caselist .newanli .s-main{width:1200px;height:300px; margin: 0 auto;}
.news-caselist .newanli .s-main ul li{display:inline;float:left;width:558px;height:430px;margin-right:30px;overflow:hidden;background-color:#ffffff;border: 1px solid #E9E6DF;text-align: center;}
.news-caselist .newanli .s-main .prowr{position:relative;margin:0;}
.news-caselist .newanli .s-main .prowr figure{line-height:0; overflow:hidden;}
.news-caselist .newanli .s-main .prowr figure img{position:relative;width:auto;height:430px;}
.news-caselist .newanli .s-main .prowr:hover figure img{left:0;}
.news-caselist .newanli .s-main .prowr:hover .protext:before{transform:scaleY(1); -webkit-transform:scaleY(1); transform-origin:left 0; -webkit-transform-origin:left 0; visibility:visible\9;}
.news-caselist .newanli .s-main .prowr:hover .protext h3{ opacity:1; visibility:visible;}
.news-caselist .newanli .s-main .prowr:hover .protext span{ opacity:1; visibility:visible; transition-delay:0.16s;}
.news-caselist .newanli .s-main .protext{padding:30px 10px 0px 100px;width:300px;height:120px; position:absolute;bottom:-0px;text-align: left;}
.news-caselist .newanli .s-main .protext:before{content:""; width:100%; height:100%; position:absolute;left:80px;top:0; background:rgba(124,63,45,0.8); background:#8b4e3b\9; filter:alpha(opacity=80); -webkit-transition:-webkit-transform .5s cubic-bezier(.4,0,.2,1); transition:-webkit-transform .5s cubic-bezier(.4,0,.2,1); transition:transform .5s cubic-bezier(.4,0,.2,1); transition:transform .5s cubic-bezier(.4,0,.2,1),-webkit-transform .5s cubic-bezier(.4,0,.2,1); transform-origin:left 100%; -webkit-transform-origin:left 100%; transform:scaleY(0); -moz-transform:scaleY(0); -webkit-transform:scaleY(0); visibility:hidden\9;}
.news-caselist .newanli .s-main .protext h3{ color:#fff; line-height:1; font-size:18px; position:relative; font-weight:normal; opacity:0; visibility:hidden; transition:0.4s;}
.news-caselist .newanli .s-main .protext span{ display:block; color:#fff; font-size:12px;font-family:"宋体";position:absolute; left:100px; bottom:50px; padding-bottom:4px; opacity:0; visibility:hidden; transition:0.4s;}
.news-caselist .newanli .s-main .protext span: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 .4s cubic-bezier(.4,0,.2,1); transition:-webkit-transform .4s cubic-bezier(.4,0,.2,1); transition:transform .4s cubic-bezier(.4,0,.2,1); transition:transform .4s cubic-bezier(.4,0,.2,1),-webkit-transform .4s cubic-bezier(.4,0,.2,1); transform:scaleX(0); -webkit-transform:scaleX(0); visibility:hidden\9;}
.news-caselist .newanli .s-main .protext span:hover:before{ transform:scaleX(1); -webkit-transform:scaleX(1); -moz-transform:scaleX(1); transform-origin:0; -webkit-transform-origin:0; visibility:visible\9;}
.news-caselist .newanli .prev,.news-caselist .newanli .next{display:inline;cursor:pointer;position:absolute;z-index:5;top:160%;margin-top:-30px;left:46%;width:28px;height:28px;}
.news-caselist .newanli .next{left:auto;right:46%;cursor:pointer;}

/*底部*/
.footer-box{ padding-top:50px; background:#e9e6e1;margin: 0 auto;}
.flogo{ width:125px; float:left; margin-top:10px;}
.flogo img{ display:block; width:100%; height:auto; line-height:0;}
.zycwx{ width:90px; float:right;text-align: center;font-weight: normal;color: #969696;margin-left: 20px;}
.zycwx img{ display:block; width:100%; height:auto; line-height:0;border: 1px solid #d6d2cc;background-color: #fff;}
.address{ float:left; margin-left:80px; position:relative; margin-top:10px;}
.address-in{ float:left; margin-right:36px;}
.address-in:last-child{ margin-right:0;}
.address h1{line-height: 25px;}
.addinfo{ display:block;}
.addinfo dt{ display:inline-block; float:left; color:#000000; font-weight:normal;}
.addinfo dd{ display:inline-block; float:left; color:#969696; max-width:220px;line-height: 20px;}
.edite{ margin-top:30px; padding-bottom:30px; position:relative;}
.edite p{ text-align:center; color:#969696; line-height:1;}
.edite p a{ display:inline-block; color:#969696; margin-left:15px;}
.edite p a:hover{ color:#d9241d;}

/*右侧浮动*/
.zyckf{ width:50px; height:auto; position:fixed; bottom:2%; right:2px; z-index:999;_position: absolute;_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)));-margin-top:350px;}
.zyckf li{ width:50px; height:49px; margin-bottom:3px;position: relative;}
.zyckf li a{ display:block;width:50px; height:49px; background:#838383; overflow:hidden;}
.zyckf li a:hover{ background:#7c3f2d;}
.zyckf #roll a{background:#7c3f2d ;}
.zyckf li a:hover span{display:block;}
.zyckf li span{width:166px; right:51px;top: 0;height: 49px;line-height: 49px; background: #7c3f2d;color: #fff;text-align: center;font-family:Arial;position: absolute;font-size: 22px;font-weight: bold;display: none;}
.zyckf .ewm{background:#fff;height:203px;border:1px solid #EEEFF1;}
.zyckf .ewm img{width:146px;display:block;overflow:hidden;padding:10px 10px 5px 10px;}
.zyckf .ewm h6{height:40px;line-height:18px;overflow:hidden;font-size:12px;font-weight:normal;color:#888;display: block;}

/*分页*/
.pages{ margin-top:90px; text-align: center;}
.pages ul span{font-size:16px;margin-right: 26px;padding-bottom:7px;color:#646464;}
.pages ul a{ display:inline-block; line-height:1; color:#646464; font-size:16px; padding-bottom:7px;margin-right:26px; position:relative; }
.pages ul a:before{ content:""; width:100%; height:4px; background:#a75942; position:absolute; left:0; bottom:0; transform-origin:100%; -webkit-transform-origin:100%; -webkit-transition:-webkit-transform .28s cubic-bezier(.4,0,.2,1); transition:-webkit-transform .28s cubic-bezier(.4,0,.2,1); transition:transform .28s cubic-bezier(.4,0,.2,1); transition:transform .28s cubic-bezier(.4,0,.2,1),-webkit-transform .28s cubic-bezier(.4,0,.2,1); transform:scaleX(0); -webkit-transform:scaleX(0); visibility:hidden\9;}
.pages ul a:hover:before,.pages ul li.now:before{ transform:scaleX(1); -webkit-transform:scaleX(1); -moz-transform:scaleX(1); transform-origin:0; -webkit-transform-origin:0; visibility:visible\9;}
.pages ul a:hover a,.pages ul a.now{ color:#a75942;border-bottom:4px solid #a75942 ;}


/*二级页面banner*/
.pbanner{ position:relative; overflow:hidden;}
.pbanner figure{width:100% !important;height:700px;overflow:hidden;text-align:center;display:block;}
.pbanner figure img{display:block;height:auto;left: 50%;margin-left: -960px; top:0; width:1920px; z-index:1;position: absolute; }

/*二级页面主体*/
.container{ background:#e9e6e1; padding:0 40px;}
.container2{ background:#e9e6e1; padding:0px;}
.content{position:relative; background:rgba(255,255,255,1);margin-top:-228px; padding:50px;min-width: 1100px;z-index: 2;}
.content2{position:relative; background:rgba(255,255,255,1);margin-top:-550px; padding:0px 50px 50px 50px;min-width: 1100px;z-index: 2;}
.content3{position:relative; background:rgba(255,255,255,1);margin-top:-228px; padding:0px 50px 50px 50px;min-width: 1100px;z-index: 2;}

/*二级页面left*/
.conleft{ width:59.98%; float:left;}
.menu li{ float:left; margin-right:22px;border-right: 1px solid #eee;height: 10px;}
.menu li:last-child{border-right:0;}
.menu li:last-child{ margin-right:0;}
.menu li a{ display:inline-block; color:#646464; font-size:15px; padding-right:22px; position:relative;top:-8px}
.menu li a:before{ content:""; width:16px; height:16px; position:absolute; right:50%; top:50%; margin-top:-8px; transition:0.32s;}
.menu li.current a,.menu li:hover a{ color:#a75942;}
.menu li.current a:before,.menu li:hover a:before{ background:url(../images/arrow_down.png) center no-repeat;right:50%; top:110%;}
.profile{ position:relative; margin-top:90px; margin-bottom:28px;}
.profile small{ display:block; color:#969696; font-size:48px; line-height:1; margin-bottom:40px; font-family:"Arial"; }
.profile h2{ color:#000000; font-size:44px; font-weight:normal; line-height:1.2;}
.prevpage{ padding-bottom:15px; border-bottom:1px solid #e5e5e5;}
.prevpage a{ display:block; float:left; width:24px; height:13px;}
.prevpage a.prev{ background:url(../images/arrow10.png) center no-repeat;}
.prevpage a.next{ float:right; background:url(../images/arrow12.png) center no-repeat;}
.prevpage a.prev:hover{ background:url(../images/arrow11.png) center no-repeat;}
.prevpage a.next:hover{ background:url(../images/arrow13.png) center no-repeat;}
.commonwr{padding-top:110px; margin-bottom:110px;}
.introduct p,.introduct a{ color:#646464; font-size:14px;}
.introduct p{text-indent:2em;}
.introduct iframe{margin: 0 auto;width: 680px;height: 600px;display: block;}

/*二级页面right*/
.conright{ width:35.8%; padding-top:80px; float:right;}
.conicon{ overflow:hidden; margin-bottom:30px;}
.conicon img{ display:block; width:100%; height:auto; line-height:0;}
.furniture{ position:relative;}
.furniture small{ display:block; color:#000000; font-size:48px; font-family:"Times New Roman"; line-height:1.2; position:relative; z-index:5;}
.furniture small i{ font-style:normal; color:#a75942;}
.furniture span{ display:block; line-height:1; color:#a75942; font-size:20px; margin-top:18px; margin-bottom:20px; position:relative; z-index:5;}
.furniture p{ color:#646464; font-size:14px; margin-bottom:10px; position:relative; z-index:5;}
.furniture b{ display:block; line-height:1; padding-bottom:20px; color:#000000; font-size:14px; font-family:"Times New Roman"; position:relative; font-weight:normal; position:relative; z-index:5;}
.furniture b:before{ content:""; width:29px; height:1px; background:#d2d2d2; position:absolute; left:0; bottom:0;}

/*资质荣誉*/
.honor-list{height:auto;overflow:hidden;margin-top: 30px;}
.honor-list ul{list-style-type:none}
.honor-list li{display:block;float:left;margin-top:0px;overflow:hidden;width:29.666%;height:280px; margin:0 2%; text-align:center;overflow: hidden;}
.honor-list li:nth-child(3n+3){margin-right:0;}
.honor-list li a{width:-webkit-calc(100% - 2px);height:200px;border:1px solid #e5e5e5; display:block;overflow: hidden;margin-bottom: 15px;}
.honor-list li a img{width:auto;height:200px;}
/**/
#jquery-overlay {Z-INDEX: 10000; LEFT: 0px; WIDTH: 100%; POSITION: absolute; TOP: 0px; HEIGHT: 500px;}
#jquery-lightbox {Z-INDEX: 10001; LEFT: 0px; WIDTH: 100%; LINE-HEIGHT: 0; POSITION: absolute; TOP: 0px; TEXT-ALIGN: center}
#jquery-lightbox A IMG {BORDER-TOP-STYLE: none; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; BORDER-BOTTOM-STYLE: none;}
#lightbox-container-image-box {MARGIN: 5%  auto 0px auto;WIDTH: 250px; POSITION: relative; HEIGHT: 250px; BACKGROUND-COLOR: #fff}
#lightbox-container-image {PADDING-RIGHT: 10px; PADDING-LEFT: 10px; PADDING-BOTTOM: 10px; PADDING-TOP: 10px}
#lightbox-loading {LEFT: 0%; WIDTH: 100%; LINE-HEIGHT: 0; POSITION: absolute; TOP: 40%; HEIGHT: 25%; TEXT-ALIGN: center}
#lightbox-nav {Z-INDEX: 10; LEFT: 0px; WIDTH: 100%; POSITION: absolute; TOP: 0px; HEIGHT: 100%}
#lightbox-container-image-box > #lightbox-nav {LEFT: 0px}
#lightbox-nav A {outline: none}
#lightbox-nav-btnPrev {DISPLAY: block; WIDTH: 49%; ZOOM: 1; HEIGHT: 100%}
#lightbox-nav-btnNext {DISPLAY: block; WIDTH: 49%; ZOOM: 1; HEIGHT: 100%}
#lightbox-nav-btnPrev {LEFT: 0px; FLOAT: left}
#lightbox-nav-btnNext {RIGHT: 0px; FLOAT: right}
#lightbox-container-image-data-box {PADDING-RIGHT: 10px; PADDING-LEFT: 10px; PADDING-BOTTOM: 0px; MARGIN: 0px auto; FONT: 10px/1.4em Verdana, Helvetica, sans-serif; OVERFLOW: auto; WIDTH: 100%; PADDING-TOP: 0px; BACKGROUND-COLOR: #fff}
#lightbox-container-image-data {PADDING-RIGHT: 10px; PADDING-LEFT: 10px; PADDING-BOTTOM: 0px; COLOR: #666; PADDING-TOP: 0px}
#lightbox-container-image-data #lightbox-image-details {FLOAT: left; WIDTH: 70%; TEXT-ALIGN: left}
#lightbox-image-details-caption {FONT-WEIGHT: bold}
#lightbox-image-details-currentNumber {CLEAR: left; DISPLAY: block; PADDING-BOTTOM: 1em}
#lightbox-secNav-btnClose {FLOAT: right; PADDING-BOTTOM: 0.7em; WIDTH: 66px}

/*专卖店*/
.store-list{height:200px;border:0px solid #e5e5e5;margin-bottom: 100px;background-color: #f8f8f8;}
.store-list:last-child{ margin-bottom:0;}
.store-list ul{list-style-type:none}
.store-list li{display:block;float:left;margin: 0;}
.store-list li img{width:300px;height:200px;margin: 0;padding: 0;}
.store-list .store-info{padding: 20px;}
.store-list .store-info h1{font-size: 16px;color: #323232;}
.store-list .store-info p{margin: 0px 0px;font-size: 14px;}

/*人才招聘*/
.hiscomm { padding-right: 0;}
.retitle {padding-bottom: 18px; border-bottom: 1px solid #e5e5e5;}
.retitle span{ display:block; line-height:1; float:left; color:#323232; font-size:16px; font-weight:bold;}
.retitle span:nth-child(1){ width:34.8%;}
.retitle span:nth-child(2){ width:18%;}
.retitle span:nth-child(3){ width:18%;}
.recuits{ padding-top:26px;}
.recuit-list li{ position:relative; margin-bottom:6px;}
.recuit-list li a:before{ content:""; width:100%; height:100%; background:#eeeeee; position:absolute; left:-36px; top:0; padding-left:36px; opacity:0; visibility:hidden; transform:scaleY(0); -webkit-transform:scaleY(0); -moz-transform:scaleY(0); transition:0.32s;}
.recuit-list li span{ display:block; color:#323232; font-size:14px; height:31px; line-height:31px; overflow:hidden; float:left; position:relative;}
.recuit-list li span:nth-child(1){ width:34.8%;}
.recuit-list li span:nth-child(2){ width:18%;}
.recuit-list li span:nth-child(3){ width:18%; padding-left:10px; box-sizing:border-box;}
.recuit-list li b{ display:block; float:right; margin-right:20px; color:#a75942; font-size:14px; line-height:31px; padding-left:20px; position:relative; opacity:0; visibility:hidden; transition:0.43s;}
.recuit-list li b:before{ content:""; width:14px; height:14px; background:url(../images/add.png) center no-repeat; position:absolute; left:0; top:50%; margin-top:-7px;}
.recuit-list li:hover a:before{ opacity:1; visibility:visible; transform:scaleY(1); -webkit-transform:scaleY(1); -moz-transform:scaleY(1);}
.recuit-list li:hover b{ opacity:1; visibility:visible;}
/*招聘信息详情弹出窗口*/
#firclose{background: #000;left: 0;position: fixed !important;position: absolute;top: 0;z-index: 1000;opacity: 0.5;filter: alpha(opacity=50);-moz-opacity: 0.5;-khtml-opacity: 0.5;height: 100%;width: 100%;display: none;}
.popup-window{position: absolute; top:50%; margin-top:-300px; left: 50%; margin-left:-441px;width:880px; height: auto;border: 1px solid #ddd; background-color: white;z-index:1002; overflow: auto;position:fixed; display:none;border-radius:0px;}  
.popup-window .head{width:860px; padding:0px 10px 0px 10px;height:40px;}
.popup-window .head ul{list-style-type:none;}
.popup-window .head .part-name{font-size:15px;font-family:"微软雅黑"; line-height:40px; float:left; display:block; color: #888;}
.popup-window .head .close-button{float:right; line-height:35px; color:#dc3232;font-size: 28px;}
.popup-window .head .close-button a{color:#dc3232;}
.popup-window .head .close-button a:hover {color:#a75942;}
.popup-window .info-box{width:800px;padding:20px 40px 40px 40px;overflow-x: hidden;overflow-y:auto; max-height: 540px;min-height: 540px;}
.recourewr{ padding:0;}
.recodele{ float:left;}
.recodele span{ display:block; line-height:1; color:#323232; font-size:14px; line-height:1; margin-bottom:20px;}
.recodele h3{ color:#323232; font-size:28px; line-height:1; font-weight:normal;}
.recoderi{ float:right;}
.need{ float:left; margin-left:28px;}
.need span{ display:block; line-height:1; margin-bottom:15px; color:#323232; font-size:14px;}
.need span:last-child{ margin-bottom:0;}
.recoredown{ margin-top:40px;}
.recoredown p{ color:#323232; font-size:14px; line-height:2;}

/*二级新闻列表*/
.newsli{ margin-top:90px;}
.new-list{ width:60%; float:left;}
.new-list h3{ color:#969696; font-size:48px; font-weight:normal; line-height:1; font-family:"Arial";}
.newed{ margin-top:32px;}
.newed li{ margin-bottom:32px; position:relative;}
.newed li:before{ content:""; width:100%; height:8px; background:#a75942; position:absolute; left:0; bottom:0; transform-origin:100%; -webkit-transform-origin:100%; -webkit-transition:-webkit-transform .5s cubic-bezier(.4,0,.2,1); transition:-webkit-transform .5s cubic-bezier(.4,0,.2,1); transition:transform .5s cubic-bezier(.4,0,.2,1); transition:transform .5s cubic-bezier(.4,0,.2,1),-webkit-transform .5s cubic-bezier(.4,0,.2,1); transform:scaleX(0); -webkit-transform:scaleX(0); visibility:hidden\9;}
.newed li figure{ display:block; line-height:0; overflow:hidden;max-height:300px;}
.newed li figure img{ display:block; width:100%;height:auto; line-height:0; transition:0.5s;}
.newtext{ padding:26px 0px 13px; border-bottom:1px solid #f3f3f3; position:relative;}
.newtext span{ display:block; line-height:1; color:#323232; margin-bottom:20px; font-weight:normal;}
.newtext span time{ display:inline-block; margin-left:16px; color:#969696;}
.newtext h4{ margin-bottom:15px; font-weight:normal;}
.newtext h4 a{ color:#323232; font-size:24px; display:block; line-height:1.2;}
.newtext p{ color:#646464; font-size:14px; margin-bottom:15px;}
.newtext i{ display:block; color:#646464; font-size:14px; line-height:1; font-style:normal;}
.newdeail{ margin-top:20px; text-align:right;font-family: "宋体";}
.newdeail a{ display:inline-block; color:#999; line-height:1;}
.newed li:hover:before{ transform:scaleX(1); -webkit-transform:scaleX(1); -moz-transform:scaleX(1); transform-origin:0; -webkit-transform-origin:0; visibility:visible\9;}
.newed li:hover figure img{ transform:scale(1.03); -webkit-transform:scale(1.03); -moz-transform:scale(1.03);}
.newed li:hover .newtext h4 a{ color:#a75942;}
.newed li:hover .newdeail a{ color:#a75942;}

/*新闻详情*/
.news-details{margin-top:40px;}
.news-details .title{text-align:center;color:#323232;overflow:hidden;word-wrap:break-word;font-size: 36px;font-weight: normal;}
.news-details .date{text-align:center; height:20px;line-height:20px; color:#999; border-bottom:0px solid #f4f4f4; padding-bottom:15px; margin-top:10px; margin-bottom:20px;}
.news-details .date span{margin:0 5px;}
.news-details .date span a{color:#999;}
.news-details .date span a:hover{color:#666; text-decoration:underline;}
.news-details .paper{border:1px dashed #ccc; padding:10px; margin-bottom:20px; line-height:20px; color:#999; background:#f4f4f4;word-wrap:break-word; font-size:14px;}
.news-details .news-content{line-height:25px; overflow:hidden;word-wrap:break-word;font-size:14px;margin-bottom: 20px;color: #646464;}
.news-details .news-content a{color:#a75942;font-size:14px;}
.news-details .other{width:100%; line-height:25px; color:#999; margin-top:10px; border-top:1px solid #eee; padding-top:10px;font-size:14px;}
.news-details .other a{color:#00A0E7;font-size:14px;}
.news-details .other a:hover{color:#f60; text-decoration:underline;}

/*右侧热门新闻*/
.hot-news{ width:33.24%; float:right; padding-top:30px;}
.hot-news .recommde{ padding-bottom:30px; border-bottom:1px solid #eee;}
.hot-news .recommde span{ display:inline-block; float:left; color:#323232; font-size:20px; font-weight:bold; line-height:1;font-weight: normal;}
.hot-news .recommde small{ display:inline-block; float:left; color:#969696; font-size:14px;line-height:1; margin-left:15px;padding-top: 5px;}
.hot-news .mc{width:100%; padding:10px 0px 10px 0px;margin-top:15px;}
.hot-news .mc ul{list-style-type:none; padding:0px 7px;}
.hot-news .mc ul li{display:block;width:100%;font-size: 14px;margin-bottom:10px;border-bottom: 1px dashed #eee;padding-bottom: 10px;}
.hot-news .mc ul li span{float:left;width:20px;height:20px;margin:6px 3px 0 0;text-align:center;font:normal 14px/20px arial;color:#fff; background-color:#999;margin-right: 5px;}
.hot-news .mc .fore1 span,
.hot-news .mc .fore2 span,
.hot-news .mc .fore3 span{border:1px solid #a75942;color:#fff; background-color:#a75942;}
.hot-news .mc ul li div{line-height:30px;overflow:hidden;text-overflow:ellipsis;white-space: nowrap;width:90%;font-weight: normal;}
.hot-news .mc ul li div a{color: #646464;display: block;}
.hot-news .mc ul li div a:hover{color:#a75942;}
.hot-news .mc ul li:hover{border-color: #A75942;cursor: pointer;}
.hot-news .mc ul li:hover div a{color:#a75942;}

/*新闻详情页、产品详情页、案例详情页：上一条、下一条*/
.prevpa{ margin-top:90px; position:relative;}
.page{ float:left;}
.pagene{ float:right;}
.page a{ display:block; padding-bottom:7px; height:20px; border-bottom:1px solid #ddd; padding-left:10px; padding-right:12px;}
.page a b{ display:block; width:20px; height:20px; border-right:1px solid #ddd; background:url(../images/arrow15.png) left center no-repeat; float:left;}
.page a span{ display:inline-block; float:left; line-height:20px; color:#999; font-size:14px; margin-left:12px;}
.pagene a b{ float:right; background:url(../images/arrow14.png) right center no-repeat; border-right:none; border-left:1px solid #ddd; transition:0.34s;}
.pagene a span{ margin-left:0; margin-right:12px; transition:0.34s;}
.backlist{ position:absolute; left:50%; top:4px; margin-left:-28px;}
.backlist a{ display:block; color:#646464; font-size:14px; line-height:1;}
.backlist a:hover{ color:#a75942;}
.pagere:hover a{ border-bottom-color:#a75942;}
.pagere:hover a b{ background:url(../images/arrow16.png) left center no-repeat; border-right-color:#a75942;}
.pagere:hover a span{ color:#a75942;} 
.pagene:hover a{ border-bottom-color:#a75942;}
.pagene:hover a b{ background:url(../images/arrow17.png) right center no-repeat; border-left-color:#a75942;}
.pagene:hover a span{ color:#a75942;} 

/*招商加盟*/
.cooperate{ padding-top:58px;}
.cooper{ margin-bottom:32px; line-height:1; color:#323232; font-size:24px; font-weight:normal;}
.cooper-list li{ width:33.2%; float:left; margin-right:0.2%; background:#f3f1ed; padding:64px 0 0; height:226px; margin-bottom:4px;}
.cooper-list li:nth-child(3n+3){ margin-right:0;}
.cooper-list li b{ display:block; width:64px; height:77px; margin:auto; position:relative; margin-bottom:26px;}
.cooper-list li b img{ display:block; max-height:100%; max-width:100%; position:absolute; left:0; top:0; right:0; bottom:0; margin:auto;}
.cooper-list li strong{ display:block; line-height:1; text-align:center; color:#323232; font-size:24px; margin-bottom:20px;}
.cooper-list li p{ text-align:center; color:#646464; font-size:14px; padding:0 12px;}
#advantage{ margin-top:39px;}
.cooper-list li: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: shake 0.5s; animation: shake 0.5s;}
/**/
.policy{background-size:cover !important;background-color:#f3f1ed; }
.supper{padding: 25px;}
.supper small{ display:block; color:#fff; font-size:30px; padding-bottom:15px; margin-bottom:36px; line-height:1; position:relative;}
.supper small:before{ content:""; width:31px; height:4px; background:#fff; position:absolute; left:0; bottom:0;}
.supper h1{color: #323232;font-size: 16px;font-weight: bold;margin-top: 20px;}
.supper p{ color:#646464; font-size:14px; margin-bottom:5px;text-indent:2em; }
/**/
.support{ padding-top:60px;}
.support .joins{margin-bottom: 30px;}
.support .joins h3{ color:#323232; font-size:24px; font-weight:normal;}
.support .joins small{ display:block; color:#323232; font-size:24px;}
.support .joinru{ width:100%;margin-bottom:1px;background-color: #e6e3dd;}
.support .joinru .sptitle{display:inline-block;text-align: center;width: 200px;}
.support .joinru .sptitle h1{font-size: 16px;color: #323232;display: inline-block;vertical-align: middle;}
.support .joinru .spcontent{display:inline-block;width:-webkit-calc(100% - 204px);width:-webkit-calc(100% - 204px);width: calc(100% - 204px);background-color:#f3f1ed;}
.support .joinru .spcontent .centered{display: inline-block;vertical-align: middle;padding:10px 20px;}
.support .joinru .spcontent .centered p{ color:#646464; font-size:14px;margin:5px 0;}
/**/
.support .joinru2{padding: 25px;height:auto;overflow:auto;background-size:cover !important;background-color:#f3f1ed;}
.support .joinru2 p{ color:#646464; font-size:15px;width: 50%;float: left;margin:10px 0;}
.support .joinru2 p span{padding:0px 6px;border-radius:50%;background-color: #977266;color: #fff;margin-right: 10px;}
/**/
.rules{ padding-top:60px;}
.rulest{margin-bottom: 30px;}
.rulest h3{ color:#323232; font-size:24px; font-weight:normal;}
.rulest small{ display:block; color:#323232; font-size:24px;}
.rulesc{padding: 25px;height:auto;overflow:auto;background-size:cover !important;background-color:#f3f1ed;}
.rulesc p{ color:#646464; font-size:15px;margin:10px 0;line-height: 24px;}
.rulesc p span{width:24px;height:24px;display:inline-block;background-color: #977266;color: #fff;margin-right: 10px;text-align: center;line-height: 24px;}
/**/
.process-list li{ width:24%; float:left; margin-right:1.333333%; margin-bottom:32px; background:#f3f1ed;}
.process-list li:nth-child(4n+4){ margin-right:0;}
.proce{ padding-left:42%; padding-right:20%; padding-top:59px; height:69px; position:relative;}
.proce b{ display:block; color:#323232; font-size:32px; line-height:1; padding-bottom:22px; font-weight:normal; position:absolute; left:32px; top:43px; transition:0.4s;}
.proce b:before{ content:""; width:20px; height:13px; background:url(../images/line3.png) center no-repeat; position:absolute; left:0; bottom:0; transition:0.34s;}
.proce span{ display:block; color:#323232; font-size:14px; transition:0.35s;}
.process-list li:hover .proce b{ color:#d9241d;}
.process-list li:hover .proce b:before{ background:url(../images/line4.png) center no-repeat;}
.process-list li:hover span{ color:#d9241d;}
/**/
.hotline{ padding-top:28px;}
.hotline p{ color:#323232; font-size:24px; margin-bottom:30px; line-height:1;}
.hotline b{ color:#d9241d; font-size:36px; line-height:1; font-weight:normal;}
.hotline b small{font-size: 14px;color: #999;margin-left:5px;}

/* 产品中心：产品导航 */
#zsgun{ background:#FFFFFF; position:relative;height:200px; width:100%; margin:auto;}
a.hScrollPane_leftarrow{top:45px; cursor:pointer; display:block; width:25px; height:58px; background:url(../images/zsleftbar.png) no-repeat left top;left:15px; position:absolute;}
a.hScrollPane_leftarrow:hover{background:url(../images/zsleftbar.png) no-repeat left -58px;}
a.hScrollPane_rightarrow{ top:45px; cursor:pointer; display:block; width:25px; height:58px; background:url(../images/zsrightbar.png) no-repeat left top; right:15px; position:absolute;}
a.hScrollPane_rightarrow:hover{background:url(../images/zsrightbar.png) no-repeat left -58px;}
.hScrollPane_dragbar{width:-webkit-calc(100% - 80px); position: absolute; border-bottom:#e9e6df 1px solid; left:0px; top:160px; z-index:1; padding:0 39px;}
.hScrollPane_draghandle{position:absolute; width:180px; height:10px; overflow:hidden; background:url(../images/gunbar.png) no-repeat left top;_background:url(../images/gunbar.png) no-repeat left top; bottom:-5px; cursor:pointer; margin:0 39px; left:0;}
#gundiv{ width:-webkit-calc(100% - 117px); position:relative; margin-left:55px; padding-top:0px; float:left; display:inline;height:160px; overflow:hidden;}
.series{ background:#fff; margin-top:-66px; position:relative; z-index:20;}
.series-list{ position:relative; overflow:hidden;}
.series-list li{ width:205px; float:left; position:relative;}
.series-list li a{ display:block; padding:22px 0; text-align:center; height:140px;}
.series-list li a b{ display:block; width:60px; height:60px; margin:auto; position:relative; margin-bottom:25px; transition:0.4s;}
.series-list li a b img{ display:block; max-width:100%; max-height:100%; position:absolute; left:0; top:0; right:0; bottom:0; margin:auto;}
.series-list li a span{ display:block; line-height:1; color:#323232; font-size:14px; padding-bottom:20px; text-align:center; position:relative; transition:0.4s;}
.series-list li a span:before{ content:""; width:14px; height:7px; background:url(../images/arrow_down.png) center no-repeat; position:absolute; left:50%; margin-left:-7px; bottom:5px; opacity:0; visibility:hidden; transition:0.3s;}
.series-list li:hover a{ box-shadow:0 0 40px rgba(0,0,0,0.1);}
.series-list li:hover a span:before{ opacity:1; visibility:visible; bottom:0; transition-delay:0.15s;}
.series-list li: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: shake 0.5s; animation: shake 0.5s;}
.series-list li.active a{ box-shadow:0 0 40px rgba(0,0,0,0.1);}
.series-list li.active a span{color: #7C3F2D;}
.series-list li.active a span:before{ opacity:1; visibility:visible; bottom:0; transition-delay:0.15s;color: #7C3F2D;}
.series-list li.active 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: shake 0.5s; animation: shake 0.5s;}
/* 产品中心：产品列表 */
.product-list{ margin-top:27px;}
.product-list li{display:table; width:-webkit-calc(23.48% - 2px);width:-webkit-calc(23.48% - 2px);width: calc(23.48% - 2px);float:left;text-align:center;margin-right:2%; margin-bottom:60px; position:relative;border: 1px solid #E9E6DF;height:400px;overflow: hidden;}
.product-list li:nth-child(4n+4){margin-right:0;}
.product-list li figure{overflow:hidden; line-height:0;height: 400px;display:table-cell;vertical-align:middle;}
.product-list li figure img{width:auto; max-width: 100%; height:auto;max-height:400px;line-height:0; transition:0.54s;} 
.product-list li:hover figure img{ transform:scale(1.05); -webkit-transform:scale(1.05); -moz-transform:scale(1.05);}
.product-list li:hover .protext:before{transform:scaleY(1); -webkit-transform:scaleY(1); transform-origin:left 0; -webkit-transform-origin:left 0; visibility:visible\9;}
.product-list li:hover .protext h3{ opacity:1; visibility:visible;line-height: 25px;}
.product-list li:hover .protext span{ opacity:1; visibility:visible; transition-delay:0.16s;font-family: "宋体";}
.product-list .protext{ padding-left:20px; width:210px; padding-top:31px; height:180px; position:absolute; left:-webkit-calc(50% - 115px);left:-webkit-calc(50% - 115px);left: calc(50% - 115px);bottom:-30px;text-align: left;}
.product-list .protext:before{ content:""; width:100%; height:100%; position:absolute; left:0; top:0; background:rgba(167,89,66,0.8); background:#a75942\9; filter:alpha(opacity=80); -webkit-transition:-webkit-transform .5s cubic-bezier(.4,0,.2,1); transition:-webkit-transform .5s cubic-bezier(.4,0,.2,1); transition:transform .5s cubic-bezier(.4,0,.2,1); transition:transform .5s cubic-bezier(.4,0,.2,1),-webkit-transform .5s cubic-bezier(.4,0,.2,1); transform-origin:left 100%; -webkit-transform-origin:left 100%; transform:scaleY(0); -moz-transform:scaleY(0); -webkit-transform:scaleY(0); visibility:hidden\9;}
.product-list .protext h3{ color:#fff; line-height:1; font-size:18px; position:relative; font-weight:normal; opacity:0; visibility:hidden; transition:0.4s;}
.product-list .protext span{ display:block; color:#fff; font-size:12px; position:absolute; left:28px; bottom:50px; padding-bottom:4px; opacity:0; visibility:hidden; transition:0.4s;font-family: "宋体";}
.product-list .protext span: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 .4s cubic-bezier(.4,0,.2,1); transition:-webkit-transform .4s cubic-bezier(.4,0,.2,1); transition:transform .4s cubic-bezier(.4,0,.2,1); transition:transform .4s cubic-bezier(.4,0,.2,1),-webkit-transform .4s cubic-bezier(.4,0,.2,1); transform:scaleX(0); -webkit-transform:scaleX(0); visibility:hidden\9;}
.product-list .protext span:hover:before{ transform:scaleX(1); -webkit-transform:scaleX(1); -moz-transform:scaleX(1); transform-origin:0; -webkit-transform-origin:0; visibility:visible\9;}

/*工程案例*/
.hotline2{ padding-top:28px;text-align: center;}
.hotline2 h1{ color:#999; font-size:24px; margin-bottom:30px; font-weight: normal;}
.hotline2 p{ color:#323232; font-size:20px;}
.hotline2 b{ color:#d9241d; font-size:36px; line-height:1; font-weight:normal;}
.hotline2 b small{font-size: 14px;color: #999;margin-left:5px;}
/*案例列表*/
.case-list{ margin-top:60px;}
.case-list li{ width:23.5%; float:left; margin-right:2%; margin-bottom:60px; position:relative;}
.case-list li:nth-child(4n+4){ margin-right:0;}
.case-list li figure{ display:block; overflow:hidden; line-height:0;height: 250px;}
.case-list li figure img{ display:block; width:100%; min-height:250px;height:auto; line-height:0; transition:0.54s;} 
.case-list li:hover figure img{ transform:scale(1.05); -webkit-transform:scale(1.05); -moz-transform:scale(1.05);}
.case-list li:hover .protext:before{transform:scaleY(1); -webkit-transform:scaleY(1); transform-origin:left 0; -webkit-transform-origin:left 0; visibility:visible\9;}
.case-list li:hover .protext h3{ opacity:1; visibility:visible;line-height: 25px;}
.case-list li:hover .protext span{ opacity:1; visibility:visible; transition-delay:0.16s;font-family: "宋体";}
.case-list .protext{ padding-left:20px; width:210px; padding-top:31px; height:180px; position:absolute; left:-webkit-calc(50% - 115px);left:-webkit-calc(50% - 115px);left: calc(50% - 115px);bottom:-30px;}
.case-list .protext:before{ content:""; width:100%; height:100%; position:absolute; left:0; top:0; background:rgba(167,89,66,0.8); background:#a75942\9; filter:alpha(opacity=80); -webkit-transition:-webkit-transform .5s cubic-bezier(.4,0,.2,1); transition:-webkit-transform .5s cubic-bezier(.4,0,.2,1); transition:transform .5s cubic-bezier(.4,0,.2,1); transition:transform .5s cubic-bezier(.4,0,.2,1),-webkit-transform .5s cubic-bezier(.4,0,.2,1); transform-origin:left 100%; -webkit-transform-origin:left 100%; transform:scaleY(0); -moz-transform:scaleY(0); -webkit-transform:scaleY(0); visibility:hidden\9;}
.case-list .protext h3{ color:#fff; line-height:1; font-size:18px; position:relative; font-weight:normal; opacity:0; visibility:hidden; transition:0.4s;}
.case-list .protext span{ display:block; color:#fff; font-size:12px; position:absolute; left:28px; bottom:50px; padding-bottom:4px; opacity:0; visibility:hidden; transition:0.4s;}
.case-list .protext span: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 .4s cubic-bezier(.4,0,.2,1); transition:-webkit-transform .4s cubic-bezier(.4,0,.2,1); transition:transform .4s cubic-bezier(.4,0,.2,1); transition:transform .4s cubic-bezier(.4,0,.2,1),-webkit-transform .4s cubic-bezier(.4,0,.2,1); transform:scaleX(0); -webkit-transform:scaleX(0); visibility:hidden\9;}
.case-list .protext span:hover:before{ transform:scaleX(1); -webkit-transform:scaleX(1); -moz-transform:scaleX(1); transform-origin:0; -webkit-transform-origin:0; visibility:visible\9;}

/*---产品详情、案例详情---*/
.case-details{margin-top: 60px;}
.case-details .ban{ width:63%; height:760px; position:relative; overflow:hidden;margin:0px auto;float: left;}
.case-details .ban2{ width:820px; height:615px; position:relative; overflow:hidden;margin:0px auto;background-color: #f3f1ed;}
.case-details .ban2 ul{ position:absolute; left:0; top:0;}
.case-details .ban2 ul li{width:820px;height:615px;overflow: hidden;line-height: 615px;text-align: center;}
.case-details .ban2 ul li img{vertical-align:middle;width:auto;max-width:100%;height:auto;max-height: 615px;}
.case-details .prev{ float:left; cursor:pointer;}
.case-details .num{ height:82px;overflow:hidden; width:640px; position:relative;float:left;}
.case-details .min_pic{ padding-top:30px; width:710px;margin:0px auto;}
.case-details .num ul{ position:absolute; left:0; top:0;}
.case-details .num ul li{ width:120px; height:78px; margin-right:5px; padding:1px;text-align: center;overflow: hidden;border:1px solid #E9E6E1;}
.case-details .num ul li img{ width:auto; height:78px;}
.case-details .num ul li.on{ border:2px solid #a75942; padding:0;}
.case-details .prev_btn1{ width:16px; text-align:center; height:18px; margin-top:40px; margin-right:20px; cursor:pointer; float:left;}
.case-details .next_btn1{  width:16px; text-align:center; height:18px; margin-top:40px;cursor:pointer;float:right;}
.case-details .prev1{ position:absolute; top:325px; left:0px; width:49px; height:49px;z-index:9;cursor:pointer;}
.case-details .next1{ position:absolute; top:325px; right:0px; width:49px; height:49px;z-index:9;cursor:pointer;}

.case-details_r{ width:33.24%; float:right;}
.case-details_r .case-info{background-color: #f3f1ed;padding: 20px;margin: 0 auto;margin-bottom: 40px;}
.case-details_r .case-info h1{width:100%;height:auto;overflow:auto;display:block;color:#323232;font-size:20px;border-bottom:1px solid #e9e6df;padding-bottom: 10px;}
.case-details_r .case-info h1 span{float:left; color:#a75942;font-weight: normal;}
.case-details_r .case-info h2{width:100%;height:auto;overflow:auto;display:block;color:#323232;font-size:20px;border-bottom:1px solid #e9e6df;padding-bottom: 10px;}
.case-details_r .case-info h2 span{float:left; color:#a75942;font-weight: normal;}
.case-details_r .case-info h3{width:100%;height:auto;overflow:auto;display:block; border-bottom:1px solid #e9e6df;color:#323232;font-size:18px;font-weight: normal;padding-bottom: 10px;}
.case-details_r .case-info .mc{padding:10px 0px;color: #646464;font-size: 14px;}
.case-details_r .case-info .mc h4{width:100%;display: block;margin-bottom:10px;border-bottom:1px solid #e9e6df;height: 27px;}
.case-details_r .case-info .mc h4 span{background-color: #e9e6df;padding:5px 20px;color: #646464;}
.case-details_r .case-info .mc .mu-ccontent{line-height: 28px;}
.case-details_r .case-info .mc2{padding:10px 0px;margin-top:15px;color: #646464;font-size: 14px;}
.case-details_r .case-info .mc2 p{ color:#323232; font-size:20px;}
.case-details_r .case-info .mc2 b{ color:#d9241d; font-size:34px; line-height:1; font-weight:normal;}
.case-details_r .case-info .mc2 b small{font-size: 14px;color: #999;margin-left:5px;}

@keyframes shake {
    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 shake {
    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); }
}