/* ==========================================================================
   Index Page
   ========================================================================== */
/*首页banner大图样式*/
.ibanner{ position:relative; width: 100%; overflow: hidden;}
.ibanner .swiper-container {width: 100%;height: 100%;}
.ibanner .swiper-slide { background-repeat:no-repeat; background-position:center center; background-size:cover;text-align: center;/* Center slide text vertically */display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center; position:relative; background-color: #000; transform: scale(1.5);}
.ibanner .swiper-img{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-repeat:no-repeat; background-position:0 center; background-size:cover; transform: scale(1.5); opacity: 0; transition: all 0s;}
.ibanner .swiper-slide-active .swiper-img{ transform: scale(1); opacity: 1; transition: all 4s;}
.ibanner .swiper-container-horizontal > .swiper-scrollbar{ width:272px; left:251px; bottom:30%;}

.ibanner .swiper-scrollbar-drag{ background:#1b85e7;}
.ibanner .swiper-pagination{ left:0; bottom: 40px; line-height: 36px; position: absolute; text-align: center; width: 100%;color: #fff;}
.ibanner .swiper-pagination-bullet{background: #e5e5e5; opacity: 1; position: relative; width: 40px; height: 2px; border-radius: 0; margin: 0 10px!important;}
.ibanner .swiper-pagination-bullet-active{ background: #54555a; opacity: 1;}
.ibanner .swiper-pagination-current{ color: #fff; font-size: 4.2rem;}
.ibanner .swiper-pagination-total{ font-size: 2.7rem;color: #fff;}

.ibanner .swiper-button-next,.ibanner .swiper-button-prev{ background: none; width: 43px; height: 95px; line-height: 40px; margin-top: -45px; text-align: center; top: 50%;}
.ibanner .swiper-button-next i,.ibanner .swiper-button-prev i{ color: #fff; font-size: 24px; opacity: 1;}

.ibanner .swiper-button-prev{ left: 3%; background: url(../image/prev9.png) no-repeat center center; background-size: 100% auto;}
.ibanner .swiper-button-next{ right: 3%; background: url(../image/next10.png) no-repeat center center; background-size: 100% auto;}
.ibanner .swiper-button-next:hover,.ibanner .swiper-button-prev:hover{  opacity: 1;}


.ibanner .bH{ height: 100%; position: relative; align-items: center; display: flex;}
.ibanner .bfont{text-align: center;}
.ibanner .bstyle1{ font-size: 6rem; font-weight: bold; position: relative; z-index: 2; color: #2d2d2d; transform: translateY(100px); opacity: 0; line-height: 9rem;}
.ibanner .binfo{ font-size: 2.4rem; color: #2d2d2d; margin-top: 4rem; position: relative; z-index: 2;transform: translateY(100px); opacity: 0; display: block; font-family: 'SourceHanSansCN-Light';}
.ibanner .bmore{ margin-top: 5rem;transform: translateY(100px); opacity: 0;}
.ibanner .bmore a{ display: inline-block; width: 300px; line-height: 54px; color: #fff; font-size: 20px; text-align: center; position: relative; margin:0 5px; border: 1px solid #fff;}
.ibanner .bmore i{ font-size: 24px; vertical-align: middle; margin-right: 1rem;}
.ibanner .bmore a:nth-child(2){ background-color: #d22030; border: 1px solid #d22030;}
.ibanner .bmore a:hover{ border: 1px solid #d22030; background: #d22030; color: #fff;}
.ibanner .bimg{ transform: translateY(100px); opacity: 0; }

.ibanner .swiper-slide-active .bstyle1{ transform: translateY(0); opacity: 1; transition: all 2s ease .1s;}
.ibanner .swiper-slide-active .binfo{ transform: translateY(0); opacity: 1; transition: all 2s ease .5s;}
.ibanner .swiper-slide-active .bmore{ transform: translateY(0); opacity: 1; transition: all 2s ease 0.6s;}
.ibanner .swiper-slide-active .bimg{ transform: translateY(0); opacity: 1; transition: all 2s ease .1s;}
.ibanner .scroll-dot{ text-align: center; position: absolute; bottom: 6rem; height: 60px; width: 50px; left: 0; right: 0; margin: 0 auto; z-index: 10; animation: scroll 3s infinite;}
.ibanner .scroll-dot i{ font-size: 5rem; color: #fff; line-height: 60px;}

@keyframes scroll{
	0%{ bottom: 6rem; opacity: 1;}
	50%{ bottom: 3rem; opacity: 0.3;}
	100%{ bottom: 6rem; opacity: 1;}
}

.fw-bk{ background: url(../image/ibg_k1.jpg) no-repeat 0 center; background-size: cover;}
.iblock-1{ width: 100%; position: relative; display: flex;}
.iblock-1 .brow{ padding: 8rem 8%; position: relative; height: 100%; box-sizing: border-box;}
.iblock-1 .brow .btit{ font-size: 3rem; font-weight: bold; color: #0e0e0e;}
.iblock-1 .brow .btit::before{ content: ""; width: 4px; height: 28px; background: linear-gradient(to bottom,#f01840 50%,#000000 50%); display: inline-block; margin-right: 2rem; vertical-align: middle;}
.iblock-1 .brow .binfo{ margin: 2rem 0 0 3rem; font-size: 16px; color: #6d6d6d; line-height: 24px;}
.iblock-1 .brow .binfo font,.iblock-1 .brow .binfo span{ color: #000000; font-weight: bold;}
.iblock-1 .brow a{ display: inline-block; width: 155px; line-height: 35px; background-color: #282828; color: #fff; text-align: center; margin-top: 3rem; font-size: 14px; text-transform: uppercase; font-family: "gill sans mt condensed" }
.iblock-1 .brow a:hover{ background-color: #d22030; letter-spacing: 2px;}
.iblock-1 .brow2{ padding: 8rem 5rem; position: relative; height: 100%; box-sizing: border-box; background-color: #d22030; color: #fff;}
.iblock-1 .bw3{ background-color: #090908;}
.iblock-1 .brow2 .btit i{ color: #fff; font-size: 4rem; font-family: 'barlow'; text-transform: uppercase; font-weight: bold; display: block; line-height: 4rem;}
.iblock-1 .brow2 .btit span{ display: block; font-size: 24px; font-weight: bold; margin: 1rem 0;}
.iblock-1 .brow2 a{ display: inline-block; width: 155px; line-height: 35px; border: 1px solid #fff; color: #fff; text-align: center; margin-top: 1rem; font-size: 14px; text-transform: uppercase; font-family: "gill sans mt condensed"; position: relative; }
.iblock-1 .brow2 a::after{ content: ""; position: absolute; background-color: #d22030; height: 10px; width: 5px; right: -3px; top: 0; bottom: 0; margin: auto 0;}
.iblock-1 .brow2 a:hover{ letter-spacing: 2px;}
.iblock-1 .bw3 a::after{ background-color: #090908;}
.fw-bk .span-3{ width: 25%;}

.ibk_bg2{ background:url(../image/ibg_k2.jpg) no-repeat center center; background-size: cover; padding: 18rem 0 6rem;}
.ibk_bg2 .fr:nth-child(1){ width: 30%;}
.ibk_bg2 .fr:nth-child(2){ width: 70%;}
.nav-tabs{ position: relative; text-align: right; left: 0; }
.nav-tabs .tab-tit{ font-size: 20px; color: #585858; position: relative; display:block; cursor: pointer;}
.nav-tabs .tab-tit i{ font-size: 30px; color: #212121; margin-left: 1rem; display: inline-block; position: relative; z-index: 2; }
.nav-tabs .swiper-slide-thumb-active .tab-tit,.nav-tabs .swiper-slide-thumb-active .tab-tit i{color: #d22030;}
.nav-tabs .swiper-slide{ position: relative;}
.ibk_bg2 .swiper-button-next,.ibk_bg2 .swiper-button-prev{ background:none; width: 36px; height: 36px; line-height: 36px; border-radius: 70px; margin-top: 200px; text-align: center; top: 0; z-index: 1000;}
.ibk_bg2 .swiper-button-next i,.ibk_bg2 .swiper-button-prev i{ color: #111; font-size: 18px; }
.ibk_bg2 .swiper-button-prev{ left: 0;}
.ibk_bg2 .swiper-button-next{ right: 0;}
.ibk_bg2 .swiper-button-next i{ color: #1d89ea;}
.ibk_bg2 .swiper-button-next:hover i,.ibk_bg2 .swiper-button-prev:hover i{ color: #1d89ea;}
.ibk_bg2 .bimg{ text-align: left;}
.ibk_bg2 .brow{ text-align: right; padding: 0 9rem 0 4rem;}
.ibk_bg2 .brow .btit i{ display: block; font-size: 3rem; font-weight: bold; color: #d22030; font-family: 'barlowblack'; text-transform: uppercase;}
.ibk_bg2 .brow .btit font{ display: block; font-size: 7.2rem; font-weight: bold; color: #232323; font-family: 'barlowblack'; text-transform: uppercase; line-height: 7rem; margin: 2rem 0;}
.ibk_bg2 .brow .btit span{ font-size: 3.6rem; font-weight: bold; color: #232323; display: block;}

.tab-list{width: 100%; overflow: hidden;}
.ibk_bg2 .tc{ margin-right: 8rem; position: relative; z-index: 10;}
.ibk_bg2 .tc .jcent{ position: relative; height: 100%; align-items: flex-start; width: 100%;}
.ibk_bg2 .imore{ width: 75%; margin-left: 25%; background-color: #d22030; position: relative; top: -9rem;}
.ibk_bg2 .imore .fl{ width: 24%;}
.ibk_bg2 .imore .fr{ width: 70%; margin-left: 4%;}
.ibk_bg2 .imore .btit{ text-align: left; color: #fff; position: relative; vertical-align: middle; width: 100%;}
.ibk_bg2 .imore .btit::before{ content: ""; position: absolute; top: 0; bottom: 0; margin: auto 0; right: 5rem; width: 70%; height: 1px; background-color: #fff;}
.ibk_bg2 .imore .btit i{ font-size: 3rem; vertical-align: middle;}
.ibk_bg2 .imore .btit span{ font-size: 20px; margin-left: 1rem; vertical-align: middle;}
.ibk_bg2 .imore .btit a{float: right; color: #fff; font-size: 3rem;}

a.amore{ display: inline-block; width: 155px; line-height: 35px; background-color: #282828; color: #fff; text-align: center; margin-top: 3rem; font-size: 14px; text-transform: uppercase; font-family: "gill sans mt condensed" }
a.amore:hover{ background-color: #d22030; letter-spacing: 2px;}

.ibk_bg3{ background: url(../image/ibg_k3.jpg) no-repeat center center; background-size: cover; padding: 10rem 0;}
.btit-box .binfo{ font-size: 20px; padding-top: 5rem;}
.btit-box .btit{ text-align: right; position: relative; margin-top: -3rem;}
.btit-box .btit span{ display: block; font-size: 14rem; line-height: 14rem; font-weight: bold; font-family: 'barlow'; color: #232323;}
.btit-box .btit i{ font-size: 2.4rem; text-transform: uppercase; font-family: 'barlowblack'; color: #232323; display: block;}
.ibk_bg3 .swiper-container{ overflow: visible;}
.ibk_bg3 .swiper-slide{ width: 25%; height: auto;}
.ibk_bg3 .swiper-slide-active{width: 40%;}
.ibk_bg3 .swiper-button-next,.ibk_bg3 .swiper-button-prev{ background:#d22030; border: 1px solid #d22030; width: 106px; height: 50px; line-height: 50px; opacity: 1; margin-top: 5rem; text-align: center; top: auto; font-size: 30px; color: #fff; text-align: center; z-index: 1000; position: relative; float: left;}
.ibk_bg3 .swiper-button-next i,.ibk_bg3 .swiper-button-prev i{ color: #111; font-size: 20px; }
.ibk_bg3 .swiper-button-prev{ left: 0; margin-right: 3rem;}
.ibk_bg3 .swiper-button-next{ right: 0;}
.ibk_bg3 .swiper-button-next:hover,.ibk_bg3 .swiper-button-prev:hover{background-color: #fff; border-color: #d22030; color: #d22030;}
.ibk_bg3 .swiper-button-next:hover i,.ibk_bg3 .swiper-button-prev:hover i{ color: #d22030;}
.ibk_bg3 .pos::before{ content: ""; position: absolute; width: 85%; height: 1px; background-color: #ddd; right: -8%; bottom: 25px;}
.case-box,.case-box a{ margin-bottom: 0; position: relative; height: 100%; width: 100%;}
.case-box .icon{ position: relative; height: 100%; overflow: hidden; width: 100%;}
.case-box .icon img{ height: 100%; width: auto; max-width: initial;}
.case-box .ntit{padding: 0; position: absolute; left: 0; background: linear-gradient(to top,rgba(0,0,0,0.8) ,rgba(0,0,0,0) 50%); bottom: 0; left: 0; box-sizing: border-box; color: #fff; width: 100%; height: 100%;}
.case-box .ntit div{ position: absolute; bottom: 0; width: 100%; left: 0; box-sizing: border-box; padding: 3rem;}
.case-box .ntit span{display: block; font-size: 20px; font-weight: bold;}
.case-box .ntit p{ display: block;}


.ibk_bg4{ background: url(../image/ibg_k4.jpg) no-repeat center center; background-size: cover; height: 800px;}
.ibk_bg4 .wrap{ position: relative; height: 100%;}
.ibk_bg4 .brow{ position: relative; height: 100%;}
.ibk_bg4 i{ display: block; -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-image: linear-gradient(to bottom,rgba(255,255,255,0.09),rgba(255,255,255,0)); font-size: 25rem; line-height: 25rem; font-weight: bold; text-transform: uppercase; font-family: 'barlowblack'; letter-spacing: -2px;}
.ibk_bg4 p{ display: inline-block; position: relative; font-size: 26px; font-weight: bold; margin-top: -12rem; color: #fff;}
.ibk_bg4 p::before,.ibk_bg4 p::after{ content: ""; width: 15px; height: 3px; background-color: #fff; vertical-align: middle; display: inline-block; margin: 0 1rem;}
.ibk_bg4 span{ display: block; margin: 2rem 0 5rem;}
.ibk_bg4 .brow a{ display: inline-block; width: 230px; line-height: 50px; background-color: #d22030; color: #fff; text-align: center; margin-top: 3rem; font-size: 16px; text-transform: uppercase; font-family: "gill sans mt condensed" }
.ibk_bg4 .brow a:hover{ background-color: #d22030; letter-spacing: 2px;}

.ibk_bg5{ background: url(../image/ibg_k5.jpg) no-repeat center center; background-size: cover; padding: 10rem 0 13rem;}
.bvideo{ position: relative; margin-right: 7%; padding-right: 119px; margin-top: 8rem;}
.bvideo::before{ content: "“"; font-family: "microsoft yahei"; color: #fff; background-color: #d22030; width: 140px; position: absolute; height: 100%; display: flex; align-items: center; font-size: 10rem; line-height: 10rem; top: 0; left: -140px; z-index: 3;}
.bvideo .bf{ position: absolute; width: 238px; height: 238px; top: 0; bottom: 0; right: 0; margin: auto 0; z-index: 3;}
.bvideo::after{ content: ""; width: 100%; height: 120%; top:-10%; right: 2%; position: absolute; background-color: rgba(255,255,255,0.7);}
.bvideo img,.bvideo video{ position: relative; z-index: 2;}

.lc-block .brow{ width: 48%; border-top: 1px solid #000; padding: 2rem; min-height: 150px; box-sizing: border-box; overflow: hidden;}
.lc-block .brow i{ float: left; font-family: 'barlow'; font-weight: bold; color: #232323; font-size: 3.6rem; line-height: 36px;}
.lc-block .brow p{ margin-left: 5rem; color: #848484; line-height: 36px;}
.lc-block .brow p span{ display: block; font-size: 20px; color: #141414;}

.inews-list { }
.inews-list .tlist{ display:none; position: relative; overflow: visible;}
.inews-list .active{ display:block;}
.inews-tit a{ display: inline-block; width: 155px; line-height: 34px; color: #fff; background-color: #282828; text-align: center; margin-left: 5px;}
.inews-tit a.active{ background-color: #d22030;}

.ibk_bg1{ background: url(../image/ibg_k6.jpg) no-repeat center 0 #ededed; padding: 10rem 0 ;}
.ibk_bg1 .box-title{ color: #fff;}
.ibk_bg1 a.amore{ background-color: transparent; border: 1px solid #fff; position: relative; margin-top: 7rem;}
.ibk_bg1 a.amore::after { content: ""; position: absolute; background-color: #121211; height: 10px; width: 5px; right: -3px; top: 0; bottom: 0; margin: auto 0;}
.ibk_bg1 a.amore:hover{ border-color: #d22030; color: #d22030;}

.news-box{ margin-bottom: 0; width: auto; color: #fff;}
.news-box span{ display: block; font-size: 18px;}
.news-box h4{ margin: 2rem 0;}
.news-box h4 a{ font-size: 3rem; color: #fff;}
.news-box h4 a:hover{ color: #d22030;}
.news-box p{ color: #b8b8b8; font-size: 14px; line-height: 28px;}
#ilist-3 .swiper-pagination{ position: relative; text-align: left; margin-top: 6rem;}
#ilist-3 .swiper-pagination-bullet{ width: 15px; height: 15px; background-color: #fff; opacity: 1; margin-right: 2rem;}
#ilist-3 .swiper-pagination-bullet-active{ background-color: #d22030;}

.news-box2{ margin-bottom: 0; background-color: #fff; padding: 8rem 8rem 12rem; width: auto; }
.news-box2 a.nmore{display: inline-block; float: left; width: 155px; line-height: 35px; color: #141414; border: 1px solid #141414; text-align: center; margin-top: 0.5rem; font-size: 14px; text-transform: uppercase; font-family: "gill sans mt condensed"; position: relative;}
.news-box2 a.nmore::after { content: ""; position: absolute; background-color: #fff; height: 10px; width: 5px; right: -3px; top: 0; bottom: 0; margin: auto 0;}
.news-box2 a.nmore:hover{ letter-spacing: 2px; border-color: #d22030; color: #fff; background-color: #d22030;}
.news-box2 a.nmore:hover::after{ display: none;}
.news-box2 .icon{}
.news-box2 .icon img{ width: 100%;}
.news-box2 .date{float: right; color: #232323; font-size: 14px; line-height: 30px;}
.news-box2 .date span{ display: block; font-size: 3.6rem; font-weight: bold; font-family: "arial";}
.news-box2 .ninfo{ background:#fff; padding: 3rem 0 2rem;}
.news-box2 span{ color: #333; display:block;}
.news-box2 h4{ text-align: left; font-size: 18px; padding: 0; margin:3rem 0 1rem; line-height: 36px; color: #232323;}
.news-box2 p{ color: #636363; font-size: 14px; line-height: 28px;}
.news-box2 a:hover h3,.news-box a:hover i{ color: #1d89ea;}
#ilist-4 .swiper-pagination{ position: relative; text-align: left; margin-top: 6rem; height: 2px; background: #ddd;}
#ilist-4 .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{ background-color: #d22030; height: 4px; top: auto; bottom: 0;}

.news-box3{ margin-bottom: 3rem; }
.news-box3 a{ display: block; position: relative; overflow: hidden;}
.news-box3 .icon{}
.news-box3 .icon img{ width: 100%;}
.news-box3 .date{ clear: both; overflow: hidden; line-height: 30px; margin-top:2rem;}
.news-box3 .date span{font-size: 14px; float: left; font-family: arial;color: #595959;}
.news-box3 .date i{ float: right; color: #1d89ea; font-size: 24px;}
.news-box3 .ninfo{ background:#fff; padding: 3rem;}
.news-box3 span{ color: #2f2f2f; display:block;}
.news-box3 span i{ color: #007aff; font-size: 22px; vertical-align: middle;}
.news-box3 h3{ text-align: left; font-size: 22px; padding: 0; font-weight: normal; margin:0 0 2rem; line-height: 36px; color: #333;}
.news-box3 p{ color: #595959;}
.news-box3 a:hover h3,.news-box3 a:hover i{ color: #1d89ea;}

.ibk_bg1 .row .span-4{border-left: 1px solid #dedede; padding-left: 30px; box-sizing: border-box;}
.ibk_bg1 .row .span-4:nth-child(1){ border-left: 0; padding-left: 0;}

.ibk_bg6{ background: url(../image/ibg_k2.jpg) no-repeat center center; background-size: cover; padding: 8rem 0; color: #fff;}

.sect_news{ padding: 8rem 0;}
.sect_news .news-box2{ background-color: #f9f9f9; margin-bottom: 3rem;}

/* ==========================================================================  Other Page   ========================================================================== */

.nbanner{ background-image: url(../image/nban1.jpg); background-position: center; background-size: cover; height: 818px; width: 100%; position: relative;}
.nbanner .wrap{ height: 100%;}
.nbanner .nbrow{ height: 100%; color: #fff; box-sizing: border-box;}
.nbanner .nbrow .nbtit{ font-size: 3.6rem; font-weight: bold; display: block; margin:1rem 0; }
.nbanner .nbrow .nbtit::after,.nbanner .nbrow .nbtit::before{ content: ""; width: 35px; height: 2px; display: inline-block; margin: 0 1rem; vertical-align: middle;}
.nbanner .nbrow .nbtit::before{background: linear-gradient(to left,rgba(255,255,255),rgba(255,255,255,0));}
.nbanner .nbrow .nbtit::after{background: linear-gradient(to right,rgba(255,255,255),rgba(255,255,255,0));}
.nbanner .nbrow .nben{ font-size: 11rem; line-height: 11rem; color: #fff; font-family: 'barlowblack'; text-transform: uppercase;}
.nbanner .nbrow a{ color: #fff;}
.nbanner .nbrow a:hover{ color: #d22030;}

.sub_box{text-align: right; margin-top: 4rem;}
.sub_box a{ display: inline-block; color: #585858; font-size: 20px; padding: 0 4%; line-height: 30px;}
.sub_box a i{ color: #000; font-size: 30px; vertical-align: sub; margin-right: 5px;}
.sub_box a:hover,.sub_box a.current{font-weight: bold; color: #d22030;}
.sub_box a:hover i,.sub_box a.current i{ font-weight: normal; color: #d22030;}

.fix-sub{ position: fixed; top: 100px; left: 0;}
.psub-box.fix-sub{ position: fixed; top: 100px; width: 18%; left: 8%; z-index: 10; background-color: #fff;}


.pro-box{ margin-bottom: 3rem;}
.pro-box a{ clear: both; overflow: hidden; background:#fff; border-radius: 10px ; box-sizing: border-box; box-shadow: #eee 0 0 10px;}
.pro-box .icon{ position: relative; background: none; overflow: hidden;}
.pro-box .icon img{ width: 100%;}
.pro-box .brow{ padding: 3rem;}
.pro-box .btit{ clear: both; overflow: hidden;}
.pro-box .btit i{ float: left; display: block; width: 55px; height: 55px; border-radius: 100%; overflow: hidden; margin-right: 1rem;}
.pro-box .btit p{ font-size: 2.4rem; line-height: 55px;}
.pro-box .binfo{ color: #595959; margin-top: 1rem;}
.pro-box span i{ margin-left: 5px; display: inline-block; width: 15px; height: 15px; text-align: center; border: 1px solid #666666; border-radius: 15px;}
.pro-box a:hover{ background: #1585e9;}
.pro-box a:hover .binfo,.pro-box a:hover .btit p{ color: #fff; transition: all 0.3s;}



.case-box2{ margin-bottom: 3rem;}
.case-box2 a{border: 1px solid #ededed; padding: 2rem; background-color: #fff;}
.case-box2 .icon{ position: relative;}
.case-box2 .icon .cdot{ position: absolute; width: 100%; height: 100%; display: flex; top: 0; left: 0; align-items: center; background: url(../image/c_hover.png) no-repeat center center rgba(0,0,0,0.4); background-size: 90% 90%; color: #fff; text-align: center; justify-content: center; transform: scale(0.5); opacity: 0;}
.case-box2 .icon .cdot i{ display: block; width: 68px; height: 68px; border-radius: 100%; text-align: center; line-height: 68px; background-color: rgba(210,32,48,0.8); font-size: 24px;}
.case-box2 .icon img{ width: 100%;}
.case-box2 .ntit{ position: relative; padding: 2rem 0;}
.case-box2 .btit{ color: #232323; font-size: 18px;}
.case-box2 .btit span{ font-weight: both;}
.case-box2 .binfo{ color: #8e8e8e;}
.case-box2 .binfo span{ display: inline-block; margin-right: 2rem;}
.case-box2 a:hover .icon .cdot{ transform: scale(1); opacity: 1; transition: all 0.6s;}

.cmore{ line-height: 10rem; position: relative; background-color: #d22030; text-align: center;}
.cmore::before{ content: ""; position: absolute; top: 0; bottom: 0; margin: auto auto; width: 90%; height: 1px; background-color: #e88b93; left: 0; right: 0;}
.cmore a{ display: inline-block; font-weight: bold; font-size: 20px; color: #fff; background-color: #d22030; position: relative; z-index: 2;}
.cmore a span{ padding: 0 10rem; font-family: "microsoft yahei"; font-size: 4.8rem; font-weight: normal; display: inline-block; vertical-align: bottom; transform: translate(10px, 10px);}
.cmore:hover{ border-radius: 4rem 0 4rem 0;}

.wpad{ padding-left: 5%; max-width: 1920px; box-sizing: border-box; margin: 0 auto;}

.case-tit{ background: url(../image/nbg_k3.jpg) no-repeat center center; background-size: cover; padding: 0 0 8rem; margin-top: 120px;}
.case-tit .swiper-pagination{ width: 20px; text-align: center; right: 5%; height: 100%; top: 35%; bottom: auto;}
.case-tit .swiper-pagination-bullet{ display: block; width: 15px; height: 15px; background-color: #fff; opacity: 1; margin: 15px 0;}
.case-tit .swiper-pagination-bullet-active{ background-color: #d22030;}
.case-brow{ line-height: 30px; font-size: 18px; color: #585858;}
.case-brow p{ margin-bottom: 1rem;}
.case-brow span{ font-weight: bold;}
.case-brow i{ color: #000000; font-size: 22px; margin-right: 5px;}
.case-tit a.amore{ width: 195px; line-height: 45px; background-color: transparent; border: 1px solid #141414; color: #141414; font-family: "microsoft yahei"; font-size: 14px; position: relative; display: block; margin-bottom: 6rem;}
.case-tit a.amore i{ font-size: 18px; margin-right: 5px; vertical-align: middle;}
.case-tit a.amore::after{ content: ""; position: absolute; height: 15px; width: 2px; right: -2px; top: 0; bottom: 0; margin: auto 0; background-color: #f3f3f3; }
.case-tit a.amore:hover{ background-color: #d22030; color: #fff; border-color: #d22030;}
.ctool{width: 78%; background-color: #d22030; position: relative; top: -8rem; z-index: 10;}
.ctool .brow{ position: relative; height: 100%;}
.ctool .brow::after{ content: ""; position: absolute; top: 0; bottom: 0; left: 0; right: 0; width: 60%; height: 1px; background-color: #ffffff; margin: auto auto;}
.ctool .fr{ width: 75%;}
.ctool .swiper-button-next,.ctool .swiper-button-prev{ background: none; width: 50px; height: 50px; text-align: center; line-height: 50px; margin-top: 0; color: #fff; font-size: 30px; font-family: "microsoft yahei"; top: 0; bottom: 0; margin: auto 0;}
.ctool .swiper-button-next i,.ctool .swiper-button-prev i{ font-size: 20px;}
.ctool .swiper-button-next{ right: 10%; }
.ctool .swiper-button-prev{ left: 10%;}
.ctool .swiper-button-next:hover,.ctool .swiper-button-prev:hover{ background: #d22030; }

.case-bg2{ background: none;}
.case-bg2 .btit-box .binfo{ font-size: 20px; border-bottom: 1px solid #232323; padding-bottom: 3rem; padding-top: 3rem; position: relative;}
.case-bg2 .btit-box .binfo::after{ content: ""; position: absolute; width: 76px; height: 11px; bottom: -5rem; left: 0; background: url(../image/tdot.jpg) no-repeat 0 bottom;}
.case-bg2 .swiper-container{ overflow: hidden;}
.case-bg2 .bimg{ position: relative; height: 100%;}
.case-bg2 .bimg img{ width: 100%; height: 100%; object-fit: cover;}
.cblock1{ text-align: right; padding-left: 10%;}
.cblock1 .btit{ color: #6d6d6d; font-size: 18px;}
.cblock1 .binfo{ color: #212121; margin-bottom: 4rem;}
.cblock1 .binfo i{ float: right; display: inline-block; width: 70px; height: 65px; text-align: center; line-height: 65px; border: 1px solid #040000; font-size: 30px;}
.cblock1 .binfo p{ padding-right: 100px; font-size: 20px; }
.cblock1 .binfo p span{ display: block; border-bottom: 1px solid #111; font-size: 24px; font-weight: bold; padding-bottom: 2rem; margin-bottom: 2rem;}
.case-bg2 .pos::before{ background-color: #212121; right: 0; width: 78%;}

.sect_nk1{ background-color: #f5f5f5; padding: 8rem 0;}

.ys-box .btit-box .binfo{ padding-top: 2rem;}
.ys-box .btit-box .btit{ margin-top: 4rem;}

.sg-box{ margin-bottom: 3rem;}
.sg-box .icon img{ height: 100%; width: 100%; object-fit: cover;}
.sg-box .ntit{ background-color: #f6f6f6; padding: 3rem 5rem 5rem;}
.sg-box .ntit i{font-size: 4rem; text-transform: uppercase; font-family: 'barlow'; font-weight: bold; color: #232323; display: block;}
.sg-box .ntit span{ font-size: 24px; display: block; border-bottom: 1px solid #212121; padding-bottom: 2rem; margin-bottom: 2rem;}
.sg-box .ntit p{ color: #8f8e8e;}

.ys-sect{ background: url(../image/nbg_k4.jpg) no-repeat center 0; padding: 13rem 0; background-size: cover;}
.ys-sect .jcent{ position: relative; height: 100%; align-items: flex-start;}
.ys-sect .brow{ font-size: 20px; color: #232323; width: 65%;}
.ys-sect .binfo{ color: #212121;}
.ys-sect .binfo i{ float: left; display: inline-block; width: 70px; height: 65px; text-align: center; line-height: 65px; border: 1px solid #040000; font-size: 30px;}
.ys-sect .binfo p{ padding-left: 100px; font-size: 20px; }
.ys-sect .binfo p span{ display: block; border-bottom: 1px solid #111; font-size: 24px; font-weight: bold; padding-bottom: 2rem; margin-bottom: 2rem;}

.ys-sect2{ background: url(../image/nbg_k5.jpg) no-repeat center center; background-size: cover; height: 611px;}
.ys-sect2 .wrap{ position: relative; height: 100%;}
.ys-sect2 .brow{ position: relative; height: 100%;}
.ys-sect2 p{ display: inline-block; position: relative; font-size: 24px; color: #fff;}
.ys-sect2 p::before,.ys-sect2 p::after{ content: ""; width: 15px; height: 3px; background-color: #fff; vertical-align: middle; display: inline-block; margin: 0 1rem;}
.ys-sect2 span{ display: block; margin: 3rem 0 2rem;}
.ys-sect2 .brow a{ display: inline-block; padding: 0 5rem; line-height: 50px; background-color: #d22030; color: #fff; text-align: center; margin-top: 3rem; font-size: 22px; text-transform: uppercase; }
.ys-sect2 .brow a i{ font-size: 28px; vertical-align: middle; display: inline-block; margin-right: 5px;}
.ys-sect2 .brow a:hover{ background-color: #d22030; border-radius: 50px;}

.bk-scroll .news-bk{ background-color: #f9f9f9; padding: 5.5rem;}
.bk-scroll .bimg{ position: relative; height: 455px;}
.bk-scroll .bimg img{ width: 100%; height: 100%; object-fit: cover;}
.bk-scroll .ninfo{ position: relative; padding: 2rem 6%;}
.bk-scroll .ninfo span{ display: block; font-size: 18px; color: #1b1b1b; position: relative;}
.bk-scroll .ninfo h3{ font-size: 3rem; margin: 2rem 0;color: #1b1b1b; line-height: 4.8rem;}
.bk-scroll .ninfo p{ color: #b8b8b8; font-size: 14px; line-height: 30px;}
.bk-scroll .swiper-pagination{ bottom: 15%; top: auto; width: 54%; left: 46%; text-align: left;}
.bk-scroll .swiper-pagination-bullet{ width: 15px; height: 15px; background: #1b1b1b; border-radius: 15px; opacity: 1; margin: 0 25px 0 0!important;}
.bk-scroll .swiper-pagination-bullet-active{ background-color: #d22030;}



.jobs-box2 .btit span{ font-size: 3.6rem;}
.jobs-box2 .btit p,.jobs-box2 .btit p a{ color: #0d79d2;}
.jobs-box2 .btit p a:hover{ text-decoration: revert;}
.jobs-cont{ margin-top: 20px;}
.jobs-cont span{ font-size: 24px;}
.jobs-cont span::before{ content: ""; width: 5px; height: 13px; background-color: #0d79d2; border-radius: 4px; display: inline-block;  margin-right: 10px;}
.jobs-cont p{ padding-left: 15px; font-size: 14px; color: #5b5b5b; line-height: 30px;}
.jobs-box2::-webkit-scrollbar{ border-radius: 4px;}
.jobs-box2::-webkit-scrollbar-corner, .jobs-box2::-webkit-scrollbar-track {
    background-color: #bfbfbf;
}
.jobs-box2::-webkit-scrollbar-thumb {
    border-radius: 0;
    background-color: #0d79d2;
}


.about_bk1{ padding: 12rem 0 8rem; background: url(../image/nbg_k1.jpg) no-repeat center 0;}
.about_bk1 .btit{width: 270px; line-height: 50px; color: #fff; background-color: #d22030; text-align: center; font-size: 19px; margin-top: 4rem;}
.about-pad{ padding-left: 12%;}
.abk1 span{ color: #161616; font-size: 3rem; font-weight: bold; display: block; vertical-align: middle; line-height: 10rem; position: relative; padding-left: 12rem;}
.abk1 span i{ text-align: left; font-size: 10rem; line-height: 16rem; color: #d22030; display:inline-block; font-family: "microsoft yahei"; font-weight: normal; vertical-align: middle; position: absolute; top: 0; left: 0;}
.abk1 p{ padding-left: 12rem; font-size: 16px; color: #6d6d6d; margin-bottom: 2rem;}
.abk2{ position: relative; height: 100%; background: url(../image/nbk_bg1.jpg) no-repeat 0 0; padding: 10rem; color: #bababa; box-sizing: border-box; background-size: cover;}
.abk2 span{ color: #fff; font-size: 3rem; font-weight: bold; display: block; margin-bottom: 4rem;}
.abk2 p{ margin-bottom: 2rem;}
.about_bk1 .bimg{ position: relative; height: 696px;}
.about_bk1 .bimg img{ height: 100%; width: auto; max-width: inherit;}
.about_bk1 .btit2{ background-color: #d22030; color: #fff; padding: 3rem 5rem; position: relative; margin-top: -5rem; text-align: right; font-size: 24px;}
.about_bk1 .btit2::before{ content: "“"; font-family: "microsoft yahei"; font-size: 10rem; line-height: 10rem; color: #fff; position: absolute; top: 2rem; left: 0;}
.about_bk1 .btit2::after{ content: ""; background-color: #e06570; position: absolute; top: 0; bottom: 0; margin: auto 0; left: 16rem; width: 70%; height: 1px;}

.about_bk2{ position: relative; padding: 4rem 0 10rem; }

.nblock-2{ position: relative; background:url(../image/nbk_bg2.jpg) no-repeat center center; background-size: cover; height: 468px; box-sizing: border-box; padding: 9rem; overflow: hidden; border-bottom: 10px solid #000000; color: #232323;}
.nblock-2 .btit i{ display: block; text-transform: uppercase; font-size: 4rem; font-family: 'barlow'; font-weight: bold;}
.nblock-2 .btit span{ display: block; font-size: 24px;}
.nblock-2 .bicon{ text-align: right; position: relative;}
.nblock-2 .bicon::before{ content: ""; width: 80%; height: 1px; background-color: #232323; position: absolute; left: 0; top: 0; bottom: 0; margin: auto 0;}
.nblock-2 .bicon i{ display: inline-block; width: 74px; height: 68px; border: 1px solid #232323; line-height: 68px; text-align: center; color: #232323; font-size: 4rem;}
.nblock-2 p{ font-size: 24px;}
.nblock-2:hover{ border-color: #d22030;}
.nblock-2:hover .bicon i{ transform: rotateY(360deg); transition: all 1s;}

.about_bk3 .swiper-slide{ width: 37%; height: auto;}
.about_bk3 .swiper-slide-active{width: 37%;}
.honor-box .icon{ background: none;}

.about_bk4{ padding: 10rem 0;}
.about_bk4 .btit{ font-size: 20px; color: #232323; line-height: 30px; padding-top: 7rem;}
.about_bk4 .swiper-button-next,.about_bk4 .swiper-button-prev{ background: #e5e5e5; width: 45px; height: 45px; line-height: 45px;  opacity: 1; margin: 0; text-align: center; bottom: 30px; top: auto; z-index: 1000; border-radius: 100%;}
.about_bk4 .swiper-button-next i,.about_bk4 .swiper-button-prev i{ color: #636363; font-size: 28px; }
.about_bk4 .swiper-button-prev{ left: -45px;}
.about_bk4 .swiper-button-next{ right: -45px;}
.about_bk4 .swiper-button-next:hover,.about_bk4 .swiper-button-prev:hover{background-color: #1d89ea; color: #fff;}
.about_bk4 .swiper-button-next:hover i,.about_bk4 .swiper-button-prev:hover i{ color: #fff;}

.nblock-lc{ background: url(../image/nbg_k2.png) no-repeat center 0;}
.nblock-lc::after{ content: ""; position: absolute; left: 0; height: 4px; width: 90%; top: 305px; background: linear-gradient(to right,rgba(210,32,48,0.1),rgba(210,32,48) 50%,rgba(210,32,48,0.1)); right: 0; margin: 0 auto;}
.nblock-lc .btit{ color: #efefef; font-size: 14rem;font-family: 'barlowblack'; line-height: 14rem; position: relative; padding-bottom: 10rem; text-align: center;}
.nblock-lc .btit::after{ content: ""; position: absolute; width: 20px; height: 20px; border-radius: 20px; background-color: #d22030; left: 0; right: 0; bottom: -5px; margin: 0 auto; display: none;}
.nblock-lc .btit::before{ content: ""; position: absolute; width: 35px; height: 35px; border-radius: 35px; background-color: #d22030; left: 0; right: 0; bottom: -13px; margin: 0 auto; opacity: 0.5; display: none;}
.nblock-lc .swiper-slide .btit{ transform: scale(0.5);}
.nblock-lc .swiper-slide-prev .btit,.nblock-lc .swiper-slide-next .btit{ transform: scale(0.7);}
.nblock-lc .swiper-slide-active .btit{ color: #d22030;transform: scale(1);}
.nblock-lc .swiper-slide-active .btit::after,.nblock-lc .swiper-slide-active .btit::before{ display: block;}
.nblock-lc .binfo{ opacity: 0; margin-top: 7rem; font-size: 18px;}
.nblock-lc .swiper-slide-active .binfo{ opacity: 1; width: 860px; text-align: center; position: relative; font-size: 18px; color: #232323; position: relative; margin-left: -250px;}
.nblock-lc .swiper-button-next,.nblock-lc .swiper-button-prev{ border: 1px solid #d22030; background: none; width: 55px; height: 55px; line-height: 55px;  opacity: 1; margin-top: 0; text-align: center; top: 25%; z-index: 1000; border-radius: 100%; color: #d22030; font-size: 3rem;}
.nblock-lc .swiper-button-next i,.nblock-lc .swiper-button-prev i{ color: #636363; font-size: 28px; }
.nblock-lc .swiper-button-prev{ left: 10%;}
.nblock-lc .swiper-button-next{ right: 10%;}
.nblock-lc .swiper-button-next:hover,.nblock-lc .swiper-button-prev:hover{background-color: #d22030; color: #fff;}
.nblock-lc .swiper-button-next:hover i,.nblock-lc .swiper-button-prev:hover i{ color: #fff;}

.news-xq{ margin-top: 120px; background-color: #f3f3f3; padding: 8rem 0 10rem;}
.news-sub{ text-align: center; background-color: #d22030; color: #fff; padding: 2rem 0; line-height: 36px;}
.news-sub a{ display: inline-block; color: #fff; font-size: 20px; padding: 0 3%;}
.news-sub a i{ color: #fff; font-size: 30px; vertical-align: sub; margin-right: 5px;}
.news-sub a:hover,.news-sub a.current{font-weight: bold; color: #fff;}
.news-sub a:hover i,.news-sub a.current i{ font-weight: normal; color: #fff;}

.sect_cont{ padding: 8rem 0;}
.sect_cont .btit-box .binfo{ padding-top: 2rem;}
.sect_cont .btit-box .binfo span{ border-bottom: 1px solid #111; display: inline-block; padding-bottom: 2rem;}
.sect_cont .btit-box .binfo::after{ content: ""; display: block; background: url(../image/tdot.jpg) no-repeat right center; width: 100%; height: 11px; margin-top: 2rem;}

.contact-bk{ position: relative; border-top: 1px solid #111;}
.contact-bk .cont-box{ position: relative;padding: 7rem 3rem;}
.contact-bk .cont-box2{ border-bottom: 1px solid #dedede; padding-right: 15%;}
.contact-bk .cont-box p{ font-size: 18px; line-height: 26px; color: #222; padding-left: 80px;}
.contact-bk .cont-box span{ color: #070707; font-family: 'barlow'; font-size: 30px; font-weight: bold; display: block; margin-top: 2rem;}
.contact-bk .cont-box i{ display: block; font-size: 26px; color: #070707; line-height: 47px; width: 47px; border-radius: 47px; text-align: center; float: left; border: 1px solid #222; vertical-align: bottom; margin-top: 3rem;}
.contact-bk .cont-box2 p{ padding-left: 0;}
.contact-bk .cont-box2 i{ float: right; border: 0; color: #f90e0e; margin-top: 0; font-size: 5rem;}
.contact-bk .cont-box2 span{ font-family: "microsoft yahei";}
.cont-ewm{ padding: 3rem 0; text-align: center;}
.cont-ewm .bimg{ display: inline-block; margin: 0 1rem;}
.cont-ewm .bimg span{ display: block; font-size: 18px; margin-top: 1rem;}

.contact-bk a{ display: inline-block; width: 210px; text-align: center; line-height: 55px; border-radius: 55px; color: #fff; background-color: #0092ff; font-size: 20px; vertical-align: middle; border: 1px solid #0092ff; position: relative; z-index: 3;}
.contact-bk a i{ font-size: 3.4rem; vertical-align: middle;}
.contact-bk a:hover{ color: #0092ff; background-color: transparent;}
.contact-bk .cont-box:hover i{ transform: rotateY(360deg); transition: all 2s;}


.m-form{ }
.m-form label{ font-size: 18px; margin-bottom: 1rem; display: block;}
.m-form label i{ color: #f00;}
.m-form .btn{ background-color: #d22030; border-color: #d22030; font-size: 20px;  line-height: 72px; width: 100%; color: #fff; padding: 0; margin: 0 auto; display: block; vertical-align: middle;}

.m-form .form-control{ border: 1px solid #eee; color: #666; height: 57px; font-size: 16px; background-color: #fff; position: relative; border-radius: 0;}
.m-form .btn:hover{border-radius: 72px; background-color: #d22030;}
.m-form textarea.form-control{ border: 1px solid #eee; height: auto;}
.m-form .form-group{ margin-bottom: 1rem;}
.m-form textarea{ padding: 20px 12px; }
.m-form p{ font-size: 18px; color: #b7b7b7; padding: 12px;}
.m-form .yzm-img{ position: absolute; right: 10px; top: -1rem; height: 36px; width: 120px; bottom: 0; margin: auto 0; cursor: pointer;}


.my-auto{ display: flex;}

/*面包屑*/
.place{  position: relative; font-size: 16px; color: #969696; line-height: 30px;}
.place span{ margin: 0 2px; color: #969696;}
.place a{ color: #969696; margin: 0 2px;}
.place a:hover{ color: #d22030;}
.place i{ font-family: arial;}
.place i.iconfont{color: #969696; font-size: 20px;}

/*分类样式*/
.module_cate{ background-color: #097beb; height: 8rem; line-height: 8rem; position: relative; z-index: 100;}
.module_cate span{ color: #fff; font-size: 3.2rem; font-weight: bold; padding-left: 4rem; }
.subCate{ clear: both; overflow: hidden; border: 1px solid #eee; }
.subCate li{ position: relative; border-bottom: 1px solid #eee;}
.subCate li span{ display: block; line-height: 6rem; font-size: 20px; color: #2f2f2f; padding-left: 4rem;}
.subCate li::after{ content: "\e6c3"; font-family: "iconfont"; font-size: 16px; font-weight: bold; position: absolute; top: 0; right: 4rem; line-height: 6rem;}
.subCate li .schild{ display: none;}

.subCate li:hover::after,.subCate li.active::after{ content: "\e62e"; color: #fff; transition: all 0.3s;}
.subCate li:hover span,.subCate li.active span{ background-color: #097beb; color: #fff;}
.subCate li.active .schild{ display: block; padding:0 4rem;}
.subCate li.active .schild a{ display: block; font-size: 14px; line-height: 5.4rem; position: relative; border-bottom: 1px solid #eee;}
.subCate li.active .schild a::after{ content: "\e6cf";font-family: "iconfont"; font-size: 18px; position: absolute; top: 0; right: 0;}
.subCate li.active .schild a:nth-last-child(1){ border-bottom: 0;}
.subCate li .schild a:hover{ color: #097beb;}
/*横排分类*/
.tip{ line-height: 36px; color: #565656; font-size: 16px;}


.content{ line-height: 32px; font-size: 18px; color: #666666; padding-bottom: 2rem;}
.content p{ margin: 0 0 15px;}



.article{ line-height: 36px; background-color: #fff; padding: 8rem;}
.news-tit{ font-size: 3rem; color: #111; font-weight: bold; line-height: 5rem;position: relative; text-align: center;}
.tool{ color: #595959; width: 100%; line-height: 40px; padding: 2rem 0; vertical-align: middle; text-align: center; border-bottom: 1px solid #dedede;}
.tool span{ display: inline-block!important; margin:0 1rem;color: #999;}
.tool span i{ margin-right: 5px; font-size: 20px; vertical-align: middle;}
.share{display: inline-block; width: 175px; vertical-align: middle;}
.share p{ margin-right: 10px;display: inline;float: left; }
.bdshare-button-style0-24{float: left;}
.bdshare-button-style0-24 .bds_weixin{ background: url(../image/weixin.jpg) no-repeat center center; padding: 0; width: 27px;  height: 27px; display: block; background-position:center !important;}
.bdshare-button-style0-24 .bds_tsina{ background: url(../image/weibo.jpg) no-repeat center center; padding: 0; width: 27px;  height: 27px; display: block; background-position:center !important;}
.bdshare-button-style0-24 .bds_sqq{ background: url(../image/qq.jpg) no-repeat center center; padding: 0; width: 27px;  height: 27px; display: block; background-position:center !important;}

.article .content,.article .content p{ line-height: 34px; color: #818181; font-size: 16px;}
.article .content strong{ color: #222;}
.keys{}
.keys span{ color: #333; font-size: 16px;}
.keys a{ color: #2e2e2e; font-size: 14px; display: inline-block; border: 1px solid #70707d; line-height: 26px; border-radius: 4px; padding: 0 10px; margin: 0 5px 5px;}
.keys a:hover{ background-color: #097beb; border-color: #097beb; color: #fff;}


.sect_cjwt .subNavBox{ border-bottom: 1px solid #dedede;}

.sect_cjwt .subNav{ cursor:pointer;font-size:18px;line-height:30px;border-top: 1px solid #dedede; padding: 30px 0; position: relative; clear: both; zoom: 1; transition: all 0.6s;}
.sect_cjwt .subNav h3{ font-size: 18px; font-weight: normal;}
.sect_cjwt .subNav h3 span{ display: inline-block; width: 29px; height: 29px; line-height: 29px; border-radius: 0 10px 0 10px; background:#dedede; color: #fff; font-size: 20px; text-align: center; margin-right: 15px;}
.sect_cjwt .subNav i{float: right;line-height: 30px;margin-right: 4%;color: #c2c2c2;font-size: 20px}
.sect_cjwt .subNav i:before{content:"\e6c3";}
.sect_cjwt .subNav:hover,.sect_cjwt .subNav.open{background-color: #009ec5; padding: 30px; transition: all 0.6s;}
.sect_cjwt .subNav:hover h3,.subNav.open h3{ color:#fff;}
.sect_cjwt .subNav:hover h3 span,.subNav.open h3 span{ background:#fff; color: #009ec5;}
.sect_cjwt .subNav.open i:before,.sect_cjwt .subNav:hover i:before{content: "\e62e"; font-family: iconfont!important; color:#fff; }
.sect_cjwt .navContent{display: none; padding:20px 80px; line-height:30px; position: relative;}
.sect_cjwt .navContent span{display: inline-block; width: 29px; height: 29px; background-color: #009ec5; line-height: 29px; border-radius: 0 10px 0 10px; color: #fff; font-size: 20px; text-align: center; position: absolute; left: 30px; top: 28px;}
.sect_cjwt .navContent p{ color: #787878; line-height: 36px;}
.sect_cjwt .sub_cont a{ color:#0d79d2; display:inline-block; }
.sect_cjwt .sub_cont a:hover{ background:#0d79d2; color: #fff;}

.jobs-list{}
.sub-th{ background-color: #009ec5; color: #fff; font-size: 18px; line-height: 60px; padding: 0 5rem;}
.jobs-list .sub_cont{ border: 1px solid #dedede; border-bottom: none;}
.jobs-list .sub_cont .subNav{ background: #fff; font-size: 18px; color: #333; line-height: 60px; padding: 0 5rem; position: relative; border-bottom: 1px solid #dedede;}
.jobs-list .sub_cont .subNav.open{ background-color: #f8f8f8;}
.jobs-list .navContent{ display: none; background: #fff; margin: 0; padding: 5rem; position: relative;border-bottom: 1px solid #dedede;}
.jobs-list .navContent p{ color: #333; font-size: 16px; line-height: 36px; margin-bottom: 2rem;}
.jobs-list .navContent span{ font-weight: bold; font-size: 16px;}
.jobs-list .navContent .tmore{display: block; line-height: 60px; color: #fff; font-size: 16px; border-radius: 60px; background-color: #009ec5; text-align: center;}
.jobs-list .navContent .tmore:hover{ color: #009ec5; background-color: #fff; border: 1px solid #009ec5;} 
.jobs-list .navContent .fl{ width: 80%;}
.jobs-list .navContent .fr{ width: 15%;}


.news-tj{ background-color: #fff; padding: 8rem 5rem;}
.hot-bk{ padding: 20px 0; line-height: 30px;}
.hot-bk .brow{ border-top: 1px solid #dedede; padding: 2rem 0;}
.hot-bk h4 a{ color: #232323; font-size: 18px;}
.hot-bk p{ color: #636363; font-size: 14px;}
.hot-bk h4 a:hover{ color: #d22030;}

.ny-page{line-height: 36px; border-top: 1px solid #dedede; color: #888; padding-top: 3rem;}
.ny-page .nptit{ padding: 10px 0;}
.ny-page a{ color: #222222; font-size: 18px;}
.ny-page a span{ font-weight: bold;}
.ny-page a:hover{ color: #d22030;}
.ny-page a.aback{ display: block; color: #888;font-size: 16px;}
.ny-page a.aback i{ font-size: 22px; margin-right: 10px; vertical-align: middle;}
.ny-page a.aback:hover{ color: #097beb;}
.ny-page .jcent{ height: 100%; text-align: center; align-items: center; width: 100%;}

/*新闻详情样式2*/


.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 .big-box{position: absolute;width: 60%;height: 80%; bottom: 0; top: 0; left: 0; right: 0; margin: auto auto;}
.big_img .swiper-container2 {width: 100%;height: 100%; overflow: hidden;}
.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{ padding: 8% 8% 0; margin-bottom: 3%; overflow: hidden; position: relative; height: 70%; text-align: center; display: flex; justify-content: center; align-items: center;}
.big_img .swiper-slide img{  max-height: 80%; max-width: 80%; margin: 0 auto;}
.big_img .swiper-slide .txt{ text-align: center; color: #fff;}
.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: 30px; color: #fff; width: 48px; height: 48px; line-height: 48px; top: 10%; right: 0; left: 0; margin: 0 auto; position: absolute; z-index: 10000; cursor: pointer; text-align: center; border-radius: 48px; background-color: #464646;}
.big_img .close i{ line-height: 48px; font-size: 30px;}
.big_img .swiper-button-next,.big_img .swiper-button-prev{ background: none; width: 50px; height: 50px; line-height: 50px; border-radius: 74px; margin-top: -40px;}
.big_img .swiper-button-next{ right: 0; opacity: 1;}
.big_img .swiper-button-prev{ left: 0; opacity: 1;}
.big_img .swiper-button-next i,.big_img .swiper-button-prev i{ font-size: 50px; color: #525252; display: block; text-align: center;}


.vshare{ background-color: #fff; position: absolute; width: 100%; height: 10%; box-sizing: border-box; text-align: right; padding: 0 2rem; bottom: 0; left: 0;}
.big-style .swiper-container2{ background-color: #000;}
.big-style .close{ left: auto; right: -48px; top: 5px;}



.fmsg{ width: 70%; margin: 0 auto;}
.ys-msg input{ background: #fff; border: 1px solid #ddd; height: 55px; line-height: 55px; box-sizing: border-box; padding: 0 20px; width: 80%; display: block;float: left; border-radius: 5px; font-size: 16px;}
.ys-msg button{ background: #0e68b0; text-align: center; width: 18%; font-size: 16px; border-radius: 5px; border: 0; float: right; height: 55px; line-height: 55px; color: #fff;}