
/*头部位置样式--区分首页与内页*/
.nav-menu1{ background: #ffffff; width: 100%; box-sizing: border-box;  border-radius: 10px; padding: 0px 10px; display: flex; flex-direction: row; justify-content: space-between; align-items:stretch;}
.nav-menu1 li{ width: 20%; line-height: 1;background-image: url(../img/nm_1.png); background-position: center top 50%; background-size: auto 8px; background-repeat: no-repeat; padding: 2px 0px;transition: all 1s ease;}
.nav-menu1 li a{ width: 100%;display: flex; flex-direction:column; justify-content: center; align-items: center; color: #999999; text-transform: uppercase; text-align: center; height: 100%; }
.nav-menu1 li:first-child{background-image: url(../img/nm_2.png);}
.nav-menu1 li:last-child{background-image: url(../img/nm_3.png);}
.nav-menu1 li a b{ font-weight: normal;}
.nav-menu1 li:hover{background-image: url(../img/nm_1h.png); background-color: #e60012;}
.nav-menu1 li:hover a{color: #ffffff;}
.nav-menu1 li a:hover b{ font-weight:bold;}
@media (min-width: 576px) {
	.nav-menu1 li{background-position: center top 45%;background-size: auto 12px;}
}
@media (min-width: 768px) {
	.nav-menu1{  border-radius: 15px; padding: 0px 15px;}
}
@media (min-width: 992px) {
	.nav-menu1{  border-radius: 20px; padding: 0px 20px;}
	.nav-menu1 li{background-size: auto 15px;}
}
@media (min-width: 1230px) {
	.nav-menu1{  border-radius: 25px; padding: 0px 25px;}
	.nav-menu1 li{background-size: auto auto;}
}
@media (max-width: 575.98px) {
	.nav-menu1 li a span{ height: 44px; display: flex; flex-direction: row; justify-content: center; align-items: center;}
}

/*前言背景屋*/
.hs_box{ display: flex; flex-direction: row; justify-content: space-between; align-items: center; justify-content: center; width: 100%; height: auto;}
.hs_l{ width:31px; height:580px; background: url(../img/bk_t1.jpg) no-repeat top center; background-size: 100% 100%;}
.hs_r{ width:30px; height:580px;background: url(../img/bk_t2.jpg) no-repeat top center; background-size: 100% 100%;}
.hs_t{ width:100%; height:29px;background: url(../img/bk_ta.jpg) no-repeat top center; background-size: 100% 100%;}
.hs_b{ width:100%; height:31px;background: url(../img/bk_tb.jpg) no-repeat top center; background-size: 100% 100%;}
.hs_m{ width: 100px; height: 580px; flex-grow: 1; height: ; display: flex; flex-direction: column; align-items: center; justify-content: center;}
.hs_con{ width: 100%;height:100px; flex-grow: 1;background: url(../img/bktbg.jpg) no-repeat top center; background-size: 100% 100%; position: relative; display: flex; flex-direction:column; justify-content: flex-start; align-items:flex-start; flex-wrap: wrap;}
.hs_con .img{ width:100%;}
.hs_con .img img{ width: 100%; height:150px; object-fit: cover;}
.hs_con .simg{ position: absolute; left: 8px; bottom: 0px; width: 60%;}
.hs_con .simg img{ width: 100%; height: auto;}
.hs_con .text{ width: 100%;}
.hs_con .text .tit{  background: url(../img/line1.png) no-repeat bottom left;}
.hs_con .text .tit p{ margin-top: 0px; line-height: 1; color: #e60012; font-weight:bold;}
.hs_con .text .tit span{ display: block; line-height: 2.18; color: #333333;}
.wzbox{ line-height: 2; text-align: left; height: auto; overflow-y: auto;height:260px; overflow-y: auto;  text-align: justify; padding-right: 20px; color: #666666; font-size: 12px;}
.text .wzbox p{ margin-bottom: 15px;}
@media (min-width: 576px) {
	.hs_m{height:580px;}
	.hs_l{ width:37px; height:580px;}
	.hs_r{ width:36px; height:580px;}
	.hs_t{ height:29px;}
	.hs_b{ height:31px;}
	.hs_con .img img{ height:250px;  }
	.wzbox{height:140px;}
}
@media (min-width: 768px) {
	.hs_m{height:460px;}
	.hs_l{ width:46px; height:460px; background: url(../img/bk_1.jpg) no-repeat top center; background-size: 100% 100%;}
	.hs_r{ width:43px; height:460px;background: url(../img/bk_2.jpg) no-repeat top center; background-size: 100% 100%;}
	.hs_t{ height:33px;background: url(../img/bk_a.jpg) no-repeat top center; background-size: 100% 100%;}
	.hs_b{ height:38px;background: url(../img/bk_b.jpg) no-repeat top center; background-size: 100% 100%;}
	.hs_con{flex-direction: row;justify-content: space-between; flex-wrap: wrap;}
	.hs_con .img{ width:52%;}
	.hs_con .img img{ height: auto;  }
	.hs_con .text{ width: 42%;}
	.wzbox{  height:220px; font-size: 14px;}
}
@media (min-width: 992px) {
	.hs_m{height:460px;}
	.hs_l{ width:59px; height:460px;}
	.hs_r{ width:55px; height:460px;}
	.hs_t{ height:33px;}
	.hs_b{ height:38px;}
	
}
@media (min-width: 1230px) {
	.hs_m{height:594px;}
	.hs_l{ width:74px; height:594px;}
	.hs_r{ width:71px; height:594px;}
	.hs_t{ height:44px;}
	.hs_b{ height:48px;}
	.wzbox{  height:293px; }
}


.wzbox{scrollbar-base-color:#f00;}
/*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/  
.wzbox::-webkit-scrollbar  
{  
    width: 4px;  /*滚动条宽度*/
    height: 5px;  /*滚动条高度*/
}  
.wzbox::-webkit-scrollbar-button  
{  
background-color:#f4f4f4;
-webkit-box-shadow: inset 0 0 0px rgba(0,0,0,0.3);  
    border-radius: 2px;color:#900; height: 2px;
} 
/*定义滚动条轨道 内阴影+圆角*/  
.wzbox::-webkit-scrollbar-track  
{  
    -webkit-box-shadow: inset 0 0 0px rgba(0,0,0,0.3);  
    border-radius: 0px;  /*滚动条的背景区域的圆角*/
    background-color: #f4f4f4;/*滚动条的背景颜色*/  
}  
/*定义滑块 内阴影+圆角*/  
.wzbox::-webkit-scrollbar-thumb  
{  
    border-radius: 2px;  /*滚动条的圆角*/
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);  
    background-color:  #d7d7d7;  /*滚动条的背景颜色*/ 
}


.bar_s1{ width: 100%; height: 50px; background-position: center; background-repeat: no-repeat; background-size: auto 50px;}
@media (min-width: 576px) {
	.bar_s1{ height: 60px; background-size: auto 60px;}
}
@media (min-width: 768px) {
	.bar_s1{ height:70px; background-size: auto 70px;}
}
@media (min-width: 992px) {
	.bar_s1{ height: 75px; background-size: auto 75px;}
}
@media (min-width: 1230px) {
	.bar_s1{ height: 81px;background-size: auto 81px;}
}

.wbjs{ display: flex; flex-direction: row; justify-content: space-between; align-items:stretch;}
.wbjs li{ width: 31.666667%; background: #ffffff; text-align: center; transition: all 1s ease;}
.wbjs li:hover{ background: #e60012; color: #ffffff;}
.wbjs li:hover p,.wbjs li:hover span,.wbjs li:hover b,.wbjs li:hover .js_nr{ color: #ffffff;}
.js_tt{ border-bottom: 1px solid #c1c1c1; width:88%; margin: 0px auto; }
.js_nr{width:88%; margin: 0px auto; font-size: 12px; line-height: 2; color: #999999;}
.js_tt p{ font-weight: bold; line-height: 1.8;}
.js_tt span{ display: block; color: #999999; line-height: 1;}
.js_tt b{ color: #e60012; display: block; line-height: 2.47;}
.wbjs li .icimg{ background-image: url(../img/jsic1.png); background-repeat: no-repeat;  background-position: center; background-size: auto 100%; height: 60px;}
.wbjs li:nth-child(2) .icimg{ background-image: url(../img/jsic2.png);}
.wbjs li:last-child .icimg{background-image: url(../img/jsic3.png);}

.wbjs li:hover .icimg{ background-image: url(../img/jsic1h.png);}
.wbjs li:nth-child(2):hover .icimg{ background-image: url(../img/jsic2h.png);}
.wbjs li:last-child:hover .icimg{background-image: url(../img/jsic3h.png);}
.js_btn{ display: block; height: 42px; line-height: 42px; width: 42px; margin-left: auto; margin-right: auto; background: #e60012; color: #ffffff; border-radius:21px;transition: all 0.8s ease;}
.wbjs li:hover .js_btn{ width: 43%; background: #ffffff; color:#e60012;}
@media (min-width: 576px) {
	.wbjs li .icimg{height: 70px;}
	.js_tt{width:70%;border-bottom: 2px solid #c1c1c1;}
	.js_nr{width:70%;}
}
@media (min-width: 768px) {
	.wbjs li .icimg{height: 80px;}
}
@media (min-width: 992px) {
	.wbjs li .icimg{height: 90px;}
}
@media (min-width: 1230px) {
	.wbjs li .icimg{height: 112px;}
}

.wzbar{ line-height: 1; text-align: center;}
.wzimg{ width: 100%; display: flex; flex-direction: row; justify-content: space-between; align-items:stretch; flex-wrap: wrap;}
.wzimg li{ width: 100%; background: #ffffff;}
.wzimg li img{ width: 100%; height: auto;}
.wzimg li p{ font-weight: bold;padding-left: 40px; line-height: 1.6;transition: all 0.2s ease;background-image: url(../img/line2.png); background-position: left center; background-repeat: no-repeat; background-size:0px auto;}
.wzimg li:hover p{  background-size:22px auto; color: #e60012;}
@media (min-width: 576px) {
	.wzimg li{ width: 48.75%;}
	.wzimg li p{ padding-left: 25px;}
	.wzimg li:hover p{background-size:13px auto;}
}
@media (min-width: 768px) {
	.wzimg li p{padding-left: 30px;}
	.wzimg li:hover p{background-size:18px auto;}
}
@media (min-width: 992px) {
	.wzimg li p{padding-left: 50px;}
	.wzimg li:hover p{background-size:25px auto;}
}
@media (min-width: 1230px) {
	.wzimg li p{padding-left: 60px;}
	.wzimg li:hover p{background-size:30px auto;}
}

.cxtit{ font-weight: bold; color: #e60012; line-height: 1.6;}


.cxnr{ width: 100%; display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; flex-wrap: wrap;}
.sec_cx .wzbox{ width: 100% ;height: 300px; color: #333333;}
.sec_cx .wzbox p{ margin-bottom: 15px;}
.cxrw{ width: 100%;}
.cxrw img{ width: 100%; height: 100%;   display: block; margin: 0px auto;object-fit: cover;}
.cxjob{ text-align: right; width: 100%; display: flex; flex-direction: column; align-items: flex-end; justify-content: center; color: #ffffff; height: 100px; background:#e60012; box-sizing: border-box;padding-right: 20px;}
.cxjob p{ font-weight: bold; margin-bottom: 5px;}

@media (max-width: 639.98px) {
	.cxjob{ }
}
@media (min-width: 640px) {
	.sec_cx{ background-image: url(../img/bg1.jpg); background-repeat:no-repeat; background-position: bottom right; background-size:80% 150px;}
	.cxnr{ position: relative;}
	.cxrw{ position: absolute; right: 0; top: 0; height: 100%; width: 46.25%;}
	.sec_cx .wzbox{ width: 50% ;height: 300px;}
	.cxjob{width: 49% ; height: 150px;}
}
@media (min-width: 992px) {
	.sec_cx{  background-size:80% 165px;}
	.sec_cx .wzbox{ height: 400px;}
	.cxjob{ height: 165px;}
}
@media (min-width: 1230px) {
	.sec_cx{  background-size:80% 180px;}
	.sec_cx .wzbox{ height: 490px;}
	.cxjob{ height: 180px;}
}


.fj-cut ul{ display: flex; flex-direction: row;  justify-content: space-between; align-items: center;border-right: 1px solid #dcdcdc;  margin: 0px auto; max-width: 590px;}
.fj-cut ul li{ width: 23.5%; padding: 0px 8px;height: 40px;background: #ffffff;display: flex; flex-direction: row; align-items: center;justify-content: center; text-align: center; box-sizing: border-box;transition: all 0.8s ease;}
.fj-cut ul li.on,.fj-cut ul li:hover{ color: #ffffff; font-weight:bold; cursor: pointer; background: url(../img/ic_1.png) no-repeat left center #e60012;}


.fj-main{width: 100%;}
.fj-con{ width: 100%;}
.fj-con .content{width: 100%;}
.tjslide{width: 100%;}

.tjslide .swiper-container {
      width: 100%;
      height:480px; padding-bottom: 52px; box-sizing: content-box;
      margin-left: auto;
      margin-right: auto;
    }
.tjslide .swiper-slide {
      text-align: center;
      font-size: 18px;
      background: #fff;
      height: calc((100% - 10px)/ 2);
      /* 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;
    }
.tjslide .swiper-slide img{ width: 100%; height: 100%; object-fit: cover;}
.tjslide .swiper-container-horizontal>.swiper-pagination-bullets,.tjslide .swiper-pagination-custom,.tjslide .swiper-pagination-fraction{ bottom: 0; display: flex; flex-direction: row; justify-content: center; align-items: center;z-index: 1; height:32px;}
.tjslide .swiper-pagination-bullet{ width:6px; height:6px; background:#999999; opacity:1; }
.tjslide .swiper-pagination-bullet-active{ opacity:1; background:#ffffff;width:12px; height:12px; box-sizing: border-box; border: 2px solid #e60012;}

.tjslide .swiper-button-next:after,.tjslide .swiper-container-rtl .swiper-button-prev:after{ content: '';}
.tjslide .swiper-button-prev:after,.tjslide .swiper-container-rtl .swiper-button-next:after{content: '';}
.tjslide .swiper-button-next,.tjslide .swiper-button-prev{ top:auto; width:32px; height:32px; border-radius: 50%; bottom: 0px; background-position: center; background-repeat: no-repeat; background-color: #ffffff; background-size:auto 18px; z-index: 2;}
.tjslide .swiper-button-next,.tjslide .swiper-container-rtl .swiper-button-prev{ right:0px; left: auto; background-image: url(../img/ic_next9.png);}
.tjslide .swiper-button-prev,.tjslide .swiper-container-rtl .swiper-button-next{left: 0px; right: auto; background-image: url(../img/ic_prve9.png);}
@media (min-width: 576px) {
	.tjslide .swiper-container{height:480px;}
	.tjslide .swiper-slide {height: calc((100% - 10px) / 2);}
}
@media (min-width: 768px) {
	.fj-cut ul li{ width: 21.18%;}
	.tjslide .swiper-container{height:530px;padding-bottom: 70px;}
	
	.tjslide .swiper-container-horizontal>.swiper-pagination-bullets,.tjslide .swiper-pagination-custom,.tjslide .swiper-pagination-fraction{height:40px;}
	.tjslide .swiper-pagination-bullet-active{ width:15px; height:15px; }
	.tjslide .swiper-button-next,.tjslide .swiper-button-prev{ width:40px; height:40px; background-size:17px 25px;}
	.tjslide .swiper-button-next,.tjslide .swiper-container-rtl .swiper-button-prev{ right:50%; left: auto; margin-right: -250px;}
	.tjslide .swiper-button-prev,.tjslide .swiper-container-rtl .swiper-button-next{left:50%; right: auto; margin-left: -250px;}
}
@media (min-width: 992px) {
	.tjslide .swiper-container{height:520px;padding-bottom: 90px;}
	.tjslide .swiper-slide {height: calc((100% - 20px) / 2);}
	
	.tjslide .swiper-container-horizontal>.swiper-pagination-bullets,.tjslide .swiper-pagination-custom,.tjslide .swiper-pagination-fraction{height:50px;}
	.tjslide .swiper-button-next,.tjslide .swiper-button-prev{ width:50px; height:50px; }
	.tjslide .swiper-button-next,.tjslide .swiper-container-rtl .swiper-button-prev{ right:50%; left: auto; margin-right: -200px;}
	.tjslide .swiper-button-prev,.tjslide .swiper-container-rtl .swiper-button-next{left:50%; right: auto; margin-left: -200px;}
}
@media (min-width: 1230px) {
	.tjslide .swiper-container{height:700px;padding-bottom: 120px;}
	.tjslide .swiper-slide {height: calc((100% - 30px) / 2);}
	.tjslide .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{ margin: 0px 14px;}
	.tjslide .swiper-pagination-bullet-active{ width:20px; height:20px; }
	.tjslide .swiper-container-horizontal>.swiper-pagination-bullets,.tjslide .swiper-pagination-custom,.tjslide .swiper-pagination-fraction{height:62px;}
	.tjslide .swiper-button-next,.tjslide .swiper-button-prev{ width:62px; height:62px; }
}


.sdpdf{width: 100%; position: relative; padding: 0px 50px; box-sizing: border-box;}
.sdpdf .swiper-container {
      width: 100%;
      height:232px; 
      margin-left: auto;
      margin-right: auto;
    }
.sdpdf .swiper-slide {
      text-align: center;
      height: calc((100%));
      /* 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;
    }

.sdpdf .swiper-button-next:after,.sdpdf .swiper-container-rtl .swiper-button-prev:after{ content: '';}
.sdpdf .swiper-button-prev:after,.sdpdf .swiper-container-rtl .swiper-button-next:after{content: '';}
.sdpdf .swiper-button-next,.sdpdf .swiper-button-prev{   width:30px; height:30px; border-radius: 50%;   background-position: center; background-repeat: no-repeat; background-color: #e60012; background-size:auto 14px; z-index: 2;}
.sdpdf .swiper-button-next,.sdpdf .swiper-container-rtl .swiper-button-prev{ right:15px; background-image: url(../img/ic_next10.png);}
.sdpdf .swiper-button-prev,.sdpdf .swiper-container-rtl .swiper-button-next{left: 15px; background-image: url(../img/ic_prve10.png);}
.sdpdf .swiper-button-next.swiper-button-disabled{opacity: 1;background-image: url(../img/ic_next11.png); background-color:rgba(0,0,0,0);}
.sdpdf .swiper-button-prev.swiper-button-disabled{opacity: 1;background-image: url(../img/ic_prev11.png);background-color:rgba(0,0,0,0);}

@media (min-width: 576px) {
	.sdpdf{padding: 0px 55px;}
}
@media (min-width: 768px) {
	
}
@media (min-width: 992px) {
	
}
@media (min-width: 1230px) {
	.sdpdf{padding: 0px 75px;}
}

.sdpdf .swiper-slide a{ position: relative; width: 100%; height: 100%; display: block; display: flex; flex-direction: row; justify-content: center; align-items: center;}
.csnr{ width: 100%;transition: all 0.8s ease; opacity: 1; text-align: left;  background: #ffffff; padding: 40px 15px; box-sizing: border-box;}
.hvnr{ width: 100%; height: 100%;transition: all 0.8s ease; opacity: 0; text-align: left; position: absolute; top: 0; left: 0;padding: 10px 15px; box-sizing: border-box; display: flex; flex-direction: column; align-items:flex-start; justify-content: center;}
.sdpdf .swiper-slide a:hover .csnr{ width: 100%; opacity: 0;}
.sdpdf .swiper-slide a:hover .hvnr{ width: 100%; opacity: 1; background-color:#e60012 ; color: #ffffff; }

.hvnr p{ margin-top: 6px;}
.hvnr span{ margin-top: 12px;}
.hvnr b i{ font-style: normal;}

@media (min-width: 992px) {
	.hvnr{padding: 15px 15px;}
	.hvnr span{ margin-top: 15px;}
}
@media (min-width: 1230px) {
	.csnr,.hvnr{padding: 30px 60px;}
	.hvnr span{ margin-top: 18px;}
}


.bgff{ background: #ffffff;}
.bgny{height: 180px; background: url(../img/nybg.jpg) no-repeat center; background-size: cover; display: flex; flex-direction: row; justify-content: center; align-items: center;}
@media (min-width: 576px) {
	.bgny{height: 248px; }
}
.nytit{ display: flex; flex-direction: column; align-items: center; justify-content: center; color: #ffffff; letter-spacing: 2px; border-bottom: 1px solid #ffffff;}
.nytit span{ line-height: 1; margin-top: 9px;}

.imgsbox{width: 100%; margin: 0px auto; padding: 0px 8px; box-sizing: border-box;}
.imgw{ width: 100%;   margin: 0px auto; height: auto;}
@media (min-width: 768px) {
	.imgsbox{width: 100%; max-width: 1000px; margin: 0px auto;}
}