*{margin: 0;padding: 0;box-sizing: border-box;/* font-family: 'PingFang SC Medium','思源黑体 CN','微软雅黑';    font-family: 'PingFang SC','思源黑体 CN','PingFang SC Medium','微软雅黑'; */}
header,footer,nav,div,p,span,b,a,input,textarea,ul,li{margin: 0;padding: 0;}
ul li{list-style: none;}
a{text-decoration: none;color: #000;}
table {border-collapse:collapse;}table,th, td{border: 1px solid #ddd;line-height: 30px;padding: 10px;}
input{outline: none;}
textarea{resize: none;outline: none;}
iframe{display: block;width: 800px;height: 600px;border: 0;margin: 0 auto;}
html,body{min-width: 1263px;}

/* ::-webkit-input-placeholder{color: #201f1d;}
::-moz-placeholder{color: #201f1d;}
:-moz-placeholder{color: #201f1d;} */

/*浮动*/
.f_le{float: left;}
.f_ri{float: right;}
/*清除浮动*/
.clearfix:after{content: "";display: block;height: 0;font-size: 0;clear: both;visibility: hidden;}

/*定位*/
.p_re{position: relative;}
.p_ab{position: absolute;}

/*弹性盒子*/
.flexbox{display: -webkit-flex;display: flex;-webkit-justify-content: space-between;justify-content: space-between;} /*横向弹性*/
.flexbox11{display: -webkit-flex;display: flex;-webkit-justify-content: center;justify-content: center;} /*横向弹性*/
.flexbox22{display: -webkit-flex;display: flex;-webkit-justify-content: space-around;justify-content: space-around;} /*横向弹性*/
.flexbox_1{display: -webkit-flex;display: flex;-webkit-align-items: center;align-items: center;-webkit-flex-wrap: wrap;height: 900px;} /*纵向弹性*/
.flexbox_2{display: -webkit-flex;display: flex;-webkit-align-items: flex-end;align-items: flex-end;flex-wrap: wrap;}
.flexc{margin: auto auto;}
.flexwarp{flex-wrap: wrap;}  /*弹性盒子换行*/

/* 文字分栏 */
.column{column-width:300px;-moz-column-width:300px; /* Firefox */-webkit-column-width:300px; /* Safari and Chrome */
    column-count:; /* 列数 */
    column-gap:; /* 列间距 */
    column-rule:; /* 分隔线 */
}

/*字体超出隐藏*/
.txthide{overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.txthide2{display: -webkit-box!important; -webkit-box-orient:vertical; -webkit-line-clamp:2; text-overflow: ellipsis; overflow: hidden; text-align: justify;}
.txthide3{display: -webkit-box!important; -webkit-box-orient:vertical; -webkit-line-clamp:3; text-overflow: ellipsis; overflow: hidden; text-align: justify;}
/*.txthide_2{ text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;line-clamp: 2;-webkit-box-orient: vertical;}*/

.pic{width: 300px;height: 200px;overflow: hidden;position: relative;}
.pic img{display: block;width: 100%;height: auto;min-height: 100%;position: absolute;top: 50%;left: 50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);}

/*宽度*/
.wrapper{width: 70.833%;min-width: 1200px;margin: 0 auto;}



/* 导航 */
.header{width: 100%;position: absolute;top: 0;left: 0;right: 0;min-width: 1263px;z-index: 9;}
.header .nh-wrapper{width: 91.146%;margin: 0 auto;min-width: 1200px;}

.header .logo{display: block;height: 51px;margin-top: 30px;float: left;}
.header .logo img{display: block;height: 100%;}
.header .logo h1{display: none;}

.header .nav{height: 80px;float: right;}
.header .nav li{float: left;height: 80px;position: relative;margin-right: 60px;z-index: 3;}
.header .nav li:last-child{margin-right: 0;}
.header .nav li a.na{display: block;height: 100%;font-size: 16px;color: #fff;line-height: 80px;padding: 0 10px;}
.header .nav li:after{content: '';display: block;width: 0;height: 5px;background: #fff;position: absolute;top: 0;left: 0;right: 0;margin: 0 auto;transition: .5s;}
.header .nav li:hover:after,.header .nav li.active:after{width: 100%;}



/* 底部 */
.footer{width: 100%;background: #404040;padding: 40px 0;}

.footer .logo_foot{display: block;margin: auto 0;}

.footer .f-right{width: 700px;margin: auto 0;text-align: right;}

.footer .footNav{width: 100%;padding-bottom: 12px;}
.footer .footNav a{display: inline-block;font-size: 16px;color: #fff;margin-right: 50px;height: 25px;line-height: 25px;}
.footer .footNav a:last-child{margin-right: 0;}

.footer .txt{font-size: 18px;color: #fff;line-height: 35px;margin-top: 15px;border-bottom: 1px solid rgba(255,255,255,.14);padding-bottom: 10px;margin-bottom: 10px;}
.footer .info span{padding-left:20px}
.copyright , .footer .info{font-size: 14px;color: #a2a3ae;line-height: 30px;}
.copyright a{color: #a2a3ae;}
.copyright a:hover{color: #fff;}



/*轮播*/
.banner{width: 100%;position: relative;overflow: hidden;}
.banner img{width: 100%;display: block;}
.banner .swiper-pagination{position: absolute;bottom: 25px;}
.banner .swiper-pagination-bullet{width: 12px;height: 12px;opacity: 1;background: #fff;}
.banner .swiper-pagination-bullet-active{width: 40px;height: 12px;opacity: 1;border-radius: 12px;background: #15499a;}



/* 标题 */
.titBox{text-align: center;color: #1d1d1d;font-weight: bold;margin-bottom: 35px;}
.titBox .title{font-size: 38px;}
.titBox .title img{display: inline-block;width: 32px;height: 36px;margin-right: 15px;}
.titBox .ftitle{font-size: 20px;text-transform: uppercase;font-weight: 400;}


.n-one{padding: 60px 0;}
.n-one .box1{float: left;}
.n-one .titBox{text-align: left;}
.n-one .more{display: block;width: 155px;height: 42px;background: #404040;color: #fff;text-align: center;line-height: 42px;text-transform: uppercase;}
.n-one .box2{border-left: 2px solid #efefef;float: left;width: 36.397%;padding: 0 40px;}
.n-one .box2 article{font-size: 16px;color: #5d5d5d;text-align: justify;line-height: 2;}
.n-one .box2 .img{display: block;margin-bottom: 15px;}
.n-one .box3{width: 46.324%;float: right;border-left: 2px solid #efefef;padding-left: 40px;}
.n-one .box3 .titBox{margin-bottom: 10px;}
.n-one .box3 .titBox .title{font-size: 28px;line-height: 35px;}
.n-one .box3 .list{display: block;font-size: 16px;color: #5d5d5d;line-height: 30px;transition: .5s;}
.n-one .box3 .list:hover{color: #4612a4;}

.n-two{width: 100%;}
.n-two .list{width: 25%;float: left;position: relative;overflow: hidden;}
.n-two .list a{display: block;width: 100%;}
.n-two .list .img{display: block;width: 100%;}
.n-two .list .cont{right: 0;bottom: 0;position: absolute;padding: 0 40px 40px 0;color: #fff;text-align: right;}
.n-two .list .tit{font-size: 28px;font-weight: initial;line-height: 40px;}
.n-two .list .ftit{font-size: 18px;line-height: 25px;text-transform: uppercase;}


/* 面包屑 */
.crumbs{width: 100%;height: 80px;background: #f5f5f5;overflow: hidden;}
.crumbs .m-crumb{float: right;height: 80px;line-height: 80px;overflow: hidden;max-width: 50%;padding-left: 35px;background: url(../images/ico10.png) left center no-repeat;font-size: 16px;color: #a9a9a9;}
.crumbs .m-crumb a{color: #a9a9a9;}
.crumbs .m-crumb i{font-family: 'simsun';font-style: normal;margin: 0 2px;}
.crumbs .m-crumb span{color: #236bcc;}



/* 企业简介 */
.about{padding: 50px 0 80px;}
.about article{width: 100%;font-size: 16px;color: #1d1d1d;text-align: justify;line-height: 30px;/* font-weight: bold; */}
.about article img{max-width: 100%;}
.about .apic{display: block;width: 100%;margin-top: 30px;}



/* 宗旨理念 */
.purpose{padding: 50px 0 80px;}
.purpose .pur-title{font-size: 20px;color: #1d1d1d;border-left: 4px solid #236bcc;line-height: 24px;padding-left: 10px;margin-bottom: 15px;}
.purpose article{font-size: 16px;color: #1d1d1d;text-align: justify;line-height: 40px;margin-bottom: 40px;padding-left: 15px;}
.purpose article img{max-width: 100%;}



/* 信誉资质 */
.honor{padding: 50px 0 80px;}
.honor .honorNav{text-align: center;margin-bottom: 35px;}
.honor .honorNav a{display: inline-block;width: 326px;height: 72px;background: #fff;border: 1px solid #1d1d1d;text-align: center;line-height: 70px;font-size: 20px;margin: 0 30px;transition: .5s;}
.honor .honorNav a:hover{border-color: #236bcc;background: #236bcc;color: #fff;}
.honor .honorNav a.active{border-color: #236bcc;background: #236bcc;color: #fff;}

.honor article{font-size: 16px;color: #1d1d1d;text-align: justify;line-height: 40px;}
.honor article img{max-width: 100%;}

.honor .list{width: 32%;float: left;margin: 0 2% 30px 0;box-shadow: 0 0 10px rgba(0,0,0,.1);transition: .5s;}
.honor .list:nth-child(3n){margin-right: 0;}
.honor .list .pic{display: block;width: 100%;height: 308px;}
.honor .list:hover{box-shadow: 5px 5px 10px rgba(0,0,0,.1);-webkit-transform: translateY(-10px);-moz-transform: translateY(-10px);-ms-transform: translateY(-10px);-o-transform: translateY(-10px);transform: translateY(-10px);}

@media screen and (max-width: 1600px) {
    .honor .list .pic{height: 257px;}
}



/* 办公环境 */
.office{padding: 50px 0 80px;}
.office .list{width: 28.405%;float: left;margin: 0 1.11% 20px 0;height: 328px;transition: .5s;}
.office .list:nth-child(3n){margin-right: 0;}
.office .list:nth-child(3),.office .list:nth-child(4),.office .list:nth-child(9),.office .list:nth-child(10){width: 40.97%;}
.office .list .pic{display: block;width: 100%;height: 100%;}

.office .list:hover{box-shadow: 5px 5px 10px rgba(0,0,0,.1);-webkit-transform: translateY(-10px);-moz-transform: translateY(-10px);-ms-transform: translateY(-10px);-o-transform: translateY(-10px);transform: translateY(-10px);}
@media screen and (max-width: 1600px) {
    .office .list{height: 273px;}
}



/* 团队成员 */
.team{padding: 50px 0 80px;}
.team .list{width: 48.3%;float: left;margin: 0 3.4% 35px 0;background: #f5f5f5;transition: .5s;}
.team .list:nth-child(2n){margin-right: 0;}
.team .list .pic{display: block;width: 278px;height: 334px;margin: auto 0;}
.team .list .cont{display: block;width: calc(100% - 330px);margin: auto auto;color: #171717;transition: .5s;}
.team .list .tit{font-size: 24px;line-height: 35px;margin-bottom: 15px;}
.team .list .tit small{font-size: 16px;}
.team .list .desc{font-size: 16px;text-align: justify;line-height: 30px;min-height: 90px;}
.team .list:hover{background: #236bcc;}
.team .list:hover .cont{color: #fff;}



/* 工程项目 */
.project{padding: 50px 0 80px;}
.project .list{width: 32.4%;float: left;margin-right: 1.4%;position: relative;overflow: hidden;margin-bottom: 35px;transition: .5s;}
.project .list:nth-child(3n){margin-right: 0;}
.project .list .pic{display: block;width: 100%;height: 333px;}
.project .list .cont{position: absolute;bottom: -150px;left: 20px;right: 20px;background: rgba(255,255,255,.64);color: #236bcc;padding: 10px 85px 10px 50px;font-size: 20px;line-height: 30px;transition: .5s;}
.project .list .details{display: block;width: 50px;height: 35px;border-left: 1px solid #236bcc;margin: auto 0;position: absolute;top: 0;bottom: 0;right: 20px;background: url(../images/ico03.png) right center no-repeat;}
.project .more{display: block;width: 178px;height: 50px;border: 1px solid #236bcc;text-align: center;line-height: 48px;font-size: 18px;color: #236bcc;text-transform: uppercase;margin: 40px auto 0;background: #fff;transition: .5s;}
.project .more .ico{vertical-align: middle;}

.project .list:hover{box-shadow: 5px 5px 10px rgba(0,0,0,.1);}
.project .list:hover .cont{bottom: 20px;}
@media screen and (max-width: 1600px) {
    .project .list .pic{height: 277px;}
}



/* 社会责任 */
.duty{padding: 50px 0 80px;}
.duty .list{width: 100%;background: #f5f5f5;position: relative;margin-bottom: 40px;padding: 55px 0;}
.duty .list:before{content: '';display: block;width: 300px;background: #236bcc;position: absolute;left: 0;top: 0;bottom: 0;}
.duty .list .pic{display: block;width: 535px;height: 340px;float: left;margin-left: 50px;}
.duty .list .cont{height: 340px;float: right;width: calc(100% - 620px);color: #1d1d1d;margin-right: 10px;}
.duty .list .cont .auto{width: 100%;display: block;color: #1d1d1d;transition: .5s;}
.duty .list .cont .desc{font-size: 16px;text-align: justify;line-height: 30px;margin-bottom: 30px;transition: .5s;}
.duty .list .cont .num{display: block;font-size: 102px;line-height: 110px;opacity: .1;transition: .5s;}

.duty .list:nth-child(even):before{left: unset;right: 0;}
.duty .list:nth-child(even) .pic{float: right;margin-left: 0;margin-right: 50px;}
.duty .list:nth-child(even) .cont{float: left;margin-right: 0;margin-left: 10px;text-align: right;}
.duty .list:nth-child(even) .cont .desc{text-align: right;}

.duty .list:hover .auto{color: #236bcc;}



/* 新闻资讯 */
.news{padding: 50px 0 80px;}
.news .list{width: 100%;margin-bottom: 40px;background: #fff;box-shadow: 0 0 10px rgba(0,0,0,.1);padding: 18px;height: 228px;color: #1d1d1d;transition: .5s;}
.news .list .pic{display: block;width: 248px;height: 192px;margin: auto 0;}
.news .list .cont{width: calc(100% - 265px);margin: auto 0;}
.news .list .tit{display: block;font-size: 20px;color: #1d1d1d;line-height: 30px;margin-bottom: 20px;font-weight: bold;transition: .5s;}
.news .list time{display: block;font-size: 20px;opacity: .42;float: right;}
.news .list .desc{font-size: 16px;text-align: justify;line-height: 25px;}
.news .list .gd{display: block;width: 30px;height: 30px;background: url(../images/ico08.png) center center no-repeat;margin-top: 10px;/* transition: .5s; */}

.news .list:hover{background: #236bcc;color: #fff;}
.news .list:hover .tit{color: #fff;}
.news .list:hover .gd{background: url(../images/ico02.png) center center no-repeat;}
.news .list:hover{box-shadow: 5px 5px 10px rgba(0,0,0,.1);-webkit-transform: translateY(-10px);-moz-transform: translateY(-10px);-ms-transform: translateY(-10px);-o-transform: translateY(-10px);transform: translateY(-10px);}



/* 联系我们 */
.contact{padding: 50px 0 80px;}
.contact .box{background: #fff;border-right: 100px solid #debd8a;padding-right: 20px;}
.contact .pic{width: 510px;height: 498px;float: left;}
.contact .cont{width: calc(100% - 750px);float: left;margin-left: 55px;padding-top: 80px;}
.contact .lx-title{display: block;margin-bottom: 50px;/* max-width: 100%; */}
.contact .item{width: 100%;font-size: 18px;color: #1d1d1d;text-align: justify;margin-bottom: 28px;}
.contact .item:last-child{margin-bottom: 0;}
.contact .item .ico{display: block;width: 37px;height: 37px;border-radius: 100%;float: left;margin-right: 20px;}
.contact .item .tit{display: block;height: 37px;float: left;line-height: 37px;width: 60px;}
.contact .item .desc{width: calc(100% - 117px);float: left;line-height: 30px;padding-top: 4px;}
.contact .qrcode{height: ;float: right;margin-top: 240px;}
.contact .qrcode img{display: block;width: 144px;height: 144px;border: 11px solid #0e2545;background: #fff;margin: 0 auto;}
.contact .qrcode p{font-size: 16px;color: #1d1d1d;line-height: 25px;}
@media screen and (max-width: 1600px) {
    .contact .box{border-right: 60px solid #debd8a;}
}



/* 人员招聘 */
.recruit{padding: 50px 0 80px;}
.recruit .list{width: 100%;margin-bottom: 40px;}
.recruit .list .j-head{width: 100%;height: 90px;background: #1a6cca;color: #fff;padding: 0 35px;}
.recruit .list .j-head p{font-size: 20px;line-height: 35px;margin: auto 0;max-width: 75%;}
.recruit .list .j-head .j-btn{display: block;width: 25px;height: 25px;margin: auto 0;position: relative;overflow: hidden;}
.recruit .list .j-head .j-btn img{display: block;width: 100%;position: absolute;top: 0;left: 0;right: 0;margin: 0 auto;transition: .5s;}
.recruit .list article.j-body{padding: 25px 35px;font-size: 16px;color: #171717;text-align: justify;line-height: 30px;display: none;}
.recruit .list.active .j-head .j-btn img{top: -35px;}



/* 详情 */
.content{padding: 50px 0 80px;color: #171717;}
.content h3{font-size: 24px;text-align: center;line-height: 35px;margin-bottom: 10px;}
.content time{font-size: 14px;line-height: 20px;display: block;width: 100%;text-align: center;margin-bottom: 35px;}
.content article{width: 100%;overflow: hidden;font-size: 16px;text-align: justify;line-height: 30px;}
.content article img{max-width: 100%;}

.article{width: 100%;overflow: hidden;font-size: 16px;text-align: justify;line-height: 30px;}
.office .article{text-align: center;margin-bottom: 50px;}



/* 上下页 */
.m-clips{margin: 35px 0 0;font-size: 16px;color: #444;line-height: 35px;border-top: 1px solid #dcdcdc;padding-top: 15px;}
.m-clips a{color: #171717;line-height: 35px;}



/*效果  hover滑动效果*/
/* animation-name:fadeInUp;animation-delay: 0.1s; */
.y{box-shadow: 5px 5px 10px #535c8c;-webkit-transform: translateY(-10px);-moz-transform: translateY(-10px);-ms-transform: translateY(-10px);-o-transform: translateY(-10px);transform: translateY(-10px);}
.r{transform:rotate(-5deg);-ms-transform:rotate(-5deg);-webkit-transform:rotate(-5deg);box-shadow: 5px 5px 10px #888;}
.x{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1);-o-transform: scale(1.1);transform: scale(1.1);}
.c{transform:rotateY(360deg);-webkit-transform:rotateY(360deg);}
@media screen and (max-width: 1360px) {}