/* ==========================================================================
   Index Page
   ========================================================================== */
.nbanner{ background: url(../img/jz-about2.jpg) no-repeat center center; background-size:cover ; height:400px; position: relative;}
.nbanner .bH{ position: relative; height: 100%;}
.nbanner .bfont{ text-align: center; color: #fff; margin-top: 150px;}
.nbanner .bfont a{color: #fff;}
.nbanner .bfont span{ font-size: 40px; display: block;}

.nbanner .place{ text-align: center;}

/*面包屑*/
.place{ color: #fff;}
.place a{ color: #fff;}
.place a:hover{ color: #b07ab4;}

/*分类样式*/
.module_cate{ background-image:linear-gradient(-225deg,#b07ab4,#b07ab4) ; height: 80px; line-height: 80px; padding:0 2rem;}
.module_cate span{ color: #fff; font-size: 30; font-weight: bold; }

.subCate li{ border-bottom: 1px solid #dcdcdc; padding: 0 20px; line-height: 60px;}
.subCate li:last-child{ border-bottom: 0;}
.subCate li a{ font-size: 16px;}
.subCate li a i{ font-size: 2.4rem; vertical-align: middle; margin-right: 1rem;}

/*横排分类*/
.sub_bk{ text-align: center; position: absolute; bottom: 2rem; left: 0; width: 100%; right: 0; margin: 0 auto; height: 40px;}
.sub_bk a{ display: inline-block; background: #fff; line-height: 40px; font-size: 16px; padding: 0 2%; margin-bottom: 5px;}
.sub_bk a:hover,.sub_bk a.active{ background: #b07ab4; color: #fff;}
.sub_bk .cate_bk{ height: 40px; overflow: hidden; padding: 0 10rem;}
.sub_bk span{ color: #fff; font-size: 16px; margin-left: 10px; display: inline-block; cursor: pointer; position: absolute; right: 0; top: 0; display: none; line-height: 40px;}
.sub_bk .show{ height: auto; background: #eee;}

.title-1{ border-bottom: 1px solid #ddd; line-height: 40px;}
.title-1 span{ font-weight: bold; font-size: 24px;}

.content{ line-height: 30px;}
.content p{ margin: 0.5rem 0;}
.cbox-bg{ background: #f1f1f1; padding: 3rem;}
.p-style{ color: #6a6a6a; font-size: 16px;}

.sub_cont{ padding: 2; }
.sub_cont .subNav{ background: #f3f3f3; font-size: 1.8rem; font-weight: bold; line-height: 3rem; padding: 2rem; margin-top: 1rem;}
.sub_cont .subNav:after{ content: "\e60d"; float: right;font-family: "iconfont" !important; color: #767676; font-size: 2rem;}
.sub_cont .subNav.open{ margin-bottom: 0;}
.sub_cont .subNav.open:after{ content: '\e608';}
.navContent{ display: none; background: #f3f3f3; margin: 0; padding:0 3rem 2rem;}
.navContent p{ margin: 0; color: #767676;}



.nlist-2{ border: 1px solid #D1DFFF;}
.nlist-2 .full-row{ border-bottom: 1px solid #D1DFFF;}
.nlist-2 .bk-c{ padding: 20px;}
.nlist-2 h3{ font-size: 2.40px;}
.nlist-2 .binfo span{ display: inline-block; margin-right: 4%;}
.nlist-2 a{ display: inline-block; border-radius: 5px; background-image: linear-gradient(-255deg,#574dee,#818cf8); color: #fff; line-height: 50px; padding: 0 6%; font-size: 1.80px; margin: 3rem 4% 0 0;}
.nlist-2 a i{ font-size: 2.4rem; vertical-align: top; margin-right: 1rem;}
.nlist-2 a:hover{ border-radius: 5rem;}


.article{ line-height: 30px; padding: 20px 0;}
.news-tit{ font-size: 30px; font-weight: bold;}
.tool{ color: #999; padding: 20px 0;}
.tool span{ display: inline-block; margin: 0 5px; font-size: 14px;}
.bshare-custom{ padding: 20px 0;}

.ny-page{ border-top: 1px solid #ddd; line-height: 30px; padding: 20px 0 0; font-size: 14px;}

.tit-1{ text-align: center; font-weight: bold; font-size: 36px;}

.tit-2{ text-align: center; font-weight: bold; font-size: 30px;}
.tit-2 span{ display: inline-block;}
.tit-2 span:after{content: ""; display: block; background: #fdb930; height: 5px; width: 100%;}

.tit-3{ font-size: 30px; padding: 0 5%;}
.tit-3 span{ display: inline-block;}
.tit-3 span:after{content: ""; display: block; background: #fdb930; height: 3px; width: 20%; margin-top: 20px;}

.about-box{ display: flex; height: 100%;}
.about-box .span-3{display: table-cell}
.about-box .jcent{ height: 100%;}
.about-box .about_bk{ background: #b07ab4; color: #fff; font-size: 24px;}
.about-box .about_bk2{ background: #3f3f3f; color: #fff;}
.about-box .about_bk2 span{ font-size: 4.80px; color: #5b5a5a; text-transform: uppercase; font-weight: bold;}
.about-box .about_bk2 p{ font-size: 16px;}
.about-box img{ width: 100%;}

.about-box2{ text-align: center; line-height: 40px;}
.about-box2 i{ color: #b07ab4; font-size: 50px;}
.about-box2 p{  color: #494949; font-size: 18px; position: relative; z-index: 2;}
.about-box2 p span{color: #b07ab4; font-size: 30px;font-weight: bold; margin-right:5px;}
.about-box2 .btit{ font-weight: bold; font-size: 60px; color: #ecedef; display: block; margin-top: -40px; line-height: 60px; position: relative;}

.nbg_k1{ background: url(../img/nbg_k1.jpg) no-repeat right bottom; padding-bottom: 40px; }
.nbg_k2{ background: url(../img/nbg_k2.jpg) no-repeat center bottom; padding-bottom: 150px;background-size: 100% auto; }
.nbg_k3{ background: #f0efef; padding: 60px 0;}
.nbg_k4{ background: url(../img/nbg_k3.jpg) no-repeat center 0; padding-top: 40px; background-size:100% auto ; }

.about-box3{}
.about-box3 .t-style-1{ display: inline-block; color: #fff; background: #b07ab4; font-size: 18px; line-height: 35px; border-radius: 35px; padding: 0 20px; margin-top: 20px;}
.about-box3 p{ color: #707070;}

.about-box4{ padding: 0 5%; position: relative; color: #6f6f6f;}
.about-box4:before{ content: ""; background: #b07ab4; display: block; width: 4%; height: 3px; position: absolute; left: 0; top: 10px;}

.about-box5 i{ color: #b07ab4; font-size: 50px; height: 50px; line-height: 50px; display: inline-block; float: left; vertical-align: middle;}
.about-box5 span{ color: #6a6a6a; margin-left: 70px; display: block;}

.about-tabs{ text-align: center;}
.about-tabs a{ width: 100px; height: 100px; line-height: 100px; border-radius: 100px; text-align: center; display: inline-block; margin: 0 1%; background: #efefef; font-size: 18px;}
.about-tabs a.active{ background: #b07ab4; color: #fff;}
.about-list{ position: relative;}
.about-list .bimg img{ width: 100%;}
.about-list .binfo{ background: #b07ab4; color: #fff; position: absolute; top: 0; bottom: 0; margin: auto 0; right: 30px; width: 30%; padding: 30px; height: 330px;}
.about-list .tlist{ padding: 0;}
.about-list .tlist p{ text-align: left;-webkit-line-clamp:6}

.t-style-2{ font-size: 30px; color: #333;}
.t-style-3{ font-size: 30px; font-weight: bold;}

.about-img{ position: relative;}
.about-img i{ content: ""; width: 120px; height: 120px;background: #b07ab4; display: block; position: absolute; top: -120px; right: 10%;}

.news-box{ margin-bottom: 20px; position: relative; margin-bottom: 20px; padding-bottom: 10px;}
.news-box:before{ content: ""; width: 98%; height: 1px; background: #ddd; display: block; position: absolute; bottom: 0; left: 0;}
.news-box .date{ background: #b07ab4; color: #fff; text-align: center; line-height: 30px; padding: 20px 0; margin: 0 20px;}
.news-box .date span{ display: block; font-weight: bold; font-size: 30px;}
.news-box a{ display: block;}
.news-box h3{ font-size: 24px; position: relative;}
.news-box h3:after{ content: "\e83b"; color: #b2b2b2; font-size: 30px; font-family: iconfont; font-weight: normal; float: right;}
.news-box p{ font-size: 16px; color: #656565;}
.news-box a:hover h3{ color: #b07ab4;}

.news-box2{ margin-bottom: 20px; position: relative;}
.news-box2 .media-box{ margin-bottom: 0;}
.news-box2 .media-box .icon{ height: 250px; background: #eee;}
.news-box2:before{ content: ""; width: 98%; height:100%; background: #f2f2f2; display: block; position: absolute; bottom: 0; left: 0;}
.news-box2 .date{ color: #333f47; text-align: center; line-height: 36px; font-size: 18px;}
.news-box2 .date span{ display: block; font-weight: bold; font-size: 50px;}
.news-box2 a{ display: flex; position: relative; z-index: 2; clear: both; overflow: hidden; height: 100%;}
.news-box2 .jcent{ height: 100%; align-items: inherit;}
.news-box2 h3{ font-size: 24px; position: relative;}
.news-box2 p{ font-size: 16px; color: #656565; margin: 10px 0;}
.news-box2 a:hover h3{ color: #b07ab4;}
.news-box2 a:hover .icon img{ transform: scale(1.2); transition: all 0.8s;}

.news-box3{ position: relative; display: flex;}
.news-box3 .media-box{ margin-bottom: 0;}
.news-box3 .media-box .icon{ height: auto!important; background: #eee;}
.news-box3 .media-box .icon img{ height: auto; width: 100%;}
.news-box3 .jcent{ height: 100%; align-items: inherit; background: #f6f6f6; padding: 0 30px;}
.news-box3 h3{ font-size: 30px; position: relative;}
.news-box3 p{ color: #656565; margin: 10px 0;-webkit-line-clamp:3;}
.news-box3:hover .icon img{ transform: scale(1.2); transition: all 0.8s;}
.news-box3 a{ width: 150px; text-align: center;}

.pro-box .icon{ background: none; border: 1px solid #ddd; height: 340px; position: relative;}
.pro-box .icon i{ display: block; position: absolute; width: 100%; height: 100%; line-height:340px; text-align: center; vertical-align: middle; top: 0; left: 0; background: rgba(144,116,97,0.4); color: #fff; font-size: 50px; transform: scale(0); transition: all 0.3s;}
.pro-box .ptit{ text-align: center; line-height: 36px; padding: 20px; color: #999;}
.pro-box .ptit span{ display: block;}
.pro-box h3{ font-weight: normal; padding: 0;}
.pro-box a:hover .ptit{ background: #b07ab4;}
.pro-box a:hover .ptit,.pro-box a:hover h3{ color: #fff;}
.pro-box a:hover .icon i{ transform: scale(1); transition: all 0.3s;}

.pce-style{ background: #b07ab4; padding: 10px 0;}
.pce-style a:hover{ color: #fff;}


.prod-info{ display: flex; min-height: 400px; }
.prod-info .span-6{ display: table-cell;}
.pro-bk{ background: #f6f6f6; padding: 0 5%; height: 100%; text-align: left; align-items: inherit;}
.pro-bk h3{font-size: 30px;}
.pro-bk p{ font-size: 1.80px; color: #565656; margin: 10px 0;}
.pro-bk p span{ color: #333; font-weight: bold;}
.pro-bk a{ display: inline-block; background: #b07ab4; line-height: 60px; color: #fff; padding: 0 4%; font-size: 30px; font-weight: bold; border-radius: 60px; width: 60%; text-align: center;}
.pro-bk a i{ font-weight: normal; font-size: 40px; vertical-align: middle;}

.swiper-thumb{ height: 99.5%; border: 1px solid #f6f6f6;}
.swiper-thumb .swiper-pagination-bullet-active{ background: #b07ab4;}


.bcont{ text-align:center; background:#f9f9f9; padding:40px 20px;}
.bcont p{ color:#666666; margin:10px 0 0; font-size: 16px;}
.bcont span{ color:#333333; font-size:30px; font-weight: bold;}


.sect_wd .tabs{}
.xswl-bk a{ display: inline-block; border: 2px solid #b07ab4; border-image: linear-gradient(-255deg,#f9cc8c, #b07ab4) 10 10; line-height: 45px; width: 70px; text-align: center; color: #b07ab4; font-size: 22px; margin-bottom: 8px;}
.xswl-bk a:hover,.xswl-bk a.active{ background-image: linear-gradient(-255deg,#f9cc8c, #b07ab4); color: #fff; transition: all 0.4s;}
.xswl-list .tab-tit{ text-align: left; background: #f3fbfe; line-height: 80px; padding: 0 20px; font-size: 30px; font-weight: bold;}
.xswl-list .tlist{ padding: 0;}
.xswl-list .add-row{ text-align: left; margin-bottom: 30px;}
.xswl-list .add-row span{ font-weight: bold; font-size: 16px;}
.xswl-list .add-row  p{ color: #888;}
.xswl-list .add-row  p i{ color: #b07ab4; margin-right: 5px; font-size: 20px;}

.subNavBox .sub_cont .subNav{ background: #fdbe63; color: #fff; font-size: 20px; border-radius: 10px 10px 0 0;}
.subNavBox .sub_cont .subNav:after{ color: #fff;}
.subNavBox .navContent{ padding: 20px 4%;}
.subNavBox .sub_cont{ padding: 0;}

/*新闻详情样式2*/
.nbg{ background: #fff; padding:40px 0;}

.box-bg{ background: #fbfbfb; padding: 30px;}
.article-style2{ line-height: 30px; padding: 20px;}
.bshare-custom{ padding: 20px 0;}

.ul-news{}
.ul-news li{ border-top: 1px solid #ddd; padding: 10px 0; line-height: 30px;}
.ul-news li a{ display: block;}
.ul-news li span{ display: block; color: #999;}

.ntit-1{ font-weight: bold; font-size: 30px;}

.bk-bq{}
.bk-bq a{ color: #666; display: inline-block; margin: 0 1%;}
.bk-bq a:nth-child(3n){ color: #53b753; font-size: 22px;}
.bk-bq a:nth-child(6n){ color: #000; font-size: 26px;}

/*发展历程*/
.fzlc{ position: relative; height: 750px; padding-top: 50px;}
.fzlc:after{ content: ""; width: 2px; height: 100%; position: absolute; display: block; background: #ddd; top: 0; right: 2px; left: 0; margin: 0 auto;}
.fzlc .swiper-slide{}
.fz-list .binfo{ padding: 0 20px; position: relative; margin-bottom: 100px;}
.fz-list .binfo:after{ content: ""; width: 10px; height: 10px; border-radius: 10px; border: 2px solid #ff5200; display: block; position: absolute; right: -3%; top:20px; background: #fff;}
.fz-list .date span{ display: inline-block; position: relative;}
.fz-list .binfo:after{}
.fz-list .binfo:before{ content: "—"; color: #ff5200; font-size: 20px; display: inline-block; vertical-align: middle; position: absolute;right: -1%; top: 7px;}
.fz-list .tl .date span:after{ display: none;}
.fz-list .tl{ margin-top: 100px;}
.fz-list .tl .binfo:after{ left: -3.2%; right: auto;}
.fz-list .tl .binfo:before{ left: -1.2%; right: auto;}
.fz-list span{font-size: 30px; font-weight: bold;}
.fz-list i{ font-size: 12px; text-transform: uppercase; color: #a6a6a6;display: block; }
.fz-list .binfo{ color: #666;}
.top-next,.bom-prev{ background: none;}
.top-next{ background: url(../img/btn_b.jpg) no-repeat center center; width: 71px; height: 52px; background-size:cover ; margin: 0 auto; left: 0; right: 0; top: auto; bottom: 0;}
.bom-prev{ background: url(../img/btn_t.jpg) no-repeat center center; width: 71px; height: 63px; background-size:cover ; margin: 0 auto; left: 0; right: 0; top: 0; bottom: auto;}
/*资质荣誉列表*/
.img-box{ margin-bottom: 20px;}
.img-box .icon{ background: none; border: 1px solid #ddd; height: 340px; position: relative;}
.img-box .icon i{ display: block; position: absolute; width: 100%; height: 100%; line-height:340px; text-align: center; vertical-align: middle; top: 0; left: 0; background: rgba(0,0,0,0.5); color: #fff; font-size: 50px; transform: scale(0); transition: all 0.3s;}
.img-box .ptit{ text-align: center; line-height: 24px; padding: 20px; color: #999; transition: all 0.3s;}
.img-box h3{ font-weight: normal; padding: 0;}
.img-box a:hover .ptit{ background: #b07ab4; transition: all 0.3s;}
.img-box a:hover .ptit,.img-box a:hover h3{ color: #fff;}
.img-box a:hover .icon i{ transform: scale(1); transition: all 0.3s;}

.img-box2{ display: flex; height: 100%; overflow: hidden; clear: both; border: 1px solid #e5e5e5; margin-bottom: 20px;}
.img-box2 .media-box{ margin: 0;}
.img-box2 .binfo{ padding: 20px; position: relative; box-sizing: border-box; height: 100%;}
.img-box2 .binfo:before{ content: ""; display: block; background: url(../img/more.png) no-repeat right bottom; background-size:cover ; width: 54px; height: 570px; position: absolute; right: 0; bottom: 0; z-index: 1;}
.img-box2 .binfo:after{ content: ""; display: block; background: #b07ab4; position: absolute; right:0; bottom: 0; width: 0; height: 0;}
.img-box2 .binfo h3{ font-size: 24px; position: relative; z-index: 2;}
.img-box2 .binfo h3 span{ font-size: 16px; font-weight: normal; margin-left: 10px;}
.img-box2 .binfo p{-webkit-line-clamp:4; color: #6e6e6e; margin-top: 10px; position: relative; z-index: 2; font-size: 14px;}
.img-box2:hover{ color: #fff;}
.img-box2:hover .binfo:after{ width: 100%; height: 100%;}
.img-box2:hover .binfo h3 span,.img-box2:hover .binfo p{ color: #fff;}


.img-box3{ margin-bottom: 25px; background: #f0efef; border-radius:  0 0 50px 0; padding: 20px; width: auto;}
.img-box3 .icon{ background: none; border: 0; height: 290px; position: relative; background: #fff;}
.img-box3 .ptit{ text-align: left; line-height: 24px; padding: 20px 0; color: #999; transition: all 0.3s;}
.img-box3 h3{ font-weight: normal; padding: 0;text-align: left; font-size: 22px; line-height: 35px;}
.img-box3 h3:after{ content: "\e601"; display: inline-block; vertical-align: middle; width: 35px; height: 35px; border-radius: 35px; float: right; color: #d8d8d8; border: 1px solid #d8d8d8; font-family: iconfont; text-align: center; line-height: 35px; font-size: 20px; }
.img-box3:hover{ background: #b07ab4; transition: all 0.3s;}
.img-box3:hover a .ptit{ transition: all 0.3s;}
.img-box3:hover a .ptit,.img-box3:hover a h3{ color: #fff;}
.img-box3:hover h3:after{ color: #fff; border-color: #fff;}

.img-box4{ background: #fff; width: auto; margin: 0 1px 5px;}
.img-box4 .icon{ background: none; border: 0; height: 260px; position: relative; background: #fff;}
.img-box4 .ptit{ text-align: left; line-height: 24px; padding: 20px; color: #999; transition: all 0.3s;}
.img-box4 .ptit span{ font-size: 14px;}
.img-box4 h3{ font-weight: normal; padding: 0;text-align: left; font-size: 18px; line-height: 35px;}
.img-box4:hover{ background: #b07ab4; transition: all 0.3s;}
.img-box4:hover a .ptit{ transition: all 0.3s;}
.img-box4:hover a .ptit,.img-box4:hover a h3{ color: #fff;}

.img-box5{ margin-bottom: 30px; padding: 0 10%; width: auto;}
.img-box5 .icon{ background: none; border: 0; height: 340px; position: relative;}
.img-box5 .ptit{ text-align: left; line-height: 24px; padding: 20px 0; color: #999; transition: all 0.3s;}
.img-box5 h3{ font-weight: normal; padding: 0;text-align: left; font-size: 22px; line-height: 35px;}
.img-box5:hover{ transition: all 0.3s;}
.img-box5:hover a .ptit{ transition: all 0.3s;}
.img-box5:hover a .ptit,.img-box5:hover a h3{ color: #b07ab4;}


.video-box{ background: #fff; width: auto; margin: 0 0 2rem;}
.video-box .icon{ background: none; border: 0; height: 300px; position: relative; background: #fff;}
.video-box .icon i{ display: block; position: absolute; width: 100%; height: 100%; line-height: 300px; text-align: center; vertical-align: middle; top: 0; left: 0; background: rgba(0,0,0,0.5); color: #fff; font-size: 5rem; transition: all 0.3s;}
.video-box .ptit{ text-align: left; line-height: 24px; padding: 2rem; color: #999; transition: all 0.3s;}
.video-box .ptit span{ font-size: 14px; margin-top: 1rem; display: block;}
.video-box .ptit span i{ font-size: 20px; display: inline-block; vertical-align: middle; margin-right: 5px;}
.video-box h3{ font-weight: normal; padding: 0;text-align: left; font-size: 18px; min-height: 60px; line-height: 30px;}
.video-box:hover{ background: #b07ab4; transition: all 0.3s;}
.video-box:hover a .ptit{ transition: all 0.3s;}
.video-box:hover a .ptit,.video-box:hover a h3{ color: #fff;}

.cont-box{ text-align: center;}
.cont-box a{ display: block;}
.cont-box i{ display: block; background: url(../img/cdot.png) no-repeat center center; background-size:cover ; width: 13.2rem; height: 15.3rem; text-align: center; color: #fff; line-height: 15.3rem; font-size: 5rem; margin: 0 auto;}
.cont-box span{ display: block; padding-top: 2rem;}
.cont-box a:hover i{ transform: rotateY(360deg); transition: all 0.9s;}

.cjwt-box{ padding: 0;}

.hxjs-box{ margin-bottom: 3rem;}
.hxjs-box a{ display: block; clear: both; overflow: hidden; position: relative; padding-bottom: 5rem;}
.hxjs-box a img{ filter:brightness(50%)}
.hxjs-box .binfo{ background: #fff; padding: 3rem 8%; position: absolute; bottom: 0; left: 0; width: 45%;}
.hxjs-box .binfo:before{ content: ""; width: 10%; height: 2px; background: #dedede; display: block; position: absolute; left: 0; top: 5.5rem;}
.hxjs-box .binfo h3{ font-size: 3rem; font-weight: normal;}
.hxjs-box .binfo p{ color: #666;}
.hxjs-odd .binfo{ left: auto; right: 0; text-align: right;}
.hxjs-odd .binfo:before{ left: auto; right: 0;}
.hxjs-box a:hover .binfo:before{ background: #b07ab4; animation: amt-line 1s infinite;}
.hxjs-box a:hover h3{ color:#b07ab4 ;}
.hxjs-box a:hover img{ filter:brightness(100%)}

@keyframes amt-line{
	0%{ width: 10%;}
	50%{ width: 0;}
	100%{width: 10%;}
}

.big_img{position: fixed;z-index: -1;opacity: 0;background: rgba(0,0,0,0.8);width: 100%;height: 100%;top:0;left:0;}
.big_img .swiper-container2 {position: relative;width: 100%;height: 100%;}
.big_img .swiper-container2  .swiper-wrapper{width: 100%;height: 100%;}
.big_img .swiper-slide{width: 100%;height: 100%;display: table}
.big_img .swiper-slide .cell{width: 100%;;height: 100%;display: table-cell;vertical-align: middle;text-align: center;}
.big_img .swiper-slide img{max-width: 90%;max-height: 80%;margin:0 auto;}
.big_img .page2{position: absolute; top:0.2rem;text-align: center;width: 100%;}
.big_img .page2 span{margin:0 0.05rem;}
.big_img .close{ font-size: 5rem; color: #fff; width: 6rem; height: 6rem; line-height: 6rem; top: 1rem; right: 1rem; position: absolute; z-index: 10000; cursor: pointer;}