/* ==========================================================================
   Index Page
   ========================================================================== */
/*首页banner大图样式*/
.ibanner{ position:relative; width: 100%; height: 830px; 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 2s;}
.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-size: 100% auto;}
.ibanner .swiper-button-next{ right: 3%; 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: left;}
.ibanner .bstyle1{ font-size: 6rem; font-family: 'BebasNeue'; position: relative; z-index: 2; color: #055f92; transform: translateY(100px); opacity: 0; line-height: 9rem;}
.ibanner .binfo{ font-size: 3.4rem; color: #0e374d; margin-top: 2rem; position: relative; z-index: 2;transform: translateY(100px); opacity: 0; display: block; font-family: 'barlow'; line-height: 4.8rem;}
.ibanner .bmore{ margin-top: 5rem;transform: translateY(100px); opacity: 0;}
.ibanner .bmore a{ display: inline-block; width: 160px; line-height: 50px; color: #fff; text-align: center; position: relative; margin:0 5px;background-color: #950000; border: 1px solid #950000;}
.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{ background: none; color: #950000;}
.ibanner .bimg{ transform: translateX(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: translateX(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{ padding: 6rem 0;}
.iblock-1{}
.iblock-1 .btit{ font-size: 3.4rem; color: #333333; font-family: 'Barlow-R'; text-transform: uppercase;}
.iblock-1 .binfo{ font-size: 16px; color: #333333; line-height: 29px; padding-top: 1rem;}
.iblock-1 .binfo a{ display: inline-block; width: 160px; line-height: 50px; background-color: #950000; color: #fff; text-align: center; margin-top: 3rem; font-size: 16px; border: 1px solid #950000;}
.iblock-1 .binfo a:hover{ background: none; color: #950000;}

.iline{ border-top: 1px solid #d6d6d6;}

.iblock-2{ text-align: center; padding: 3rem 0;}
.iblock-2 i{ display: block; color: #950000; font-size: 4rem;}
.iblock-2 span{ display: block; font-size: 6rem; line-height: 7rem; color: #333333; font-family: 'BebasNeue';}
.iblock-2 p{ font-family: 'Barlow-R';}

.iblock-3 .brow{ float: left;}
.iblock-3 .brow a{ display: block; overflow: hidden;padding:1.1%;position: relative;}
.iblock-3 .brow a img{display: block;width: 100%;transform: scale(1); transition: all 0.4s; }
.iblock-3 .brow a:hover img{transform: scale(1.2); transition: all 0.4s;}



.ibk_bg2{ background:url(../img/itab_bg1.jpg) no-repeat center center; background-size: cover; padding:6rem 0 6rem;}
.ibk_bg2 .fl{ width: 42%;}
.ibk_bg2 .fr{ width: 35%;}
.nav-tabs{ position: relative; text-align: left; left: 0; }
.nav-tabs .tab-tit{position: relative; display:block; cursor: pointer; border: 2px solid #fff; padding: 2rem; font-size: 2.8rem; font-family: 'BebasNeue'; color: #fff; line-height: 36px; height: 200px;}
.nav-tabs .tab-tit i{ font-size: 4rem; color: #fff; display:block; line-height: 5rem; }
.nav-tabs .swiper-slide-thumb-active .tab-tit,.nav-tabs .swiper-slide-thumb-active .tab-tit{ background-color: #fff; color: #666666;}
.nav-tabs .swiper-slide-thumb-active .tab-tit,.nav-tabs .swiper-slide-thumb-active .tab-tit i{color: #950000;}
.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 .binfo{ text-align: left;  color: #fff;}
.ibk_bg2 .binfo p{ display: block;}
.ibk_bg2 .binfo span{ font-size: 3rem; font-family: 'BebasNeue'; display: block;}
.ibk_bg2 .binfo a{ display: inline-block; width: 160px; line-height: 50px; background-color: #950000; color: #fff; text-align: center; margin-top: 3rem; font-size: 16px;}
.ibk_bg2 .binfo a:hover{ background: #fff; color: #950000;}

.tab-list{width: 100%; overflow: hidden;}



.inews-list { }
.inews-list .tlist{ display:block; position: relative; overflow: visible;}
.inews-list .tlist .tabW{ height: 0;}
.inews-list .active{ display:block;}
.inews-list .active .tabW{  height: auto;}
.inews-list .tlist .swiper-button-next,.inews-list .tlist .swiper-button-prev{ display: none;}
.inews-list .active .swiper-button-next,.inews-list .active .swiper-button-prev{display: block;}
.inews-tit{ text-align: right; line-height: 10rem;}
.inews-tit a{ font-family: 'Barlow-b'; text-transform: uppercase; display: inline-block; font-size: 14px; line-height: 34px; color: #333333; text-align: center; padding: 0 3%;}
.inews-tit a.active{ background-color: #950000; color: #fff;}

.ibk_bg1 .swiper-button-next,.ibk_bg1 .swiper-button-prev{ background:#fff; width: 50px; 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: absolute; top: 50%; margin-top: -50px; box-shadow: #eee 0 0 10px; border-radius: 5px;}
.ibk_bg1 .swiper-button-next i,.ibk_bg1 .swiper-button-prev i{ color: #666; font-size: 26px; }
.ibk_bg1 .swiper-button-prev{ left: -25px;}
.ibk_bg1 .swiper-button-next{ right: -25px;}
.ibk_bg1 .swiper-button-next:hover,.ibk_bg1 .swiper-button-prev:hover{background-color: #950000; color: #fff;}
.ibk_bg1 .swiper-button-next:hover i,.ibk_bg1 .swiper-button-prev:hover i{ color: #fff;}

.ibk_bg1{}


.pro-box{}
.pro-box a{ clear: both; overflow: hidden;}
.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; text-align: center; padding: 1.5rem 1rem;}
.pro-box .btit span{ font-size: 14px; font-weight: bold; text-transform: uppercase; word-break:break-word;}
.pro-box a:hover{ background: #950000;}
.pro-box a:hover .binfo,.pro-box a:hover .btit span{ color: #fff; transition: all 0.3s;}

.ibk_bg4{ background: url(../img/ibg_k2.jpg) no-repeat center center; background-size: cover; height: 420px;}
.ibk_bg4 .wrap{ position: relative; height: 100%;}
.ibk_bg4 .brow{ position: relative; height: 100%; text-align: center;}
.ibk_bg4 p{ display: inline-block; position: relative; font-size: 3.6rem; color: #fff; width: 78%; padding-top:10%;}


.news-box{ margin-bottom: 0; width: auto;}
.news-box span{ font-size: 20px; color: #950000; word-break: break-word; -webkit-line-clamp:3; line-height: 28px;}
.news-box .icon img{ width: 100%;}
.news-box .btit{ background-color: #fff; box-shadow: #eee 0 0 10px; padding: 2rem;}
.news-box i{ display: block; color: #950000; font-size: 30px;}
.news-box a:hover .btit{ background-color: #950000; color: #fff;}
.news-box a:hover i,.news-box a:hover span{ color: #fff!important;}

#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;}


#ilist-4 .swiper-pagination{ position: relative; text-align: center; margin-top: 3rem;}
#ilist-4 .swiper-pagination-bullet-active{ background-color: #950000;}

.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;}


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

.nbanner{ background-image: url(../img/nban1.jpg); background-position: center; background-size: cover; height: 400px; 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{border-bottom: 1px solid #d6d6d6; line-height: 58px; height: 58px; background-color: #fff;}
.cate_bk a{ display: inline-block; color: #333333; font-size: 16px; padding: 0 4%;}
.cate_bk a:hover,.cate_bk a.current{ background-color: #950000; color: #fff;}

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


.about_bk1{ padding: 7rem 0 6rem;}
.about-pad p{ font-size: 3.4rem; color: #333333; font-family: 'Barlow-R'; text-transform: uppercase;}
.abk1 p{ font-size: 16px; color: #333333; line-height: 29px; padding-top: 1rem;}

.about_bk2{ position: relative; padding: 6rem 0; background: linear-gradient(to bottom,#bbdff0,#e6f3f8); }
.nblock-2{ height: 100%;}
.nblock-2 .binfo span{ display: block; font-size: 6rem; color: #333; line-height: 6rem; font-family: 'BebasNeue';}
.nblock-2 .binfo p{color: #0e374d; line-height: 34px; font-size: 2.2rem; margin-top: 2rem;}
.nblock-2 .binfo .table-scroll{margin-top: 2rem;}
.nblock-2 .bimg{ text-align: right;}
@media(max-width:768px){
  .nblock-2 .binfo {
    overflow-x:auto;
    -webkit-overflow-scrolling:touch;
  }
  .nblock-2 .binfo table{
    min-width:1000px;
    width:auto;
  }
  .nblock-2 .binfo img{width:100%;}
}
.about_bk3 .swiper-button-next,.about_bk3 .swiper-button-prev{ background:#fff; width: 50px; height: 50px; line-height: 50px; opacity: 1; text-align: center; font-size: 30px; color: #fff; z-index: 1000; position: absolute; top: 50%; bottom: auto; box-shadow: #eee 0 0 10px; border-radius: 5px;}
.about_bk3 .swiper-button-next i,.about_bk3 .swiper-button-prev i{ color: #666; font-size: 26px; }
.about_bk3 .swiper-button-prev{ left: -25px;}
.about_bk3 .swiper-button-next{ right: -25px;}
.about_bk3 .swiper-button-next:hover,.about_bk3 .swiper-button-prev:hover{background-color: #950000; color: #fff;}
.about_bk3 .swiper-button-next:hover i,.about_bk3 .swiper-button-prev:hover i{ color: #fff;}

.honor-box .icon{ background: none;  border: 3px solid #a9a8a8;}
.honor-box .htit{ text-align: center; padding: 1rem;}

.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;}

.prod-bk1{ background-color: #f7f7f7;}
.pblock{ padding:4rem 4rem 2rem; height: 100%; position: relative; text-align: left; align-items: flex-start;}
.pblock a.btit{ font-size: 3.4rem; line-height: 38px; display: inline-block; font-family: 'BebasNeue';}
.pblock p{ color: #333333; line-height: 29px; margin: 2rem 0;}
.pblock a.amore{ display: inline-block; width: 160px; line-height: 50px; background-color: #950000; color: #fff; text-align: center; font-size: 16px; border: 1px solid #950000;}
.pblock a.amore:hover{ background: none; color: #950000;}
.pro-sub{ margin: 0;}
.pro-sub .icon img{ height: 100%;}

.ipro-box2{ background: #f7f7f7; display: block!important; margin-bottom: 2rem;}
.ipro-box2 a{ display: flex; position: relative; height: 100%; overflow: hidden;}
.ipro-box2 .btit{ position: absolute; width: 100%; bottom: 10px; height: 50px; box-sizing: border-box; }
.ipro-box2 .btit span{ font-size: 16px; color: #383838; line-height: 50px; display: inline-block; vertical-align: middle;}
.ipro-box2 .btit i{ display: block; color: #fff; font-size: 3rem; width: 45px; height: 45px; line-height: 45px; border-radius: 100%; border: 1px solid #fff; margin: 0 auto; opacity: 0; height: 0;}
.ipro-box2 .btit p{ color: #fff; font-size: 14px; line-height: 22px; height: 0; opacity: 0;}
.ipro-box2 .pmore{ width: 150px; line-height: 37px; border: 1px solid #141414; color: #141414; font-size: 12px; margin: 0 auto;}
.ipro-box2 .bimg{ display: flex; text-align: center; margin:0 auto; position: relative;}
.ipro-box2 .bimg .jcent{ position: relative; width: 100%; height: 100%;}
.ipro-box2 .bimg img{ transform: scale(1); transition: all 1s;}
.ipro-box2 a:hover .bimg img{ transform: scale(1.2); transition: all 1s;}
.ipro-box2 a:hover .btit{ background-color: rgba(21,133,233,0.4); color: #fff; height: 100%; bottom: 0; padding: 3rem;display: flex; align-items: center; justify-content: center; flex-direction: column;}
.ipro-box2 a:hover .btit i,.ipro-box2 a:hover .btit p{ height: auto; opacity: 1;}
.ipro-box2 a:hover .btit span{ font-size: 20px; margin: 1rem 0; color: #fff;}

.sblock-1 .brow{ border: 1px solid #eee;}
.sblock-1 .btit{ position: relative; height: 100%; background-color: #f7f7f7; padding: 1.5rem; text-align: center; box-sizing: border-box;}
.sblock-1 .btit i{ display: block;}
.sblock-1 .btit span{ display: block; font-weight: bold; margin-top: 1rem; line-height: 22px; font-size: 14px;}
.sblock-1 .binfo{ position: relative; height: 100%; padding: 1.5rem; box-sizing: border-box;}
.sblock-1 .binfo p{ line-height: 24px;}
.sblock-1 .ndot{ margin: 1rem 0;}
.sblock-1 .ndot i{ color: #202020; font-size: 24px; display: block; width: 23%; text-align: center;}

.sblock-2 .brow{ border-top: 1px solid #eee;}
.sblock-2 .btit{ position: relative; padding: 2rem 0; box-sizing: border-box;}
.sblock-2 .btit span{ display: block; font-weight: bold; line-height: 22px; font-size: 16px;}
.sblock-2 .binfo{ position: relative; padding:1rem 0 1rem; box-sizing: border-box;}
.sblock-2 .binfo p{ line-height: 24px;}
.sblock-2 .bimg .fl{ margin-right: 1.5%;}
.sblock-2 .bimg .fl:nth-child(2){ margin-right: 0;}

.cap-block2 .btit{ font-size: 20px; font-weight: bold;}
.cap-block2 .binfo p{ margin-top: 1rem;}
.cap-block2 .binfo p span{ font-family: '宋体';}
.cap-block2 .bimg{ margin-top: 2rem;}

.news-box2{border-top: 1px solid #eee;}
.news-box2 .brow{ border-bottom: 1px solid #eee; padding: 1rem 0;}
.news-box2 .btit{ position: relative; height: 100%; padding: 2rem 0 1.5rem; text-align: left; box-sizing: border-box; font-family: 'BebasNeue'; }
.news-box2 .btit::after{ content: ""; position: absolute; right: 0; top: 0; bottom: 0; margin: auto 0; background-color: #eee; width: 1px; height: 80%;}
.news-box2 .btit i{ display: block; font-size: 20px;}
.news-box2 .btit span{ display: block; line-height: 36px; font-size: 4.8rem;}
.news-box2 .binfo{ position: relative; height: 100%; padding: 1.5rem 0; box-sizing: border-box; text-align: left; align-items: flex-start;}
.news-box2 .binfo a{ line-height: 30px; font-size: 20px;}


.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(../img/tdot.jpg) no-repeat right center; width: 100%; height: 11px; margin-top: 2rem;}

.contact-bk{ position: relative;}
.contact-bk .ctit{ font-size: 2.8rem; line-height: 4.2rem; font-family: 'Barlow-R'; text-transform: uppercase;}
.contact-bk .cont-box{ position: relative;}
.contact-bk .cont-box p{ font-size: 16px; line-height:30px;margin-top:0rem; width:100%;overflow: hidden;}
.contact-bk .cont-box p strong{font-size: 18px;}
.contact-bk .cont-box p span{width:360px; float:left;white-space: nowrap;}
.contact-bk .cont-box i{ display: block;}
.case-bk{ background-color: #f7f7f7; padding: 2rem 0 6rem;}
.hz-box{ margin-bottom: 0;}
.m-form{ }
.m-form label{ color: #e30000; display: block; position: absolute; top: 0; line-height: 50px; left: 0; z-index: 3;}
.m-form label i{ color: #f00;}
.m-form .btn{ background-color: #950000; border-color: #950000; font-size: 18px;  line-height: 60px; width: 180px; color: #fff; padding: 0;  display: block; vertical-align: middle;}
.m-form .form-control{ border: none; border-bottom: 1px solid #eee; color: #333; height: 50px; font-size: 16px; background-color: #fff; position: relative; border-radius: 0; padding: 0 8px;}
.m-form .btn:hover{border-radius: 72px; background-color: #950000;}
.m-form textarea.form-control{ border: 1px solid #eee; height: auto;}
.m-form .form-group{ margin-bottom: 1rem; position: relative;}
.m-form textarea{ padding: 20px 12px; }
.m-form p{ font-size: 16px; color: #333;}
.m-form p span{color: #e30000;}
.m-form .yzm-img{ position: absolute; right: 10px; top: -1rem; height: 36px; width: 120px; bottom: 0; margin: auto 0; cursor: pointer;}
.m-form .form-control::-moz-placeholder{color: #333; opacity: 1;}
.m-form .form-control:-ms-input-placeholder{color: #333;}
.m-form .form-control::-webkit-input-placeholder{color: #333;}


.my-auto{ display: flex;}

/*面包屑*/
.place{  position: relative; font-size: 12px; color: #878787; text-align: right;}
.place span{ margin: 0 2px; color: #950000;}
.place a{ color: #878787; margin: 0 2px;}
.place a:hover{ color: #950000;}
.place i{ font-family: arial;}
.place i.iconfont{color: #969696; font-size: 20px;}

.ncate{ line-height:30px; margin-top: 3rem;}

/*分类样式*/
.module_cate{ background-color: #950000; height: 10rem; line-height: 10rem; position: relative; z-index: 100; text-align: center;}
.module_cate span{ color: #fff; font-size: 2.4rem; font-weight: bold; text-transform: uppercase;}
.subCate{ clear: both; overflow: hidden;}
.subCate li{ position: relative; margin-top: 4px;}
.subCate li a{ display: flex; background-color: #f7f7f7; padding: 0 10%;vertical-align: middle;justify-content: left; align-items: center; line-height: 20px; height: 60px; width: 100%; box-sizing: border-box;}
.subCate li a:hover,.subCate li.active a{ color: #950000; font-weight: bold; background-color: #f0dbdb;}
/*横排分类*/
.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: 30px; background-color: #fff; padding: 4rem 0;}
.news-tit{ font-size: 3.2rem; color: #950000; line-height: 4.6rem;position: relative; margin-top: 2rem;}
.tool{ }
.tool span{ display: inline-block!important; font-size: 20px; font-family: 'BebasNeue';}
.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(../img/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(../img/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(../img/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: 30px; color: #333; 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; color: #888;}
.ny-page .nptit{ padding: 5px 0;}
.ny-page a{ color: #333; font-size: 16px;}
.ny-page a span{ font-size: 18px;}
.ny-page a:hover{ color: #950000;}
.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;}