﻿ @charset "utf-8";
 *{padding:0;margin:0;list-style: none;}
 body {
    color: #333;
    font-family:"微软雅黑", "microsoft yahei",Arial,Helvetica,sans-serif;
    font-size: 14px;
    margin: 0;
    padding: 0;
	
}
ul, h1, h2, h3, h4, images, p, li {
    font-weight: normal;
    list-style: outside none none;
    margin: 0;
    padding: 0;   
	overflow: visible;
	font-size: 100%;
}
.fl {
	float: left;
}
.fr {
	float: right;
}
ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
}
img {
	border: 0px;
}
h1, h2, h5 {
	margin: 0px;
	padding: 0px;
}
a {
	color: #333;
	text-decoration: none;
}
a:hover {
	color: #0077dd;
	text-decoration: underline;
}
.clear {
	clear: both;
}

/*头部代码的开始*/
.itop {
	width: 100%;
	height: 44px;
	border-bottom: 1px solid #e5e5e5;
}
.itopc {
	width: 1100px;
	height: 44px;
	margin: 0px auto;
	line-height: 34px;
}
.itopcl {
	width: 700px;
	height: 44px;
	float: left;
	font-size: 14px;
	color: #333;line-height: 44px;
}
.itopcr {
	width: 400px;
	float: left;
	font-size: 14px;
	color: #333;
	text-align:right;line-height: 44px;
}
.itopcr a {
    color: #333;
    padding: 3px 10px;
    text-decoration: none;
}
*::-moz-selection {
    background: #3399ff none repeat scroll 0 0;
    color: #ffffff;
    text-shadow: none;
}
.itopcr a.active {
    background: #1a76b9 none repeat scroll 0 0;
    color: #fff;
}
.ilogo {
	width: 100%;
	height: auto;
}
.ilogoc {
	width: 1100px;
	height: auto;
	margin: 0px auto;
	padding: 20px 0px;
}
.ilogoc img.ycdh {
	margin-top: 8px;
}
.ilogol {
	width: 750px;
	height: auto;
	float: left;
}
.ilogol img {
	float: left;
}
.ilogor {
	width: auto;
	float: right;
	margin-right: 0px;
	margin-top: 0px;
	background: url(../images/phone.gif) no-repeat left 12px;
	padding-left: 50px;
	padding-top: 5px;
}
.ilogor p {
	font-size: 18px;
	color: #1A76B9;
	line-height: 25px;
	font-weight: 100;
}
.ilogor p strong {
	font-size: 18px;
	color: #333;
	font-weight: 100;
}
.ilogor p span {
	font-size: 16px;
	color: #df5167;
}
.ilogor1 {
	width: auto;
	float: right;
	margin-right: 10px;
	margin-top: 0px;
	padding-top: 15px;
}

.search {
    position: relative;
}
.search input {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: medium none;
}
.search .txt1 {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #efefef -moz-use-text-color #efefef #efefef;
    border-image: none;
    border-style: solid none solid solid;
    border-width: 1px medium 1px 1px;
    width: 220px;
}
.search .txt1 input {
    background: #fff none repeat scroll 0 0;
    color: #999;
    font-family: 微软雅黑;
    height: 26px;
    line-height: 26px;
    padding: 0 10px;
    width: 200px;
}
.search .sub1 {
    background: rgba(0, 0, 0, 0) url("../images/search.jpg") no-repeat scroll 0 0;
    position: absolute;
    right: 0;
    text-align: center;
    top: 15px;
    width: 29px;
}
.search .sub1 input {
    color: #fff;
    height: 34px;
    line-height: 34px;
}


.inav {
	width: 100%;
	height: 45px;
	background-color: #1a76b9 ;
}
.navmenu{max-width: 1100px;padding: 0 15px;margin:0 auto;}
.navi{
    float: left;
    list-style: outside none none;
    margin: 0;
    padding: 0;
}
.navmenu li {
    float: left;
    position: relative;
}
.navmenu li  a {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: transparent;
    border-image: none;
    border-style: solid;
    border-width: 1px 1px 0;
    box-sizing: border-box;
    color: #fff;
    display: block;
    font-family: "Microsoft YaHei",Helvetica,Arial,sans-serif;
    font-size: 15px;
    font-weight: normal;
    height: 45px;
    line-height: 45px;
    padding: 0 16px;
    text-decoration: none;
}
.navmenu li a span {
    color: #78a4ce;font-size: 13px;
}
.navmenu li:hover a{
    background-color: #f28b28;
    color: #fff;
    outline: medium none;
}
.navmenu li:hover a span{
    color: #fff;
}

/*ban部分*/
.iban {
	width: 100%;
	height: auto;
}
.gg {
	height: 480px;
	position: relative;
	z-index: 1;
	overflow: hidden;
	margin: 0 auto;
	background: #d3d3d3 url(../images/loading.jpg) repeat-x;
}
.ggLoading {
	position: absolute;
	left: 40%;
	top: 200px;
	width: 325px;
	text-align: center;
	height: 56px;
	background-position: 0 -55px;
	background-repeat: no-repeat;
	line-height: 56px;
	color: #9c9c9c;
}
.ggLoading2 {
	width: 330px;
	height: 56px;
	background-position: 213px 0px;
	background-repeat: no-repeat;
}
.ggLoading em {
	font-weight: bold;
}
.ggs {
	width: 200%;
	height: 480px;
	left: -50%;
	top: 0;
	position: absolute;
}
.ggBox {
	width: 1920px;
	height: 480px;
	margin: 0 auto;
}
.ggBox a {
	display: block;
	width: 1920px;
	height: 480px;
	position: absolute;
	z-index: 1;
	opacity: 0.1;
}
.ggBox img {
	display: block;
	width: 1920px;
	height: 480px;
}
.ggb {
	position: absolute;
	width: 100%;
	left: 0;
	bottom: 0;
	height: 30px;
	z-index: 4;
	background-position: 50% -40px;
}
.ggBtns {
	width: 132px;
	height: 30px;
	margin: 0 auto;
}
.ggBtns a {
	float: left;
	margin-left: 8px;
	display: block;
	width: 25px;
	height: 25px;
	text-align: center;
	color: #FFF;
	background-color: #666;
	position: relative;
	top: -10px;
	outline: none;
	cursor: pointer;
	text-decoration: none;
	font: 14px Arial, Helvetica, sans-serif, "新宋体";
	line-height: 25px;
	-moz-border-radius: 15px;    
	-webkit-border-radius: 15px; 
	border-radius: 15px;
}
.ggBtns a em {
	display: block;
	width: 25px;
	height: 25px;
	margin: 0 auto;
	overflow: hidden;
	font-style: normal;
}
.ggBtns a:hover {
	color: #fff;
}
.ggBtns a:focus {
	outline: none;
}
.ggBtns a.current {
	color: #fff;
	background-color: #19326B;
}

/*视频和关于我们*/
.spgy {
	width: 1100px;
	height: auto;
	margin: 20px auto 10px;
}
.sspzx {
	width: 340px;
	height: auto;
	float: left;
}
.sspzx1, .gywm1, .scp1, .bgys1 {
	width: 340px;
	height: 40px;
	border-bottom: 1px solid #e5ebed;
}
strong.bt1 {
	font-size: 16px;
	color: #176DD0;
	line-height: 40px;
	padding: 0px 10px;
	font-weight: 600;
	float: left;
}
span.bt2 {
	font-size: 13px;
	color: #9a9898;
	float: left;
	padding-top: 15px;
}
strong.bt3 {
	font-size: 16px;
	color: #fff;
	line-height: 40px;
	padding: 0px 10px;
	font-weight: 600;
	float: left;
}
span.bt4 {
	font-size: 13px;
	color: #fff;
	float: left;
	padding-top: 15px;
}

.sspzx2 {
	width: 340px;
	height: auto;
	padding: 20px 0px;
}
.gywm {
	width: 710px;
	height: auto;
	float: right;
}
.gywm1 {
	width: 710px;
}
a.gd {
	float: right;
	margin-right: 10px;
	color: #333;
	font-size: 12px;
	line-height: 40px;
	display: block;
}
.gywm2 {
	width: 710px;
	height: auto;
	padding: 20px 0px;
}
.gywm2 h2 {
	font-size: 18px;
	line-height: 40px;
}
.gywm2 img {
	float: left;
	border: 1px solid #d6d6d6;
	margin-right: 15px;padding: 2px;
}
.gywm2 p {
	font-size: 14px;
	color: #666565;
	line-height: 30px;
}
.gywm2 p a {
	color: #176DD0;
}

/*工程业绩*/
.jfcp {
    height: auto;
    margin: 20px auto;
    width: 1100px;
}
.jfcp1 {
    width: 1100px;
	border-bottom: 1px solid #1975B8;
    height: 40px;
}
.jfcp2 {
   width: 1100px;
   height: auto;
   padding: 20px 0;
}
.jfcp2 ul li {
	float: left;
    height: auto;
    text-align: center;
    width: 249px;
	margin:5px 12px;
	line-height:30px;
}

.jfcp2 ul li  img {
    border: 1px solid #ccc;
    padding: 2px;
}

/*新闻中心*/
.jxwzx {
	width: 1100px;
	height: auto;
	margin: 20px auto;
}
.jdbj {
	width: 100%;
	height: auto;
	background-color: #f7f7f7;
	padding: 20px 0px;
}
.jnews {
	width: 775px;
	height: auto;
	float: left;
	border: 1px solid #cccccc;
}
.jnews_title {
	width: 775px;
	height: 45px;
	border-bottom: 1px solid #d6d6d6;
}
.jnews_title ul li {
	width: 387px;
	height: 45px;
	float: left;
	text-align: center;
}
.jnews_title ul li strong {
	font-size: 15px;
	padding-right: 10px;
}
.jnews_title ul li a {
	text-decoration: none;
	color: #666;
	line-height: 44px;
	display: block;
}
.jnews_title ul li a:hover {
	color: #176dd0;
	border-bottom: 2px solid #176dd0;
}
.jnews_nr {
	width: 775px;
	height: auto;
}
.newsxian, .newsyin {
	width: 775px;
	height: auto;
}
.newsyin {
	display: none;
}
.selectTab4 a:link, .selectTab4 a:hover, .selectTab4 a:visited {
	border-bottom: 2px solid #176dd0;
	color: #176dd0;
}
.selectTab3 {
}
.newsc {
	width: 745px;
	height: auto;
	margin: 10px auto;
}
.newss {
	width: 745px;
	height: auto;
	padding: 10px 0px 15px 0px;
	border-bottom: 1px dashed #cccccc;
}
.newss a {
	font-size: 14px;
	line-height: 50px;
	color: #333;
	font-weight: bold;
}
.newss a:hover {
	color: #3292d7;
}
.newss p {
	font-size: 14px;
	color: #666;
	line-height: 24px;
}
.newss img {
	float: left;
	margin-right: 15px;
}
.newss_list {
	width: 745px;
	height: auto;
	padding: 10px 0px;
}
.newss_list ul li {
	width: 725px;
	height: 30px;
	line-height: 30px;
	padding-left: 20px;
	background: url(../images/jian.gif) no-repeat 5px center;
}
.newss_list ul li a {
	float: left;
	color: #666;
	font-size: 14px;
}
.newss_list ul li a:hover {
	float: left;
	color: #3292d7;
	text-decoration: underline;
}
.newss_list ul li span {
	color: #999;
	float: right;
	margin-right: 5px;
}
.jlxright{width: 307px;}

.jlxwm {
	width: 305px;
	height: auto;
	border: 1px solid #ccc;
}
.jlxwm4 {
	width: 305px;
	height: auto;
	margin-top:15px;
}

.jlxwm1 {
	width: 305px;
	height: 45px;
	border-bottom: 1px solid #ccc;
}
.jlxwm2 {
	width: 305px;
	height: auto;
}
.slxwmc {
	width: 285px;
	height: auto;
	padding: 5px 10px;
}
.slxwmc p {
	padding-left: 15px;
	line-height: 27px;
	font-size: 14px;
	padding-bottom: 14px;
}
.slxwmc p strong {
	font-size: 18px;
	line-height: 40px;
}
.jlxwm1 strong.bt1 {
	line-height: 45px;
	font-weight: bold;
}
.dianhua {
	background: url(../images/phone.gif) no-repeat scroll 15px 14px transparent;
	color: #666666;
	line-height: 20px;
	padding: 10px 0px 15px 60px;
	margin-top: 10px
}
.dianhua span {
	color: #282b33;
	display: block;
	font: 18px "Impact";
}


/*友情链接*/
.jdbj {
	width: 100%;
	height: auto;
	background-color: #f7f7f7;
	padding: 10px 0px;
}
.syqlj {
	width: 1100px;
	height: auto;
	margin: 0px auto;
}
.yqljs {
	width: 1100px;
	height: auto;
	padding: 15px 0px;
}
.yqljs a {
	color: #333;
	float: left;
	margin-left: 10px;
	line-height: 30px;
}


/*底部代码的开始*/
.footWrap {
	width: 100%;
	height: auto;
	/* background-color: #333333; */
	background: url(../images/bg.jpg) repeat-x 0 0;
}
.hbfooter {
	width: 1100px;
	height: auto;
	margin: 0px auto;
}
.footer_nav {
	margin: 0 auto;
    width: 1100px;
	height: 54px;
	border-bottom: 1px solid #6d6c6c;
}
.fnavc {
	width: 1100px;
	height: 54px;
	float:left;
	
}
.fnavc a {
	padding: 0 18px;
	color: #fff;
	font-size: 13px;
	line-height: 54px;
}
.hbbottom {
	width: 1100px;
	height: auto;
	padding: 25px 0px;
}
.hbtmleft {
	width: 1100px;
	height: auto;
	float: left;
}
.hbtmleft p {
	font-size: 13px;
	color: #FFF;
	line-height: 36px;
	text-align:center;
}
.hbtmleft p a {
	color: #FFF;
}
.hbtmleft strong {
	color: #016832;
	font-size: 18px;
}
.hbtmright {
	width: 88px;
	height: auto;
	float: right;
	margin-right: 20px;
	text-align: center;
	line-height: 30px;
	color: #FFF;
	font-size: 13px;
}

#pagerMain {
    margin-bottom: 40px;
    padding: 14px 0 10px;
    text-align: center;
    width: 100%;
}                           
.sy {
    border: 1px solid #ddd;
    display: inline-block;
    font-size: 15px;
    height: 36px;
    line-height: 36px;
    margin: 0 2px;
    padding: 0 15px;
    text-align: center;
    transition: box-shadow 0.15s ease-out 0s;
    vertical-align: middle;
}
.sy:hover {
    border: 1px solid #3498db;
}
.sy1 {
    background: #3498db none repeat scroll 0 0;
    border: 1px solid #3498db;
    color: #fff;
    cursor: default;
    display: inline-block;
    font-size: 15px;
    height: 36px;
    line-height: 36px;
    margin: 0 2px;
    padding: 0 15px;
    text-align: center;
    transition: box-shadow 0.15s ease-out 0s;
    vertical-align: middle;
}

/*在线客服开始*/

.floating_ck{position:fixed;right:20px;top:30%;z-index: 3000;}
.floating_ck dl dd{position:relative;width:70px;height:70px;background-color:#646577;border-bottom:solid 1px #555666;text-align:center;background-repeat:no-repeat;background-position:center 20%;cursor:pointer;}
.floating_ck dl dd:hover{background-color:#176dd0;border-bottom:solid 1px #176dd0;}
.floating_ck dl dd:hover .floating_left{display:block;}
.consult,.words{background-image:url(../images/icon0701/zxicon.png);}
.quote{background-image:url(../images/icon0701/kficon.png);}
.qrcord{background-image:url(../images/icon0701/erweima.png);}
.return{background-image:url(../images/icon0701/fanhui.png);}
.floating_ck dd span{color:#fff;display:block;padding-top:48px;}
.floating_left{position:absolute;left:-160px;top:0px;width:160px;height:70px;background-color:#176dd0;border-bottom:solid 1px #176dd0;display:none;}
.floating_left a{color:#fff;line-height:70px;font-size:14px;}
.floating_ewm{height:220px;top:-150px;}
.floating_ewm i{background-image:url(../images/erweima.png);display:block;width:130px;height:130px;margin:auto;margin-top:7px;}
.floating_ewm p{color:#fff;margin-top:5px;}
.floating_ewm .qrcord_p01{font-size:12px;line-height:20px;}
.floating_ewm .qrcord_p02{font-size:16px;}

/*关于我们开始*/
.title-nav{
	background:url(../images/50.jpg) no-repeat center center;
	width:400px;
	height:71px;
	margin:0 auto;
}
.nav-sub {
    margin-bottom: 50px;
    margin-top: 50px;
    text-align: center;
}
.sub-nav {
    margin: 20px auto;
}
.sub-nav a {
    background: #ececec none repeat scroll 0 0;
    color: #666;
    display: inline-block;
    font-size: 14px;
    padding: 14px 66px;
    text-decoration: none;
	padding: 14px 66px;
}
.sub-nav a.sub-active {
    background: #484c52 none repeat scroll 0 0;
    color: #fff;
}
.sub-nav a:hover {
    background: #484c52 none repeat scroll 0 0;
    color: #fff;
}
.uk-container-center {
    max-width: 1200px;
    padding: 0 15px;margin:0 auto;
	margin-bottom:50px;font-size: 14px; line-height: 26px;
}
.newslist {
    overflow: hidden;
}
.newslist li{width:1200px;float:left;border-bottom: 1px solid #dddddd;padding:15px 0;}
.newslist li img {width:212px;float:left;margin-right:20px;}
.newslist h4{margin: 0 0 10px; }   
.newslist h4 a {
    color: #666;
    font-size: 15px;
    font-weight: bold;
	line-height: 22px;
	text-transform: none;
}
.n-date {
    background: rgba(0, 0, 0, 0) url("../images/edit.jpg") no-repeat scroll 0 0;
    color: #999;
    font-size: 12px;
    padding-left: 22px;
}
.newslist p {
    font-size: 14px;line-height: 25px;
}
.newslist a {
    text-decoration: none;
}
.newslist a.active {
    background: #1a76b9 none repeat scroll 0 0;
    color: #fff;padding: 3px 10px;
}
.breadcrumb {
    margin:50px auto 20px;
	width: 1200px;
	padding: 0 15px;
}
.nywrap {
    width: 1200px;
    padding: 0 15px;
	margin-bottom: 50px;
	margin:0 auto;
}
.article-title {
    border-bottom: 1px solid #ccc;
    padding-bottom: 10px;
	font-size: 24px;
    line-height: 30px;
	margin-bottom:15px;
}
.article-content{
    color: #666;
    line-height: 26px;
	margin-bottom:50px;
}
.nextpage {
    background: #999 none repeat scroll 0 0;
    color: #fff;
    height: 38px;
    line-height: 38px;
    margin-top: 30px;
	width:1200px;
	margin:0 auto 50px;
}
.nextpage a {
    color: #fff;
    text-decoration: none;
}
.nextmid{
    width:500px;float:left;margin-left:100px;
}
.nextright{
    width:600px;float:right;
}
.hcss{color: #999;font-size: 12px;}
.pro-page{width: 1200px;margin-bottom: 40px;margin:0 auto;overflow: hidden;}
.pro-page ul li{margin:0 0 40px 20px;float:left;width:380px;}
.pro-box {
    border-color: #fff #fff #333;
    border-style: solid;
    border-width: 3px 3px 1px;
    padding-bottom: 10px;
}

.pro-box .pro-title {
    color: #333;
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 6px;
    text-align: center;
	margin-top: 20px;
}
.pro-box p {
    color: #999;
    font-size: 14px;
    line-height:25px;
    text-align: center;
}
.pro-box:hover .pro-title {
    color: #fff;
}
.pro-box:hover p {
    color: #fff;
}
.pro-box:hover {
    background: #1076c0 none repeat scroll 0 0;
    border-color: #1076c0;
    border-style: solid;
    border-width: 3px 3px 1px;
}
.conleft{width:600px;float:left;text-align:right;}
.conright{width:570px;float:right;line-height:30px;padding-left:30px;}
.hb-form-bg {
    background: #efefef none repeat scroll 0 0;
    border: 1px solid #e6e6e6;padding: 35px;
}
.uk-grid {
    display: flex;
    flex-wrap: wrap;
    list-style: outside none none;
    margin: 0;
    padding: 0;
}
.uk-width-medium-1-3{
    width: 370px;float:left;
}
.uk-form-row{margin-bottom:15px;}
.uk-form-row label {
    color: #757575;font-weight:bold; line-height: 30px;
}
.red {
    color: red;
}
.uk-form-controls input ,.uk-form-controls textarea {
    background: #ffffff none repeat scroll 0 0;
    border: 1px solid #dddddd;
    color: #444444;
    height: 30px;
    max-width: 100%;
    padding: 4px 6px;
    transition: all 0.2s linear 0s;
}
.uk-form-controls input:focus ,.uk-form-controls textarea :focus{
    background: #f5fbfe none repeat scroll 0 0;
    border-color: #99baca;
    color: #444444;
    outline: 0 none;
}
.coolbg {
    font-size: 16px;
    line-height: 40px;
    min-height: 40px;
    padding: 0 15px;
	background-color: #00a8e6;
    color: #ffffff;
}
.marqueeleft{width:1100px;overflow:hidden;}
.marqueeleft ul{float:left;}

.form-control {
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    color: #555;
    display: block;
    font-size: 14px;
    height: 34px;
    line-height: 1.42857;
    padding: 6px 12px;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    vertical-align: middle;
    width: 210px;
}
.form-control:focus {
    border-color: #66afe9;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(102, 175, 233, 0.6);
    outline: 0 none;
}
.yhm{
    background: #bdbdbd url("../images/login_user.png") no-repeat scroll 0 0;
    border-radius: 0;
    color: #ffffff;
    margin-bottom: 14px;
    padding-left: 60px;
}
.pass {
    background: #bdbdbd url("../images/login_pas.png") no-repeat scroll 0 0;
    border-radius: 0;
    color: #ffffff;
    margin-bottom: 10px;
    padding-left: 60px;
}
.form-signin button {
    border-radius: 0;
}

/* .clearflx::before, .clearflx::after { */
    /* content: ""; */
    /* display: block; */
    /* line-height: 0; */
/* } */
/* .clearflx::after { */
    /* clear: both; */
/* } */
/* .clearflx { */
/* } */
