@charset "utf-8";
*{padding:0; margin:0;}
body{ font-size:16px; line-height:30px; background:#ededed;padding-top:100px; color: #666;}
input,textarea{ resize:none; font-family:"Microsoft YaHei";}
img{border:0;vertical-align:bottom; max-width:100%;}
ul,li{ list-style:none;}
a{ text-decoration:none; color:#000;}
a:hover{ /*color:#ca0000;*/text-decoration:none;}
input:focus,textarea:focus{ outline:none; }
h1,h2,h3{  font-weight:normal;}
.clear{ clear:both;}

.mt12{margin-top:12px;}
.icon-interval{ display: block; width:1px; height: 16px; background: url(../images/stt_03.jpg) no-repeat; float:left;margin-top:18px;}
.navbar .navbar-toggle .icon-bar{background-color: #2d9df2;}
.navbar-toggle{padding: 5px 18px 5px 10px; margin-right: 0; border-right:1px solid #e8e8e8;}
.logo{width:140px; padding:15px 0;}
.logo img{width:100%; height: auto;}
.navbar-nav{}
.navbar-service{padding:8px 0 5px 30px; background: url(../images/dh.png) no-repeat left 8px; font-size: 14px; color: #999;}
.navbar-service b{font-size:24px; color: #ca0000;}
.navbar-fixed-top{ background: #fff;}
.column-title{text-align:center;}
.column-title h2{ color: #222;}
.column-title p{font-family:"微软雅黑 Light"}
.row-about{color:#666;width:100%; height:200px; text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:6;-webkit-box-orient: vertical;}
.about{ background: #fafafa;padding-bottom: 65px;}
.about .more{display: block;width:125px; height: 35px;background: #d60000;  text-align: center;margin-top:45px; cursor: pointer;transition: all ease 0.5s;-webkit-transition: all ease 0.5s;-moz-transition: all ease 0.5s; }
.about .more img{ vertical-align:middle;}
.about .more:hover{ margin-left: 15px;}
.web-banner{display:block;}
.model-banner{display:none;}

/*工程业绩*/
.engineering{ width:100%; height:auto; background: url(../images/xwbj.jpg) no-repeat center top;}
.engineering .column-title h2,.engineering .column-title p{color:#fff;}
.engineering dl{overflow:hidden; padding-bottom: 30px;}
.engineering dl dd a{display: block;padding:15px; background: #fff; transition: all ease 0.5s; -webkit-transition: all ease 0.5s;-moz-transition: all ease 0.5s;}
.engineering dl dd .title{font-size:18px; color: #222;margin:15px 0 0 0;}
.engineering dl dd p{font-size:15px; color: #666;}
.engineering dl dd a:hover{ background: #d60000;}
.engineering dl dd a:hover .title,.engineering dl dd a:hover p{ color: #fff;}


/*新闻资讯*/
.news{ background:#fafafa; padding-bottom: 30px;}
.news .title{font-size:20px; color: #222;margin-top:20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.news img{min-width:100%; max-height: 300px;}
.news .abstract{font-size:16px; line-height: 24px; color: #666;margin-top:15px;text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow:ellipsis; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; all ease 0.5s; -webkit-transition: all ease 0.5s; -moz-transition: all ease 0.5s;}
.news dl dd{overflow:hidden; margin-bottom:25px;padding-right: 10px; background: #fff;}
.news dl dd:hover .time{ background: #d60000;}
.news a:hover .abstract{margin-top:10px;}
.news .time{padding:35px 10px 25px 10px; background: #2d9df2;font-size:24px; color: #fff; line-height: 24px; float:left;margin-right:15px;}
.news .time p{font-size:40px;}
.news .time font,.list-new dl dd .time font{display:none;}

/* footer */
.footer{ background: #78c4ec; color: #fff;font-size:14px;}
.footer a{color: #fff;}
.footer h4{font-weight:bold;margin-top:50px;}
.footer ul,.footer dd{overflow:hidden;}
.footer ul li{min-width:130px; line-height: 48px; border-bottom: 1px solid #cfcfcf; float:left; margin-right:30px;}
.footer dl dd{line-height:48px;}
.footer .qrcode img{width:144px;margin-top:50px;}
.footer .qrcode p{font-size:16px;padding-right:15px; margin-top:15px;}
.copyright{ background: #333;padding:15px; line-height: 20px; text-align: center; font-size:13px;}

.ins-ban{position: relative; width: 100%; height:335px; background: url(../images/nybanner.jpg) no-repeat center top;}
.ins-ban-writ{max-width: 1200px; margin:0 auto; text-align: right; font-size:42px; color:#2d9df2; font-weight: bold;padding-top:125px;padding-right:55px;}
.ins-ban-writ p{font-size:22px; font-weight: normal; font-family: "微软雅黑 Light";margin-top:10px;}

/*关于我们*/
.cont-wrap{max-width:1200px; margin:0 auto;margin-top:-95px; position:relative; overflow: hidden;}
.sidebar_a{width:21%;}
.sidebar_a .Img{position:absolute; left: 0; top: 0; z-index:1;}
.sidebar_a h3{font-size:28px; font-weight: bold; color: #fff; position:relative;z-index: 2; padding-top:75px;text-align: center;}
.sidebar_a ul{overflow:hidden;border: 1px solid #e6e6e6; padding:65px 0 50px 0; background: #fff;}
.sidebar_a ul li{width: 85%; height: 35px; text-align: center; font-size: 16px; color: #222; margin:0 auto;line-height: 35px; margin-bottom: 15px; background: #e6e6e6;}
.sidebar_a ul .active{background:#d60000;}
.sidebar_a ul .active a{color:#fff;}
.sidebar_a ul li a{display:block;}
.sidebar_a ul li:hover{ background:#d60000;}
.sidebar_a ul li:hover a{ color: #fff;}
.sidebar_b{width:75%;min-height:350px;padding:35px 3%; background: #fff;margin-top:50px;position:relative; z-index: 6;}
.model-writ{display:none;}

/*新闻列表页*/
.list-new dl dd{padding:40px 0 35px 0; overflow: hidden;border-bottom: 1px solid #f2f2f2;}
.list-new dl dd:first-child{padding-top:10px;}
.list-new dl dd img{width:210px; height: 145px; float:left; margin-right: 20px;}
.list-new dl dd .time{float:left; border-right:1px dashed #ddd;font-size:24px;color: #666; line-height: 24px;margin-right: 20px; padding: 15px 30px 15px 0;}
.list-new dl dd .time p{ font-size: 40px;color: #222;}
.list-new dl dd .title{margin-top:0; font-size:20px; color: #222; overflow: hidden; text-overflow: ellipsis; white-space:nowrap;}
.list-new dl dd .abstract{font-size:16px; color: #666; line-height: 30px;text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:2;-webkit-box-orient: vertical; transition: all ease 0.5s; -webkit-transition: all ease 0.5s;-moz-transition: all ease 0.5s;}
.list-new a:hover .abstract{margin-top:-5px;}
.list-new a:hover .title{ color: #d60000;}

/*新闻详情页*/
.list-new-show .show-title{font-size:30px; color: #222; line-height: 36px;}
.list-new-show .show-time{border-bottom: 1px solid #f2f2f2;line-height: 45px;padding-top:10px;}
.list-new-show .show-time span{font-size:14px; color: #999; margin-right:10px;}
.list-new-show .show-cont{padding:25px 0;}

/*工程列表页*/
.list-engineering {padding:25px 10px;}
.list-engineering dl dd{margin-bottom:25px;}
.list-engineering dl dd a{ display: block; border: 1px solid #e8e8e8; }
.list-engineering dl dd .Img{width:100%;transition: all ease 0.8s; -webkit-transition: all ease 0.8s;-moz-transition: all ease 0.8s;}
.list-engineering dl dd h4,.list-engineering dl dd p,.list-engineering dl dd .more{width:94%; margin:0 auto;}
.list-engineering dl dd h4{font-size:18px;color: #222;margin-top:15px;}
.list-engineering dl dd p{font-size:15px; color:#666; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding:5px 0;}
.list-engineering dl dd .more{height:35px; text-align: right; border-top:1px solid #e8e8e8;margin-top:10px;transition: all ease 0.5s; -webkit-transition: all ease 0.5s;-moz-transition: all ease 0.5s;}
.list-engineering dl dd a:hover .more{ padding:0 15px;}
.list-engineering dl dd a:hover .Img{transform: rotateY(360deg);}

/*企业资质*/
.list-honor {padding:25px 10px;}
.list-honor dl dd{margin-bottom:25px;}
.list-honor dl dd a{ display: block; border: 1px solid #e8e8e8; }
.list-honor dl dd .Img{width:100%;transition: all ease 0.8s; -webkit-transition: all ease 0.8s;-moz-transition: all ease 0.8s;}
.list-honor dl dd h4,.list-engineering dl dd p,.list-engineering dl dd .more{width:94%; margin:0 auto;}
.list-honor dl dd h4{font-size:18px;color: #222;margin:15px 0; text-align:center;}


/*人力资源*/
.web-table {width:100%;}
.mod-table{ display:none;}
.web-table tr th{ height:50px; line-height: 50px; background: #2d9df2; color: #fff;padding-left:25px; width: 20%;}
.table-zw{color:#222; }
.table-zw td{padding-left:25px;}
.table-zw b{font-size:18px; color: #2d9df2;}
.web-table tr td{ font-size:16px; color: #666; line-height: 30px;height:50px; width: 20%;}
.web-table tr td a{padding:3px 25px; background: #ca0000; color: #fff; border-radius: 5px; float:right; transition: all ease 0.5s;-weblit-transition: all ease 0.5s;-moz-transition: all ease 0.5s;}
.model-table{margin:15px 0;  border-collapse: collapse;table-layout:fixed;word-wrap:break-word; width:100%;}
.model-table tr td{border: 1px solid #e8e8e8;padding:10px 15px;width:50%;}
.model-table tr td b{color: #2d9df2;}
.model-table tr td a{padding:10px 25px; background: #ca0000; color: #fff; border-radius: 5px; }
.web-table tr td a:hover{ background: #ff780b;}

/*服务网络*/
.list-service dl dd{line-height: 24px;color: #222;margin-bottom: 10px;}
.list-service dl dd a{ display:block; width: 90%; border-bottom: 1px solid #e8e8e8;padding:15px 0; }

/*在线留言*/
.online dl dd{margin-bottom: 25px;}
.online dl dd input{width:70%; height: 50px; line-height: 50px; border: 1px solid #d6d6d6;padding:0 10px;}
.online input::-webkit-input-placeholder,.online textarea::-webkit-input-placeholder{color: #999;}
.online input:-moz-placeholder,.online textarea:-moz-input-placeholder{color: #999;}
.online input::-moz-placeholder,.online textarea::-moz-input-placeholder{color: #999;}
.online input:-ms-input-placeholder,.online textarea:-ms-input-placeholder{color: #999;}
.online textarea{padding:10px; height: 170px; width: 90%;border: 1px solid #d6d6d6;}
.online .btn{ width: 175px; height: 50px; background: #005ba0; font-size: 16px; color:#fff; outline:none;}
.tj-recruit{width:100%; height:35px; line-height:35px; margin-bottom:15px;}
.tj-recruit span{display: block;float: left;background: url(../images/ljio_06.png) no-repeat 0 center;
margin-right: 18px;padding-left: 23px; font-size:15px;}
.tj-email{width:100%;margin-top:20px; text-align:right;font-size:14px;}

/*右侧浮动*/
.qqkefu{ position: fixed; bottom:10%; _position: absolute; _top: expression(eval(document.documentElement.scrollTop + 365)); z-index: 20; right:0; width:70px;}
.qqkefu ul li{ width: 70px; height:70px; margin-bottom:1px; float:right; background:#0191d7; line-height:70px;cursor:pointer; position:relative;border-radius: 5px 5px 5px 5px; }
.qqkefu ul li a{ color:#fff; text-decoration:none; }
.qqkefu ul li:hover{ background:#0191d7; }
.qqkefu ul li.top{ background:#0191d7; width:70px; color:#fff; cursor:pointer; line-height:8px; font-size:20px; text-align: center;}
.qqkefu ul li.top i{font-size:24px;margin-top:21px; display: block;}
.qqkefu ul li.top span{ position:absolute; display:block; left:0; top:-5px; height:5px; width:70px;}
.qqkefu ul li.top:hover{ background:#0191d7}
.qqkefu ul li b{ width:70px; height:70px;line-height:70px; display:block; overflow:hidden; float:left; text-align: center; font-weight:normal;}
.qqkefu ul li b i{font-size:36px;}
.qqkefu ul li a{font-size:16px;}
.qqkefu ul .qq_czab span{font-size:16px;display: block; margin-top:16px;color: #FFF; line-height: 18px;}
.qqkefu ul .qq_weixin{position:relative; width:70px; color:#fff; cursor:pointer}
.qqkefu ul .qq_weixin .ewm{width:139px; height:139px; background:#fff; padding:3px; position:absolute; left:-140px; top:-65px; display:none;-moz-box-shadow:0px 1px 10px #666; -webkit-box-shadow:0px 1px 10px #666; box-shadow:0px 1px 10px #666;}
.qqkefu ul .qq_weixin .ewm img{ width:100%; height:auto;}
.qqkefu ul .qq_weixin:hover .ewm{ display:block;}

@media (min-width:1200px){
	.column-title{padding: 60px;}	
	.column-title h2{font-size:48px;}
    .column-title p{font-size:30px;}
	.row-about{font-size:16px; line-height: 36px;padding-top:20px;}
	.engineering .container{padding:0;}
	
}
@media (min-width:992px) and (max-width:1199px){
	.column-title{padding: 45px;}	
	.column-title h2{font-size:36px;}
    .column-title p{font-size:24px;}
    .row-about{font-size:16px; line-height: 36px;padding-top:20px;}
	.nav>li>a{padding:10px 15px;}
}
@media (min-width:992px){
		.footer .qrcode{ text-align:right;}
}
@media (max-width:991px){
.about .more{margin-top:25px;}	
.row-about{font-size:15px; line-height: 30px;padding-top:20px;}
.engineering dl dd a img{width:100%; height: auto;}	
.engineering dl dd {margin-bottom:15px;}
.navbar-right{margin-top:0;}
.logo{width:165px;padding: 0;margin-top:20px; margin-bottom: 28px;}
.navbar-right{margin-top:25px;}
.footer .qrcode{padding-left:15px;}
.cont-wrap{margin-top:0;}
.sidebar_a .Img{display: none;}
.sidebar_a{width:100%;}
.sidebar_a ul{border:none;padding:10px 0 0 0 ;}
.sidebar_a ul li{width:23%; margin:0 1%; float:left; margin-bottom: 10px; font-size:14px; border-radius:5px;}
.sidebar_b{ width: 100%;margin-top:0; padding-top:15px;}
.sidebar_a h3{display: none;}
}
@media (min-width:768px) and (max-width:991px){
	.img-responsive{max-width:90%; margin: 0 auto;}
	.column-title{padding: 40px;}	
	.column-title h2{font-size:30px;margin-bottom:0;}
    .column-title p{font-size:20px;}
	.footer h4{margin-top:30px;}
	.footer .qrcode img{margin-top:0;}
    .nav>li>a{padding:10px 7px;}
	
}
@media (max-width: 767px){
	body{padding-top:50px;}
	.icon-interval{display:none;}
	.navbar-service{width:100%;margin-bottom: 15px;}
	.logo{width:90px;margin-right: 20px;margin-top:1px;margin-bottom: 0;}	
	.img-responsive{max-width:90%; margin: 0 auto;}
	.column-title{padding: 25px;}	
	.column-title h2{font-size:24px;margin-bottom:0;}
    .column-title p{font-size:16px;}
	.web-banner{display:none;}
	.model-banner{display:block;}
	.navbar-header{/*border-bottom:1px solid #e6e6e6; */background: #fff;}
	.footer .container{display: none;}
	.nav>li{padding:10px 0; border-bottom: 1px solid #e8e8e8;}
	.nav>li>a{font-size:15px; color: #2d9df2; font-weight: normal;}
	.ins-ban{height:165px; background-position: bottom;}
	.ins-ban-writ{display:none;}
	.model-writ{ display: block;}
	.model-writ{font-size:26px; line-height: 26px; color: #fff; text-align: center; padding-top:55px;text-transform: Uppercase;text-shadow:#222 3px 3px 5px;}
	.model-writ p{font-size:20px; text-transform: Uppercase;font-weight: normal;  text-shadow:#222 3px 3px 5px;}
	.news dl dd{padding:10px 15px; border-radius:5px;}
	.list-new dl dd{padding:15px 0;}
	.list-new dl dd img{width:100%; height:auto;float: none;}
	.news .time,.list-new dl dd .time{width:100%;display: block; background: none; float: none; color: #222; line-height: 24px; font-size:24px;padding:15px 0 0 0; border:none;}
	.news dl dd:hover .time{ background:none;}
	.news .time p,.list-new dl dd .time p{float:left;font-size:24px;}
	.list-new dl dd .time p{ color: #222;font-weight: normal;}
	.news .time font,.list-new dl dd .time font{display:inline;}
	.news .title,.list-new dl dd .title{font-size:18px; margin-top:15px;}
	.news .abstract,.list-new dl dd .time .abstract{font-size:15px; margin-top:-5px;}
	.list-new-show .show-title{font-size:20px; line-height: 24px;}
	.list-new-show .show-time{font-size:12px; line-height: 35px; padding-top:0;}
	.web-table{display:none;}
	.mod-table{display:block;}
	.online dl dd input,.online dl dd textarea{width:100%;}{width:100%;}
	.cd-timeline-content h2{font-size:18px;}
	.list-service dl dd a{width:100%;}
	.list-new dl dd .abstract{margin-top:-5px; line-height:24px; font-size:15px;}
	.qqkefu{display:none;}
}

.footer_yyzz{ cursor: pointer;}
.yyzz_layer{ display: none;}
.layui-layer{ width: 800px!important; border: 15px solid #fff; border-radius: 5px!important;}
.layui-layer img{ width: 100%;}
.layui-layer-content{ height: auto!important; overflow: hidden!important;}