*{margin: 0;padding: 0;box-sizing: border-box;border-radius: 0;border: 0;outline: none;/* vertical-align: middle; */color: #fff;}
ul,li,ol{list-style: none;}a{text-decoration: none;color: #fff;}img{border: 0;}
table,th,td,tr{border-collapse:collapse;border: 1px solid #ddd;line-height: 1.5;padding: 10px;}
input,textarea,select,button{outline: none;resize: none;} input:focus,textarea:focus,select:focus,button:focus{outline: none;}
iframe,video{display: block;width: 100%;height: auto;border: 0;margin: 0 auto;}
html,body{width: 100%;min-width: 1263px;position: relative;background: #000000;z-index: 0;}

.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-x1{display: -webkit-flex;display: flex;-webkit-justify-content: space-between;justify-content: space-between;}
.flexbox-x2{display: -webkit-flex;display: flex;-webkit-justify-content: center;justify-content: center;}
.flexbox-x3{display: -webkit-flex;display: flex;-webkit-justify-content: flex-start;justify-content: flex-start;-webkit-flex-wrap: wrap;flex-wrap: wrap;}
.flexbox-y1{display: -webkit-flex;display: flex;-webkit-flex-direction: column;flex-direction: column;-webkit-justify-content: center;justify-content: center;}
.flexbox-y2{display: -webkit-flex;display: flex;-webkit-flex-direction: column;flex-direction: column;-webkit-justify-content: flex-end;justify-content: flex-end;}
/* 横向 单行 多列 有高 */
.flexbox-z1{display: -webkit-flex;display: flex;-webkit-justify-content: space-between;justify-content: space-between;-webkit-align-items: center;align-items: center;} /* 子元素居中 */
.flexbox-z2{display: -webkit-flex;display: flex;-webkit-justify-content: center;justify-content: center;-webkit-align-items: center;align-items: center;} /* 子元素居底 */
.flex-wrap{-webkit-flex-wrap: wrap;flex-wrap: wrap;}
/* --------------- */
.column{column-width:300px;-moz-column-width:300px;-webkit-column-width:300px;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;}
.pic{width: 100%;overflow: hidden;position: relative;display: block;}
.pic figure{padding-top: 75%;overflow: hidden;position: relative;}
.pic figure 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%);}
.swiper-button-prev:focus,.swiper-button-next:focus,.swiper-button-prev:after:focus,.swiper-button-next:after:focus{outline: none!important;}

/* wrapper */
.n-wrapper{width: 94.167%;min-width: 1200px;margin: 0 auto;}
.wrapper{width: 1440px;margin: 0 auto;}
@media screen and (max-width: 1480px) {
	.wrapper{width: 1200px;}
}

/*ntop*/
.ntop{text-align: right;font-size: 14px;line-height: 28px;}

/*header*/
.header{width: 100%;position: relative;z-index: 99;background: #151515;}
.header .n-wrapper{position: relative;padding-top: 20px;}
.header .logo{display: block;height: 58px;width: 430px;margin: 0 auto 27px;overflow: hidden;}
.header .logo img{display: block;height: 100%;margin: 0 auto;}
.header .logo h1{display: none;}
.header .lang{display: block;height: 30px;line-height: 25px;position: absolute;right: 0;top: 35px;padding-right: 25px;background: url(../images/jt01.png) center right no-repeat;}
.header .lang img{display: inline-block;width: 20px;vertical-align: middle;}
.header .lang span{display: inline-block;font-size: 14px;text-transform: uppercase;vertical-align: middle;margin-left: 15px;}
.header .nav{border-top: 1px solid rgba(255,255,255,.13);}
.header .nav a{display: block;font-size: 18px;line-height: 60px;margin: 0 55px;position: relative;}
.header .nav a:after{content:'';display: block;width: 0;height: 3px;background: #fff;position: absolute;bottom: 0;left: 0;right: 0;margin: 0 auto;transition: .5s;}
.header .nav a:hover:after,.header .nav a.active:after{width: 100%;}

.n-header{position: absolute;top: 28px;left: 0;right: 0;background: rgba(0,0,0,.87);}

/*footer*/
.footer{width: 100%;border-top: 3px solid #5d4f35;}
.footer .fbox1{padding: 60px 0 40px;}
.footer .fbox2{padding: 25px 0;border-top: 1px solid rgba(255,255,255,.13);border-bottom: 1px solid rgba(255,255,255,.13);}
.footer .fbox3{padding: 20px 0;text-align: right;font-size: 14px;line-height: 20px;color: rgba(255,255,255,.25);}
.footer .fbox3 a{color: rgba(255,255,255,.25);transition: .3s;}
.footer .fbox3 a:hover{color: #fff;}
.footer .f-logo{display: block;height: 58px;margin: auto 0;}
.footer .f-logo img{display: block;height: 100%;}
.footer .f-nav{margin: auto 0;}
.footer .f-nav a{display: block;float: left;margin-left: 45px;font-size: 18px;line-height: 1;}
.footer .f-item{font-size: 14px;color: #797979;line-height: 1.5;padding-right: 20px;}
.footer .f-item:last-child{padding-right: 0;}
.footer .f-item p{font-size: 16px;color: #afafaf;}

/* banner */
.banner{width: 100%;position: relative;overflow: hidden;z-index: 0;}
.banner .swiper-wrapper{transition: 2s cubic-bezier(0.68, -0.4, 0.27, 1.34) 0.2s;}
.banner img{width: 100%;display: block;}
.banner .swiper-pagination{position: absolute;bottom: 30px;height: 48px;line-height: 48px;font-size: 0;text-align: left;padding-left: 2.917%;z-index: 1;}
.banner .swiper-pagination:before{content: '';display: inline-block;width: 80px;height: 2px;background: #fff;margin: 0 10px;vertical-align: middle;}
.banner .swiper-pagination span:before{content: '0';}
.banner .swiper-pagination .swiper-pagination-current{font-size: 20px;vertical-align: middle;}
.banner .swiper-button-prev,.banner .swiper-button-next{width: 48px;height: 48px;overflow: hidden;position: absolute;bottom: 30px;right: unset;top: unset;margin: 0;cursor: pointer;z-index: 3;}
.banner .swiper-button-prev:after,.banner .swiper-button-next:after{display: none;}
.banner .swiper-button-prev{background: url(../images/btn01.png) center center no-repeat;left: calc( 2.917% + 185px );}
.banner .swiper-button-next{background: url(../images/btn02.png) center center no-repeat;left: calc( 2.917% + 245px );}

/*home items*/
.n-items{width: 100%;padding: 120px 0 5px;}
.n-items .ite{display: block;width: 19.469%;float: left;margin-right: 0.66375%;overflow: hidden;position: relative;}
.n-items .ite:nth-child(5n){margin-right: 0;}
.n-items .ite .pic figure{padding-top: 64.773%;}
.n-items .ite .cont{position: absolute;top: 0;bottom: 0;left: 0;right: 0;background-image: linear-gradient( rgba(0,0,0,0) , rgba(0,0,0,.9) );text-align: center;line-height: 1.5;transition: .5s;}
.n-items .ite .tit{font-weight: bold;font-size: 26px;}
.n-items .ite .ftit{text-transform: uppercase;font-size: 14px;}
.n-items .ite:hover .cont{background-image: linear-gradient( rgba(93,79,53,0) , rgba(93,79,53,.8) );}
@media screen and (max-width: 1440px) {
	.n-items .ite .tit{font-size: 22px;}
}

/*home product*/
.n-product{width: 100%;background: #151515;padding-bottom: 60px;}
.n-product .np-head{width: 100%;padding: 80px 0 100px;background: url(../images/tit01.png) no-repeat;background-position: right bottom;}
.n-product .np-head .more{display: block;float: left;width: 150px;border: 1px solid #fff;border-radius: 58px;text-align: center;line-height: 56px;font-size: 14px;font-weight: bold;text-transform: uppercase;margin-left: 60px;margin-top: 10px;transition: .5s;}
.n-product .np-head .more:hover{background: #fff;color: #5d4f35;}
.n-product .np-titBox{float: left;font-size: 40px;line-height: 1.2;}
.n-product .np-titBox .ftitle{display: block;}
.n-product .np-body{width: 100%;padding: 65px 70px 155px;overflow: hidden;position: relative;z-index: 1;margin-top: -30px;background: #000000;}
.n-product .np-body .swiper-slide{width: calc( (100% - 69px) / 3.6 );}
.n-product .np-body .swiper-slide a{display: block;width: 100%;}
.n-product .np-body .swiper-slide .pic{background: #ffffff;}
.n-product .np-body .swiper-slide .pic figure{padding-top: 75.3%;}
.n-product .np-body .swiper-slide .tit{font-size: 24px;color: #d2d2d2;position: relative;line-height: 3.75;transition: .5s;}
.n-product .np-body .swiper-slide .tit:after{content: '';display: block;width: 0;height: 1px;background: #4b4b4b;position: absolute;left: 0;bottom: 0;transition: 1s;}
.n-product .np-body .swiper-slide:hover .tit{color: #ffffff;}
.n-product .np-body .swiper-slide:hover .tit:after{width: 100%;}
.n-product .np-body .swiper-pagination{bottom: 70px;}
.n-product .np-body .swiper-pagination .swiper-pagination-bullet{border-radius: 0;width: 23px;height: 10px;background: url(../images/ico01.png) right center no-repeat;opacity: 1;margin: 0;transition: .5s;}
.n-product .np-body .swiper-pagination .swiper-pagination-bullet-active{border-radius: 0;width: 71px;height: 10px;background: url(../images/ico01.png) left center no-repeat;opacity: 1;}
@media screen and (max-width: 1440px) {
	.n-product .np-head{background-size: auto 130px;}
	.n-product .np-body{padding-left: 55px;padding-right: 55px;}
	.n-product .np-body .swiper-slide .tit{font-size: 20px;}
}

/*home box3*/
.n-titBox{margin-bottom: 30px;line-height: 40px;}
.n-titBox .title{font-size: 30px;float: left;}
.n-titBox .more{font-size: 14px;float: right;display: block;font-weight: bold;text-transform: uppercase;}

/*home news*/
.n-news{width: 50%;background: #000000;padding: 45px 3.646% 45px 9.375%;}
.n-news .list{display: block;line-height: 40px;font-size: 16px;color: #d2d2d2;}
.n-news .list .tit{float: left;width: calc(100% - 110px);}
.n-news .list .time{color: #838383;float: right;}

/*home about*/
.n-about{width: 50%;background: #5d4f35;padding: 45px 9.375% 45px 3.646%;}
.n-about .desc{font-size: 16px;text-align: justify;line-height: 2;}

/*crumbs*/
.crumbs{width: 100%;background-image: linear-gradient( to right, #000000, #5d4f35 );}
.m-crumb{max-width: 50%;float: right;font-size: 14px;color: rgba(255,255,255,.38);height: 40px;line-height: 40px;overflow: hidden;}
.m-crumb a,.m-crumb i,.m-crumb span{color: rgba(255,255,255,.38);}

/*out*/
.out{width: 100%;padding: 80px 0;min-height: 855px;}
.article{font-size: 16px;text-align: justify;line-height: 2;padding: 100px 80px 80px;background: #151515;word-wrap:break-word;}
.article img,.article iframe,.article video{max-width: 100%;}
@media screen and (max-width: 1480px) {
	.out{min-height: 655px;}
	.article{padding: 80px 60px 60px;}
}

/*about*/
.about .a-title{text-align: center;font-size: 50px;line-height: 120px;background: url(../images/tit01.png) top center no-repeat;}
@media screen and (max-width: 1480px) {
	.about .a-title{font-size: 44px;}
}

/*product*/
.product{padding-top: 35px;}
.product .pro-nav{margin-bottom: 20px;}
.product .pro-nav a{display: block;width: calc( (100% - 40px) / 5 );float: left;margin-right: 10px;text-align: center;background: #151515;overflow: hidden;line-height: 50px;font-size: 18px;font-weight: bold;transition: .5s;}
.product .pro-nav a:nth-child(5n){margin-right: 0;}
.product .pro-nav a:hover,.product .pro-nav a.active{background-image: linear-gradient( to right, #473719, #5d4f35 );color: #fff;}
.product .pro-cont{padding: 50px 55px 0;background-image: linear-gradient( #151515, #000000 );}
.product .list{display: block;width: 23.008%;float: left;margin: 0 2.656% 18px 0;}
.product .list:nth-child(4n){margin-right: 0;}
.product .list .tit{text-align: center;font-size: 16px;color: #ababab;line-height: 60px;position: relative;}
.product .list .tit:after{content: '';display: block;width: 0;height: 1px;background: #4b4b4b;margin: 0 auto;position: absolute;left: 0;right: 0;bottom: 0;transition: 1s;}
.product .list:hover .tit{color: #ffffff;}
.product .list:hover .tit:after{width: 100%;}

/*news*/
.news .list{display: block;width: 49%;margin-right: 2%;margin-bottom: 20px;background: #151515;padding: 20px;float: left;transition: .5s;}
.news .list:nth-child(2n){margin-right: 0;}
.news .list .time{width: 110px;height: 110px;background: #0b0b0b;text-align: center;padding-top: 20px;line-height: 1.25;float: left;margin-right: 30px;border: 1px solid #0b0b0b;transition: .5s;}
.news .list .time b{display: block;font-size: 36px;color: #5d4f35;transition: .5s;}
.news .list .time p{font-size: 16px;color: #909090;transition: .5s;}
.news .list .cont{width: calc(100% - 140px - 45px);float: left;line-height: 1.5;}
.news .list .tit{font-size: 18px;color: #d2d2d2;margin: 10px 0 5px;transition: .5s;}
.news .list .desc{font-size: 16px;color: #5f5e5e;transition: .5s;}
.news .list:hover{background: #5a4b31;}
.news .list:hover .time{background: #524327;border-color: #524327;}
.news .list:hover .time b,.news .list:hover .time p,.news .list:hover .tit,.news .list:hover .desc{color: #fff;}
.news .list:hover .time p,.news .list:hover .desc{opacity: .5;}

/*service*/
.service .ser-cont{background-image: linear-gradient( #151515, #000000 );padding: 70px 0;/*min-height: 725px;*/}
.service .ser-pic{width: 356px;height: 356px;overflow: hidden;position: relative;z-index: 0;margin: auto 150px auto 0;}
.service .ser-pic .swiper-slide{border-radius: 100%;overflow: hidden;}
.service .ser-pic .swiper-button-next{width: 71px;height: 71px;border-radius: 100%;overflow: hidden;background: url(../images/btn03.png) center center no-repeat;top: unset;bottom: 20px;right: 0;}
.service .ser-pic .swiper-button-next:after{display: none;}
.service .text{font-size: 28px;line-height: 1.8;text-align: justify;margin: auto 0;}
@media screen and (max-width: 1480px) {
	.service .ser-pic{margin-right: 100px;}
	.service .text{font-size: 24px;}
}

/*contact*/
.contact{padding-top: 55px;}
.contact .cact-cont{background-image: linear-gradient( #151515, #000000 );}
.contact .map{width: 50%;}
.contact .map img{display: block;width: 100%;}
.contact .box{width: 50%;padding: 80px 4.861%;line-height: 1.5;}
.contact .lx-title{font-size: 40px;}
.contact .box p{font-size: 20px;line-height: 1.5;margin-top: 15px;text-align: justify;}
.contact .box p b,.contact .box p strong{font-size: 35px;color: #877045;line-height: 1;}
@media screen and (max-width: 1480px) {
	.contact .lx-title{font-size: 34px;}
	.contact .box{padding-top: 60px;padding-bottom: 60px;}
	.contact .box p{font-size: 16px;}
	.contact .box p b{font-size: 29px;}
}

/*content*/
.content .c-title{text-align: center;font-size: 24px;line-height: 1.5;}
.content .c-time{text-align: center;font-size: 14px;line-height: 1.5;margin: 15px 0 35px;}

/* 上下页 */
.m-clips{margin: 0;font-size: 16px;color: #fff;line-height: 2;border-top: 1px solid #dcdcdc;padding: 45px 80px;background: #151515;}
.m-clips a{color: #fff;line-height: 2;}
@media screen and (max-width: 1480px) {
	.m-clips{padding: 35px 60px;}
}


/*效果  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);transform-origin: left center;}
.c{transform:rotateY(360deg);-webkit-transform:rotateY(360deg);}
@media screen and (max-width: 1360px) {}

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

/* {border-right: 32px solid transparent;
-webkit-filter: drop-shadow(32px 0 0 red);
filter: drop-shadow(32px 0 0 red);} */

/*  透明图片投影 -webkit-filter: drop-shadow(0 104px 0 #003488);filter: drop-shadow(0 104px 0 #003488);
	图片变白 -webkit-filter: grayscale(100%) brightness(1000%);filter: grayscale(100%) brightness(1000%); 
 */