@charset "utf-8";
/* CSS Document */

.blank { clear:both; height:69px;}

/* 版头 */
.header_pc { margin:0 auto; width:100%; height:580px; background:url(../images/header_pc.jpg) center top no-repeat;}
.header_blank { margin:0 auto; width:100%; height:70px; background:url(../images/header_pc.jpg) center bottom no-repeat;}
.header_phone { display: none;}

.navbar { background: #222;}
.navbar .nav { width:1180px; overflow: hidden; margin:0 auto; }
.navbar .nav li { float: left; width: 14.2857%;}
.navbar .nav li a { background: #222; color: #ffcc00; font-size: 1.1em; text-align: center; width: 100%; display: block; line-height: 50px; margin: 10px 0; text-decoration: none;}
.navbar .nav li a:hover { border-radius: 25px; background: #ffcc00; color: #000; font-weight: bold;}
.fixednav {position: fixed;top: 0;z-index: 265;width: 100%;opacity: .95;}

/* 版块设置 */
.area-item1 { width:100%; background: #000; color: #fff;}
.area-item1 .name-item { width:200px; padding-left: 50px; padding-right: 156px; text-align: center; height:200px; line-height:200px; font-size:48px; color: #000; overflow:hidden; margin: 0 auto; background:url(../images/tit1.png) center no-repeat;}
.area-item2 { width:100%; background: #ffcc00; color: #000;}
.area-item2 .name-item { width:200px; padding-left: 50px; padding-right: 156px; text-align: center; height:200px; line-height:200px; font-size:48px; color: #ffcc00; overflow:hidden; margin: 0 auto; background:url(../images/tit2.png) center no-repeat;}
.main-item { width:1180px; overflow: hidden; margin:0 auto; }

/* 项目背景 */
.introduction {}
.introduction .pic { width: 480px;}
.introduction .pic img { width: 480px; height: 430px;}
.introduction .text { width: 660px; height: 390px; text-indent: 2em; background: #fff; color: #000; padding: 20px;}
.introduction .text p {  font-size: 1.5em; padding-bottom: 0.5em;}
.introduction .text a { color: #1e84f2;}

/* 项目列表 */
.aaabbb { padding-bottom: 2em; font-size: 1.2em; line-height: 2.2em;}
.movie { width: 570px;}
.movie p { text-align: center; padding: 1em; font-size: 1.5em;}
.movie a { display: block; width: 570px; height: 320px; background-size: 100% 100%; background-size: cover; -webkit-filter:brightness(0.7); -o-filter:brightness(0.7); -moz-filter:brightness(0.7); filter:brightness(0.7);}
.movie a:hover { -webkit-filter:brightness(1); -o-filter:brightness(1); -moz-filter:brightness(1); filter:brightness(1);}
a.movie1 { background:url(../images/movie1.jpg) 0% 0% no-repeat;}
a.movie1:hover { background:url(../images/movie1.jpg) 0% 100% no-repeat;}
a.movie2 { background:url(../images/movie2.jpg) 0% 0% no-repeat;}
a.movie2:hover { background:url(../images/movie2.jpg) 0% 100% no-repeat;}
a.movie3 { background:url(../images/movie3.jpg) 0% 0% no-repeat;}
a.movie3:hover { background:url(../images/movie3.jpg) 0% 100% no-repeat;}
a.movie4 { background:url(../images/movie4.jpg) 0% 0% no-repeat;}
a.movie4:hover { background:url(../images/movie4.jpg) 0% 100% no-repeat;}

/* 一线直播 */
.live { }
.live li { width: 32%; overflow: hidden; float: left; margin-right: 2%; margin-bottom: 2%;}
.live a { display: block; background: #f5f5f5; text-decoration: none; color: #000;}
.live a:hover { background: #ffcc00;}
.live li .tt1 { padding: 5%; font-size: 1.5em; height: 4em;}
.live li .tt2 { padding: 5%; color: #666;}
.live .nomr { margin-right: 0;}

/* 连线施工单位 */
.news { }
.news li { width: 49%; overflow: hidden;}
.news li a { display: block; padding: 3%; color: #000; background: #f5f5f5; margin-bottom: 4%; text-decoration: none;}
.news li a:hover { background: #ffcc00;}
.news li .tt1 { font-size: 1.5em; word-break:keep-all; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.news li .tt2 { display: -webkit-box; -webkit-line-clamp:3; -webkit-box-orient: vertical; overflow: hidden;}

/* 底部 */
.footer_pc { width:100%; margin:0 auto; text-align:center; color:#000; padding: 50px 0;}
.footer_pc a { color:#000;}
.footer_phone { display: none;}

.one { position: relative;}
.one a { text-decoration: none;}
.one a span { font-weight: bold; font-size: 1.5em; text-align: center; background: #ffd493; color: #020f31; padding: 0.25em 0.5em; position: absolute; bottom: 1em; z-index: 200;}
.one a.n1 { display: block; width: 478px; height: 250px; background: url(../images/n1.jpg) no-repeat; background-size: 100% 100%; background-size: cover; -webkit-filter:brightness(0.7); -o-filter:brightness(0.7); -moz-filter:brightness(0.7); filter:brightness(0.7);}
.one a.n1:hover { -webkit-filter:brightness(1); -o-filter:brightness(1); -moz-filter:brightness(1); filter:brightness(1);}

.one a.n2 { display: block; width: 478px; height: 250px; background: url(../images/n2.jpg) no-repeat; background-size: 100% 100%; background-size: cover; -webkit-filter:brightness(0.7); -o-filter:brightness(0.7); -moz-filter:brightness(0.7); filter:brightness(0.7);}
.one a.n2:hover { -webkit-filter:brightness(1); -o-filter:brightness(1); -moz-filter:brightness(1); filter:brightness(1);}

.one a.n3 { display: block; width: 318px; height: 173px; background: url(../images/n3.jpg) no-repeat; background-size: 100% 100%; background-size: cover; -webkit-filter:brightness(0.7); -o-filter:brightness(0.7); -moz-filter:brightness(0.7); filter:brightness(0.7);}
.one a.n3:hover { -webkit-filter:brightness(1); -o-filter:brightness(1); -moz-filter:brightness(1); filter:brightness(1);}

.one a.n4 { display: block; width: 318px; height: 173px; background: url(../images/n4.jpg) no-repeat; background-size: 100% 100%; background-size: cover; -webkit-filter:brightness(0.7); -o-filter:brightness(0.7); -moz-filter:brightness(0.7); filter:brightness(0.7);}
.one a.n4:hover { -webkit-filter:brightness(1); -o-filter:brightness(1); -moz-filter:brightness(1); filter:brightness(1);}

.one a.n5 { display: block; width: 318px; height: 173px; background: url(../images/n5.jpg) no-repeat; background-size: 100% 100%; background-size: cover; -webkit-filter:brightness(0.7); -o-filter:brightness(0.7); -moz-filter:brightness(0.7); filter:brightness(0.7);}
.one a.n5:hover { -webkit-filter:brightness(1); -o-filter:brightness(1); -moz-filter:brightness(1); filter:brightness(1);}

.one .m3 { margin: 0 3px;}
.one .m4 { margin-top: 4px;}