@charset "utf-8";

/*--index--*/
#banner{width:100%;height:520px;overflow:hidden;position:relative}
#banner ul.bd{width:100%;height:520px}
#banner ul.bd li{width:100%;height:520px;position:relative}
#banner ul.bd li img{width:1680px;height:520px;position:absolute;left:50%;top:0;margin:0 0 0 -840px}
#banner .hd{width:100%;overflow:hidden;height:20px;padding:18px 0;position:absolute;left:0;bottom:0;text-align:center}
#banner .hd li{width:20px;height:20px;background:url("../images/banner-dot.png") no-repeat 0 0;cursor:pointer;display:inline-block;margin:0 5px;text-indent:-9999px}
#banner .hd li.on{background-position: -20px 0px;}

#nav{ width:100%; background:url(../images/nav-bg.jpg) repeat-x;}
#navarea{ width:1000px; height:115px; margin:0 auto;}
#navarea ul {clear:both;float:left;width:988px; height: 60px;}
#navarea li {float:left;height:60px;font-size:14px;line-height:60px; }
#navarea a {float:left;display:inline-block;height:60px; width:140px;  color:#000;text-decoration: none;}
#navarea .on a {float:left;display:inline-block;color:#FFF; background:#eb8a1a;}
#navarea dl {clear: both; overflow:hidden; width: 990px; border-left:1px solid #e8e8e8;}
#navarea dt {float: left; font-size: 14px;  height:60px; line-height:60px;  border-left:1px solid #e8e8e8; border-right:1px solid #e8e8e8; margin-left: -1px; width: 140px; text-align: center;}
#menu {clear:both; overflow:hidden;  color:#ffe9d6;width:990px;height:55px; }
#menu li {float:left;  font-size:12px; color:#fff;line-height:20px; padding: 21px 0 20px; height: 14px; }
#menu li strong {font-size:14px;font-weight:normal;}
#menu a {border-left: 1px dashed #fff; display: block; width: auto;  line-height: 14px; padding: 0 22px; height: auto;}
#menu span{color: #fff;}

.section-1{ width: 1000px; height: 520px; margin: 30px auto;}
.section-1 .text{ width: 510px; height: 510px; float: right; margin: 100px 0 0;}
.section-1 .title{ border-bottom: 1px solid #ebebeb; overflow: hidden; margin-bottom: 20px;}
.section-1 h1{ font-size: 60px; color: #eb891a; font-weight: bold; font-family: Arial; line-height: 64px;}
.section-1 h2{ font-size: 30px; line-height: 34px; color: #666; font-family: Arial; font-weight: bold;}
.section-1 .detail-list li{ line-height: 30px; height: 30px; padding-left: 24px; background: url("../images/yes-icon.jpg") no-repeat 2px 6px; color: #888; font-size: 16px;}
.section-1 .detail-btn{ width: 112px; height: 28px; line-height: 28px; border: 1px solid #eb8a1a; text-indent: 20px; border-radius: 5px; display: block; margin-top: 20px; font-size: 14px; color: #eb8a1a; background: url("../images/detail-icon.jpg") no-repeat 80px center;}

.title-group{ text-align: center; margin: 0 0 50px; overflow: hidden;}
.title-group h2{ font-size: 40px; color: #434343; font-weight: bold; line-height: 50px; letter-spacing: 10px;}
.title-group p{ line-height: 30px; color: #000; font-size: 14px; letter-spacing: 10px;}

.section-2{ padding: 80px 0 50px; border-top: 1px solid #ebebeb; border-bottom: 1px solid #ebebeb;}
.section-2 .pro-show{ width: 1000px; height: 410px; margin: 50px auto 0; overflow: hidden;}
.section-2 .pro-show li{ width: 333px; height: 205px; float: left; position: relative; cursor: pointer;}
.section-2 .pro-show li img{ width: 333px;}
.section-2 .pro-show .l-1{ width: 666px; height: 410px; float: left;}
.section-2 .pro-show .l-2{ width: 333px; height: 410px; float: left;}
.section-2 .pro-show .pro-detail{ width: 263px; height: 135px; padding: 35px; background: #282828; color: #fff; font-size: 36px; line-height: 40px; z-index: 100; position: absolute; right: -333px; top: 0; display: none;}
.section-2 .pro-show .pro-detail:before{ content: ""; width: 22px; height: 34px; display: block; position: absolute; left: -22px; top: 85px; background: url("../images/gray-arrow.png") no-repeat;}
.section-2 .pro-show .l-2 .pro-detail{ height: 410px; left: -333px; right: auto;}
.section-2 .pro-show .l-2 .pro-detail:before{ right: -22px; top: 188px; left: auto; background-image: url("../images/gray-arrow-1.png");}
.section-2 .pro-show li:hover .pro-detail{ display: block;}

.section-3{ padding: 80px 0 50px; border-top: 1px solid #ebebeb; border-bottom: 1px solid #ebebeb;}
.section-3 .advan-main{ width: 1000px; background: url("../images/advan-line.jpg") repeat-y;}
.section-3 .advan-main dl{ padding: 10px 0; overflow: hidden;}
.section-3 .advan-main dt{ width: 494px; height: auto; }
.section-3 .advan-main dd{ width: 470px; height: auto; padding-top: 15px; background: url("../images/advan-line2.jpg") no-repeat 0 0; padding-left: 30px;}
.section-3 .advan-main dd h3{ font-size: 24px; font-weight: bold; color: #000; line-height: 30px;}
.section-3 .advan-main dd p{ color: #000; line-height: 20px; margin-bottom: 20px;}
.section-3 .advan-main dd .more{ padding-left: 35px; line-height: 30px; font-size: 14px; color: #000; display: block; background: url("../images/detail-icon-1.jpg") no-repeat left center;}
.section-3 .advan-main dt.fr{ text-align: right; width: 506px;}
.section-3 .advan-main dd.fr{ text-align: right; width: 444px; padding-right: 20px;}

.section-project{ padding: 80px 0 50px; background: #eb8a1a;}
.project .title-group h2,.project .title-group p{ color: #fff;}
.project-list{ width: 1000px; height: auto;}
.project-list-l{ width: 522px; height: auto; float: left;}
.project-list-r{ width: 478px; height: auto; float: left;}
.project-list li{ position: relative; float: left; cursor: pointer;}
.project-list li .mask{ height: 36px; padding:10px 92px 10px 0; background: url("../images/mask-bg.png") repeat; position: absolute; left: 0; bottom: 0; line-height: 36px;  text-indent: 10px; color: #fff; font-size: 14px; display: none; }
.project-list li .link,.project-list li .zoom{ width: 36px; height: 36px; position: absolute; margin-right: 10px; cursor: pointer; top: 10px;}
.project-list li .link{ background: url("../images/icon-link.png") no-repeat; right: 56px;}
.project-list li .zoom{ background: url("../images/icon-zoom.png") no-repeat; right: 10px;}

.section-4{ padding: 80px 0 50px; background: #282828;}
.about .title-group h2,.about .title-group p{ color: #fff;}
.about-main{ background: #2c2c2c; overflow: hidden;}
.about-main-l{ width: 50%; float: left; overflow: hidden; background: #2e2e2e; padding: 60px 0;}
.about-main-l img{ width: 466px; height: 280px; float: right; margin-right: 30px;}
.about-main-r{ width: 470px; height: auto; padding: 60px 0 60px 30px; float: left; color: #fff;}
.about-main-r h3{ font-size: 24px; font-weight: bold; line-height: 30px;}
.about-main-r p{ line-height: 20px; margin-bottom: 20px;}
.about-main-r .more{  width: 78px; height: 24px; border: 1px solid #505050; display: block; transition:color 0.3s; border-radius: 5px; color: #505050; text-indent:16px; line-height: 24px; font-size: 12px; background: url("../images/icon-more-gray.jpg") no-repeat 60px 8px;}
.about-main-r .more:hover{ color: #fff; border-color: #fff; background-position:60px -16px;}
.about-list{ width: 1000px; height: 190px; margin: 60px auto 0; overflow: hidden;}
.about-list li{ width: 236px; height: 190px; float: left; margin-right: 18px; position: relative; cursor: pointer;}
.about-list li img{ width: 236px; height: 163px; overflow: hidden;}
.about-list li a{ display: none; width: 226px; height: 153px; border: 5px solid #ea8c1b; position: absolute; left: 0; top: 0;}
.about-list li:hover a{ display: block;}
.about-list li .about-txt{ display: block; line-height: 27px; text-align: center; font-size: 12px; color: #fff; position: static; border: none; width: 236px; height: 27px;}
.about-list li:hover .about-txt{ color: #eb891a;}

.section-5{padding: 80px 0 50px; background: #eb8a1a;}
.honor .title-group h2,.honor .title-group p{ color: #fff;}
.honor-list{ width: 1000px; height: 485px; margin: 0 auto 0; position: relative;}
.honor-list li{ width: 308px; height: 485px; float: left; margin:0 12px; position: relative; cursor: pointer;}
.honor-list li img{ width: 298px; height: 420px; overflow: hidden; border: 5px solid #efefef; background: #fff;}
.honor-list li a:hover img{ border-color: #d0740c;}
.honor-list li .honor-txt{ display: block; line-height: 24px; margin-top: 21px; text-align: center; font-size: 12px; color: #fff; position: static; border: none; width: 298px; height: 24px;}
.honor-list .prev,.honor-list .next{ width: 40px; height: 74px; display: block; position: absolute; top: 173px; cursor: pointer;}
.honor-list .prev{ background: url("../images/left-arrow.png") no-repeat; left: -60px;}
.honor-list .next{ background: url("../images/right-arrow.png") no-repeat; right: -60px;}

.section-6{ padding: 80px 0 50px; background: #fff;}
.news .title-group h2{ color: #000;}
.news-tab{ height: 26px; width: 100%; background: url("../images/news-line.jpg") repeat-x; text-align: center;}
.news-tab a{ display: inline-block; width: 96px; transition:all 0.5s; height: 24px; border: 1px solid #e3e3e3; margin: 0 3px; text-align: center; color: #333; background: #fff; line-height: 24px;}
.news-tab a:hover{ border-color: #333;}
.news-main{ padding-top: 60px; overflow: hidden;}
.news-left{ width: 450px; height: auto; float: left;}
#ifocus { width:450px; height: 248px;   }
#ifocus_pic { display:inline; position:relative; float:left; width:334px; height:248px; overflow:hidden;  margin:0 15px 0 0; }
#ifocus_piclist li { width:334px; height:248px; overflow:hidden;}
#ifocus_piclist img { width:334px; height:248px; }
#ifocus_btn { display:inline; float:left;  width:88px;  height: 248px; position: relative;}
#ifocus_btn ul{ height: auto; margin:0; overflow: hidden;}
#ifocus_btn li { width:88px; height:74px; margin-bottom:13px; cursor:pointer; opacity:0.5; position: relative;}
#ifocus_btn img { width:88px; height:74px; }
#ifocus_btn a.border{ display: none; width: 80px; height:66px; border: 4px solid #eb8a1a; position: absolute; left: 0; top: 0;}
#ifocus_btn li.on{ opacity:1; }
#ifocus_btn li.on a.border{ display: block;}

.news-right{ width: 550px; height: auto; float: left;}
.news-right dl{ width: 550px; height: 74px; margin-bottom: 13px; overflow: hidden;}
.news-right dt{ height: 30px; line-height: 30px; font-size: 14px;}
.news-right dt a{ color: #333; font-size: 14px; width: 550px; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.news-right dt a:hover{ text-decoration: underline;}
.news-right dd{ line-height: 22px; height: 44px; color: #777;}