@charset "utf-8";
/* CSS Document */
*{padding:0; margin:0;}
body{font-family:"微软雅黑"; letter-spacing:0.005rem; width: 100%; min-width: 320px; max-width: 640px; margin: 0 auto;
font-family: -apple-system,Helvetica,sans-serif; font-size: 15px; line-height: 1.5; color: #666; padding-top:55px;}
html{}
ul,ol,li{ list-style:none;}
img{border:none; vertical-align:middle;}
h1, h2, h3, h4, h5, h6, hr, blockquote, form, ul, ol, li, p, pre, dl, dt, dd, fieldset, legend, button, input, textarea{margin:0; padding:0; font-weight:normal;}
a:link{color:#333; text-decoration:none;}
a:visited{color:#333; text-decoration:none;}
a:hover{color:#333; text-decoration:none;}
b{font-weight: normal;}
.clear{clear:both; font-size:0; font-family:"sans-serif"; height:0; line-height:0;}
.clear_fix:after{content: ""; clear: both; height: 0; overflow: hidden; display: block; visibility: hidden;}
.fl{float:left}
.fr{float:right;}
.text-left{text-align: left;}
.text-center{text-align: center;}
.text-right{text-align: right;}
.pos-r{position: relative;}
.pos-a{position: absolute;}


.index-bg{width: 100%; height: 100%; background: url(../images/index-bg1.jpg) no-repeat;  background-size: 110%;}
.logo{width: 60%; position: absolute; left: 0; right: 0; margin: 0 auto; top: 0%; margin-top: 5%; text-align: center;}
.logo img{max-width: 100%;}
.nav{width: 80%; position: absolute; left: 0; right: 0; margin: 0 auto; top: 35%;}
.nav ul{display: flex; flex-wrap: wrap; width: 100%; overflow: hidden; justify-content: space-between;}
.nav ul li{width: 31%; margin-bottom: 15px; text-align: center;
     background: rgba(255, 255, 255, 0.2); font-size: 16px;}
     .nav ul li a{color: #fff; display: block; height: 50px; line-height: 50px;}
.footer{position: absolute; left: 0; right: 0; margin: 0 auto; bottom:15%; color: #fff; text-align: center;
font-size: 16px;} 

.header {
    background: #fff;
    position:fixed;
    left:0;
    top:0;
    width:100%;
}
.navbar {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 0.8rem 1.5rem;
	z-index: 999
}

.bar {
	display: block;
	width: 25px;
	height: 3px;
	margin: 5px auto;
	-webkit-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
	background-color: #007490
}

.hamburger.active .bar:nth-child(2) {
	opacity: 0
}

.hamburger.active .bar:nth-child(1) {
	-webkit-transform: translateY(8px) rotate(45deg);
	transform: translateY(8px) rotate(45deg)
}

.hamburger.active .bar:nth-child(3) {
	-webkit-transform: translateY(-8px) rotate(-45deg);
	transform: translateY(-8px) rotate(-45deg)
}

.nav-menu {
	display: flex;
	justify-content: space-between;
	align-items: center;
	position: fixed;
	left: -120%;
	top: 55px;
	flex-direction: column;
	background-color: #fff;
	width: 100%;
	text-align: center;
	transition: .3s;
	box-shadow: 0 10px 27px rgba(0,0,0,.05)
}

.nav-menu.active {
	left: 0
}

.nav-link {
	display: block;
	font-size: 1rem;
	font-weight: 400;
	color: #475569;
    line-height: 2.5rem;
}

.nav-menu.active {
	left: 0
}

.nav-item {
	width: 100%;
	border-bottom: 1px solid #f3f4f6
}

.nav-link:hover {
	color: #482ff7
}

.case-bg{background: #d3edfb;}
.case-tab ul{display: flex;}
.case-tab ul li{margin-left: 10px; color: #24211d;}
.case-tab ul li.active a{color: #007490;}
.case{ padding: 10px; border-radius:10px;}
.case-list{background: #fff; border-radius: 5px; padding: 20px; margin-bottom: 30px;box-shadow: 2px 2px 10px rgba(0,0,0,.5);}
.case-list-pic img{width: 100%;}
.case-list-tit{color: #24211d; text-align: center; margin-top: 10px; font-size: 16px;}

/*工程名录*/
.engineering{}
.engineering ul li{line-height: 2.8rem; text-align: center;}
.engineering ul li:nth-child(odd){ background: #e9f7ff;}
.engineering ul li a{display: block;}

/*工程名录*/

/*项目页*/
.project-tit{color: #006f91; width: 100%; text-align: center; font-size: 16px; padding-right: 25px; box-sizing: border-box;}
.project-txt{background: #fff; border-radius: 10px; padding: 10px; box-shadow: 2px 2px 10px rgba(0,0,0,.5);
line-height: 28px; color: #000;}
.project-txt img{ margin: 2% auto; max-width: 100%; height:auto}
/*项目页*/


/*联系我们*/
.contact{background: #fff; border-radius: 10px; padding: 10px; box-shadow: 2px 2px 10px rgba(0,0,0,.5);
    line-height: 28px; color: #000; margin-bottom: 10px;}
.yellow{background: #fff385;}
.contact-map{height: 300px; border-radius: 10px; margin-bottom: 10px; overflow: hidden;}

/*联系我们*/

/*主营业务*/
.business{background: #fff; border-radius: 10px; padding: 15px 15px 15px 20px; box-shadow: 2px 2px 10px rgba(0,0,0,.5);
     color: #000; margin-bottom: 10px;}
.business-txt{line-height: 28px;}
.business-pic{margin: 10px auto; width: 90%;}
.business-txt img{width:100%; height:auto}
.title{
	width: 100%;
	font-size:20px;
	margin:0 auto;
	text-align:center;
    height:35px;
    line-height: 35px;
    display: flex;
}
.title_name{
    padding:0 10px;
}
.title .line{ 
    flex: 1; 
    background: linear-gradient(
                    transparent 49%,
                    #0087a9 49%,
                    #0087a9 51%,
                    transparent 51%
            );
}
.business-dis{ color: #747474; text-transform:uppercase; text-align: center; margin-bottom: 10px;}
.business-more{text-align: right;}
.business-more a{color: #006f91; font-size: 16px;}
/*主营业务*/

.honor{display: flex; flex-wrap: wrap;}
.honor-list{text-align: center; width: 50%; box-sizing: border-box; padding: 2%;}
.honor-list-tit{line-height: 28px;}




/*新闻*/
.news{padding: 10px;}
.news-list{border-bottom: 1px solid #b7bdbf; margin-bottom: 20px; padding-bottom: 20px; display: flex; justify-content: space-between;}
.news-list-info{width: 60%; display: flex; flex-direction: column;  justify-content:space-around;}
.news-list-info-tit{font-size: 18px; color: #221815; line-height: 30px;}
.news-list-info-time{font-size: 16px; color: #595757;}
.news-list-pic{width: 35%;}
.news-list-pic img{max-width: 100%;}

/*新闻内页*/
.news-view{margin: 10px; box-sizing: border-box; padding: 15px; background: #fff; font-size: 16px; line-height: 28px; color: #000;
border-radius: 10px;}
.news-view img{max-width: 100%; margin: 10px 0; height:auto}