@charset "utf-8";
body{color:#fff;padding-bottom: 0;}
.banner{position:relative}
.banner img{max-width:100%;display:block;z-index: 3;}
.banner-bg{
    position: absolute;
    bottom: 0;
    width: 100%;
    left: 0;
}
.title{text-align:center;font-size:50px;font-family:serif;font-weight:bold;margin: 50px 0;}
@media (max-width:768px){
	.title{font-size: 34px;margin: 40px 0 40px;}
	.title img{display:block;margin:0 auto;width:120px}
}
/*业务范围*/
#ywfw{}
.ywfw{}
.ywfw li{background:#FB2A23;width:16.3%;text-align:center;line-height:1.5;padding: 50px 0;cursor: context-menu;}
.ywfw li:hover{background: #de0800;}
.ywfw h4{font-size:26px;letter-spacing:6px;font-weight:normal}
.ywfw p{font-size:12px;letter-spacing:-1px;opacity:0.6}
@media (max-width:768px){
	#ywfw{}
	.ywfw{padding: 0 8px;}
	.ywfw li{width:49%;margin-bottom: 3px;padding: 70px 0;}
	#ywfw .swiper-wrapper{
    flex-wrap: wrap;
    justify-content: space-around;
}
	.ywfw h4{letter-spacing: 2px;font-size: 20px;}
	.ywfw p{}
}
#section1{margin-top: 50px;}
#section1 img{display:block;max-width:100%}
.title1{}
.title1 h3{font-size:50px;text-align:center;font-family:serif;line-height:1.2}
.more{display:block;width:180px;line-height:60px;background:#FB2A23;text-align:center;color:#fff;margin:50px auto;font-size:20px;font-weight:bold}
.more:hover{background:#fff;color:#FB2A23}
@media (max-width:768px){
	#section1{background-size:cover;margin-top: 20px;}
	.title1{}
	.title1 h3{font-size:40px}
	.more{margin:30px auto;font-size: 14px;line-height: 40px;width: 150px;}
}
/*项目案例*/
#case{}
.case ul{display:flex;justify-content:space-between}
.case a:hover{color:#fff}
.case-img{
    overflow: hidden;
}
.case-img img{transition: 0.5s all;display:block;max-width:100%;}
.case li:hover img{
    transform: scale(1.1);
}
.case-con{}
.case-tit{line-height:1.5;padding:15px 15px 15px}
.case-tit h4{font-size:26px;letter-spacing:8px;font-weight:normal}
.case-tit p{color:#999;font-size:12px}
.case-text{font-size: 14px;display: -webkit-box;-webkit-line-clamp: 5;-webkit-box-orient: vertical;overflow: hidden;text-indent: 2em;}
@media (max-width:768px){
	#case{}
	.case ul{}
	.case li{max-width: 200px;}
	.case-img{}
	.case-img img{}
	.case-con{}
	.case-tit{padding:10px 0}
	.case-tit h4{font-size: 16px;letter-spacing: 2px;}
	.case-tit p{font-size:10px;letter-spacing:normal}
	.case-text{display:none}
}
#dengju{padding: 30px 10px 0;}
.dengju img{display: block;max-width: 100%;margin: 0 auto;}
/*关于瀚海*/
#about{background:url(../images/about-bg.jpg) no-repeat center;padding:80px 0}
.aboutL{width:49%}
.aboutL img{display:block;max-width:100%}
.aboutR{width:48%}
.aboutR .title{line-height:1;margin: 0 auto 30px;}
.aboutR .about-text{line-height: 2;text-indent: 2em;}
.aboutR a{margin: 50px auto 0;}
@media (max-width:768px){
	#about{background:none;padding: 30px 0 0;}
	.aboutL{width:100%}
	.aboutL img{}
	.aboutR{width:100%}
	.aboutR .title{margin:50px 0 30px}
	.aboutR .about-text{font-size: 12px;color: #eee;text-indent: 2em;line-height: 1.5;}
	.aboutR a{margin: 30px auto 50px;}
}
#youshi{padding:80px 0}
#youshi ul{text-align:center}
#youshi li{width:33.3%;line-height:1.5}
#youshi a:hover{color:#fff}
#youshi img{}
.count{font-size:50px}
.num{}
#youshi p{font-size:30px}
@media (max-width:768px){
	#youshi{padding: 0 0 30px;}
	#youshi ul{padding:0}
	#youshi li{}
	#youshi img{height:50px}
	.count{font-size:20px}
	.num{}
	#youshi p{font-size:16px}
}

/*新闻资讯*/
#news{background:#555555;overflow:hidden}
.news{}
.news li{background:#3A3A3A;padding:2% 5%;display:flex;justify-content:space-between;flex-wrap:wrap;align-items:center;margin-bottom:15px;transition:0.5s all}
.news li:hover{padding:2% 7% 2% 3%;background:#000}
.news-img{width:29%}
.news-img img{display:block;max-width:100%;margin:0 auto}
.newsR{width:68%}
.date{line-height:1.2;margin-bottom:15px;background:url(../images/more.png) no-repeat center 15px}
.date span:first-child{display:block;font-size:34px}
.date span:last-child{font-size:20px}
.newsR a{color:#fff;font-size:18px;font-weight:bold}
.newsR p{font-size: 16px;line-height:1.5;margin-top:10px;text-indent: 2em;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;}
@media (max-width:768px){
	#news{background: unset;}
	.news{}
	.news li{padding: 0 0;background: unset;margin-bottom: 20px;}
	.news li:hover{padding:10px}
	.news-img{width: 36%;}
	.news-img img{width:100%}
	.newsR{width: 60%;line-height: 1;}
	.date{background:none;margin-bottom: 0;line-height: 1;font-size: 12px;}
	.date span:first-child{font-size: 16px;}
	.date span:nth-child(2){font-size: 12px;}
	.newsR a{font-size: 12px;}
	.newsR p{font-size: 12px;margin-top: 5px;}
}
@media (max-width:600px){
	.news{}
	.news li{}
	.news li:nth-child(2),.news li:nth-child(3){display:none}
	.news li:hover{}
	.news-img{width: 100%;}
	.news-img img{}
	.newsR{width: 100%;padding: 10px 0;}
	.date{background:none;margin-bottom: 0;line-height: 1;font-size: 12px;}
	.phone-date{font-size: 12px;color: #ccc;}
	.newsR a{font-size:16px;line-height:2;height:2em;overflow:hidden;display:block}
	.newsR p{font-size:14px}
}
/*联系我们*/
#contact{overflow:hidden;}
.contact{}
.contact li{background:#FB2A23;width:24.5%;text-align:center;overflow:hidden;padding-bottom:25px}
.contact-icon{margin:50px 0 30px}
.contact-icon img{}
.contact-icon p{color:#353535}
.contact-txt{color:#353535;line-height:1.5;margin:0 auto;display:flex;width:100%;justify-content:center;align-items:center;height: 6em;flex-wrap: wrap;padding: 0 5px;box-sizing: border-box;}
.contact-txt p{}
.icp{
    text-align: center;
    margin-top: 50px;
}
@media (max-width:768px){
	#contact{}
	.contact{}
	.contact li{width:49%;margin-bottom:10px}
	.contact-icon{margin:30px 0 10px}
	.contact-icon img{}
	.contact-icon p{}
	.contact-txt{font-size: 12px;}
	.icp{margin-top: 0px;margin-bottom: 10px;}
}

#map{
    position: fixed;
    top: 100%;
    opacity: 0;
    left: 50%;
    transform: translate(-50% , -50%);
    z-index: 5;
    width: 100%;
    height: 100%;
    max-width: 800px;
    max-height: 400px;
    border: 10px solid #fff;
    border-radius: 10px;
    transition: 0.5s all;
    z-index: -9;
}
#map.on{
    top: 50%;
    opacity: 1;
    z-index:9
}
.map-close{
    position: absolute;
    top: -29px;
    right: -32px;
    z-index: 5;
    color: #000;
    width: 30px;
    height: 30px;
    background: url(../images/close.png);
    border-radius: 50%;
    display: block;
    cursor: pointer;
}
#allmap {width: 100%;height: 100%;overflow: hidden;font-family: "微软雅黑";}
#allmap b {color: #CC5522;font-size: 16px;}
#allmap img {max-width: none;}
.BMap_bubble_content p{
    line-height: 1.6;
    margin: 5px 0;
    font-size: 15px;
}
.tel_bot{display:none}
@media (max-width:768px){
	.tel_bot{display:block;position: fixed;right: 1%;bottom: 120px;background: #f00;padding: 10px;border-radius: 50%;box-shadow: 0 0 5px 1px #fff;z-index: 3;}
	.tel_bot img{
    width: 35px;
    display: block;
}
	#map{
    width: 96%;
    height: 300px;
    box-sizing: border-box;
}
.map-close{
    right: -10px;
}
	
}