@charset "utf-8";
.banner { position:relative;  width:1920px;left: 50%;margin-left: -960px; text-align:center; z-index:3; height: 500px;overflow: hidden;}
.banner .hd{ width:1200px; position:absolute; z-index:1; bottom:25px; left: 360px; height:30px; line-height:30px; text-align:right;}
.banner .hd li,.case .content .hd li{ cursor:pointer; display:inline-block; *display:inline; zoom:1;width:13px; height:13px;margin:0 8px;border-radius: 50%; background:none;border: 2px solid #fff;overflow:hidden; line-height:9999px;transition: all 0.3s ease 0s}
.banner .hd li.on,.case .content .hd li.on{background: #fff}
.banner .bd li img{transition: all 0.8s ease 0s}
.banner .bd li:hover img{transform: scale(1.1);}
#slider{height: 718px}


#slider .nivo-controlNav{ width:1200px; position:absolute; z-index:1; bottom:25px; left: 360px; height:30px; line-height:30px; text-align:right;z-index: 999}
#slider .nivo-controlNav a{ cursor:pointer; display:inline-block; *display:inline; zoom:1;width:13px; height:13px;margin:0 8px;border-radius: 50%; background:none;border: 2px solid #fff;overflow:hidden; line-height:9999px;transition: all 0.3s ease 0s}
#slider .nivo-controlNav a.active{background: #fff}


.container { position:relative; padding-bottom:20px; z-index:4; }

.c-1-w{background: #fff}
.c-1{width: 1200px;margin: 0 auto;height: 70px;line-height: 70px;overflow: hidden;}
.c-1 span{display: block;font-size: 22px;color: #cf121a;padding: 0 25px;float: left;}
.c-1 .noticeScroll{width: 1020px;float: right;}
.c-1 .noticeScroll li{float: left; width:100%}
.c-1 .noticeScroll li a{font-size: 22px }
.c-1 .noticeScroll li a:hover{color: #cd0e16}


.container .title{}
.container .title i{display: block;font-size: 30px;color: #383838;line-height: 40px}
.container .title s{display: block;color: #a6a6a6;text-transform: uppercase;}

.c-2-w{background: #f4f4f4; padding-top:1px;}
.c-2{width: 1200px;margin: 0 auto;margin-top: 25px; padding-top:1px;position: relative;}
.slideHd{text-align: right;position: absolute;top: 0;right: 0}
.slideHd li{display: inline-block;width: 115px;text-align: center;height: 40px;line-height: 40px;background: #fff;font-size: 16px;color: #3a3a3a;margin: 0 5px;cursor: pointer;}
.slideHd li.on{background: #086fc2;color: #fff}
.slideHd li:last-child{margin-right: 0}
.newsList{margin-top: 20px;padding-bottom: 30px;}
.newsLeft{float: left;width: 552px;}
.newsLeft .nbd{ height:430px}
.newsLeft .pic{width: 552px;height: 325px;overflow: hidden;}
.newsLeft .pic img{transition: all 0.8s ease 0s}
.newsLeft .pic:hover img{transform: scale(1.2);}
.newsLeft a.t{display: block;font-size: 16px;line-height: 60px;
text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.newsLeft p{font-size: 14px;height: 42px;overflow: hidden;}
.newsLeft .nhd{text-align: right;margin-top: 5px;height: 20px;line-height: 20px;overflow: hidden;}
.newsLeft .nhd li{display: inline-block;width: 12px;height: 12px;background: #6e6e6e;border-radius: 50%;line-height: 999em;margin: 0 2px}
.newsLeft .nhd li.on{background: #ff0000}


.newsRight{float: right;width: 605px}
.newsRight a.t{display: block;font-size: 16px;color: #000;line-height: 46px}
.newsRight dd:first-child a{color: #ff0000}
.newsRight dl{border-bottom: 1px solid #ddd}
.newsRight a.t span{display: block;float: right;color: #6e6e6e}
.newsRight a.t:hover{color: #ff0000}
.newsRight p{font-size: 14px;line-height: 22px}
.newsRight dd{}
.newsRight a.m,.policyNews a.m{display: block;font-size: 18px;color: #787878;float: right;margin-top: 20px}
.newsRight a.m:hover,.policyNews a.m:hover{color: #ff0000}

.c-3-w{background: #fff}
.c-3{width: 1200px;margin: 0 auto;margin-top: 30px;position: relative;}
.policyBox .slideHd li{background: #eaeaea}
.policyBox .slideHd li.on{background: #086fc2;color: #fff}
.policyBox{margin-top: 15px;height: 500px;overflow: hidden;}
.policyLeft{width: 510px;float: left;overflow: hidden;background: #f4f4f4}
.policyLeft .pic{width: 510px;height: 270px;overflow: hidden;}
.policyLeft .pic img{transition: all 0.8s ease 0s}
.policyLeft .pic:hover img{transform: scale(1.2);}
.policyLeft .text{margin: 0 65px;margin-top: 35px}
.policyLeft .text i{display: block;font-size: 30px;font-weight: bold;color: #086fc2;line-height: 40px}
.policyLeft .text s{font-size: 16px;color: #5d5e5e;font-weight: normal;padding-left: 20px}
.policyLeft .text a.t{display: block;font-size: 20px;color: #6b6b6b;line-height: 40px}
.policyLeft .text a.t:hover{color: #ff0000}
.policyLeft .phd{text-align: center;margin-top: 40px}
.policyLeft .phd li{display: inline-block;line-height: 9999px;width: 10px;height: 10px;border: 1px solid #086fc2;border-radius: 50%;margin: 0 6px;cursor: pointer;}
.policyLeft .phd li.on{background: #086fc2}
.policyRight{width: 655px;float: right;background: #f4f4f4}
.policyNews{margin: 23px 35px 0 40px}
.policyNews dd{font-size: 14px;line-height: 38px}
.policyNews dd a{color: #585858; display:inline-block; vertical-align:top; max-width:480px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.policyNews dd span{float: right;color: #a2a2a2 }
.policyNews dd:first-child a,.policyNews dd:hover a{color: #ff0000}
.policyNews a.m{margin-top: 18px;clear: both;}
.policyBanner{position: relative;width: 655px;height: 210px;margin-top: 32px;overflow: hidden;}
.policyBanner img{position: relative;z-index: 2;transition: all 0.8s ease 0s}
.policyBanner span{display: block;position: absolute;z-index: 4;left: 0;right: 0;bottom: 0;height: 50px;background: #000;opacity: 0.7}
.policyBanner a.t{display: block;left: 22px;right: 0;bottom: 0;line-height: 50px;position: absolute;z-index: 6;color: #fff;font-size: 16px}
.policyBanner a.t:hover{color: #ff0000}
.policyBanner:hover img{transform: scale(1.2);}

.c-4-w{position: relative;width: 1920px;left: 50%;margin-left: -960px;height: 495px;background: url(bg-c-4.gif);margin-top: 40px}
.c-4{width: 1200px;margin: 0 auto;padding-top: 35px;position: relative;}
.c-4 .title i,.c-4 .title s{color: #fff}
.videoBox{margin-top: 30px;position: relative;}
.videoBox .pic {width: 1112px;height: 337px;position: relative;}
.videoBox .pic img.img{position: relative;z-index: 2}
.videoBox .pic img.ico{width: 97px;height: 97px;position: absolute;z-index: 4;left: 50%;margin-left: -48.5px;top: 50%;margin-top: -48.5px}
.videoBox .text{width: 290px;height: 240px;background: #086fc2;position: absolute;top: 50%;margin-top: -120px;right: 0;background: #086fc2;color: #fff;z-index: 4}
.videoBox .text p{font-size: 18px;margin-left: 30px;margin-top: 90px}
.videoBox .text span{display: block;width: 40px;height: 5px;background: #fff;margin: 20px 0 0 30px}

.shadow{position: fixed;z-index: 888;background: #000;opacity: 0.7;left: 0;right: 0;top: 0;bottom: 0;display: none}
.video{width: 800px;height:600px;position: fixed;left: 50%;margin-left: -400px;top: 50%;margin-top: -300px;z-index: 999 ;display: none}
.video video{width: 100%;height: 100%}

.c-5-w,.c-6-w{position: relative;width: 100%;background: #f8f8f8}
.c-5,.c-6{width: 1200px;margin: 0 auto;padding-top: 50px}

.c-5{padding: 25px 0}
.c-5{position: relative;}
.c-5 .hd{position: absolute;bottom: 35px;height: 12px;right: 1%;overflow: hidden;}
.c-5 .hd li{display: inline-block;line-height: 999em;width: 12px;height: 12px;border-radius: 50%;background: #fff;margin: 0 4px}
.c-5 .hd li.on{background: #086fc2}


.c-6{height: 628px;overflow: hidden;padding-bottom: 65px}
.c-6 img{transition: all 0.8s ease 0s}
.c-6-l{width: 790px;float: left;position: relative;}
.c-6-l .slideHd{top: 18px}
.c-6-l .bd li{position: relative;}
.c-6-l .bd li span{transition: all 0.3s ease 0s;position: absolute;left: 0;right: 0;top: 0;height: 245px;line-height: 245px;color: #fff;background: rgba(8,111,194,0.7);font-size: 16px;text-align: center;top: -380px}
.c-6-l .bd li:hover span{top: 0;}
.achievement{margin-top: 40px} 
.achievement .bd ul{width: 820px}
.achievement .bd li{float: left;margin-right:30px;margin-bottom: 40px;width: 380px;height: 245px ;overflow: hidden;}
.c-6-r{width: 367px;float: right;}
.culture{margin-top: 40px}
.culture li{width: 367px;height: 160px;margin-bottom: 25px;overflow: hidden;}
.achievement .bd li:hover img,.culture li:hover img{transform: scale(1.2);}

.c-7-w{background: #fff}
.c-7{width: 1200px;margin: 0 auto;padding-top: 50px;position: relative;}
.included{margin-top: 30px}
.included ul{width: 1270px}
.included li{float: left;width: 565px;height: 420px;overflow: hidden;margin-right: 70px}
.included li img{transition: all 0.8s ease 0s}
.included li:hover img{transform: scale(1.2);}

.c-8-w{background: #fcfcfc;}
.c-8{width: 1200px;margin: 0 auto;padding-top: 25px;position: relative;}
.c-8 ul{width: 1222.5px}
.c-8 li{float: left;width: 143px;height: 45px;border: 1px solid #ccc;margin-right:30px;margin-bottom: 20px}
.c-8 li:nth-child(7n){ margin-right:0}
.c-9-w{background: #fcfcfc}
.c-9{width: 1200px;margin: 0 auto;position: relative;height: 118px;overflow: hidden;}
.link{float: left;width: 565px}
.link .select{float: left;width: 273px;height: 40px;padding-left: 5px;outline: 0;margin-right: 15px;margin-bottom: 18px;border: 1px solid #ddd}
.link .select:nth-child(2),.link .select:nth-child(4){margin-right: 0}
.job{float: right;width: 600px;}
.job table{width: 100%;border: 1px solid #ddd}
.job th{height: 28px;border-bottom: 1px solid #ddd;background: #f0f0f0;text-align: left;padding-left: 15px;font-size: 15px;color: #333 }
.job td{height: 26px;padding-left: 15px;color: #666}
.job td a{color: #666}
.job td a:hover{color:#cd0e16 }

/*工程业绩*/
.c_gcyj{background: url(bg_gcyj.png) no-repeat top center;padding: 20px 0;box-sizing: border-box;}
.c_gcyj .title{text-align: center;}
.c_gcyj .hd{text-align: center;margin-top: 15px;border-bottom: 2px solid #bfbfbf;height: 34px;}
.c_gcyj .hd li{display: inline-block;color: #515254;font-size: 20px;padding: 0 40px;height: 32px;cursor: default;}
.c_gcyj .hd li.on{border-bottom: 6px solid #086fc2}
.c_gcyj .bd{margin-top: 20px}
.c_gcyj .bd li{float: left;width: 290px;margin-right: 13.33px;position: relative}
.c_gcyj .bd li a{ display:block; width:100%; height:100%; position:relative; overflow:hidden}
.c_gcyj .bd li:last-child{margin-right: 0}
.c_gcyj .bd li span{transition: all 0.5s ease 0s;position: absolute;left: 0;right: 0;top: 0;height: 187px;line-height: 187px;color: #fff;background: rgba(8,111,194,0.65);font-size: 16px;text-align: center;top: -380px}
.c_gcyj .bd li p{ padding:5px; font-size:14px; text-align:center;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;
}
.c_gcyj .bd li:hover span{top: 0;}
.c_gcyj .more{text-align: center;margin-top:20px}
.c_gcyj .more a{display: inline-block;width: 130px;height: 33px;line-height: 31px;box-sizing: border-box;border: 1px solid #565656;font-size: 14px;color: #565656;text-transform: uppercase;transition: all 0.3s ease 0s}
.c_gcyj .more a:hover{border-color: #086fc2;background: #086fc2;color: #fff}

/*企业文化*/
.c_qywh{padding: 55px 0 30px; display:none}
.c_qywh li{float: left;width: 20%;text-align: center;}
.c_qywh li h4{font-size: 14px;color: #333;line-height: 22px}
.c_qywh li span{display: inline-block;width: 28px;height: 4px;margin: 10px 0 12px;background: #086fc2}
.c_qywh li .intro{color: #34353a;line-height: 20px}

.c_about{width: 1920px;height: 444px;position: relative;left: 50%;margin-left: -960px;background: #f4f4f4;margin-bottom: 30px}
.c_about .pic{width: 960px;float: left;}
.c_about .text{width: 550px;margin-left: 50px;float: left;margin-top: 65px}
.c_about .text h4{font-size: 20px;color: #383838;font-weight: normal;line-height: 38px}
.c_about .text h4 span{font-size: 18px;color: #a6a6a6;text-transform: uppercase;padding-left: 8px}
.c_about .text i{display: block;width: 45px;height: 4px;margin: 25px 0 38px;background: #086fc2;}
.c_about .text .intro{font-size: 16px;color: #6b6b6b;line-height: 26px;text-indent: 2em}
.c_about .text .more{margin-top: 65px}
.c_about .text .more a{text-align: center;display: inline-block;width: 130px;height: 33px;line-height: 31px;box-sizing: border-box;border: 1px solid #565656;font-size: 14px;color: #565656;text-transform: uppercase;transition: all 0.3s ease 0s}
.c_about .text .more a:hover{border-color: #086fc2;background: #086fc2;color: #fff}

.c_other{margin-top: 30px}
.c_other ul{width: 1215px}
.c_other li{float: left;width: 360px;padding: 20px 15px 20px 15px;margin-right: 15px;background: #f8f8f8}
.c_other li .pic{width: 360px;overflow: hidden;}
.c_other li .pic img{transition: all 0.3s ease 0s}
.c_other li .pic:hover img{transform: scale(1.2);}
.c_other li .text{padding: 15px 0 0}
.c_other li .text a.t{display: block;font-size: 20px;color: #383838}
.c_other li .text a.t span{font-size: 18px;color: #a6a6a6;text-transform: uppercase;padding-left: 8px}
.c_other li .text i{display: block;width: 43px;height: 4px;background: #086fc2;margin: 20px 0 10px 0}
.c_other li .text .more{text-align: right}
.c_other li .text .more a{text-align: center;display: inline-block;width: 100px;height: 33px;line-height: 31px;box-sizing: border-box;border: 1px solid #565656;font-size: 14px;color: #565656;text-transform: uppercase;transition: all 0.3s ease 0s}
.c_other li .text .more a:hover{border-color: #086fc2;background: #086fc2;color: #fff}
