@charset "utf-8";
.bgimg{ position: absolute; width: 100%; z-index: -1}
.banner{ height: 463px; width: 100%;}
.banner a{ display: block; height: 463px; width: 100%;}
.nyheader{ position: relative; padding: 60px 0 14px 0; border-bottom: 1px solid #e5e5e5;}
.nyheader .entit{ position: absolute; left: 0; top: 26px; line-height: 60px; font-size: 72px; color: #f3f3f3; text-transform: uppercase; font-weight: bolder; z-index: -1; }
.nyheader .path{ float: right; }
.nyheader .path a{ font-size: 13px; color: #888;}
.nyheader .path a.home{ padding-left: 24px; background: url(../images/icon.png) left 1px no-repeat; }
.nyheader .nav{ float:left; padding-left: 80px; }
.nyheader .nav a{ font-size: 17px; color: #888; margin-right: 29px;}
.nyheader .nav a::before{ content: ''; width: 5px; height: 5px; margin-right: 5px; display: inline-block; background: #b2a21f; vertical-align: middle; }
.nyheader a:hover,.nyheader a.active{ color: #b2a21f;}
.nycon{ padding-top: 62px;}

.abcon{ padding-bottom: 105px;}
.abcon .picture{ float: right; }
.abcon .company{ padding-top: 54px; padding-bottom: 40px; font-size: 24px; color: #333; letter-spacing: 3px;}
.abcon .content{ width: 640px; padding: 42px 350px 42px 40px; background: #f5f5f5;  line-height: 42px; text-align: left; }
.abcon .content p{ text-indent: 28px;}

.albumul{ margin-right: -120px;  }
.albumul li{ position: relative; float: left; width: 571px; height: auto; margin-right: 60px; margin-bottom: 55px; }
.albumul li:before{ content: ""; width: 0; height: 100%; background: #fff; position: absolute; top: 0; left: 50%; opacity: 0; filter:alpha(opacity=0); transition: all 400ms cubic-bezier(0.47, 0, 0.745, 0.715) 0s;}
.albumul li:hover:before{ width: 100%; left: 0; opacity: .8; filter:alpha(opacity=80);  }
.albumul li .mask{ position: absolute; top: 35%; left: 0; width: 100%; opacity: 0; filter:alpha(opacity=0); transition: all 0.5s ease 0s;   }
.albumul li .mask .name{ display: block;color: #000; font-size: 16px; margin: 10px; height: 26px; overflow: hidden;}
.albumul li .mask .view{ display: inline-block; width: 144px; height: 26px; line-height: 26px; color: #fff; font-size: 13px; background: #000;}
.albumul li:hover .mask{ opacity: 1; filter:alpha(opacity=100); transition-delay: 0.3s; -moz-transition-delay: 0.3s; /* Firefox 4 */  -webkit-transition-delay: 0.3s; /* Safari 和 Chrome */  -o-transition-delay: 0.3s; /* Opera */ }

.page{ padding: 60px 0; text-align: center; }
.page a,.page .pageson{ display: inline-block; margin: 0 5px; height: 27px; width: 34px; line-height: 27px; color: #000; }
.page .previous,.page .next{ width: 60px; background: #d2d2d2; color: #fff;}
.page a:hover,.page .pageson{ background: #b2a21f; color: #fff;}
.newsleft{ width: 400px; padding-top: 24px;}
.newsright{ width: 686px; text-align: left}
.news-big{ position: relative; border: 1px solid #dedddd; padding: 20px; padding-bottom: 30px; text-align: left; }
.news-big:first-child{ margin-bottom: 65px;}
.news-big .news-date{ position: absolute; top: -12px; width: 190px; color: #333; font-size: 26px; background: #fff; text-align: center;}
.news-big .news-tit{ display: inline-block; width: 100%; margin: 15px 0; color: #333; font-size: 18px;  overflow: hidden;
text-overflow:ellipsis; white-space: nowrap;}
.news-big .news-tit:hover,.news-list li .news-tit:hover{ color: #b2a21f;}
.news-big .news-info{ height: 100px; overflow: hidden; color: #888; line-height: 24px; }
.news-list li{ padding: 23px 6px 5px 5px; border-bottom: 1px dashed #d2d2d2;}
.news-list li::before{ content: ''; width: 5px; height: 5px; display: inline-block; background: #333; vertical-align: text-top; margin-top: 3px; margin-right: 6px;}
.news-list li .news-date{ float:right; color: #c1c1c1; font-size: 12px;}
.news-list li .news-tit{ display: inline-block; width: 70%; color: #333; font-size: 16px; overflow: hidden;
text-overflow:ellipsis; white-space: nowrap;}
.newsinfo .title{ font-size: 24px; color: #333;}
.newsinfo .date{ padding:13px 0;}
.newsinfo .date span{ display: inline-block; margin: 0 10px; font-size: 12px; color: #999;}
.newsinfo .info{ color: #333; text-align: left;}
.newsinfo .nav{ text-align: left; padding: 65px 0;}
.newsinfo .nav a{ display: inline-block; margin-right: 140px;}
.newsinfo .nav a:hover{ color: #b2a21f; }

.ctcon{ padding-bottom: 113px;}
.ct-map{ float: right; width: 763px; height: 518px;}
.ct-left{ width: 360px; text-align: left; line-height: 36px;}
.ct-left .company{ padding-top: 30px; padding-bottom: 22px; font-size: 24px; color: #333; letter-spacing: 3px;}
.ct-left .company::after{content: ''; display: block; margin-top: 28px; width: 23px; height: 5px; background: #000;}
.ct-left p{ color: #000;}

.proul{ margin-right: -180px;  }
.proul li{ position: relative; float: left; width: 266px; height: auto; margin-right: 45px; margin-bottom: 55px; }
.proul li:before{ content: ""; width: 0; height: 100%; background: #b2a21f; position: absolute; top: 0; left: 50%; transition: all 400ms cubic-bezier(0.47, 0, 0.745, 0.715) 0s;}
.proul li:hover:before{ width: 100%; left: 0;   }
.proul li .mask{ position: absolute; top: 40%; left: 0; width: 100%; color: white; opacity: 0; filter:alpha(opacity=0); transition: all 0.5s ease 0s;   }
.proul li .mask .name{ display: inline-block; min-width: 100px; padding: 5px 18px; color: #fff; font-size: 16px; margin: 0 auto; overflow: hidden; border-top: 1px solid #fff; border-bottom: 1px solid #fff }
.proul li:hover .mask{ opacity: 1; filter:alpha(opacity=100); transition-delay: 0.3s; -moz-transition-delay: 0.3s; /* Firefox 4 */  -webkit-transition-delay: 0.3s; /* Safari 和 Chrome */  -o-transition-delay: 0.3s; /* Opera */ }
.procon .bigimg{ float: left; width: 600px; height:501px; border: 1px solid #d2d2d2}
.procon .details{ float:right; width: 530px; text-align: left; }
.procon .details .name{ padding: 22px 0; font-size: 34px; color: #b2a21f; line-height: 45px; border-bottom: 1px dashed #999;}
.procon .details .name .back{ float: right; margin-top: 10px; padding-left: 22px; display: inline-block; vertical-align: bottom; color: #999; background: url(../images/icon.png) left -17px no-repeat;}
.procon .details .info{ min-height: 130px; padding: 28px 33px 0 5px;}
.procon .details .related .tit{ padding: 30px 0; font-size: 24px; color: #333;}
.procon .details .related .tit .en{ margin-left: 15px; color: #999; font-size: 16px;}
.procon .details .related .proul{ margin-right: -30px; text-align: center;}
.procon .details .related .proul li{ width: 170px; margin-right: 10px; margin-bottom: 0}
.procon .details .related .proul li .mask .name{ line-height: 22px; }