/*container*/
.container { background: #eaeaea; }
.all-title { float: left; }
.all-title span { display: block; font-size: 24px; color: #576068; width: 96px;  overflow: hidden; height: 45px; }
.all-title em { border-top: 3px solid #f5471a;  font-size: 14px; color: #f5471a; }
.at a { display: block; float: right; padding: 5px 10px; background: #576068; font-size: 14px; color: #fff; margin-top: 15px; }
.at a:hover { background: #f5471a;  color: #fff; }
/*aArea*/
.aArea { padding-bottom: 37px; }
.aArea .hd { padding: 36px 0;  }
.aArea .hd  ul { float: right;  height: 50px; padding-right: 6px; margin-top: 10px; }
.aArea .hd  ul li a { color: #fff; }
.aArea .hd  ul li.on { background: #f5471a; color: #fff; }
.aArea .hd  ul li { display: inline-block; *display: inline; zoom: 1; cursor: pointer; font-size: 18px; color: #fff; background: #77838e; height: 38px; line-height: 38px; margin-top: 6px; margin-left: 6px; padding: 0 8px; }
.aArea .bd0  ul li { float: left; width: 305px; margin-right: 43px; position: relative; height: 276px; overflow: hidden; margin-bottom: 31px; }
.aArea .bd0  ul li:nth-child(3n){margin-right: 0}
.aArea .bd0  ul li span { display: block; }
.aArea .bd0  ul li em { display: block; font-size: 16px; text-align: left; }
.aArea .bd0  ul li i { font-style: normal; font-size: 14px; }
.aArea .bd0  ul li .dark { position: absolute; z-index: 999; width: 305px; height: 211px; background:url(dark.png) repeat; }
.aArea .bd0  ul li .dark a { color: #ffffff; font-size: 14px;text-align: center; display: block; line-height: 200px; }
.aArea .hd0 { position: absolute; z-index: 99; margin-top: 610px; width: 1002px; text-align: center; }
.aArea .hd0 li { display: inline-block; *display: inline; zoom: 1; cursor: pointer; width: 51px; height: 3px; background: #b0b6bc; font-size: 0; margin: 0 5px; }
.aArea .hd0 li.on { background: #f5471a; }
.pic-list { min-height: 627px; }

/*bArea*/
.bArea .wrap { text-align: center; }
.bArea .img { position: relative; z-index: 0; left: 50%; margin-left: -960px; text-align: center; width: 1920px;  }


/*cArea*/
.cArea { background: url(d.png) center top no-repeat; width: auto; height: 535px; }
.about-us {}
.about { float: left; width: 199px; }
.about { text-align: center; margin-left: 18px; position: relative; margin-top: -58px; }
.about span { font-size: 24px; color: #ffffff; border-bottom: 3px solid #fff; padding-bottom: 5px; }
.about p { margin-top: 10px; font-size: 14px; color: #fff; text-transform: uppercase; }
.us { float: right; width: 706px; color: #ffffff; line-height: 23px; margin-top: 48px; }
.us a { color: #c1c1c1; }
.slide-about { margin-top: 58px; }
.slide-about .sa li { float: left; width: 250px; text-align: center; }
.slide-about .sa li span { display: block; font-size: 14px; color: #fff; margin-top: 10px; }
.slide-about .sa li img { border: 2px solid #fff; }
.slide-about .hd { position: absolute; z-index: 999; width: 1002px; text-align: center; margin-top: 214px; }
.slide-about .hd li { display: inline-block; *display: inline; zoom: 1; cursor: pointer; font-size: 0; margin: 0 5px; width: 53px; height: 3px; background: #c1bbba; }
.slide-about .hd li.on { background: #fff; }

/*dArea*/
.dArea { margin-top: 50px; padding-bottom: 50px; }
.sp-list { margin-top: 33px; }
.sp-list li { float: left; width: 219px; text-align: center; margin-right: 22px; position: relative; z-index: 0; height: 226px; overflow: hidden; padding: 8px; }

.sp-list li span { display: block; background: #dddddd; padding: 15px 0; }
.sp-list li span em{ display: block; width: 108px; height: 3px; background: #f5471a; margin: 10px auto 0; }
.sp-list li:hover img { transform: scale(1.1); }
.sp-list li:hover span { transform: scale(1.1); background: #f5471a; color: #fff; }
.sp-list li:hover span em { background: #fff; }
.sp-list li .dark0 { position: relative; z-index: 99; background: url(dark.png) repeat; width: 245px; height: 187px; margin-left: -8px; text-align: left!important; }
.sp-list li .dark0 p { padding: 40px; line-height: 22px; color: #fff; }
.sp-list li .dark0 a { display: block; color: #fff; text-align: center; text-decoration: underline;  }

.eArea { padding: 0 0 30px; }
.eArea .hd { padding: 36px 0;  }
.eArea .hd  ul { float: right; height: 32px; padding-right: 6px; margin-top: 10px; }
.eArea .hd  ul li { display: inline-block; *display: inline; zoom: 1; cursor: pointer; width: 111px; text-align: center; font-size: 18px; color: #fff; background: #77838e; height: 32px; line-height: 32px; margin-top: 6px; margin-left: 6px; padding: 0 8px; }
.eArea .hd  ul li.on { background: #f5471a; }

.sn-img  { float: left; width: 475px; }
.sn-img .date { background: #f5471a; color: #fff; width: 94px; height: 87px; text-align: center; position: relative; z-index: 99; top: -296px; }
.sn-img .date span { display: block; font-size: 48px; }
.sn-img .date em { display: block; font-size: 14px; position: relative;top: -10px; }
.sn-img p { min-height: 36px; }
.short-intro { background: url(dark.png) repeat; position: relative; margin-top: -165px; padding: 5px; }
.short-intro h2 a { display: block; font-weight: normal; color: #fff; font-size: 18px; }
.short-intro p { color: #fff; margin-top: 5px; }
.short-intro p a { color: #fff; }

.short-list { float: right; margin-bottom: 16px; }
.short-list:hover { transform: scale(1.05); }
.short-list:hover .dam { background: #f5471a; }
.short-list:hover .dam span { color: #fff; }
.short-list:hover .com { background: #dddddd; padding-left: 5px; }
.short-list:hover .com h2 a,.short-list:hover .com p { color: #576068; }
.dam { float: left; width: 83px; text-align: center; background: #576068;  padding: 10px 0; }
.dam span { display: block; font-size: 36px; color: #f5471a; }
.dam em { display: block; font-size: 14px; position: relative; margin-top: -7px; color: #fff; }
.com { float: right; width: 398px; background: #576068; height: 68px; padding: 10px 10px 10px 0; }
.com h2 a { font-size: 18px; color: #fff; font-weight: normal; }
.com p { color: #fff; line-height: 22px; }
.lim { position: absolute; z-index: 99; width: 877px; text-align: right; margin-top: 30px; font-size: 0; }
.lim a { display: inline-block;  *display: inline;  zoom: 1;  width: 112px;  height: 40px;}