body{
    font-family: "微软雅黑",Arial, Helvetica, sans-serif;overflow-x:hidden;
}
.header{height: 205px;}.header .top{height:155px;overflow: hidden;}
.header .top>*{float: left;height: 155px;box-sizing: border-box;display: block;}
.header .top .logo{width: 850px;background:#229b98;background: linear-gradient(-55deg, transparent 120px, #229b98 0);padding: 58px 90px;}
.header .top .chengyuan{width: 340px;padding: 66px 0 59px 30px;position:relative;font-size: 30px;line-height: 30px;}
.header .top .chengyuan::before{content:url('../images/pc/ding.png');display: block;height:39px; width:30px;top: 50%;left:0;margin-top: -22px;position:absolute;}
.header .top .hotline{font-size: 30px;line-height: 30px;padding: 66px 0 59px 0;width: 370px;}
.header .top .hotline a{display: block;height: 30px;;line-height: 30px;font-size: 22px;background-color: #229b98;color: #fff;float: right;padding: 0 10px;}

.nav{margin:0 auto;width: 1350px;height: 50px;}
.nav-item{width: 270px;}
.nav-link,.nav-link:hover{text-align: center;color: #474443;line-height: 32px;}
.nav-link.active{color: #229b98;}


.banner {width: 100%;position: relative;height: 1000px;background: #000;}
.banner .bd {width: 100%;margin: 0 auto;position: relative;z-index: 0;overflow: hidden;}
.banner .bd ul {width: 100% !important;}
.banner .bd li {width: 100% !important;height: 1000px;overflow: hidden;text-align: center;}
.banner .bd li a {display: block;height: 1000px;width: 100%;}
.banner .hd {width: 100%;position: absolute;z-index: 1;bottom: 10px;left: 0;height: 30px;line-height: 30px;text-align: center;}
.banner .hd ul {text-align: center;padding-top: 5px;}
.banner .hd ul li {cursor: pointer;display: inline-block;*display: inline;zoom:1; width: 16px;height: 16px;margin: 5px;background:#ddd ;overflow: hidden;line-height: 16px;border-radius: 50%;}
.banner .hd ul .on {background-position: 0 0;background:#fff}
/* 下面是前/后按钮代码，如果不需要删除即可 */
.banner .prev,
.banner .next{ position:absolute; left:3%; top:50%; margin-top:-58px; display:block; width:60px; height:116px; background:url(../images/pc/b-left.png) no-repeat; filter:alpha(opacity=50);opacity:0.5;   }
.banner .next{ left:auto; right:3%; background:url(../images/pc/b-right.png) no-repeat; }
.banner .prev:hover,
.banner .next:hover{ filter:alpha(opacity=100);opacity:1;  }
.banner .prevStop{ display:none;  }
.banner .nextStop{ display:none;  }

.p-list{list-style: none;width: 1240px;margin: 0px auto;padding: 150px 0;}
.p-list li{float: left;margin: 0 14px 30px;}

.environment div.content {width: 100%;position: relative;height: 1000px;background: #000;}
.environment div.content .bd {margin: 0 auto;position: relative;z-index: 0;overflow: hidden;}
.environment div.content .bd ul {width: 100% !important;}
.environment div.content .bd li {width: 100% !important;height: 1000px;overflow: hidden;text-align: center;}
.environment div.content .bd li a {display: block;height: 1000px;width: 100%;}
.environment div.content .hd {width: 100%;position: absolute;z-index: 1;bottom: 10px;left: 0;height: 30px;line-height: 30px;text-align: center;}
.environment div.content .hd ul {text-align: center;padding-top: 5px;}
.environment div.content .hd ul li {cursor: pointer;display: inline-block;*display: inline;zoom:1; width: 16px;height: 16px;margin: 5px;background:#ddd ;overflow: hidden;line-height: 9999px;border-radius: 50%;}
.environment div.content .hd ul .on {background-position: 0 0;background:#fff}
/* 下面是前/后按钮代码，如果不需要删除即可 */
.environment div.content .prev,
.environment div.content .next{ position:absolute; left:3%; top:50%; margin-top:-58px; display:block; width:60px; height:116px; background:url(../images/pc/b-left.png) no-repeat; filter:alpha(opacity=50);opacity:0.5;   }
.environment div.content .next{ left:auto; right:3%; background:url(../images/pc/b-right.png) no-repeat; }
.environment div.content .prev:hover,
.environment div.content .next:hover{ filter:alpha(opacity=100);opacity:1;  }
.environment div.content .prevStop{ display:none;  }
.environment div.content .nextStop{ display:none;  }

.title{font-size: 64px;height: 120px;line-height: 120px;margin: 100px auto;text-align: center;position: relative;}
.title::after{content: "";display: block; position: absolute;width: 144px;height: 0;bottom: 0;left: 50%;margin-left: -72px;border-top: 2px solid #a4a4a4;}
.title>span{position: absolute;width:400px;line-height: 60px;bottom: -60px;left:50%;margin-left:-200px;display: block;font-size: 24px;color: #a4a4a4;}

.project>.content{
    background: url('../images/pc/project-bg.jpg') no-repeat center;
    height: 1180px;
}

.environment>.content{
    background: url('../images/pc/environment-bg.html') no-repeat center;
    height: 1000px;
}

.route{
    height: 992px;
    background:url('../images/pc/route-bg.jpg') no-repeat center;
    
}
.route .gif{
    position: relative;
    margin: 0 auto;
    width: 0;
}
.route .gif img{
    position: absolute;
    width: 70px;
    left: -212px;
    top: 174px;;
}
.route .gif a{
    position: absolute;
    width: 600px;
    height: 130px;
    top:542px;
    left: 356px;
    display: block;
}

.footer{background-color: #1d1d1d;height: 450px;color: #fff;font-size: 14px;}
.footer *,.footer a{color: #fff;}
.footer ul,.footer li{list-style: none;}
.footer ul{width: 1400px; margin: 0 auto;}
.footer li{width: 33%;float: left;padding: 0 10px;}
.footer li .ftitle{color: #fff;font-size: 20px;line-height: 80px;margin-top:20px;}