@import 'animate.ui.css';
@import 'skin.css';

/******************************
 ** 初始化 / 兼容到IE7
 ******************************/
* { margin:0; padding:0; }
html { height:100%; }
body  { min-height:100%; font:14px/2 'Microsoft Yahei', Arial; color:#666; background:#fff; }
img { border:0px; }
ul, ol { list-style-type:none; vertical-align:bottom; }
table { border-collapse:collapse; border-spacing:0; }
input, textarea, select { font:14px/1 'Microsoft Yahei', Arial; color:#666; outline:0; }
textarea { resize:none; overflow:auto; }
h1,h2,h3,h4,h5,h6,font { font-size:14px; }
a { color:#333; text-decoration:none; cursor:pointer; }
a:hover, a:active { color:#11743b; }
a:link,
a:link img,
input { transition:all .3s linear; }

.clear { float:none !important; clear:both; +line-height:0; +font-size:0; +height:0; }
.hidden { display:none; visibility:visible; }
.wrap { width:1200px; margin:0 auto; position:relative; }


/******************************
 ** 首页
 ******************************/
.topper { height:40px; background:#11743b; color:#a8dad8; border-bottom:5px solid #fff; }
.topper .welcome { float:left; line-height:40px; }
.topper .tel { float:right; line-height:40px; background:url(img/topper-tel.png) 24px center no-repeat #f8a900; color:#fff; padding:0 20px 0 60px; font-size:18px; }
.topper .os { float:right; margin:0 20px 0 0; }
.topper .os li { float:left; margin:0 0 0 5px; line-height:40px; padding:0 10px; background:url(img/topper-line.png) left center no-repeat; cursor:pointer; transition:color .3s ease; }
.topper .os li:hover { color:#FFF; }
.topper .os li:first-child { background:none; }

.header { position:relative; height:90px; background:#fff; z-index:10; }
.header .logo { float:left; margin:15px 0; }
.header .logo img { display:block; width:485px }

.nav { float:right; height:90px; }
.nav li { float:left; width:100px; height:90px; position:relative; }
.nav li > a { display:block; height:90px; line-height:90px; font-size:16px; text-align:center; transition:none; transition:background .5s ease; }
.nav .drop { position:absolute; left:0; top:90px; right:0; background:url(about:blank) center center repeat; display:none; }
.nav .drop dl { position:relative; background:#fff; border-bottom:3px solid #11743b; }
.nav .drop dd { line-height:24px; text-align:center; border-top:1px solid #eee; }
.nav .drop dd:first-child { border-top:0; }
.nav .drop a { display:block; padding:8px; }
.nav .drop a:hover { background:#f9f9f9; }
.nav.active li.current > a { background:#fff; color:#666; }
.nav li.active > a { background:#11743b !important; color:#fff !important; }
.nav li.current > a { background:#11743b; color:#fff; }

.banner { position:relative; z-index:8; }
.banner .list { position:relative; overflow:hidden; z-index:1; }
.banner .list li { position:absolute; width:100%; height:100%; overflow:hidden; background:#FFF; display:none; z-index:1; }
.banner .list li:first-child { display:block; }
.banner .list li.active { z-index:2; }
.banner .list img { position:relative; display:block; width:1920px; left:50%; margin:0 0 0 -960px; }
.banner .tip { position:absolute; left:50%; bottom:30px; margin:0 0 0 -50px; line-height:0; z-index:18; }
.banner .tip li { display:inline-block; +display:inline; +zoom:1; width:20px; height:20px; border-radius:1px; background:url(img/banner-dots.png) center 0 no-repeat; border-radius:50%; margin:0 10px; cursor:pointer; transition:all .3s ease; }
.banner .tip li.active { background-position:center -20px; }
.banner .prev,
.banner .next { width:80px; height:80px; position:absolute; top:50%; margin:-50px 0 0; z-index:9; cursor:pointer; display:none; }
.banner .prev { background:url(img/banner-pw.png) 0 0 no-repeat; left:50px; }
.banner .next { background:url(img/banner-pw.png) 0 -80px no-repeat; right:50px; }
.banner .prev:hover { background-position:-80px 0; }
.banner .next:hover { background-position:-80px -80px; }
.banner .list,
.banner .list img { height:580px; }
.banner.mini .list,
.banner.mini .list img { height:350px; }
.banner.mini .tip { bottom:10px; }

.inav { background:#11743b; }
.inav .wrap { height:130px; overflow:hidden; background:url(img/inav-line.png) right center no-repeat; }
.inav li { float:left; width:200px; text-align:center; background:url(img/inav-line.png) left center no-repeat; }
.inav a { display:block; height:100px; padding:15px; color:#fff; }
.inav img { display:block; margin:0 auto; width:50px; height:50px; }
.inav h2,
.inav h3 { line-height:24px; font-size:18px; font-weight:normal; text-transform:uppercase; }
.inav h3 { font-size:10px; }
.inav li:hover { background:#d3b177; }

.iadvan { background:#f0f4f4; padding:50px 0; }
.iadvan .head { text-align:center; margin:0 0 50px; }
.iadvan .head h2,
.iadvan .head h3 { line-height:40px; font-size:30px; color:#11743b;  }
.iadvan .head h3 { line-height:20px; text-transform:uppercase; font-size:12px; font-weight:normal; color:#999; }
.iadvan .list { height:330px; background:url(img/iadvan-bj.png) center center no-repeat; position:relative; }
.iadvan .list li { width:340px; position:absolute; }
.iadvan .list h3 { padding:0 0 0 35px; font-size:20px; color:#11743b; background:url(img/iadvan-li.png) left center no-repeat; }
.iadvan .list p { padding:0 0 0 35px; line-height:24px; color:#666; }
.iadvan .list li:first-child { left:0; top:20px; }
.iadvan .list li:first-child + li { right:0; top:20px; }
.iadvan .list li:first-child + li + li { left:0; top:180px; }
.iadvan .list li:first-child + li + li + li { right:0; top:180px; }

.ipro { background:#fff; padding:50px 0; }
.ipro .head { text-align:center; margin:0 0 50px; }
.ipro .head h2,
.ipro .head h3 { line-height:40px; font-size:30px; color:#11743b;  }
.ipro .head h3 { line-height:20px; text-transform:uppercase; font-size:12px; font-weight:normal; color:#999; }
.ipro .list { width:100%; overflow:hidden; padding:0 0 20px; }
.ipro .item { float:left; width:380px; margin:0 10px 20px; }
.ipro .item a { display:block; background:#11743b; }
.ipro .item img { display:block; width:100%; height:285px; background:#eee; }
.ipro .item h3 { white-space:nowrap; line-height:50px; color:#fff; text-align:center; font-size:16px; font-weight:normal; }
.ipro .item:hover a { background:#d3b177; }
.ipro .more { }
.ipro .more a { display:block; margin:0 auto; width:120px; line-height:40px; background:#d3b177; color:#fff; text-align:center; }
.ipro .more a:hover { background:#ce9c45; }

.icase { background:#f0f4f4; padding:50px 0; }
.icase .wrap { overflow:hidden; }
.icase .head { text-align:center; margin:0 0 50px; }
.icase .head h2,
.icase .head h3 { line-height:40px; font-size:30px; color:#11743b;  }
.icase .head h3 { line-height:20px; text-transform:uppercase; font-size:12px; font-weight:normal; color:#999; }
.icase .list { width:500%; overflow:hidden; position:relative; padding:0 0 20px; }
.icase .item { float:left; width:292px; margin:0 10px 20px 0; }
.icase .item a { display:block; background:#11743b; }
.icase .item img { display:block; width:100%; background:#eee; }
.icase .item h3 { white-space:nowrap; line-height:50px; color:#fff; text-align:center; font-size:16px; font-weight:normal; }
.icase .item:hover a { background:#d3b177; }
.icase .more { text-align:center; }
.icase .more a { display: block;width:250px; height:34px; text-indent:-99em; overflow:hidden; background:url(img/icase-more.png) center center no-repeat #759c9a; border-radius:34px;
margin: 0 auto;}
.icase .more a:hover { background-color: #11743b; }

.iabout { background:#fff; }
.iabout .wrap { padding:50px 0; border-bottom:1px solid #ddd; overflow:hidden; }
.iabout .sketch { float:left; overflow:hidden; }
.iabout .sketch img { width:400px; height:300px; transition:all 5s ease; }
.iabout .inso { margin:0 0 40px 440px; }
.iabout .inso h2 { font-size:24px; color:#11743b; margin:0 0 10px; }
.iabout .inso p { line-height:30px; text-indent:0em; text-align:justify; }
.iabout .more { margin:0 0 0 440px; }
.iabout .more a { display:block; width:120px; line-height:40px; background:#d3b177; color:#fff; text-align:center; }
.iabout .more a:hover { background:#ce9c45; }
.iabout .wrap:hover img { transform:scale(1.2,1.2); }

.ifloor { padding:50px 0; overflow:hidden; }

.imsg { float:left; width:400px; height:200px; }
.imsg .head { height:50px; margin:0 0 20px; }
.imsg .head h2,
.imsg .head h3 { display:inline-block; +display:inline; +zoom:1; vertical-align:0; height:50px; line-height:50px; font-size:24px; color:#11743b; }
.imsg .head h3 { text-transform:uppercase; font-weight:normal; font-size:14px; margin:0 0 0 10px; color:#999; }
.imsg form { display:block; overflow:hidden; }
.imsg .row-1,
.imsg .row-2,
.imsg .row-3 { width:100%; clear:both; margin-bottom:15px; position:relative; overflow:hidden; position:relative; }
.imsg .row-1 { width:348px; height:auto; padding:0 0 0 50px; border:1px solid #ddd; }
.imsg .row-2 { width:398px; height:140px; border:1px solid #ddd; }
.imsg .icon { position:absolute; left:10px; top:5px; }
.imsg .txt { width:100%; height:40px; line-height:40px; background:none; border:0; color:#999; }
.imsg .text { width:378px; border:0; background:none; padding:10px; line-height:20px; height:120px; color:#999; }
.imsg img.code { float:left; width:110px; height:42px; margin-right:20px; cursor:pointer; }
.imsg input.code { float:left; width:150px; height:40px; line-height:40px; border:1px solid #ddd; background:none; margin-right:20px; padding:0 10px; color:#999; }
.imsg .submit,
.imsg .reset { width:100%; height:50px; border:0; cursor:pointer; color:#FFF; font-size:16px; }
.imsg .submit { background:#11743b; margin-left:0; }
.imsg .reset { display:none; }
.imsg .submit:hover { background:#d3b177; }

.inews { float:right; width:680px; }
.inews .head { height:50px; margin:0 0 0; position:relative; }
.inews .head h2,
.inews .head h3 { display:inline-block; +display:inline; +zoom:1; vertical-align:0; height:50px; line-height:50px; font-size:24px; color:#11743b; }
.inews .head h3 { text-transform:uppercase; font-weight:normal; font-size:14px; margin:0 0 0 10px; color:#999; }
.inews .head a { position:absolute; right:0; top:0; line-height:50px; color:#999; }
.inews .head a:hover { color:#11743b; }
.inews .list { }
.inews .item { height:112px; padding:20px 0 20px 170px; position:relative; border-top:1px solid #ddd; }
.inews .item:first-child { border:0; }
.inews .img { position:absolute; left:0; top:20px; overflow:hidden; }
.inews .img img { width:150px; height:112px; }
.inews .item h3 { font-size:18px; }
.inews .item p { line-height:20px; }
.inews .item:hover img { transform:scale(1.05,1.05); }

.subnav { background:#11743b; color:#fff; }
.subnav .wrap { height:50px; line-height:50px; }
.subnav li { float:left; width:133px; text-align:center; }
.subnav a { font-size:16px; color:#fff; }
.subnav a:hover { opacity:.7; filter:Alpha(opacity=70); }


.footer { background:#394040; }
.footer .wrap { overflow:hidden; padding:50px 0 30px; }

.sublime { float:left; max-width:240px; margin:0 90px 0 0; }
.sublime dt { line-height:40px; font-size:15px; font-weight:bold; white-space:nowrap; color:#fff; }
.sublime dd { color:#999; line-height:30px; }
.sublime a { color:#999; }
.sublime a:hover { color:#fff; }

.searcher { float:right; width:310px; position:relative; margin:0 0 20px; }
.searcher .txt { width:300px; height:35px; line-height:35px; padding:0 0 0 10px; background:#fff; border:0; color:#bbb; }
.searcher .submit { position:absolute; right:0; top:0; bottom:0; background:url(img/searcher-submit.png) center center no-repeat #d3b177; color:#fff; width:50px; border:0; cursor:pointer; }
.searcher .submit:hover { background-color:#f4a41b; }

.subcode { float:right; }
.subcode li { float:left; width:150px; margin:0 0 0 10px; text-align:center; }
.subcode img { display:block; width:100%; }
.subcode h3 { line-height:40px; font-weight:normal; color:#999; }

.bottomer { height:50px; line-height:50px; text-align:center; background:#272b2b; color:#999; }
.bottomer a { color:#999; }
.bottomer a:hover { color:#fff; }

.toolbar { position:fixed; top:300px; right:1px; z-index:100; }
.toolbar > * { width:60px; height:60px; position:relative; background:#11743b; margin:0 0 2px; }
.toolbar > *.itop { background:#11743b; }
.toolbar > *:first-child { border-top:0; }
.toolbar > * > a { display:block; width:60px; height:60px; text-align:center; color:#FFF; background:url(img/toolbar-icon.png) center 0 no-repeat; }
.toolbar .qq a { background-position:center 0; }
.toolbar .qiao a { background-position:center -60px; }
.toolbar .tel a { background-position:center -120px; }
.toolbar .code a { background-position:center -180px; }
.toolbar .itop a { background-position:center -240px; }
.toolbar > * > a:hover { background-color: #d3b177; }
.toolbar .drop-code { position:absolute; bottom:0; right:62px; background:#d3b177; padding:5px; font-size:12px; text-align:center; color:#fff; box-shadow:0 0 1px rgba(0,0,0,.2); width:145px; display:none; }
.toolbar .drop-code img { display:block; width:145px; height:145px; }
.toolbar .drop-code h3 { font-weight:normal; }
.toolbar .drop-tel { position:absolute; top:0; right:62px; width:0; overflow:hidden; }
.toolbar .drop-tel p { width:152px; height:60px; line-height:60px; padding:0 0 0 10px; background:#d3b177; color:#FFF; font-size:20px; }
.toolbar .qq:hover,
.toolbar .qiao:hover,
.toolbar .tel:hover,
.toolbar .code:hover { background-color:#d3b177; }
.toolbar .itop:hover { background-color:#d3b177; }









/******************************
 ** 兼容性
 ******************************/
body { _background:url(data:image/png;base64,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) center center no-repeat #fff; }
body > * { _display:none; }