*{margin: 0;padding: 0;}
header,footer,nav,div,p,span,b,a,input,textarea,ul,li{font-family: '微软雅黑';margin: 0;padding: 0;box-sizing: border-box;}
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: 1440px;}

/* ::-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;} /*纵向弹性*/
.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;}
.txthide4{display: -webkit-box!important; -webkit-box-orient:vertical; -webkit-line-clamp:4; 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: 1440px;margin: 0 auto;}



/* 导航 */
.header{width: 100%;background: #1e4861;}
.header .wrapper{display: flex;align-items: center;}
.header .name{font-size: 32px;color: #fff;font-weight: bold;margin-right: 40px;}
.header nav {display: flex;flex: 1;}
.header nav a{display: block;flex: 1;height: 120px;float: left;font-size: 18px;color: #fff;text-align: center;line-height: 120px;position: relative;font-weight: bold;transition: .5s;}
.header nav a:after{content: '';display: block;width: 0;height: 3px;background: #e2bd8b;position: absolute;bottom: 0;left: 0;right: 0;margin: 0 auto;transition: .5s;}
.header nav a:hover{color: #e2bd8b;}
.header nav a:hover:after{width: 100%;}
.header nav a.active{color: #e2bd8b;}
.header nav a.active:after{width: 100%;}



/* 底部 */
.footer{width: 100%;background: url(../images/bj_02.jpg) center center no-repeat;padding: 45px 0 40px;}
.footer .f-left{width: 900px;float: left;}
.footer .n-message{width: 390px;float: right;position: relative;}

.footer .n-blogroll{width: 100%;min-height: 56px;margin-bottom: 25px;}
.footer .n-blogroll .nb-title{display: block;width: 80px;height: 28px;border-radius: 5px;background: #1e4861;text-align: center;line-height: 28px;font-size: 16px;color: #fff;float: left;}
.footer .n-blogroll .nbBox{width: calc(100% - 80px);float: right;}
.footer .n-blogroll a{display: block;font-size: 16px;color: #666666;line-height: 28px;float: left;margin-left: 15px;}

.footer .text{width: 100%;font-size: 16px;color: #444444;line-height: 30px;}

.copyright{color: #a0a0a0;font-size: 14px;line-height: 20px;margin-top: 10px;}
.copyright a{color: #a0a0a0;transition: .5s;}
.copyright a:hover{color: #444;}

.n-message form{display: block;color: #202020;}
.n-message .nm-title{font-size: 24px;font-weight: bold;line-height: 40px;margin-bottom: 20px;}
.n-message .nm-title small{font-size: 16px;font-weight: 400;}
.n-message input{display: block;width: 100%;height: 46px;border: 1px solid #a5a5a5;border-radius: 6px;background: transparent;padding: 0 35px;font-size: 16px;color: #666666;margin-top: 8px;}
.n-message .nm-btn{display: block;width: 90px;height: 40px;border-radius: 6px;background: #1e4861;position: absolute;top: 0;right: 0;border: 0;color: #fff;font-size: 18px;cursor: pointer;}
.n-message input::-webkit-input-placeholder{color: #666666;}
.n-message input::-moz-placeholder{color: #666666;}
.n-message input:-moz-placeholder{color: #666666;}



/* 电话弹窗 */
.phoneShow{display: none;width: 300px;height: 150px;position: fixed;top: 0;right: 0;bottom: 0;left: 0;z-index: 9;background: #fff;border-radius: 10px;overflow: hidden;text-align: center;font-size: 24px;line-height: 35px;color: #444;margin: auto auto;box-shadow: 0 0 20px rgba(0,0,0,.2);border: 1px solid #1e4861;padding-top: 30px;}
.phoneShow b{font-size: 30px;display: block;color: #e30000;font-style: oblique;}
.phoneShow .gb{display: block;width: 25px;height: 25px;position: absolute;top: 6px;right: 6px;cursor: pointer;}



/* 右侧浮窗 */
.floatWindow{width: 70px;height: 210px;margin: auto 0;position: fixed;top: 0;bottom: 0;right: 0;z-index: 9;}
.floatWindow .item{width: 100%;height: 70px;cursor: pointer;position: relative;}
.floatWindow .item .ico{display: block;width: 100%;position: relative;z-index: 3;}
.floatWindow .item .qrcode{display: none;width: 100px;height: 100px;position: absolute;top: 0;left: -100px;overflow: hidden;background: #fff;transition: .5s;}
.floatWindow .item .qrcode img{display: block;width: 100%;}
.floatWindow .item .dhcode{background: #4b6d81;width: 150px;height: 70px;position: absolute;top: 0;bottom: 0;left: 0;z-index: 0;text-align: center;font-size: 16px;font-weight: bold;color: #fff;line-height: 70px;opacity: 0;transition: .5s;}
.floatWindow .item.wx:hover .qrcode{display: block;}
.floatWindow .item.dh:hover .dhcode{left: -150px;opacity: 1;}



/*轮播*/
.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;}



/* 首页 标题 */
.n-titBox{width: 100%;margin-bottom: 60px;}
.n-titBox img{display: block;margin: 0 auto;}



/* 好处 */
.n-benefits{width: 100%;min-width: 1440px;padding: 100px 0 0;}
/* .n-benefits .clearfix{overflow: hidden;} */
.n-benefits .nb-pic{display: block;width: 25%;float: left;transition: .5s;cursor: pointer;}
.n-benefits .more{display: block;width: 100%;height: 100px;font-size: 36px;color: #fff;font-weight: bold;text-align: center;line-height: 100px;background: #1e4861;}
.n-benefits .nb-pic:hover{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1);-o-transform: scale(1.1);transform: scale(1.1);}



/* 为什么选择我们 */
.n-why{width: 100%;padding: 100px 0;}
.n-why .list{max-width: 24%;margin: 0 auto;text-align: center;}
.n-why .list .ico{display: block;width: 160px;height: 160px;border-radius: 100%;margin: 0 auto 30px;transition: .5s;}
.n-why .list .tit{font-size: 24px;color: #202020;font-weight: bold;line-height: 35px;margin-bottom: 15px;}
.n-why .list .desc{font-size: 16px;color: #444444;line-height: 25px;}
.n-why .list:hover .ico{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);}



/* 环境 */
.n-envi{width: 100%;}
.n-envi .pic{transition: .5s;}
.n-envi .pic:nth-child(1){width: 46.875%;float: left;height: 39.0625vw;}
.n-envi .pic:nth-child(2){width: 53.125%;float: left;height: 16.927vw;}
.n-envi .pic:nth-child(3),.n-envi .pic:nth-child(4){width: 26.5625%;float: left;height: 16.927vw;}
.n-envi .more{display: block;width: 53.125%;height: 5.2085vw;background: #b79a71;text-align: center;line-height: 5.2085vw;font-size: 36px;color: #fff;font-weight: bold;float: left;}
@media screen and (max-width: 1440px) {
    .n-envi .pic:nth-child(1){height: 570px;}
    .n-envi .pic:nth-child(2){height: 247px;}
    .n-envi .pic:nth-child(3),.n-envi .pic:nth-child(4){height: 247px;}
    .n-envi .more{height: 76px;}
}



/* 案例 */
.n-case{width: 100%;padding: 100px 0;}
.n-case .list{width: 272px;float: left;margin-right: 20px;margin-bottom: 20px;position: relative;overflow: hidden;cursor: pointer;}
.n-case .list:nth-child(5n){margin-right: 0;}
.n-case .list .pic{width: 100%;height: 484px;}
.n-case .list .cont{background-color: rgba(30,72,97,.9);position: absolute;top: 484px;bottom: 0;left: 0;right: 0;transition: .8s;}
.n-case .list .cont .auto{margin: auto auto;}
.n-case .list .ico-logo{display: block;width: 100px;height: 100px;/* background: #000; */margin: 0 auto 20px;border-radius: 10px;}
.n-case .list .tit{font-size: 20px;color: #fff;line-height: 30px;text-align: center;}
.n-case .list:hover .cont{top: 0;}
.n-case .more{display: block;width: 100%;height: 100px;font-size: 36px;color: #fff;font-weight: bold;text-align: center;line-height: 100px;background: #1e4861;}



/* 首页 答疑解惑 */
.n-answer{width: 100%;background: url(../images/bj_01.jpg) bottom center no-repeat #0d101e;padding: 75px 0 60px;}
.n-answer .list{width: 690px;float: left;margin-bottom: 45px;}
.n-answer .list:nth-child(2n){float: right;}
.n-answer .list a{display: block;color: #fff;}
.n-answer .list .tit{font-size: 24px;padding-left: 58px;background: url(../images/ico_01.png) left center no-repeat;line-height: 40px;margin-bottom: 20px;transition: .5s;}
.n-answer .list .desc{padding-left: 58px;background: url(../images/ico_02.png) left top no-repeat;font-size: 16px;line-height: 25px;text-align: justify;height: 100px;transition: .5s;}
.n-answer .more{display: block;width: 220px;height: 60px;border: 1px solid #fff;text-align: center;line-height: 58px;font-size: 18px;color: #ffffff;margin: 45px auto 0;}
.n-answer .list:hover .tit{color: #e0bc8a;}
/* .n-answer .list:hover .desc{color: #1e4861;} */



/* 内页标题 */
.titBox{width: 100%;text-align: center;margin-bottom: 60px;}
.titBox b{display: block;font-size: 100px;line-height: 100px;height: 100px;color: #f0f0f0;text-transform: uppercase;}
.titBox h3{font-size: 60px;color: #000000;height: 60px;line-height: 60px;margin-top: -45px;}



/* 新闻中心 */
.news{width: 100%;padding: 100px 0;}
.news .titBox b{font-size: 60px;}
.news .list{width: 100%;padding: 50px 15px;transition: .5s;animation-name: fadeInUp;}
.news .list .pic{display: block;width: 404px;height: 246px;margin: auto 0;}
.news .list .cont{width: calc(100% - 450px);margin: auto 0;}
.news .list .tit{font-size: 30px;color: #202020;font-weight: bold;line-height: 40px;margin-bottom: 20px;}
.news .list time{display: block;font-size: 18px;color: #666666;line-height: 25px;margin-bottom: 20px;}
.news .list .desc{font-size: 18px;color: #202020;line-height: 25px;text-align: justify;}

.news .list:hover{box-shadow: 0 0 20px rgba(0,0,0,.1);}



/* 详情 */
.content{width: 100%;padding: 100px 0;}
.content h3{font-size: 24px;line-height: 35px;color: #202020;text-align: center;margin-bottom: 35px;}
.content article{font-size: 16px;line-height: 30px;text-align: justify;color: #666;}
.content article img{max-width: 100%;}



/* 上下页 */
.m-clips{margin: 60px 0 0;font-size: 16px;color: #444;line-height: 35px;border-top: 1px solid #dcdcdc;padding-top: 45px;}
.m-clips a{color: #444;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) {}