html,body{
	background-color: #000;
}
@font-face {
	font-family: TencentSans-W7;
	src: url(../font/TencentSans-W7.otf)
}
@font-face {
	font-family: TTTGB-Medium;
	src: url(../font/TTTGB-Medium.ttf)
}

.czds-home{
	width: 100%;
	max-width: 1980px;
	margin: 0 auto;
}
.home-head{
	position: relative;
}
.hh-nav{
	width: 100%;
	height: 100px;
	position: absolute;
	top: 0;
	left: 0;
	background-color: rgb(0 0 0 / 80%);
	z-index: 99;
}
.hh-nav .hhn-content{
	width: 1295px;
	margin: 0 auto;
}
.hhn-logo,.hhn-list{
	display: inline-block;
    vertical-align: middle;
}
.hhn-line{
	margin: 0 30px 0 45px;
	width: auto;
}
.hhn-logo{
	width: auto;
}
.hhn-list li{
	display: inline-block;
    position: relative;
    vertical-align: middle;
    line-height: 100px;
    margin: 0 10px;
    cursor: pointer;
}
.hhn-list li a{
	font-family: "TencentSans-W7";
	font-size: 24px;
	color: #fff;
}
.hhn-list li a:hover{
	color: #3683C9;
}
.hhn-list li a.active{
	color: #3683C9;
}
.hh-banner img{
	width: 100%;
}
.hhb-bmbtn{
	width: 583px;
    height: 178px;
    position: absolute;
    margin-left: -291.5px;
    left: 50%;
    top: 85%;
    background: url(../imgs/bmbtn-1.png) no-repeat;
    background-size: contain;
    cursor: pointer;
}
.hhb-bmbtn:hover{
	background: url("../imgs/bmbtn-2.png") no-repeat;
	background-size: contain;
}
.home-main{
	position: relative;
}
.imgw100{
	width: auto;
	max-width: 100%;
}
.imgw40{
	width: auto;
	max-width: 40%;
}
.home-main .hm-role2{
	position: absolute;
    right: 0px;
    bottom: 70px;
    width: 18%;
}
.hm-content{
	margin: 0 auto;
	position: relative;
	box-sizing: content-box;
}
.hmc-part0,.hmc-part1,.hmc-part2,.hmc-part3,.hmc-part4,.hmc-part5,.hmc-part6,.hmc-part7,.hmc-part8,.hmc-part9{
	padding: 0 15.5%;
	text-align: center;
}
.hmc-part0{
	position: relative;
    top: 0;
    background: url(../imgs/dsjj-1.png) no-repeat;
    background-size: 100% 100%;
    padding-top: 90px;
    padding-bottom: 80px;
}
.hp0-content{
	width: 86%;
	margin: 15px auto 0 auto;
}
.hp0-content .hp0-txt{
	font-size: 21px;
	color: #fff;
	text-indent: 2em;
	text-align: left;
}
.hp0-content .hp0-txt span{
	color: #3EA8F4;
}
.hp0-content img{
	margin-top: 20px;
}

.hmc-part1{
	position: relative;
	background-color: #000;
}
.hmc-part2{
	background-color: #272727;
	position: relative;
	padding-top: 50px;
	padding-bottom: 80px;
}
.hp2-content{
	position: relative;
	width: 100%;
}
.hp2-content .hp2c-1{
	width: 735px;
	margin: 0 auto;
	position: relative;
}
.hp2-content .hp2c-1 .hp2c-btn1{
	width: 229px;
	height: 75px;
	background: url(../imgs/dsrk-btn-1.png) no-repeat;
	background-size: 100%;
	position: absolute;
	right: 40px;
	bottom: 30px;
}
.hp2-content .hp2c-1 .hp2c-btn1:hover{
	background: url(../imgs/dsrk-btn-2.png) no-repeat;
	background-size: 100%;
}
.hp2-content .hp2c-2{
	width: 735px;
	margin: 0 auto;
	position: relative;
}
.hp2-content .hp2c-2 .hp2c-btn2{
	width: 200px;
    height: 36px;
    position: absolute;
    right: 173px;
    bottom: 26px;
}
.hp2-content .hp2c-3{
	width: 100%;
	margin: 0 auto;
	position: relative;
}
.hp2-content .hp2c-3 img{
	width: 100%;
}
.hp2-content .hp2c-3 .hp2c-3a{
	width: 49%;
	margin-right: 1%;
	position: relative;
	display: inline-block;
}
.hp2-content .hp2c-3 .hp2c-3b{
	width: 49%;
	position: relative;
	display: inline-block;
}
.hp2c-btn3,.hp2c-btn5{
	width: 27%;
    height: 28%;
    background: url(../imgs/dsrk-btn-5.png) no-repeat;
    background-size: 100%;
    left: 3%;
    bottom: 5%;
    position: absolute;
}
.hp2c-btn4,.hp2c-btn6{
	width: 36%;
    height: 28%;
    background: url(../imgs/dsrk-btn-3.png) no-repeat;
    background-size: 100%;
    right: 2%;
    bottom: 5%;
    position: absolute;
}
.hp2c-btn4:hover,.hp2c-btn6:hover{
	background: url(../imgs/dsrk-btn-4.png) no-repeat;
	background-size: 100%;
}


.hmc-part3{
	background-color: #000;
	position: relative;
	padding-top: 50px;
	padding-bottom: 80px;
}
.hmc-part3 .hp3-content{
	width: 92%;
    background: #18191B url(../imgs/element1.png) no-repeat;
    background-size: 30%;
    background-position: 110% 150%;
    border: 1px solid #3683C9;
    border-radius: 10px;
    padding: 0px 60px 35px 60px;
    font-size: 18px;
    color: #fff;
    text-align: left;
    margin: 0 auto;
    margin-top: 20px;
}
.hmc-part3 .hp3-content p{
	font-size: 21px;
	color: #3683C9;
	margin-top: 35px;
}
.hmc-part3 .hp3-content li::before{
	content: "";
    display: inline-block;
    width: 8px;
    height: 8px;
    background: #fff;
    border-radius: 50%;
    float: left;
    margin: 9px 6px 0 0;
}
.hmc-part3 .hp3-content li{
	line-height: 28px;
}
.hmc-part3 .hp3-content li a{
	color: #3683C9;
	font-weight: bold;
	text-decoration: underline;
}
.hp3c-detail{
	color: #3683C9;
	font-weight: bold;
	text-decoration: underline;
	cursor: pointer;
}


.hmc-part4{
	background-color: #292929;
	position: relative;
	padding-top: 50px;
    padding-bottom: 80px;
}


.hmc-part5{
	background-color: #000;
	position: relative;
	padding-top: 50px;
    padding-bottom: 80px;
}

.hmc-part6{
	background-color: #292929;
	position: relative;
	padding-top: 50px;
    padding-bottom: 80px;
}
.hp6-content{
	width: 92%;
    background-color:#18191B;
    border: 1px solid #3683C9;
    border-radius: 10px;
    padding: 35px 60px 15px 60px;
    font-size: 21px;
    color: #fff;
    text-align: left;
    margin: 25px auto 0 auto;
}
.hp6-content li{
	margin-bottom: 20px;
	text-align: justify;
}
.hp6-content li:before{
	content: "";
	display: inline-block;
	width: 20px;
	height: 20px;
	background: url("../imgs/liststyle1.png") no-repeat;
	background-size: auto;
	vertical-align: middle;
}
.hp6-content li span{
	color: #3683C9;
	padding-left: 20px;
}
.hp6-content li a{
	color: #fff;
}

.hmc-part7{
	background-color: #000;
	position: relative;
	padding-top: 50px;
    padding-bottom: 80px;
}

.hmc-part8{
	background-color: #292929;
	position: relative;
	padding-top: 50px;
    padding-bottom: 80px;
}
.hmc-part8 .hp8-txt{
	font-size: 18px;
	line-height: 28px;
	margin: 10px auto;
	width: 85%;
	text-align: left;
	color: #fff;
}
.hmc-part8 .hp8-txt span{
	color: #3683C9;
}
.hmc-part8 .hp8-content{
	text-align: center;
	margin-bottom: 20px;
}
.hmc-part8 .hp8-content a{
	display: inline-block;
	width: 269px;
	height: 96px;
}
.hp8c-btn1{
	background: url(../imgs/wjsshg-btn-1.png) no-repeat;
	background-size: 100%;
}
.hp8c-btn1:hover{
	background: url(../imgs/wjsshg-btn-1a.png) no-repeat;
	background-size: 100%;
}
.hp8c-btn1:visited{
	background: url(../imgs/wjsshg-btn-1a.png) no-repeat;
	background-size: 100%;
}
.hp8c-btn2{
	background: url(../imgs/wjsshg-btn-2.png) no-repeat;
	background-size: 100%;
}
.hp8c-btn2:hover{
	background: url(../imgs/wjsshg-btn-2a.png) no-repeat;
	background-size: 100%;
}
.hp8c-btn2:visited{
	background: url(../imgs/wjsshg-btn-2a.png) no-repeat;
	background-size: 100%;
}
.hp8c-btn3{
	background: url(../imgs/wjsshg-btn-3.png) no-repeat;
	background-size: 100%;
}
.hp8c-btn3:hover{
	background: url(../imgs/wjsshg-btn-3a.png) no-repeat;
	background-size: 100%;
}
.hp8c-btn3:visited{
	background: url(../imgs/wjsshg-btn-3a.png) no-repeat;
	background-size: 100%;
}

:root {
    --swiper-navigation-size: 80px !important;
}
.hmcp2a-swiper,
.hmcp2b-swiper {
	position: relative;
	padding: 0 100px;
}

.hmcp2a-swiper .swiper-button-next:after, 
.hmcp2a-swiper .swiper-button-prev:after, 
.hmcp2b-swiper .swiper-button-next:after, 
.hmcp2b-swiper .swiper-button-prev:after {
	content: "";
}

.hmcp2a-swiper .swiper-button-prev, 
.hmcp2a-swiper .swiper-button-next,
.hmcp2b-swiper .swiper-button-prev,
.hmcp2b-swiper .swiper-button-next {
	background-size: 100%;
}

.hmcp2a-swiper .swiper-button-prev, 
.hmcp2b-swiper .swiper-button-prev {
	background-image: url('../imgs/wjsshg-btn-left.png');
	background-repeat: no-repeat;
	background-position: center;
}

.hmcp2a-swiper .swiper-button-next, 
.hmcp2b-swiper .swiper-button-next {
	background-image: url('../imgs/wjsshg-btn-right.png');
	background-repeat: no-repeat;
	background-position: center;
}
.swiper-container-3d {
    perspective: 773px !important;
}

.hmc-part9{
	background-color: #000;
	position: relative;
	padding-top: 50px;
    padding-bottom: 80px;
}
.hmc-part9 .hp9-content{
	width: 100%;
	position: relative;
}
.hmc-part9 .hp9-content .hp9c-link{
	width: 100%;
	position: relative;
}
.hp9cl-1{
	position: absolute;
    width: 14%;
    height: 17%;
    left: 6%;
    top: 20%;
}
.hp9cl-2{
	position: absolute;
    width: 14%;
    height: 17%;
    left: 20%;
    top: 20%;
}
.hp9cl-3{
	position: absolute;
    width: 14%;
    height: 17%;
    left: 38%;
    top: 20%;
}
.hp9cl-4{
	position: absolute;
    width: 20%;
    height: 17%;
    left: 53%;
    top: 20%;
}
.hp9cl-5{
	position: absolute;
    width: 9%;
    height: 17%;
    left: 5%;
    top: 63%;
}
.hp9cl-6{
	position: absolute;
    width: 13%;
    height: 17%;
    left: 15%;
    top: 63%;
}
.hp9cl-7{
	position: absolute;
    width: 12%;
    height: 17%;
    left: 28%;
    top: 63%;
}
.hp9cl-8{
	position: absolute;
    width: 15%;
    height: 17%;
    left: 41%;
    top: 63%;
}
.hp9cl-9{
	position: absolute;
    width: 13%;
    height: 17%;
    left: 55%;
    top: 63%;
}
.hp9cl-10{
	position: absolute;
    width: 11%;
    height: 17%;
    left: 68%;
    top: 63%;
}
.hp9cl-11{
	position: absolute;
    width: 13%;
    height: 17%;
    left: 79%;
    top: 63%;
}
.hp9cl-12{
	position: absolute;
    width: 15%;
    height: 17%;
    left: 5%;
    top: 81%;
}


/* footer style */
#gfooter .foot_dark {
	background: #252525;
	width: 100%;
	padding: 20px 0;
	color: #d1d1d1;
}
#gfooter .foot_cpright {
	margin: 0 auto;
}
#gfooter .foot_links .link_map span, #gfooter .foot_links .link_map a, #gfooter .foot_dark a {
	color: #d1d1d1;
}
.foot_dark .foot_ieg_logo {
	margin: 10px 0 0 10px;
	width: 150px !important;
  	height: 50px !important;
}
.m-logo{
  display: none;
}
.foot_links .link_map span, .foot_links .link_map a, .foot_dark a, .foot_links .copyright_txt{
  color: #ededed !important;
}
@media screen and (max-width: 800px){
  .m-logo {
		  display: block;
		  background: #252525;
		  padding: .5rem 0 0 0;
  }
  .m-logo>img {
		  display: block;
		  width: 3.81rem;
		  height: .3rem;
		  margin: 0 auto;
  }
  .foot {
		  font-size: .22rem;
		  text-align: center;
		  padding: .5rem 0;
		  background: #252525;
		  color: #bdbebe;
  }
}

/* 弹窗 */
.pop-video,.pop-video0,.pop-video2{
    position: fixed !important;
    z-index: 101;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: 55%;
    height: 90%;
    display: none;
}
.pop-video1{
    position: fixed !important;
    z-index: 101;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: 600px;
    height: 200px;
    display: none;
}

.qhdx-content1{
	width: 100%;
	position: relative;
	background-color: rgba(0, 0, 0, 0.5);
	-webkit-backdrop-filter: blur(5px);	
    backdrop-filter: blur(5px);	
	border: 1px solid #43a1f8;
	border-bottom: 2px solid #43a1f8;
	border-radius: 10px;
	padding: 50px;
	font-family: "TencentSans-W7";
	color: #fff;
	height: 100%;
	text-align: left;
}
.qc1-name{
	font-size: 28px;
	color: #42AEF9;
}
.qc1-phone{
	font-size: 18px;
	margin-top: 20px;
}
.mask {
    position: fixed !important;
    left: 0;
    top: 0;
    z-index: 99;
    width: 100%;
    height: 100%;
    background: rgba(1,1,1,0.77);
    display: none;
}

/* 弹窗 */
.qhdx-content{
	width: 100%;
	position: relative;
	background-color: rgba(0, 0, 0, 0.5);
	-webkit-backdrop-filter: blur(5px);	
    backdrop-filter: blur(5px);	
	border: 1px solid #43a1f8;
	border-bottom: 5px solid #43a1f8;
	border-radius: 10px;
	padding: 50px;
	font-size: 16px;
	color: #fff;
	height: 100%;
}
.qhdx-content .qc-head{
	vertical-align: bottom;
}
.qc-head .qch-logo{
	display: inline-block;
	margin-right: 10px;
}
.qc-head .qch-title{
	font-family: "TencentSans-W7";
	vertical-align: middle;
	display: inline-block;
}
.qc-head .qch-title p{
	color: #fff;
	font-size: 24px;
}
.qc-head .qch-title span{
	color: #42AEF9;
	font-size: 32px;
}
.qhdx-content .qc-main{
	padding-left: 132px;
	padding-right: 40px;
	line-height: 28px;
	overflow-y: scroll;
    height: 85%;
}
.qhdx-content .qc-main1{
	padding-left: 0px;
    height: 100%;
    padding-top: 1%;
}
.qc-main1 table{
	width: 70%;
	text-align: center;
	line-height: 2;
}
.qc-main1 table th{
	color: #41ACFA;
	font-weight: bold;
}
.qc-main .qcm-title1{
	font-size: 18px;
	font-weight: bold;
	color: #41ACFA;
	margin-top: 30px;
}
.qc-main .qcm-title2{
	color: #3990D3;
	margin-top: 26px;
}
.qc-main .qcm-content1{
	text-align: justify;
}
.qc-main .qcm-content2{
	text-indent: 1em;
	text-align: justify;
}
.qc-main .qcm-node::before{
	content: "";
    display: inline-block;
    width: 8px;
    height: 8px;
    background: #3683C9;
    border-radius: 50%;
    float: left;
    margin: 9px 6px 0 0;
}

.qc-main .qcm-node-white::before{
	content: "";
    display: inline-block;
    width: 8px;
    height: 8px;
    background: #fff;
    border-radius: 50%;
    float: left;
    margin: 9px 6px 0 0;
}
.qc-main .qcm-title-pdl10{
	padding-left: 10px;
}
.qc-main .qcm-content-pdl5{
	padding-left: 5px;
}
.qc-main .qcm-content-pdl10{
	padding-left: 10px;
}
.qc-main .qcm-title-mgt0{
	margin-top: 0;
}
.qc-main .qcm-title-mgt20{
	margin-top: 20px;
}
.qc-main .qcm-content1 span{
	font-weight: bold;
	color: #43a1f8;
}
.qc-main .qcm-swiper{
	width: 500px;
    position: relative;
    margin-top: 10px;
    margin-bottom: 35px;
    padding: 0 60px;
	margin-left: -60px;
}
.qc-main .qcm-content1 a{
	font-weight: bold;
	color: #43a1f8;
	text-decoration: underline;
}
.qc-main .qcm-bmbtn{
	display: block;	
	width: 229px;
	height: 75px;
	background: url('../imgs/dsrk-btn-3.png') no-repeat;
	background-size: 100%;
	margin: 20px 0 0 -17px;
}
.qc-main .qcm-bmbtn:hover{
	background: url('../imgs/dsrk-btn-4.png') no-repeat;
	background-size: 100%;
}
.close-btn{
	position: absolute;
	width: 50px;
	height: 50px;
	top: 20px;
	right: 20px;
	background: url('../imgs/close.png') no-repeat;
	background-size: 100%;
}


/*定义滚动条高宽及背景
 高宽分别对应横竖滚动条的尺寸*/
 ::-webkit-scrollbar
 {
	 width:3px;
	 height:3px;
	 border-radius: 3px;
	 background-color:#F5F5F5;
 }
 /*定义滚动条轨道
  内阴影+圆角*/
 ::-webkit-scrollbar-track
 {
	 -webkit-box-shadow:inset 0 0 1px rgba(0,0,0,0.3);
	 border-radius:3px;
	 background-color:#F5F5F5;
 }
 /*定义滑块
  内阴影+圆角*/
 ::-webkit-scrollbar-thumb
 {
	 border-radius:3px;
	 -webkit-box-shadow:inset 0 0 1px rgba(0,0,0,.3);
	 background-color:#3683C9;
 }

 /*footer*/
.rl-footer {
    background: #141414;
    width: 100%;
    padding: 50px 0; }
  
  .foot {
    
    text-align: left; }
    .foot_dark {
      color: #c4c4c4; }
      .foot_dark a {
        color: #c4c4c4; }
    .foot_cpright {
      width: 900px;
        margin: 0 auto;
  }
      .foot_cpright:after {
        content: "";
        display: block;
        height: 0;
        line-height: 0;
        visibility: hidden;
        clear: both; }
    .foot .f_line {
      margin: 0 24px; }
    .foot_lefts {
      float: left;
      display: inline; }
    .foot_ieg_logo {
      float: left;
      width: 150px;
      height: 60px;
      overflow: hidden;
      margin: 10px 0 0 10px;
  }
    .foot_left.logo1 {
      float: left;
      text-indent: -999em;
      overflow: hidden;
      margin: 10px 0 0 10px;
      width: 205px;
      height: 36px;
      background-size: 100%; }
    .foot_links {
      display: inline;
      float: right;
      width: 682px;
      list-style: none; }
      .foot_links li {
        line-height: 20px;
        overflow: hidden; }
        .foot_links li img {
          vertical-align: middle;
          margin-right: 3px; }
      .foot_links .link_map {
        font-size: 0; }
        .foot_links .link_map span, .foot_links .link_map a {
          font-size: 12px;
          color: #c4c4c4; }
      .foot_links .copyright_txt {
        font-size: 10px; }
      .foot_links a:hover {
        color: #fff; }
        
.foot_dark .foot_ieg_logo {
    width: 150px !important;
  height: 60px !important;
}
.m-logo{
  display: none;
}
.foot_links .link_map span, .foot_links .link_map a, .foot_dark a, .foot_links .copyright_txt{
  color: #ededed !important;
}
@media screen and (max-width: 800px){
  .m-logo {
          display: block;
          background: #252525;
          padding: .5rem 0 0 0;
  }
  .m-logo>img {
          display: block;
          width: 3.81rem;
          height: .3rem;
          margin: 0 auto;
  }
  .foot {
          font-size: .22rem;
          text-align: center;
          padding: .5rem 0;
          background: #252525;
          color: #bdbebe;
  }
}