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

/* ::-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;}

/*弹性盒子*/
.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;} /*纵向弹性*/
.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{ 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: 1200px;margin: 0 auto;}
.n-wrapper{width: 72.917%;min-width: 1200px;margin: 0 auto;}


/* 首页全屏 */
#indPage,.pc-page .swiper-wrapper,.pc-page .swiper-slide{width: 100%;height: 100%;overflow: hidden;}
#indBtn{width: 28px;height: 300px;position: fixed;top: 0;bottom: 0;left: 7.8125vw;z-index: 9;margin: auto 0;}
#indBtn .swiper-pagination{width: 100%;position: unset;}
#indBtn .swiper-pagination .swiper-pagination-bullet{display: block;margin: 15px auto;width: 0;height: 0;border: 2px solid #2a362a;opacity: 1;background: #2a362a;position: relative;}
#indBtn .swiper-pagination .swiper-pagination-bullet-active{width: 12px;height: 12px;background: transparent;opacity: 1;}
#indBtn .swiper-pagination .swiper-pagination-bullet:nth-child(1).swiper-pagination-bullet-active:after{content: '01';font-size: 24px;width: 30px;height: 24px;line-height: 24px;color: #2a362a;position: absolute;left: -50px;top: 50%;margin-top: -12px;}
#indBtn .swiper-pagination .swiper-pagination-bullet:nth-child(2).swiper-pagination-bullet-active:after{content: '02';font-size: 24px;width: 30px;height: 24px;line-height: 24px;color: #2a362a;position: absolute;left: -50px;top: 50%;margin-top: -12px;}
#indBtn .swiper-pagination .swiper-pagination-bullet:nth-child(3).swiper-pagination-bullet-active:after{content: '03';font-size: 24px;width: 30px;height: 24px;line-height: 24px;color: #2a362a;position: absolute;left: -50px;top: 50%;margin-top: -12px;}
#indBtn .swiper-pagination .swiper-pagination-bullet:nth-child(4).swiper-pagination-bullet-active:after{content: '04';font-size: 24px;width: 30px;height: 24px;line-height: 24px;color: #2a362a;position: absolute;left: -50px;top: 50%;margin-top: -12px;}
#indBtn .swiper-pagination .swiper-pagination-bullet:nth-child(5).swiper-pagination-bullet-active:after{content: '05';font-size: 24px;width: 30px;height: 24px;line-height: 24px;color: #2a362a;position: absolute;left: -50px;top: 50%;margin-top: -12px;}
#indBtn .swiper-button-prev{width: 28px;height: 40px;background: url(../images/a01.png) center center no-repeat;position: unset;margin-top: 70px;}
#indBtn .swiper-button-next{width: 28px;height: 40px;background: url(../images/a02.png) center center no-repeat;position: unset;margin-top: 30px;}

/* @media screen and (max-width: 1280px) {
    #indPage,.pc-page .swiper-wrapper,.pc-page .swiper-slide{height: auto;overflow: visible;}
}
 */


/* 导航 */
.header{width: 100%;height: 105px;box-sizing: border-box;border-top: 18px solid transparent;margin: 0 auto;}
.n-header{position: absolute;top: 0;left: 0;right: 0;z-index: 3;}
.green-header{border-top: 18px solid #2a362a;background: #fff;}

.header .n-wrapper{height: 100%;}

.logo{display: block;height: 58px;margin: auto 0;}
.logo img{display: block;height: 100%;}
.logo h1{display: none;}

.nav{height: 50px;margin: auto 0;}
.nav a{display: block;height: 50px;box-sizing: border-box;font-size: 18px;color: #015101;line-height: 48px;position: relative;float: left;margin-left: 3.385vw;}
.nav a:first-child{margin-left: 0;}
.nav a:after{content: '';display: block;width: 0;height: 2px;background: transparent;margin: 0 auto;position: absolute;bottom: 0;left: 0;right: 0;transition: .8s;}
.nav a:hover:after{width: 90%;background: #015101;}
.nav a.active{font-weight: bold;}
.nav a.active:after{width: 90%;background: #015101;}

@media screen and (max-width: 1280px) {
    .nav a{margin-left: 40px;}
}



/*轮播*/
.n-banner{width: 100%;height: 100%;position: relative;overflow: hidden;}
.n-banner .swiper-wrapper,.n-banner .swiper-slide{width: 100%;height: 100%;}
.n-banner .swiper-slide a{display: block;width: 100%;height: 100%;}
.n-banner img{display: block;width: 100%;}

.n-banner .swiper-pagination{position: absolute;bottom: 25px;}
.n-banner .swiper-pagination-bullet{width: 12px;height: 12px;opacity: 1;background: #fff;}
.n-banner .swiper-pagination-bullet-active{width: 40px;height: 12px;opacity: 1;border-radius: 12px;background: #15499a;}

.banner{width: 100%;position: relative;overflow: hidden;border-bottom: 30px solid #2a362a;}
.banner img{display: block;width: 100%;}



/* 首页 更多 */
.n-more{display: block;width: 100%;height: 100px;background: #343434;text-align: center;line-height: 100px;font-size: 16px;color: #fff;text-transform: uppercase;}

/* 首页 标题 */
.n-titbox{width: 100%;margin-bottom: 8.556vh;}
.n-titbox img{display: block;margin: 0 auto;}



/* 首页 关于我们 */
.n-about{width: 100%;height: calc(100% - 100px);background: #f3f3f3 url(../images/bj_01.jpg) bottom center no-repeat;}

.n-about .na-left{width: 500px;float: left;}
.n-about .na-right{width: 615px;float: right;}

.n-about .na-titbox{width: 100%;position: relative;margin-bottom: 11.827vh;}
.n-about .na-titbox img{display: block;}
.n-about .na-titbox em{display: block;width: 42px;height: 3px;background: #2a362a;position: absolute;right: 0;top: 50%;margin-top: -2 px;}

.n-about .pic{display: block;width: 100%;/* height: 32.855vh; */height: 300px;overflow: hidden;}
.n-about .pic img{display: block;width: 100%;}

.n-about .title{width: 335px;height: 70px;float: right;line-height: 70px;font-size: 24px;color: #2a362a;text-align: right;border-top: 1px solid #2a362a;position: relative;margin-bottom: 9.574vh;margin-top: 5.134vh;}
.n-about .title em{display: block;width: 48px;height: 3px;background: #2a362a;position: absolute;top: -2px;right: 0;}

.n-about .na-link{text-align: right;margin-bottom: 5.3476vh;}
.n-about .na-link a{display: inline-block;width: 105px;height: 30px;border: 1px solid #2a362a;text-align: center;line-height: 30px;font-size: 13px;color: #2a362a;margin-left: 5px;transition: .5s;}
.n-about .na-link a:hover{background: #2a362a;color: #fff;}

.n-about .desc{font-size: 13px;color: #2a362a;line-height: 30px;text-align: justify;/* height: 14.043vh; */overflow: hidden;text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 5;line-clamp: 5;-webkit-box-orient: vertical;}

.n-about .na-more{width: 100%;border-bottom: 1px solid #b8bbb8;padding: 20px 0;}
.n-about .na-more a{display: block;width: 120px;height: 25px;border: 1px solid #5b645c;text-align: center;line-height: 25px;font-size: 13px;color: #5b645b;text-transform: uppercase;float: right;transition: .5s;}
.n-about .na-more a:hover{background: #5b645c;color: #fff;}



/* 首页 产品中心 */
.n-product{width: 100%;height: calc(100% - 100px);background: #f8f8f8 url(../images/bj_02.jpg) top center no-repeat;}

.n-product .np-wrapper{width: 68.333%;margin: 0 auto;}

.n-product .np-box{margin-bottom: 4.813vh;}
.n-product .list{width: 19.21%;margin: auto 0;background: #b0b0b0;text-align: center;position: relative;}
.n-product .list a{display: block;width: 100%;padding: 8.021vh 10px;box-sizing: border-box;position: relative;z-index: 1;}
.n-product .list .ico{display: block;width: 80px;height: 80px;margin: 0 auto 25px;}
.n-product .list .tit{font-size: 14px;color: #fff;line-height: 25px;}
.n-product .list em{display: block;width: 14px;background: #2a362a;position: absolute;top: 0;bottom: 0;left: 0;z-index: 0;transition: 1s;}
.n-product .list:hover em{right: 0;width: 100%;}

.n-product .text{margin: auto 0;}
.n-product .text p{font-size: 20px;color: #585858;line-height: 30px;}
.n-product .text small{font-size: 12px;color: #585858;text-transform: uppercase;line-height: 20px;}
.n-product .np-more{display: block;width: 120px;height: 25px;border: 1px solid #5b645c;text-align: center;line-height: 25px;font-size: 13px;color: #5b645b;text-transform: uppercase;margin: auto 0;transition: .5s;}
.n-product .np-more:hover{background: #5b645c;color: #fff;}



/* 首页 行业资讯 */
.n-news{width: 100%;height: calc(100% - 100px);}

.n-news .list{width: 47.5%;float: left;margin: 0 5% 6.952vh 0;}
.n-news .list:nth-child(2n){margin-right: 0;}
.n-news .list .pic{display: block;width: 201px;height: 152px;float: left;overflow: hidden;transition: .5s;}
.n-news .list .pic img{display: block;width: 100%;}
.n-news .list .cont{width: calc(100% - 235px);float: right;display: block;}
.n-news .list .time{height: 45px;line-height: 45px;overflow: hidden;font-size: 14px;margin-bottom: 15px;}
.n-news .list .time span{display: inline-block;width: 65px;height: 45px;border-right: 1px solid #c8c8c8;color: #8a8a8a;}
.n-news .list .time small{display: inline-block;height: 45px;width: 55px;color: #bdbdbd;text-align: right;font-size: 14px;}
.n-news .list .tit{height: 35px;line-height: 35px;border-bottom: 1px solid #efefef;font-size: 16px;color: #464646;margin-bottom: 12px;transition: .5s;}
.n-news .list .desc{font-size: 14px;color: #777777;text-align: justify;line-height: 25px;}
.n-news .list:hover .pic{-webkit-transform: translateX(10px);-moz-transform: translateX(10px);-ms-transform: translateX(10px);-o-transform: translateX(10px);transform: translateX(10px);}
.n-news .list:hover:hover .tit{color: #015101;}



/* 首页 联系我们 */
.n-contact{width: 100%;height: 100%;background: url(../images/bj_03.jpg) bottom center no-repeat;}

.n-contact .nc-box{width: 957px;border: 1px solid #fff;box-sizing: border-box;padding: 10px;margin: 0 auto;}

.n-contact .nc-left{width: 49.5%;float: left;height: 380px;background: #fff;}
.n-contact .cont{width: 305px;height: 380px;background: #abb0ab;float: right;box-sizing: border-box;padding: 25px 25px;}
.n-contact .nc-title{font-size: 18px;color: #151310;line-height: 30px;margin-bottom: 20px;}
.n-contact .cont article{font-size: 14px;color: #3c3c39;line-height: 30px;margin-bottom: 25px;}
.n-contact .qrcode{display: block;width: 105px;height: 105px;background: #2a362a;}

.n-massage{width: 49.5%;height: 380px;float: right;background: rgba(255,255,255,.67);box-sizing: border-box;padding: 25px 55px;}
.n-massage .item{width: 30%;float: left;margin: 0 5% 15px 0;}
.n-massage .item:nth-child(3n){margin-right: 0;}
.n-massage .item .nm-inp{display: block;width: 100%;height: 27px;box-sizing: border-box;border: 1px solid #5b565c;padding: 0 10px;line-height: 25px;font-size: 14px;color: #5b565c;background: transparent;}
.n-massage .nm-tit{font-size: 14px;color: #373737;text-transform: capitalize;line-height: 25px;margin-bottom: 15px;}
.n-massage .nm-text{display: block;width: 100%;height: 72px;border: 1px solid #5b565c;padding: 10px 10px;box-sizing: border-box;background: transparent;font-size: 14px;color: #373737;line-height: 25px;margin-bottom: 25px;}
.n-massage .nm-btn{display: block;width: 100%;height: 35px;background: #2a362a;text-align: center;line-height: 35px;font-size: 14px;color: #fff;border: 0;cursor: pointer;}



/* 右侧 浮动 */
.flow-wind{width: 60px;height: 210px;border-radius: 5px;background: #2a362a;position: fixed;right: 0;bottom: 100px;z-index: 9;box-sizing: border-box;padding: 20px 0;}
.flow-wind .item{width: 60px;height: 60px;border-bottom: 2px solid rgba(255,255,255,.3);background: #2a362a;/* overflow: hidden; */position: relative;transition: .5s;}
.flow-wind .item .fw-ico{width: 60px;height: 60px;text-align: center;float: left;box-sizing: border-box;padding-top: 7px;cursor: pointer;}
.flow-wind .item .fw-ico img{display: block;width: 26px;height: 26px;margin: 0 auto;}
.flow-wind .item .fw-ico p{font-size: 12px;color: #fff;line-height: 20px;}
.flow-wind .top{display: block;width: 60px;height: 50px;text-align: center;line-height: 50px;cursor: pointer;}
.flow-wind .top img{vertical-align: middle;}

.flow-wind .fw-ewm{width: 80px;height: 80px;background: #2a362a;position: absolute;bottom: 0;right: 60px;box-sizing: border-box;padding: 10px;display: none;transition: .5s;}
.flow-wind .fw-ewm img{display: block;width: 100%;}
.flow-wind .item-ewm:hover .fw-ewm{display: block;}

.flow-wind .fw-text{width: 0;height: 60px;font-size: 16px;color: #fff;text-align: center;line-height: 60px;float: right;overflow: hidden;transition: .5s;}
.flow-wind .item-qq:hover{width: 210px;margin-left: -150px;border-radius: 5px;}
.flow-wind .item-qq:hover .fw-text{width: 150px;}



/* 内页 */
.n-out{width: 100%;padding: 50px 0 120px;border-bottom: 18px solid #f0f0f0;}

.n-left{width: 230px;border-top: 3px solid #dddddd;float: left;}
.n-right{width: calc(100% - 280px);float: right;}

.slidebar{width: 100%;}
.slidebar .slideTop{background: #2a362a;text-align: center;color: #fff;padding: 12px 10px;}
.slidebar .slideTop p{font-size: 12px;text-transform: uppercase;}
.slidebar .slideTop h3{font-size: 24px;}
.slidebar .slideBox{border: 1px solid #dddddd;}
.slidebar .slideBox a{display: block;height: 44px;border-bottom: 1px solid #dddddd;/* text-align: center; */padding: 0 15px 0 50px;line-height: 44px;font-size: 16px;color: #5f5f5f;transition: .5s;}
.slidebar .slideBox a:hover{color: #2a362a;background: #dddddd;}
.slidebar .slideBox a.active{color: #2a362a;background: #dddddd;}

.le-a{display: block;background: #2a362a;height: 45px;padding: 0 35px;font-size: 16px;color: #fff;line-height: 45px;margin-bottom: 5px;}
.le-a span{display: block;float: right;}



/* 面包屑 */
.crumbs{width: 100%;border-bottom: 1px solid #e3e3e4;height: 35px;margin-bottom: 35px;}
.crumbs .n-name{float: left;font-size: 22px;color: #5f5f5f;}
.m-crumb{height: 35px;overflow: hidden;line-height: 35px;font-size: 12px;color: #898989;float: right;}
.m-crumb a,.m-crumb i{color: #898989;}
.m-crumb i{font-family: 'simsun';font-style: normal;margin: 0 3px;}
.m-crumb span{color: #1e666d;}
.m-crumb a:hover{color: #1e666d;}



/* 内页 底部 */
.footer{width: 100%;background: #002000;padding: 60px 0 75px;}
.footer .foot-left{width: calc(100% - 160px);float: left;}

.footer .foot-nav{margin-bottom: 35px;}
.footer .foot-nav a{display: inline-block;font-size: 16px;color: #fff;margin-right: 2.604vw;line-height: 25px;}
.footer .foot-nav a:last-child{margin-right: 0;}

.footer .text1{font-size: 14px;color: #1e666d;line-height: 22px;margin-bottom: 10px;}
.footer .text1 a{font-size: 14px;color: #1e666d;}
.footer .text1 a:hover{color: #fff;}

.footer .text2{font-size: 14px;color: #555555;line-height: 22px;}

.footer .qrcode{width: 130px;height: 130px;background: #727272;float: right;}
.footer .qrcode img{display: block;width: 100%;}

.ntop{width: 60px;height: 65px;background: #2a362a;position: fixed;bottom: 230px;right: 10px;z-index: 9;cursor: pointer;}
.ntop img{display: block;width: 100%;}

@media screen and (max-width: 1280px) {
    .footer .foot-nav a{margin-right: 30px;}
}



/* 关于我们 */
.about{width: 100%;}
.about article{font-size: 18px;color: #2a362a;line-height: 40px;text-align: justify;}
.about article img{max-width: 100%;margin: 20px 0;}


/* 产品中心 */
.product{width: 100%;}
.product .pro-name{width: 100%;background: #2a362a;padding: 6px 30px;font-size: 20px;color: #fff;line-height: 30px;box-sizing: border-box;}
.product .pro-desc{padding: 28px 0;font-size: 16px;color: #5f5f5f;text-align: justify;line-height: 25px;}

.product .list{width: 32%;float: left;margin: 0 2% 30px 0;}
.product .list:nth-child(3n){margin-right: 0;}
.product .list .p-pic{/* display: block; */width: 100%;height: 295px;overflow: hidden;box-sizing: border-box; border: 1px solid transparent; box-sizing: border-box;}
.product .list .p-pic img{display: block;max-width: 100%;max-height: 100%;margin: auto auto;}
.product .list .tit{display: block;font-size: 20px;color: #4d4d4d;line-height: 35px;text-align: center;font-weight: bold;}
.product .list:hover .p-pic{border: 1px solid #ddd;}



/* 行业资讯 */
.news{width: 100%;}

.news .list{border-bottom: 1px solid #e3e3e4;padding-bottom: 17px;margin-bottom: 17px;}
.news .list .pic{display: block;width: 240px;height: 128px;margin: auto 0;overflow: hidden;transition: .5s;}
.news .list .pic img{display: block;width: 100%;}
.news .list .cont{display: block;width: calc(100% - 280px);margin: auto 0;}
.news .list .tit{font-size: 16px;color: #595757;line-height: 30px;font-weight: bold;}
.news .list .desc{font-size: 14px;color: #5f5f5f;text-align: justify;line-height: 22px;}
.news .list:hover .pic{-webkit-transform: translateX(10px);-moz-transform: translateX(10px);-ms-transform: translateX(10px);-o-transform: translateX(10px);transform: translateX(10px);}
.news .list:hover .tit{color: #015101;}



/* 联系我们 */
.contact{width: 100%;}

.contact .c-box{border: 1px solid #2a362a;padding: 20px 0;margin-bottom: 38px;}
.contact .nc-title{font-size: 18px;color: #151310;line-height: 30px;margin-bottom: 20px;}

.contact .c-text{width: 305px;margin: auto auto;}
.contact .c-text article{font-size: 14px;color: #3c3c39;line-height: 30px;margin-bottom: 25px;}
.contact .qrcode{display: block;width: 105px;height: 105px;background: #2a362a;}

.massage{width: 415px;box-sizing: border-box;margin: auto auto;}
.massage .item{width: 30%;float: left;margin: 0 5% 15px 0;}
.massage .item:nth-child(3n){margin-right: 0;}
.massage .item .nm-inp{display: block;width: 100%;height: 27px;box-sizing: border-box;border: 1px solid #5b565c;padding: 0 10px;line-height: 25px;font-size: 14px;color: #5b565c;background: transparent;}
.massage .nm-tit{font-size: 14px;color: #373737;text-transform: capitalize;line-height: 25px;margin-bottom: 15px;}
.massage .nm-text{display: block;width: 100%;height: 72px;border: 1px solid #5b565c;padding: 10px 10px;box-sizing: border-box;background: transparent;font-size: 14px;color: #373737;line-height: 25px;margin-bottom: 25px;}
.massage .nm-btn{display: block;width: 100%;height: 35px;background: #2a362a;text-align: center;line-height: 35px;font-size: 14px;color: #fff;border: 0;cursor: pointer;}

.contact .map{width: 100%;height: 380px;background: #ddd;}
.contact .map iframe{display: block;width: 100%;height: 100%;border: 0;}



/* 内容页 */
.content{width: 100%;}
.content .cont-title{text-align: center;font-size: 20px;color: #444;font-weight: bold;line-height: 35px;margin-bottom: 30px;}
.content article{font-size: 16px;color: #595757;line-height: 30px;text-align: justify;}
.content article img{max-width: 100%;}
.content article iframe{display: block;width: 600px;height: 450px;margin: 15px auto;}











/* 上下页 */
.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{font-size: #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) {}