body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,table,th,td,iframe{margin:0;padding:0;}
body{font-size:14px;font-family: Microsoft Yahei,-apple-system-font,Helvetica Neue,sans-serif;color:#999999;word-break:break-all;}
table{border-collapse:collapse;border-spacing:0;}
img{border:0;vertical-align:middle;}
option{padding-left:5px;*padding:0;}
ul, li{list-style:none;}
a{color:#333;text-decoration:none !important;}
a:hover{color:#ff0000;}
.fl{float:left;}
.fr{float:right;}
.clear{ clear:both}
h1,h2,h3,h4,h5,h6{font-weight:normal}
*{box-sizing: border-box;}

.swiper {
  width: 100%;
  height: 100%;
      margin-left: auto;
      margin-right: auto;
      position: relative;
      overflow: hidden;
      list-style: none;
      padding: 0;
      z-index: 1;
}

.swiper-slide {

  font-size: 18px;
  background: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
}

.swiper-slide img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}


.bs_header{color:#fff;transition: all 0.2s ease-in-out;position: fixed;}
.bs_nav{max-width: 1400px;margin:0px auto;display: flex;align-items: center;justify-content: space-between;height:80px}
.head_logo{transition: all 0.3s ease-in-out;display: none;}
.head_logo img{margin-right:2rem;height:50px}

.head_logobai{transition: all 0.3s ease-in-out;}
.head_logobai img{margin-right:2rem;height:50px}

.fixed{background-color: rgba(255, 255, 255, 1);box-shadow: 0 0 5px 2px rgba(0, 0, 0, .1);}
.fixed #jxhz_colorNav > ul > li > a{color:#000 !important}
.fixed .head_logobai{display: none;}
.fixed .head_logo{display: block;}



.fixed-header-on .header {background-color: rgba(0, 0, 0, 0.95);padding: 5px 0;position: fixed;}
.header #jxhz_colorNav > ul > li > a{color:#fff}

.jxheader{background-color: rgba(0, 0, 0, 0.10);color:#fff;transition: all 0.2s ease-in-out;}
.jxheader #jxhz_colorNav > ul > li > a{color:#000}
.jxheader .jxlogo {display: none;}
.fixed-header-on .jxlogo {display: block;}
.fixed-header-on .jxlogobai{display: none;}

.navbar-fixed-top {right: 0;left: 0;z-index: 1030;}
.swiper-container {width: 100%;height: 800px}
.swiper-container .swiper-slide{background-size: cover !important;}
.swiper-container .swiper-slide img{width:100%;height:auto;min-height:100%;transition:1s linear 2s;transform:scale(1.1,1.1);}
.swiper-container .swiper-slide-active img,.swiper-slide-duplicate-active img{transition:6s linear;transform:scale(1,1);}
.swiper-container .swiper-pagination{}
.swiper-container .swiper-pagination-bullet{width:10px;height:3px;border-radius:0px;background:#19b3c5;opacity:100}
.swiper-container .swiper-pagination-bullet-active{width:20px;height:3px;background:#fff;opacity:100}


.jxhz_nav_bar{position:relative; z-index:999; color:#fff;}
#jxhz_colorNav > ul{	width: 100%; margin:0 auto;}
#jxhz_colorNav > ul > li{display: inline-block;position:relative;padding:0 20px;font-size:18px}
#jxhz_colorNav > ul > li:hover::after, #colorNav > ul > li.active::after {transform: scaleX(1);}
#jxhz_colorNav > ul > li::after {position: absolute;content: "";top: 100%;left: 0;right:0;width: 40px;height: 4px;background: #3b9eee;transform: scaleX(0);
transition: 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);margin:0px auto}
#jxhz_colorNav > ul > li > a{position: relative;display: flex;text-decoration: none;line-height: 60px;color:#fff}
#jxhz_colorNav li ul{position:absolute;list-style:none;text-align:center;width:200px;left:50%;margin-left:-95px;max-height:0px;overflow:hidden;-webkit-transition:max-height 0.4s linear;
-moz-transition:max-height 0.4s linear;transition:max-height 0.4s linear;z-index:999;border-radius: 0 0 5px 5px;margin-top:5px}
#jxhz_colorNav > ul > li > a:hover {}
#jxhz_colorNav li ul li{background-color:#fff;}
#jxhz_colorNav li ul li a{padding:10px 15px 10px 15px;color:#fff !important;text-decoration:none !important;display:block;line-height:30px;font-size:14px}
#jxhz_colorNav li ul li:nth-child(odd){}
#jxhz_colorNav li ul li{background: #cacfd1}
#jxhz_colorNav li ul li:hover{}
#jxhz_colorNav li ul li:first-child{position:relative;line-height:30px}
#jxhz_colorNav li ul li:first-child:before{}
#jxhz_colorNav li ul li:last-child{border-bottom-left-radius:5px;border-bottom-right-radius:5px;}
#jxhz_colorNav li:hover ul{min-height: 200px;}
.activev::after{transform: scaleX(1) !important;}

.swiper-slide-active .jxhz_detail_info{display: block;}
.jxhz_detail_info{display: none;}
.jxhz_detail_info {position: absolute;top: 53%;left: 50%;transform: translate(-50%, -50%) !important;z-index: 20;color:#fff;text-align:center}
.jxhz_bannertitp{font-size:3rem;font-weight:bold;padding:2rem; letter-spacing: 10px;}


.bs_worksbg{background:url(../pc/img/worsbg.png)}
.bs_tit{width:1400px;margin: 0px auto;height:100%;overflow: hidden;padding:30px 0px;text-align: center;}
.bs_worksbg .bs_tit h3{font-size: 36px;color:#fff;}
.bs_worksbg .bs_tit span{height:3px;width:100px;background-color:#fff;display: inline-block;margin:15px 0px}
.bs_worksbg .bs_tit p{font-size: 16px;color:#fff;}

.bs_works{width:1400px;margin: 0px auto;height:100%;overflow: hidden;;}
.bs_works .swiper-slide{border-radius: 10px 10px 0px 0px;}
.bs_works_item{width:100%;border-radius: 10px;}
.bs_works_item_pic{width:100%;height:340px;overflow: hidden;border-radius: 10px 10px 0px 0px;}
.bs_works_item_pic img{width:100%;border-radius: 10px 10px 0px 0px;transition: all 0.6s;}
.bs_works_item_pic:hover img{transform: scale(1.4);}
.bs_works_item h3{font-size: 20px;color:#000;padding:10px;}
.bs_works_item p{font-size:14px;color:#888888;padding:10px;}
.bs_works_item p span{float:right}

.mySwiper .swiper-pagination{position: relative !important;margin:10px 0px;bottom:0px}
.mySwiper .swiper-pagination-bullet{width:20px;height:3px;border-radius:0px;background:#BCBCBC}
.mySwiper .swiper-pagination-bullet-active{width:20px;height:3px;background:#00D3FF}

.bs_whbg{background:#fff}
.bs_tit{width:1400px;margin: 0px auto;height:100%;overflow: hidden;padding:30px 0px}
.bs_tit h3{font-size: 36px;color:#000;}
.bs_tit span{height:3px;width:100px;background-color:#A3A2A3;display: inline-block;margin:15px 0px}
.bs_tit p{font-size: 16px;color:#888;}
.bs_wh{width:1200px;margin: 0px auto;height:100%;overflow: hidden;padding-bottom:30px}
.bs_wh ul{margin-right:-40px;margin-left:240px;}
.bs_wh li{width:440px;float:left;background:#fff;padding: 30px 40px 25px 40px;border-radius: 10px;position: relative;z-index: 1;display: flex;align-items: center;}
.bs_wh li i{font-size:64px;color:#0071dc;border:2px solid #0071dc;padding:20px;border-radius: 60px;display: inline-block;margin-right:20px}
.bs_wh li h3{font-size:24px;color:#000;padding:10px 0px}
.bs_wh li a{display: inline-block;padding:10px 0px;font-size:16px;color:#000}
.bs_wh li::before {
    content: '';
    position: absolute;
    z-index: -1;
    bottom: 0;
    right: 0;
    width: 90px;
    height: 90px;
    background-color: #fff;
    border-radius: 272px 0 0 0;
    opacity: .1;
    -webkit-transition: .7s;
    transition: .7s;
}
.bs_wh li::after {
    content: '';
    position: absolute;
    z-index: -1;
    bottom: 0;
    right: 0;
    width: 75px;
    height: 75px;
    background-color: #fff;
    border-radius: 170px 0 0 0;
    opacity: .1;
}
.bs_wh li:hover::before {
    width: 100%;
    height: 100%;
    border-radius: 10px;
    opacity: 1;
	 background-color: #a3a5aa;
}
.bs_wh li:hover i{color:#fff}
.bs_wh li:hover h3{color:#fff}
.bs_wh li:hover p{color:#fff}
.bs_wh li:hover a{color:#fff}

.bs_new{background:#F7F7F7}
.bs_news{width:1400px;margin: 0px auto;height:100%;overflow: hidden;padding:10px 0px 30px 0px}
.bs_news ul{margin-right:-40px}
.bs_news li{width:680px;float:left;margin-right:40px;}
.bs_news li a{display: flex;-webkit-box-align: center;-webkit-align-items: center;align-items: center;background:#fff;padding:20px;border-radius: 10px;}
.bs_news_fl{margin-right:30px;width:270px;height:180px;overflow: hidden;}
.bs_news_fl img{width:100%}
.bs_news_fr{-webkit-box-flex: 1;-webkit-flex: 1;flex: 1;min-width: 0;}
.bs_news_fr h3{color:#000;font-size:18px;padding-bottom:15px}
.bs_news_fr p{color:#888;font-size:14px;padding-bottom:15px}
.autocw{background:#4B5264;text-align: center;padding:30px 0px;color:#fff;font-size:18px;}
.autocw a{color:#fff;display: inline-block;padding:0px 20px}


.sp_nav{width:40px;float:left;position:relative;cursor:pointer;height:25px;}
.sp_nav span{display:block;background:#fff;width:20px;height:2px;position:absolute;left:10px;transition:all ease 0.35s}
.sp_nav span:nth-of-type(1){top:0px}
.sp_nav span:nth-of-type(2){top:8px}
.sp_nav span:nth-of-type(3){top:16px}
.sp_nav_se span:nth-of-type(1){top:10px;transform:rotate(45deg)}
.sp_nav_se span:nth-of-type(2){width:0}
.sp_nav_se span:nth-of-type(3){top:10px;transform:rotate(-45deg)}
.sjj_nav{position:fixed;z-index:9;background:#eee;width:100%;height:calc(100% - 104px);font-size:14px;line-height:40px;top:-100%;left:0;overflow:auto;overflow-x:hidden;transition:top ease 0.35s;}
.nav_show{top:50px}
.sjj_nav>ul>li:first-child{overflow:hidden;border-top:0}
.sjj_nav>ul>li:first-child>a{float:left;width:calc(100% - 70px)}
.sjj_nav>ul>li:first-child .language{float:right;width:70px;overflow:hidden;line-height:30px;margin-top:5px}
.sjj_nav>ul>li:first-child .language a{width:35px;float:left;border-left:1px #ddd solid;text-align:center;color:#999;}
.sjj_nav ul li i{position:absolute;top:5px;right:0px;border-left:1px #ddd solid;height:30px;padding:0px 7px 0 7px;}
.sjj_nav ul li i svg{transform:rotate(-90deg);transition:all ease 0.35s}
.sjj_nav ul li .sjj_nav_i_se svg{transform:rotate(0deg)}
.sjj_nav ul li{border-top:1px #ddd solid;margin-left:20px;position:relative;line-height:40px;font-size:14px}
.sjj_nav>ul >li:last-child{border-bottom:1px #ddd solid;}
.sjj_nav ul li ul{display:none}
.sjj_nav ul li a{color:#666;display:block;}
.sjj_nav ul li ul li a{color:#999;display:block;text-align:left;}
.sjj_nav ul li i svg{width:20px;height:20px;fill:#555;}
.sjj_nav ul li .sjj_nav_i_se svg{fill:#c9141e}
.sjj_nav ul li ul li>ul{margin-left:10px}
.sjj_nav ul li em{border-right:1px #ddd solid;height:30px;padding:0px 7px 0 7px;margin-top:15px}
.sjj_nav ul li em svg{width:20px;height:20px;fill:#555;}
.sjj_nav ul li ul li{border-top:1px #ddd solid;margin-left:20px;position:relative;line-height:40px;font-size:14px}
.m_nav {display:block;position:fixed;top:0px;left:0px;width:0px;height:0px;overflow:hidden;z-index:10000}
.m_nav .closecover{position:absolute;width:100%;height:100%;background:#0b0d19;filter:alpha(opacity=0);opacity:0;left:0px;top:0px;z-index:1}
.m_nav .closeicon{position:absolute;width:20%;left:0;top:5%;z-index:100;text-align:center;filter:alpha(opacity=0);opacity:0}
.m_nav .m_navList{position:absolute;width:80%;right:0px;top:0px;background:#0b0d19;height:100%;z-index:100;right:-80%;overflow-y: scroll;}
.m_nav .m_navList ul{padding-left:5%;padding-right:5%}
.m_nav .m_navList ul li{border-bottom:1px solid #232530}
.m_nav .m_navList ul li a{display:block;height:45px;color:#fff;line-height:45px;padding-left:5%;font-size:16px}
.m_nav .m_navList ul li .m_f_a{display: flex;align-items: center;justify-content: space-between; width: 100%}
.m_nav .m_navList ul li .m_f_a a{flex: 1;}
.m_nav .m_navList ul li .m_f_a i{width: 40px;height:35px;box-sizing: border-box; padding:0 5px; display: block;}
.icon{ background:url(../img/plus.png) 100% no-repeat;background-position: 50% 50%; -webkit-transition:all 0s;-moz-transition:all 0s;transition:all 0s}
.icon_on{background:url(../img/reduce.jpg) 50% no-repeat!important;background-position: 50% 50%;-webkit-transition:all 0s;-moz-transition:all 0s;transition:all 0s}
.m_nav .m_navList ul li .m_s_nav{display:none;width: 100%;}
.m_nav .m_navList ul li .m_s_nav a{display: block; height:40px;line-height:40px;font-size:14px;padding-left:10%;overflow: hidden; white-space: nowrap;width: 90%;text-overflow: ellipsis;}
.m_nav .m_navList ul li .m_s_nav i{width: 40px;height:35px;box-sizing: border-box; padding:0 5px; display: block;}
.m_nav .m_navList ul li .tub{display:none}
.abtub{display: flex;align-items: center;justify-content: space-between; width: 100%}
.tub a{padding-left:20% !important;width:80% !important}


@media screen and (min-width:1401px) {
.sp_nav{display: none;}
}
@media screen and (min-width:1201px) and (max-width:1400px) {


	
}
@media screen and (min-width:971px) and (max-width:1200px) {    

}

@media screen and (min-width:751px) and (max-width:970px) {    

}

@media screen and (max-width:750px) {
	
}