/* ==========================================================================
   Index Page
   ========================================================================== */
.nbanner{ background: url(../img/nban.jpg) no-repeat center center; background-size:cover ; height: 35.8rem; position: relative;}
.nbanner .bH{ position: relative; height: 100%;}
.nbanner .bfont{ text-align: center; color: #fff;}
.nbanner .bfont a{color: #fff;}
.nbanner .bfont span{ font-size: 6rem; display: block;}

.nbanner2{ background: url(../img/bg_nk2.jpg) no-repeat center center; padding: 10rem 0; background-size:cover ;}
/*面包屑*/
.place{ color: #fff; background: #0193dd; height: 7rem; line-height: 7rem; padding-left: 2%; position: relative;}
.place:after{ content: ""; width: 100%; height: 100%; display: block; position: absolute; right: -100%; top: 0; background: #0193dd}
.place i{ font-size: 2rem; margin-right: 1rem;}
.place a{ color: #fff;}
.place a:hover{ color: #0193dd;}

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

.subCate li{ border-bottom: 1px solid #dcdcdc; padding: 0 2rem; line-height: 6rem;}
.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;}
.sub_bk a{ display: inline-block; background: #fff; line-height: 4rem; font-size: 16px; padding: 0 3%; margin-bottom: 5px; border: 1px solid #ddd; border-radius: 4rem;}
.sub_bk a:hover,.sub_bk a.active{ background: #0193dd; color: #fff;}
.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: 4rem;}
.sub_bk .show{ height: auto; background: #eee;}

.title-1{ padding: 20px 0 0; position: relative;}
.title-1:before{ content: ""; background: url(../img/tdot.jpg) no-repeat 0 0; display: inline-block; width: 13px; height: 47px; vertical-align: top; margin: 0 2rem;}
.title-1:after{ content: ""; width: 1px; height: 100px; background: #0193dd; display: block; position: absolute; left: 0; bottom: 10px;}
.title-1 span{ font-weight: bold; font-size: 3.6rem; color: #0193dd;}
.title-1 i{ float: right; font-size: 6rem; color: #f5f3f3; text-transform: uppercase; line-height: 47px; font-weight: bold;}

.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: 2rem; }
.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: 2rem;}
.nlist-2 h3{ font-size: 2.4rem;}
.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: 5rem; padding: 0 6%; font-size: 1.8rem; 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: 2rem 0;}
.news-tit{ font-size: 3rem; font-weight: bold;}
.tool{ color: #999; padding: 2rem 0;}
.tool span{ display: inline-block; margin: 0 0.5rem; font-size: 14px;}
.bshare-custom{ padding: 2rem 0;}

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

.tit-1{ text-align: center; font-weight: bold; font-size: 3.6rem;}

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

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

.about-box{ background: url(../img/bg_nk1.jpg) no-repeat center center; background-size:cover ; display: flex; height: 39rem;}
.about-box .jcent{ height: 100%;}
.about-box p{ color: #fff;}

.about-box2{ text-align: center; line-height: 4rem; background: #fff; padding: 6rem 3rem;}
.about-box2 span{ color: #333; font-size: 3.2rem; font-weight: bold; padding: 2rem 0; display: block;}
.about-box2 p{  color: #606060; font-size: 16px; position: relative; z-index: 2;}

.tabBox{ padding-bottom: 0.6rem;}
.tabBox .hd{ height: 14rem; text-align: center;}
.tabBox .hd .swiper-slide{width: 15%;font-size: 2.4rem;text-align: center;line-height: 14rem;position: relative;}
.tabBox .hd .swiper-slide a{display: block;color: #333; font-weight: bold;}
.tabBox .hd .swiper-slide:before{ content: ""; border-top: 2px dashed #e9e6e6; width: 100%; height: 2px; position: absolute; display: block; top: 20px; left: 0;}
.tabBox .hd .swiper-slide:after{ content: ""; display: block; width: 20px; height: 20px; background: #333; position: absolute; top: 10px; left: 0; right: 0; margin: 0 auto; background: #333; border-radius: 20px;}
.tabBox .hd .swiper-slide.on:after,.tabBox .gallery-thumbs .swiper-slide-thumb-active:after{background: #0193dd; transition: all 0.5s; }
.tabBox .hd .swiper-slide.on a,.tabBox .gallery-thumbs .swiper-slide-thumb-active a{color: #0193dd;}
.tabBox .gallery-top{ background: #f7f7f7; padding: 6rem 0;}

.about-box3{ text-align: center;}
.about-box3 i{ display: block; color: #0193dd; width: 19rem; height: 19rem; border-radius: 19rem; border: 2px solid #0193dd; margin: 0 auto 3rem; line-height: 19rem; font-size: 8rem;}
.about-box3 span{font-size: 18px; font-weight: bold;}
.about-box3 p{color: #737373; margin-top: 1rem; font-size: 16px;}

.about-box4{}
.about-box4:before{ content: ""; background: #0193dd; display: block; width: 1px; height: 44px; margin: 3rem auto;}
.about-box4 .brow{ height: 38.3rem; color: #fff; padding: 0 10%; text-align: left; align-items:inherit;}
.about-box4 .brow span{ font-size: 3rem;}
.about-box4 .brow p{ border-bottom: 1px solid #fff; padding: 1rem 0 0; height: 8rem; text-transform: uppercase;}
.about-box4 .brow i{ font-size: 2rem;}
.about-box4 .bk-1{ background: #0193dd;}
.about-box4 .bk-2{ background: url(../img/pic_fw1.jpg) no-repeat center center; background-size:cover ; text-align: center;}
.about-box4 .bk-3{ background: url(../img/pic_fw2.jpg) no-repeat center center; background-size:cover ; text-align: center;}

.about-box5 i{ color: #0193dd; font-size: 5rem; height: 5rem; line-height: 5rem; display: inline-block; float: left; vertical-align: middle;}
.about-box5 span{ color: #6a6a6a; margin-left: 7rem; display: block;}

.about-tabs{ text-align: center;}
.about-tabs a{ width: 10rem; height: 10rem; line-height: 10rem; border-radius: 10rem; text-align: center; display: inline-block; margin: 0 1%; background: #efefef; font-size: 1.8rem;}
.about-tabs a.active{ background: #0193dd; color: #fff;}
.about-list{ position: relative;}
.about-list .bimg img{ width: 100%;}
.about-list .binfo{ background: #0193dd; color: #fff; position: absolute; top: 0; bottom: 0; margin: auto 0; right: 3rem; width: 30%; padding: 3rem; height: 33rem;}
.about-list .tlist{ padding: 0;}
.about-list .tlist p{ text-align: left;}

.about-info{ text-align: center;}
.about-info .ntit{ padding: 2rem 10%;}
.about-info .ntit span{ font-weight: bold; color: #606060; font-size: 18px;}
.about-info .ntit p{ color: #606060; font-size: 14px; margin-top: 1rem;}

.t-style-1{ font-size: 3rem;}
.t-style-2{ font-size: 2rem; color: #6f6f6f; line-height: 4.8rem;}
.t-style-3{ font-size: 3rem; color: #0193dd;}

.about-img{ position: relative;}
.about-img i{ content: ""; width: 12rem; height: 12rem;background: #0193dd; display: block; position: absolute; top: -12rem; right: 10%;}

.news-box{ margin-bottom: 2rem; position: relative; margin-bottom: 2rem; padding-bottom: 1rem;}
.news-box:before{ content: ""; width: 98%; height: 1px; background: #ddd; display: block; position: absolute; bottom: 0; left: 0;}
.news-box .date{ background: #0193dd; color: #fff; text-align: center; line-height: 3rem; padding: 2rem 0; margin: 0 2rem;}
.news-box .date span{ display: block; font-weight: bold; font-size: 3rem;}
.news-box a{ display: block;}
.news-box h3{ font-size: 2.4rem; position: relative;}
.news-box p{ font-size: 1.6rem; color: #656565;}
.news-box a:hover h3{ color: #0193dd;}

.news-box2{ margin-bottom: 2rem; position: relative;}
.news-box2 .media-box{ margin-bottom: 0;}
.news-box2 .media-box .icon{ height: 25rem; 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: 3.6rem; font-size: 1.8rem;}
.news-box2 .date span{ display: block; font-weight: bold; font-size: 5rem;}
.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: 2.4rem; position: relative;}
.news-box2 p{ font-size: 1.6rem; color: #656565; margin: 1rem 0;}
.news-box2 a:hover h3{ color: #0193dd;}
.news-box2 a:hover .icon img{ transform: scale(1.2); transition: all 0.8s;}

.nodd .span-6:nth-child(1){ float: right;}

.news-box3{ position: relative;}
.news-box3 .media-box{ margin-bottom: 0;}
.news-box3 .media-box .icon{ height: auto!important;}
.news-box3 .media-box .icon img{ height: auto; width: 100%;}
.news-box3 .jcent{ height: 100%; align-items: inherit;}
.news-box3 h3{ font-size: 3rem; font-weight: normal; position: relative;}
.news-box3 p{ color: #656565; margin: 1rem 10%;-webkit-line-clamp:3;}
.news-box3:hover .icon img{ transform: scale(1.2); transition: all 0.8s;}
.news-box3 a{ width: 50px; text-align: center; margin-top: 3rem;}

.nlist-3{ display: block; border: 1px solid #ddd; padding: 2rem; clear: both; overflow: hidden; margin-bottom: 2rem;}
.nlist-3 .media-box{ margin-bottom: 0;}
.nlist-3 .brow{ padding: 2rem 4rem;}
.nlist-3 .brow h3{ font-size: 18px;}
.nlist-3 .brow p{ color: #868686; line-height: 3.3rem; margin-top: 1rem;}
.nlist-3 .dot-jt{ text-align: center;}
.nlist-3 .dot-jt i{ color:  #bababa; font-size: 3rem; line-height: 15rem;}
.nlist-3:hover{ border-color: #0193dd;}
.nlist-3:hover .brow h3,.nlist-3:hover .dot-jt i{ color: #0193dd;}

.nlist-4{ margin-bottom: 3rem; display: block; clear: both; overflow: hidden;}
.nlist-4 .media-box{ margin-bottom: 0;}
.nlist-4 .media-box .icon{ background: #fff;}
.nlist-4 .media-box img{ border-radius: 25px;}
.nlist-4 .brow h3{ font-size: 2.4rem; border-bottom: 1px solid #ddd; padding: 2rem 0;}
.nlist-4 .brow p{ color: #868686; line-height: 3.3rem; margin-top: 1rem;}

.nlist-5{ border-bottom: 1px solid #e5e5e5; clear: both; overflow: hidden; padding: 2rem 0; line-height: 4rem;}
.nlist-5 h3{ font-size: 2rem;}
.nlist-5 span{ color: #808080; padding-left: 1rem;}
.nlist-5 a{ background: #0193dd; width: 60%; height: 5.7rem; text-align: center; display: inline-block; line-height: 5.7rem; color: #fff; font-size: 2rem; border-radius: 5.7rem;}

.pro-box { margin-bottom: 2rem;}
.pro-box .icon{ background: none; border: 1px solid #ddd; height: 34rem; position: relative;}
.pro-box .icon i{ display: block; position: absolute; width: 100%; height: 100%; line-height:34rem; text-align: center; vertical-align: middle; top: 0; left: 0; background: rgba(248,158,29,0.5); color: #fff; font-size: 5rem; transform: scale(0); transition: all 0.3s;}
.pro-box .ptit{ text-align: center; line-height: 24px; padding: 2rem; color: #999;}
.pro-box h3{ font-weight: normal; padding: 0;}
.pro-box a:hover .ptit{ background: #0193dd;}
.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: #0193dd; padding: 1rem 0;}
.pce-style a:hover{ color: #fff;}


.prod-info{ display: flex; min-height: 40rem; }
.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: 3rem;}
.pro-bk p{ font-size: 1.8rem; color: #565656; margin: 1rem 0;}
.pro-bk p span{ color: #333; font-weight: bold;}
.pro-bk a{ display: inline-block; background: #0193dd; line-height: 6rem; color: #fff; padding: 0 4%; font-size: 3rem; font-weight: bold; border-radius: 6rem; width: 60%; text-align: center;}
.pro-bk a i{ font-weight: normal; font-size: 4rem; vertical-align: middle;}

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


.bcont{ text-align:center; background:#fff; padding:4rem 2rem;}
.bcont i{ color: #545454; font-size: 4rem;}
.bcont p{ color:#666666; margin:10px 0 0; font-size: 16px;}
.bcont span{ color:#535353; font-size:18px; display: block;}


.sect_wd .tabs{}
.xswl-bk a{ display: inline-block; border: 2px solid #0193dd; border-image: linear-gradient(-255deg,#f9cc8c, #0193dd) 10 10; line-height: 4.5rem; width: 7rem; text-align: center; color: #0193dd; font-size: 2.2rem; margin-bottom: 8px;}
.xswl-bk a:hover,.xswl-bk a.active{ background-image: linear-gradient(-255deg,#f9cc8c, #0193dd); color: #fff; transition: all 0.4s;}
.xswl-list .tab-tit{ text-align: left; background: #f3fbfe; line-height: 8rem; padding: 0 2rem; font-size: 3rem; font-weight: bold;}
.xswl-list .tlist{ padding: 0;}
.xswl-list .add-row{ text-align: left; margin-bottom: 3rem;}
.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: #0193dd; margin-right: 0.5rem; font-size: 20px;}

.subNavBox .sub_cont .subNav{ background: #fdbe63; color: #fff; font-size: 2rem;}
.subNavBox .sub_cont .subNav:after{ color: #fff;}
.subNavBox .navContent{ padding: 2rem 4%;}
.subNavBox .sub_cont{ padding: 0;}

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

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

.ul-news{}
.ul-news li{ border-top: 1px solid #ddd; padding: 1rem 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: 3rem;}

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

/*发展历程*/
.fzlc{ position: relative; height: 75rem; padding-top: 5rem;}
.fzlc:after{ content: ""; width: 2px; height: 100%; position: absolute; display: block; background: #ddd; top: 0; right: 0.2rem; left: 0; margin: 0 auto;}
.fzlc .swiper-slide{}
.fz-list .binfo{ padding: 0 2rem; position: relative; margin-bottom: 10rem;}
.fz-list .binfo:after{ content: ""; width: 10px; height: 10px; border-radius: 10px; border: 2px solid #ff5200; display: block; position: absolute; right: -3%; top:2rem; background: #fff;}
.fz-list .date span{ display: inline-block; position: relative;}
.fz-list .binfo:after{}
.fz-list .binfo:before{ content: "—"; color: #ff5200; font-size: 2rem; display: inline-block; vertical-align: middle; position: absolute;right: -1%; top: 0.7rem;}
.fz-list .tl .date span:after{ display: none;}
.fz-list .tl{ margin-top: 10rem;}
.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: 3rem; 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: 7.1rem; height: 5.2rem; 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: 7.1rem; height: 6.3rem; background-size:cover ; margin: 0 auto; left: 0; right: 0; top: 0; bottom: auto;}
/*资质荣誉列表*/
.img-box{ margin-bottom: 2rem;}
.img-box .icon{ background: none; border: 1px solid #ddd; height: 34rem; position: relative;}
.img-box .icon i{ display: block; position: absolute; width: 100%; height: 100%; line-height:34rem; text-align: center; vertical-align: middle; top: 0; left: 0; background: rgba(0,0,0,0.5); color: #fff; font-size: 5rem; transform: scale(0); transition: all 0.3s;}
.img-box .ptit{ text-align: center; line-height: 24px; padding: 2rem; color: #999; transition: all 0.3s;}
.img-box h3{ font-weight: normal; padding: 0;}
.img-box a:hover .ptit{ background: #0193dd; 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: 2rem;}
.img-box2 .media-box{ margin: 0;}
.img-box2 .binfo{ padding: 2rem; 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: 5.4rem; height: 5.7rem; position: absolute; right: 0; bottom: 0; z-index: 1;}
.img-box2 .binfo:after{ content: ""; display: block; background: #0193dd; position: absolute; right:0; bottom: 0; width: 0; height: 0;}
.img-box2 .binfo h3{ font-size: 2.4rem; position: relative; z-index: 2;}
.img-box2 .binfo h3 span{ font-size: 1.6rem; font-weight: normal; margin-left: 1rem;}
.img-box2 .binfo p{-webkit-line-clamp:4; color: #6e6e6e; margin-top: 1rem; 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: 2.5rem; background: #f0efef; border-radius:  0 0 5rem 0; padding: 2rem; width: auto;}
.img-box3 .icon{ background: none; border: 0; height: 29rem; position: relative; background: #fff;}
.img-box3 .ptit{ text-align: left; line-height: 24px; padding: 2rem 0; color: #999; transition: all 0.3s;}
.img-box3 h3{ font-weight: normal; padding: 0;text-align: left; font-size: 2.2rem; line-height: 3.5rem;}
.img-box3 h3:after{ content: "\e601"; display: inline-block; vertical-align: middle; width: 3.5rem; height: 3.5rem; border-radius: 3.5rem; float: right; color: #d8d8d8; border: 1px solid #d8d8d8; font-family: iconfont; text-align: center; line-height: 3.5rem; font-size: 2rem; }
.img-box3:hover{ background: #0193dd; 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 10px 5px;}
.img-box4 .icon{ background: none; border: 1px solid #F0F0F0; height: 26.7rem; position: relative; background: #fff;}
.img-box4 .ptit{ text-align: left; line-height: 24px; padding: 2rem; 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: 1.8rem; line-height: 3.5rem;}
.img-box4:hover{ background: #0193dd; 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: 3rem; padding: 0 10%; width: auto;}
.img-box5 .icon{ background: none; border: 0; height: 34rem; position: relative;}
.img-box5 .ptit{ text-align: left; line-height: 24px; padding: 2rem 0; color: #999; transition: all 0.3s;}
.img-box5 h3{ font-weight: normal; padding: 0;text-align: left; font-size: 2.2rem; line-height: 3.5rem;}
.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: #0193dd;}


.video-box{ background: #fff; width: auto; margin: 0 0 2rem;}
.video-box .icon{ background: none; border: 0; height: 30.2rem; position: relative; background: #fff;}
.video-box .icon i{ display: block; position: absolute; width: 100%; height: 100%; line-height: 30.2rem; 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: 2rem; display: inline-block; vertical-align: middle; margin-right: 5px;}
.video-box h3{ font-weight: normal; padding: 0;text-align: left; font-size: 1.8rem; min-height: 60px; line-height: 30px;}
.video-box:hover{ background: #0193dd; 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;}
.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: #0193dd; animation: amt-line 1s infinite;}
.hxjs-box a:hover h3{ color:#0193dd ;}
.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;}