@charset "utf-8";

/* Rest
-----------------------------------------------------------------------------------------------------------*/
body, h1, h2, p, ul { margin: 0; }
ul { list-style: none; padding: 0; }
a { text-decoration: none; }
a:hover { text-decoration: underline; }
img { border: 0; vertical-align: top; }
em { font-style: normal; }
section, article, aside, header, footer, nav { display: block; }

/* Font
-----------------------------------------------------------------------------------------------------------*/
body, a { color: #555; }
body { padding-top:79px; font: 12px/1.6 \5FAE\8F6F\96C5\9ED1, Tahoma, Geneva, sans-serif; }
h1, h2 { font-weight: 400; font-size: 1em; }

/* Pendant
-----------------------------------------------------------------------------------------------------------*/
.pr { position: relative; }
.pa { position: absolute; }
.fl { float: left; _display: inline; }
.fr { float: right; _display: inline; }
.bc { margin-left: auto; margin-right: auto; }
.tc { text-align: center; }
.fn { font-weight: 400; }
.fb { font-weight: 700; }
.nt { text-indent: -38888px; outline: none; }


.clearfix:after { font-size: 0; display: block; visibility: hidden; clear: both; height: 0; content: ' '; }
* html .clearfix { zoom: 1; } /* IE6 */
*:first-child + html .clearfix { zoom: 1; } /* IE7 */

/*CSS3 缓动效果*/
.transition,.switchMod-cont,.switchMod-cont li,.info-list,.info-list dt,.info-list dd { transition-delay: 2s; -moz-transition-delay: 2s; /* Firefox 4 */ -webkit-transition-delay: 2s; /* Safari 和 Chrome */ -o-transition-delay: 2s; /* Opera */ -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; transition: all .4s ease; }

/* css3   */
.g-animEle1,.g-animEle2,.g-animEle3,.g-animEle4,.g-animEle5{
	-webkit-transform:translate3d(0,0,0);
	-moz-transform:translate3d(0,0,0);
	-ms-transform:translate3d(0,0,0);
	-o-transform:translate3d(0,0,0);
	transform:translate3d(0,0,0);
	opacity:1
}

.ui-animEle{
	-webkit-transform:translate3d(0,60px,0);
	-moz-transform:translate3d(0,60px,0);
	-ms-transform:translate3d(0,60px,0);
	-o-transform:translate3d(0,60px,0);
	transform:translate3d(0,60px,0);
	opacity:0
}

.g-animEle1{
	-webkit-transition:all .6s ease-out 0s;
	-moz-transition:all .6s ease-out 0s;
	-ms-transition:all .6s ease-out 0s;
	-o-transition:all .6s ease-out 0s;
	transition:all .6s ease-out 0s
}

.g-animEle2{
	-webkit-transition:all .6s ease-out .2s;
	-moz-transition:all .6s ease-out .2s;
	-ms-transition:all .6s ease-out .2s;
	-o-transition:all .6s ease-out .2s;
	transition:all .6s ease-out .2s
}

.g-animEle3{
	-webkit-transition:all .6s ease-out .4s;
	-moz-transition:all .6s ease-out .4s;
	-ms-transition:all .6s ease-out .4s;
	-o-transition:all .6s ease-out .4s;
	transition:all .6s ease-out .4s
}

.g-animEle4{
	-webkit-transition:all .6s ease-out .6s;
	-moz-transition:all .6s ease-out .6s;
	-ms-transition:all .6s ease-out .6s;
	-o-transition:all .6s ease-out .6s;
	transition:all .6s ease-out .6s
}

.g-animEle5{
	-webkit-transition:all .6s ease-out .8s;
	-moz-transition:all .6s ease-out .8s;
	-ms-transition:all .6s ease-out .8s;
	-o-transition:all .6s ease-out .8s;
	transition:all .6s ease-out .8s
}



/* Layout
-----------------------------------------------------------------------------------------------------------*/
.container { max-width: 1920px; min-width: 1200px; overflow: hidden; *position: relative; }
.container { _width: expression((document.documentElement.clientWidth > 1920 || document.body.clientWidth > 1920) ? "1920px" : ((document.documentElement.clientWidth < 1200 || document.body.clientWidth < 1200) ? "1200px" : "100%")); _margin:0 auto; }
.range { width: 1920px; margin-left: -360px; _margin-right: -360px; _position: relative; }

html { background-color: #fff; }
.container { border-top: 1px solid #dcdee0; }
.wrap { position:relative; width: 1200px; }

h2, .cont { margin: 0 95px; }
h2 { padding-top: 44px; font-size: 4em; line-height: 1; *line-height: normal; }
h2 em { font-size: .5em; }
.cont { font-size: 1.2em; line-height: 1.8; }

/* header */
.header { position:fixed !important; _position: absolute; left:0; top:0; z-index: 9; line-height:79px; width:100%; height: 79px; background-color:#fff; border-bottom: 1px solid #c2c2c2; }
.header h1 { padding-top: .7em; }
.header h1 img { height: 5em; }

.header ul { }
.header li a { display: block; width: 126px; font-size: 1.5em; }
.header li a:hover, .header .current a { color: #4ab71a; }
.header li a:hover { text-decoration: none; }
.header .first a { width: 90px; }

/* footer */
.footer, .footer a { color: #888; }
.footer { background-color:#23262d; padding: 3em 0; line-height:2.6; }
.footer a { *display: inline-block; margin: 0 4px; }
.footer em { color: #4ab71a; }

/* slider */
.slider { height: 537px; background: #e4f0e2 url(../image/slider-loading.gif) no-repeat center; }
.slider p { display: none; top: 0; left: 0; _position: absolute; }
.slider img { width: 100%; height: 537px; }
.slider div { position: absolute; top: 500px; left: 0; width: 100%; text-align: center; }
.slider i { display: inline-block; *zoom: 1; *display: inline; width: 14px; height: 14px; margin: 0 8px; border-radius: 7px; background-color: #555; }
.slider .current { background-color: #36cf56; }

/* ie6~8 hack */
.slider i { background: url(../image/slider-light-ie.png) no-repeat -14px 0\9; background-color: transparent\9; _overflow: hidden; }
.slider .current { background-position: 0 0\9; background-color: transparent\9; }

/* banners */
.banners { height: 362px; }
.banners .wrap { height: 287px; padding-top: 37px; border-bottom: 1px solid #383d4c; }
.banners ul { height: 281px; border-bottom: 4px solid #383d4c; }
.banners li, .banners img { width: 385px; height: 244px; }
.banners p { display: none; z-index: 9; top: 192px; left: 0; width: 100%; height: 52px; line-height: 52px; text-indent: 1em; font-size: 1.7em; color: #fff; *cursor: pointer; }
.banners i { top: 192px; left: 0; width: 100%; height: 0; background-color: #272c3a; opacity: .6; filter: alpha(opacity=60); }
.banners strong { margin-left: .5em; }
.banners .mid { margin: 0 22px; }

/* about */
.about, .about .wrap { background: url(../image/about-bg.png) no-repeat 0 0; }
.about { padding-bottom: 80px; background-color: #444a58; background-position: center 0; color: #fff; }
.about .wrap { background-position: -360px 0; }
.about h2 { height: 446px; }
.about h2 em { color: #b2b4b8; }
.about .cont p { margin:15px 0; text-indent: 2.4em; }
.about .cont i { width: 36px; height: 25px; background: url(../image/about-el.png) no-repeat 0 0; }
.about .cont .l { top: -25px; left: -56px; _left: -106px; background-position: 0 -25px; }
.about .cont .r { bottom: -16px; _top: 12em; right: -56px; _right: 0; background-position: 0 -0; }

/* development */
.development, .development .wrap { background: url(../image/development-bg.png) no-repeat 0 0; }
.development { background-position: center 0; }
.development .wrap { height: 731px; background-position: -360px 0; }
.development h2 { height: 120px; color: #373d4b; }
.development h2 em { color: #a3a3a3; }
.development .detail { height: 390px; line-height: 2; }
.development .detail ul { display: none; }
.development .detail .mt { margin-top: 1em; }
.development .detail .future { padding-top: 12px; font-size: 2em; }
.development .years { position:absolute; left:65px; bottom:56px; }

.switchMod-cont li{ list-style:square inside url(../image/list-icon.png);}
.switchMod-cont li:hover{ margin-left:10px; color:#f1154e;}

/* culture */
.culture { background-color: #ffb326; color: #fff; }
.culture h2 { height: 140px; }
.culture .cont p { text-indent: 2em; }
.culture .cont .tc { padding: 52px 0 84px; text-indent: 0; }

/* tree */
.tree { background-color: #f2f2f2; }
.tree .wrap { height: 638px; background: url(../image/tree.png) no-repeat 0 bottom; }
.tree h2, .tree .cont { margin-left: 748px; }
.tree h2 { height: 98px; padding-top: 140px; color: #373d4b; }
.tree .cont { margin-right: 0; }
.tree .cont p { font-size: 1.6em; }
.tree .cont .tr { margin-top: 1em; text-align: right; }

/* contact */
.contact{background-color: #444a58; color:#fff;}
.contact .cont{ margin-top:50px;}
.info-box{ padding:0 30px; width:445px; height:370px; overflow:hidden;}
.info-list{ margin:0; padding:0; width:100%;}
.info-list:hover dd:first-of-type{ transition-delay: .18s; -moz-transition-delay: .18s; /* Firefox 4 */ -webkit-transition-delay: .18s; /* Safari 和 Chrome */ -o-transition-delay: .18s; /* Opera */}
.info-list:hover dd:nth-of-type(2){ transition-delay: .25s; -moz-transition-delay: .25s; /* Firefox 4 */ -webkit-transition-delay: .25s; /* Safari 和 Chrome */ -o-transition-delay: .25s; /* Opera */}
.info-list:hover dd:nth-of-type(3){ transition-delay: .35s; -moz-transition-delay: .35s; /* Firefox 4 */ -webkit-transition-delay: .35s; /* Safari 和 Chrome */ -o-transition-delay: .35s; /* Opera */}
.info-list:hover dd:nth-of-type(4){ transition-delay: .45s; -moz-transition-delay: .45s; /* Firefox 4 */ -webkit-transition-delay: .45s; /* Safari 和 Chrome */ -o-transition-delay: .45s; /* Opera */}
.info-list:hover dt,.info-list:hover dd{ margin-left:15px;}
.info-list:hover dd{ color:#fff;}
.info-list dt,.info-list dd{ margin:0; padding:0; width:100%;}
.info-list dt{ font-size: 1.6em; margin-top:20px; padding:10px 0; line-height:1.2; list-style:circle;}
.info-list dt span{ font-size:.6em; color:#bbb;}
.info-list dd{ font-size:1em; line-height:2.8; padding-left:54px; color:#bbb; background-./image:url(../image/icon-contact.png); background-repeat:no-repeat;}
.info-list a{ color:#bbb;}
.info-list a:hover{ color:#fff; text-decoration:underline;}
.info-list dd.people{ background-position:20px 6px;}
.info-list dd.qq{ background-position:20px -110px;}
.info-list dd.tel{ background-position:20px -228px;}
.info-list dd.email{ background-position:20px -347px;}
.address{ padding-left:30px; background:url(../image/icon-contact.png) 0 -469px no-repeat;}

/* sidebar nav */
.sidebar-nav {}

.sidebar-nav { display: none; z-index: 99; position: fixed; _position: absolute; bottom:2em; right: 2em; width: 34px; padding: 0 10px; background-color: #36cf56; opacity: .9; filter: alpha(opacity=90); overflow: hidden; }
.sidebar-nav a { display: block; width: auto; height: 43px; line-height: 43px; font-size: 1.3em; color: #e3f5e6; }
.sidebar-nav a:hover { text-decoration: none; color: #fff; }