@charset "utf-8";

@font-face{font-family:STZhongsong;src:url(../fonts/syst.eot);src:url(../fonts/syst.eot?#iefix) format('embedded-opentype'),url(../fonts/syst.woff2) format('woff2'),url(../fonts/syst.woff) format('woff'),url(../fonts/syst.ttf) format('truetype'),url(../fonts/syst.svg#novecentowide-bold-webfont) format('svg')}


html {
	width: 100%;
	margin: 0;
	padding: 0;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
}

body {
	width:100%;
	margin: 0 auto;
	font-family:"思源黑体", Sans-serif;
	font-size: 14px;
	padding: 0;
	color: #222222;
	line-height: 200%;
}
dl,dt,dd {
	display: block;
	margin: 0;
}
p,ul,li,form,h1,h2,h3,h4,h5,h6,dl,dd {
	margin: 0;
	padding: 0;
	list-style: none;
}
input,textarea{font-family:"思源黑体", Sans-serif;}
a {

	color: #222222;

	text-decoration: none !important;

	cursor: pointer;

	background: transparent;

	outline: none;

	blr: expression(this.onFocus=this.blur());

	-webkit-transition: 0.5s;

	-moz-transition: 0.5s;

	-ms-transition: 0.5s;

	-o-transition: 0.5s;

	transition: 0.5s; 

}
a:hover {
	color: #005bab;
}
.clear {
	clear: both;
	margin: 0;
	padding: 0;
	height: 0;
}
footer,header{display:block}
*{-webkit-box-sizing:border-box;box-sizing:border-box;}
img {
	border: none; max-width: 100%;-webkit-user-drag:none;
}
.cf:after{content:""; display:block; height:0; clear:both;}

.wrap { width: 1200px;margin: 0 auto; overflow: hidden;}

.pc-div{ display:block!important}

.phone-div { display:none!important}
.fl {
	float: left;
}
.fr {
	float: right;
}

.center{ text-align:center;}
.cursor {
  width: 20px;
  height: 20px;
  background-color: #19DED600;
  /* 默认灰色 */

  border-radius: 50%;
  mix-blend-mode: difference;
  pointer-events: none;
  position: fixed;
  transform: translate(-50%, -50%);
  z-index: 9999;
  transition: background-color 0.2s ease;
}

.cursor-follower {
  width: 20px;
  height: 20px;
  background-color: #19ded6;
  border-radius: 50%;
  position: fixed;
  pointer-events: none;
  transform: translate(-50%, -50%);
  transition: transform 0.12s ease-out;
  z-index: 9998;
  mix-blend-mode: difference;
}






/*》》》》》》》》》》flex布局《《《《《《《《《《*/

.flex{display:box;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;}

.flex_item{-webkit-box-flex: 1;-moz-box-flex: 1; -webkit-flex: 1;-ms-flex: 1;flex:1;}

.flex-row {flex-direction: row;}

.flex-col {flex-direction: column;}

.justify-center {justify-content: center;}

.justify-end {justify-content: flex-end;}

.justify-evenly {justify-content: space-evenly;}

.justify-around {justify-content: space-around;}

.justify-between {justify-content: space-between;}

.items-center {align-items: center;}

.items-end {align-items: flex-end;}

/*自定义滚动条*/

::-webkit-scrollbar{width:5px;height:5px;}

::-webkit-scrollbar-button:vertical{display:none;}

::-webkit-scrollbar-track:vertical{background-color:black}

::-webkit-scrollbar-track-piece{background:#fff;}

::-webkit-scrollbar-thumb:vertical{background-color:#555;border-radius:30px}

::-webkit-scrollbar-thumb:vertical:hover{background-color:#3B3B3B;}

::-webkit-scrollbar-corner:vertical{background-color:#535353;}

::-webkit-scrollbar-resizer:vertical{background-color:#0054A7;}



.fadeInUp50 {

  -webkit-animation-name: fadeInUp50;

  -moz-animation-name: fadeInUp50;

  -ms-animation-name: fadeInUp50;

  animation-name: fadeInUp50;

}

@-webkit-keyframes fadeInUp50 {

  from {

    opacity: 0;

    -webkit-transform: translate3d(0, 50px, 0);

    -moz-transform: translate3d(0, 50px, 0);

    -ms-transform: translate3d(0, 50px, 0);

    transform: translate3d(0, 50px, 0);

  }

  to {

    opacity: 1;

    -webkit-transform: translate3d(0, 0, 0);

    -moz-transform: translate3d(0, 0, 0);

    -ms-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0);

  }

}

@-moz-keyframes fadeInUp50 {

  from {

    opacity: 0;

    -webkit-transform: translate3d(0, 50px, 0);

    -moz-transform: translate3d(0, 50px, 0);

    -ms-transform: translate3d(0, 50px, 0);

    transform: translate3d(0, 50px, 0);

  }

  to {

    opacity: 1;

    -webkit-transform: translate3d(0, 0, 0);

    -moz-transform: translate3d(0, 0, 0);

    -ms-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0);

  }

}

@-o-keyframes fadeInUp50 {

  from {

    opacity: 0;

    -webkit-transform: translate3d(0, 50px, 0);

    -moz-transform: translate3d(0, 50px, 0);

    -ms-transform: translate3d(0, 50px, 0);

    transform: translate3d(0, 50px, 0);

  }

  to {

    opacity: 1;

    -webkit-transform: translate3d(0, 0, 0);

    -moz-transform: translate3d(0, 0, 0);

    -ms-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0);

  }

}

@keyframes fadeInUp50 {

  from {

    opacity: 0;

    -webkit-transform: translate3d(0, 50px, 0);

    -moz-transform: translate3d(0, 50px, 0);

    -ms-transform: translate3d(0, 50px, 0);

    transform: translate3d(0, 50px, 0);

  }

  to {

    opacity: 1;

    -webkit-transform: translate3d(0, 0, 0);

    -moz-transform: translate3d(0, 0, 0);

    -ms-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0);

  }

}



.fadeInLeft50 {

  -webkit-animation-name: fadeInLeft50;

  -moz-animation-name: fadeInLeft50;

  -ms-animation-name: fadeInLeft50;

  animation-name: fadeInLeft50;

}

@-webkit-keyframes fadeInLeft50 {

  from {

    opacity: 0;

    -webkit-transform: translate3d(-50px, 0, 0);

    -moz-transform: translate3d(-50px, 0, 0);

    -ms-transform: translate3d(-50px, 0, 0);

    transform: translate3d(-50px, 0, 0);

  }

  to {

    opacity: 1;

    -webkit-transform: translate3d(0, 0, 0);

    -moz-transform: translate3d(0, 0, 0);

    -ms-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0);

  }

}

@-moz-keyframes fadeInLeft50 {

  from {

    opacity: 0;

    -webkit-transform: translate3d(-50px, 0, 0);

    -moz-transform: translate3d(-50px, 0, 0);

    -ms-transform: translate3d(-50px, 0, 0);

    transform: translate3d(-50px, 0, 0);

  }

  to {

    opacity: 1;

    -webkit-transform: translate3d(0, 0, 0);

    -moz-transform: translate3d(0, 0, 0);

    -ms-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0);

  }

}

@-o-keyframes fadeInLeft50 {

  from {

    opacity: 0;

    -webkit-transform: translate3d(-50px, 0, 0);

    -moz-transform: translate3d(-50px, 0, 0);

    -ms-transform: translate3d(-50px, 0, 0);

    transform: translate3d(-50px, 0, 0);

  }

  to {

    opacity: 1;

    -webkit-transform: translate3d(0, 0, 0);

    -moz-transform: translate3d(0, 0, 0);

    -ms-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0);

  }

}

@keyframes fadeInLeft50 {

  from {

    opacity: 0;

    -webkit-transform: translate3d(-50px, 0, 0);

    -moz-transform: translate3d(-50px, 0, 0);

    -ms-transform: translate3d(-50px, 0, 0);

    transform: translate3d(-50px, 0, 0);

  }

  to {

    opacity: 1;

    -webkit-transform: translate3d(0, 0, 0);

    -moz-transform: translate3d(0, 0, 0);

    -ms-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0);

  }

}

.fadeInDown50 {

  -webkit-animation-name: fadeInDown50;

  -moz-animation-name: fadeInDown50;

  -ms-animation-name: fadeInDown50;

  animation-name: fadeInDown50;

}

@-webkit-keyframes fadeInDown50 {

  from {

    opacity: 0;

    -webkit-transform: translate3d(-50px, 0, 0);

    -moz-transform: translate3d(-50px, 0, 0);

    -ms-transform: translate3d(-50px, 0, 0);

    transform: translate3d(-50px, 0, 0);

  }

  to {

    opacity: 1;

    -webkit-transform: translate3d(0, 0, 0);

    -moz-transform: translate3d(0, 0, 0);

    -ms-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0);

  }

}

@-moz-keyframes fadeInDown50 {

  from {

    opacity: 0;

    -webkit-transform: translate3d(-50px, 0, 0);

    -moz-transform: translate3d(-50px, 0, 0);

    -ms-transform: translate3d(-50px, 0, 0);

    transform: translate3d(-50px, 0, 0);

  }

  to {

    opacity: 1;


    -webkit-transform: translate3d(0, 0, 0);

    -moz-transform: translate3d(0, 0, 0);

    -ms-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0);

  }

}

@-o-keyframes fadeInDown50 {

  from {

    opacity: 0;

    -webkit-transform: translate3d(-50px, 0, 0);

    -moz-transform: translate3d(-50px, 0, 0);

    -ms-transform: translate3d(-50px, 0, 0);

    transform: translate3d(-50px, 0, 0);

  }

  to {

    opacity: 1;

    -webkit-transform: translate3d(0, 0, 0);

    -moz-transform: translate3d(0, 0, 0);

    -ms-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0);

  }

}

@keyframes fadeInDown50 {

  from {

    opacity: 0;

    -webkit-transform: translate3d(-50px, 0, 0);

    -moz-transform: translate3d(-50px, 0, 0);

    -ms-transform: translate3d(-50px, 0, 0);

    transform: translate3d(-50px, 0, 0);

  }

  to {

    opacity: 1;

    -webkit-transform: translate3d(0, 0, 0);

    -moz-transform: translate3d(0, 0, 0);

    -ms-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0);

  }

}

.fadeInRight50 {

  -webkit-animation-name: fadeInRight50;

  -moz-animation-name: fadeInRight50;

  -ms-animation-name: fadeInRight50;

  animation-name: fadeInRight50;

}

@-webkit-keyframes fadeInRight50 {

  from {

    opacity: 0;

    -webkit-transform: translate3d(50px, 0, 0);

    -moz-transform: translate3d(50px, 0, 0);

    -ms-transform: translate3d(50px, 0, 0);

    transform: translate3d(50px, 0, 0);

  }

  to {

    opacity: 1;

    -webkit-transform: translate3d(0, 0, 0);

    -moz-transform: translate3d(0, 0, 0);

    -ms-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0);

  }

}

@-moz-keyframes fadeInRight50 {

  from {

    opacity: 0;

    -webkit-transform: translate3d(50px, 0, 0);

    -moz-transform: translate3d(50px, 0, 0);

    -ms-transform: translate3d(50px, 0, 0);

    transform: translate3d(50px, 0, 0);

  }

  to {

    opacity: 1;

    -webkit-transform: translate3d(0, 0, 0);

    -moz-transform: translate3d(0, 0, 0);

    -ms-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0);

  }

}

@-o-keyframes fadeInRight50 {

  from {

    opacity: 0;

    -webkit-transform: translate3d(50px, 0, 0);

    -moz-transform: translate3d(50px, 0, 0);

    -ms-transform: translate3d(50px, 0, 0);

    transform: translate3d(50px, 0, 0);

  }

  to {

    opacity: 1;

    -webkit-transform: translate3d(0, 0, 0);

    -moz-transform: translate3d(0, 0, 0);

    -ms-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0);

  }

}

@keyframes fadeInRight50 {

  from {

    opacity: 0;

    -webkit-transform: translate3d(50px, 0, 0);

    -moz-transform: translate3d(50px, 0, 0);

    -ms-transform: translate3d(50px, 0, 0);

    transform: translate3d(50px, 0, 0);

  }

  to {

    opacity: 1;

    -webkit-transform: translate3d(0, 0, 0);

    -moz-transform: translate3d(0, 0, 0);

    -ms-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0);

  }

}

.div_m{display: none !important;}
/*》》》》》》》》》》flex布局《《《《《《《《《《*/
.flex{display:box;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;}
.flex_item{-webkit-box-flex: 1;-moz-box-flex: 1; -webkit-flex: 1;-ms-flex: 1;flex:1;}
.flex-row {flex-direction: row;}
.flex-col {flex-direction: column;}
.justify-center {justify-content: center;}
.justify-end {justify-content: flex-end;}
.justify-evenly {justify-content: space-evenly;}
.justify-around {justify-content: space-around;}
.justify-between {justify-content: space-between;}
.items-center {align-items: center;}
.items-end {align-items: flex-end;}




.header{ width:95%; margin: 0 auto; overflow: hidden; display: flex; align-items: center; justify-content: space-between; margin-top: 15px;}
.header .logo{display:block; width: 130px; height: auto; float: left; margin-top: 8px;}
.header .logo img{display:block; width: 100%;}
.header .navbox { display: flex; align-items: center; justify-content:flex-end;}
.header .navbox .nav{ font-size: 16px; line-height: 30px; color: #fff;}
.header .navbox .nav a{ color: #fff; display: block; float: left; margin-right: 42px;}
.header .navbox .tel{ font-size: 14px; width: 177px; height: 34px; line-height: 34px; border: 1px solid #fff; border-radius: 25px; text-align: center; color: #fff;}
.header .navbox .tel svg{margin-right:7px; width: 20px;}


.row1bg{clear:both; width: 100%; overflow: hidden;background: #101517;}
.row1{clear:both; color: #fff; padding: 2.6rem 0 2rem 0; }
.row1 .row1L{ width: 49%; float:left;}
.row1 .row1R{ width: 49%; height: 330px; float:right; overflow: hidden; border-radius: 16px;}
.row1 .row1R video{display:block; width: 100%; height: 100%;}
.row1 .row1L .d1{ font-size: 72px; line-height: 84px; font-family: STZhongsong; margin-bottom: 10px;}
.row1 .row1L .d2{ clear:both; font-size: 18px; line-height: 30px; color: #DCDCDE; margin-bottom: 20px;}
.row1 .row1L .d3{ clear:both;font-size: 16px; width: 98px;height: 50px; line-height: 50px; border-radius: 5px; text-align: center; background: #fff; color: #101517; overflow: hidden; cursor: pointer;-webkit-transition: 0.4s;
	-moz-transition: 0.4s;
	-ms-transition: 0.4s;
	-o-transition: 0.4s;
	transition: 0.4s;}
	.row1 .row1L .d3 a{color: #222;}
.row1 .row1L .d3:hover{background: #dbdcdc;}
.row1 .row1L .d3:hover a{color: #222;}


.row2{clear:both; width: 100%; color: #fff; padding: 2rem 0 7% 0; background: #1D2327}
.mtit{font-size:48px; line-height: 60px;margin-bottom:14px; font-family: STZhongsong;}
.row2 .swiper-container::before{content:''; display: block; position: absolute; left: 0; top: 0; z-index: 9999; width: 25%; height: 100%; background: linear-gradient(90deg, #1D2327 35%, rgba(29,35, 39, 0.00) 100%);}
.row2 .swiper-container::after{content:''; display: block; position: absolute; right: 0; top: 0; z-index: 9999; width: 25%; height: 100%; background:linear-gradient(-90deg, #1D2327 35%, rgba(29,35, 39, 0.00) 100%);}
.row2 .mtit{text-align: center;  margin-bottom:70px;}
.row2 .swiper-slide{ height: 5rem;transform: scale(0.8);}
.row2 .swiper-slide .pic img{ display: block; width: 100%; height: auto; border-radius: .14rem;}
.row2 .bx{width: 100%; height: 100%; position: relative;}
.row2 .wz{ width: 58%; height: 100%; position: absolute; left: 0; top: 0; color: #fff; padding:1.2rem 5% 5% .6rem;}
.row2 .wz .t1{ font-size: 28px; line-height:30px; margin-bottom: 30px;}
.row2 .wz .t2{ font-size: 16px; line-height: 26px; margin-bottom: 30px;}
.row2 .wz .t3{ font-size: 16px; width: 100px; height: 50px; line-height: 50px; border: 1px solid #fff; border-radius:5px; text-align: center;}
.row2 .wz .t3 a{ display: block; width: 100%; height: 100%; color: #fff;}
.row2 .wz .t3:hover{ background: #fff}
.row2 .wz .t3:hover a{color: #222;}
.row2 .swiper-button-prev{ left: 1%; z-index: 99999; width: 50px; height: 50px; border-style:solid;border-width:1px 1px 1px 1px;border:0;border-radius:50%;padding:10px 10px 10px 10px; background-image:none; display: flex; align-items: center; justify-content: center;background-color:rgba(255, 255, 255, .1);-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-ms-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;}
.row2 .swiper-button-next{ right: 1%; z-index: 99999; width: 50px; height: 50px; border-style:solid;border-width:1px 1px 1px 1px;border:0;border-radius:50%;padding:10px 10px 10px 10px; background-image:none; display: flex; align-items: center; justify-content: center;background-color:rgba(255, 255, 255, .1);-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-ms-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;}
.row2 .swiper-button-prev svg{fill:#656565;}
.row2 .swiper-button-next svg{fill:#656565;}
.row2 .swiper-button-prev:hover{ background: #fff}
.row2 .swiper-button-next:hover{ background: #fff}
.row2 .swiper-button-prev:hover svg{fill:#222;}
.row2 .swiper-button-next:hover svg{fill:#222;}
.row2 .swiper-slide-active,.swiper-slide-duplicate-active{
      transform: scale(1);
	}




.row3{clear:both; color: #fff; background: #1D2327; padding: .6rem 0 1.7rem 0;}
.row3 .list{ display: flex; align-items: center; justify-content: space-between; margin-bottom: .13rem;}
.row3 .list .li{ position: relative; border-radius: .12rem; overflow: hidden;}
.row3 .list1 .li1{ width: 66%;}
.row3 .list1 .li2{ width: 33%}
.row3 .list .li .pic img {display: block; width: 100%; height: 275px;-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-ms-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;}
.row3 .list .li .li_1{ position: absolute; left: 22px; top:20px;}
.row3 .list .li .li_1 img{ display:block; width: auto; height: 40px;}
.row3 .list .li .li_2{ position: absolute; left: 28px; bottom:-10px;-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-ms-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;}
.row3 .list .li .li_2 .p1{font-size:20px; line-height: 30px; margin-bottom: 3px;}
.row3 .list .li .li_2 .p2{font-size:16px; line-height: 24px; opacity: 0;-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-ms-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;}
.row3 .list .li:hover .li_2 {bottom:5%;}
.row3 .list .li:hover .li_2 .p2{opacity:1}
.row3 .list2 .li{ width: 32.6666%;}
.row3 .list2 .li:nth-child(2){ margin: 0 1%;}
.row3 .list .li:hover .pic img{ filter: blur(5px);}
.morebtn{ display: block;font-size: 16px; width: 98px; height: 50px; line-height: 50px; border-radius: 5px; text-align: center; background: #fff; color: #101517; margin: 0 auto; margin-top: 45px; overflow: hidden;-webkit-transition: 0.4s;
	-moz-transition: 0.4s;
	-ms-transition: 0.4s;
	-o-transition: 0.4s;
	transition: 0.4s;}
.morebtn:hover{ background: #dbdcdc; color: #101517;}

.row4{clear:both; color: #fff; background-image: linear-gradient(180deg, #101517 29%, #7C0F0F 100%); padding: 1.7rem 0 1.3rem 0;}
.mtext{font-size:18px; line-height: 30px; width: 60%; margin-bottom: 50px; color: #dcdcde;}
.row4 .list{ background: #fff; border-radius: 12px; overflow: hidden;}
.row4 .list .li{ width: 33.33333%; height: 360px; float: left; border-right: 1px solid #E0E0E0;border-bottom: 1px solid #E0E0E0; padding: 40px 39px;}
.row4 .list .b-bottom-0{border-bottom:0}
.row4 .list .li:nth-child(3n){border-right:0;}
.row4 .list .li .d1{margin-bottom: 18px;}
.row4 .list .li .d1 svg{width:68px; height: 68px;}
.row4 .list .li .d2{ font-size: 28px; line-height: 32px; color: #101517; margin-bottom: 18px;font-family:STZhongsong; }
.row4 .list .li .d3{font-size: 15px; line-height: 25px; color: #7A7A7A; height: 79px;}
.row4 .list .li .d4{ width: 100%; font-size: 14px; background: #101517; height: 40px; line-height: 40px; text-align: center; color: #fff; border-radius: 5px;-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-ms-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;}
.row4 .list .li .d4 a{ display:block; width: 100%; height: 100%; color: #fff;}
.row4 .list .li .d4:hover{background: #e62129;}




.row5{clear:both; color: #fff; background: #2C3338; padding: 1.6rem 0 1.7rem 0;}
.row5 .list .li{ width: 32%; height: 175px; float: left; border: 1px solid #4D5155; border-radius: 12px; overflow: hidden; margin-right: 2%; margin-bottom: 2%; padding: 28px 33px;-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-ms-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;}
.row5 .list .li:nth-child(3n){margin-right:0;}
.row5 .list .li .d1{ font-size: 22px; color: #fff; line-height: 30px; margin-bottom: 11px; display: flex; align-items: center; justify-content: flex-start;}
.row5 .list .li .d1 img{ display: block; width: 52px; height: auto; margin-right: 10px;}
.row5 .list .li .d2{ font-size: 15px; line-height: 25px; color: #C3C4C7;}
.row5 .list .li:hover{background: #394044;}


.row6{clear:both; color: #fff; background:#1D2327; padding: 1.6rem 0 1.7rem 0;}
.row6 .topbox{margin-bottom: 100px;}
.row6 .topbox .topboxL{ width: 55%; float: left; padding-top: 20px;}
.row6 .topbox .topboxR{ width: 35%; float: right;}
.row6 .topbox .topboxL .d1{ font-size: 40px; line-height: 48px; margin-bottom: 16px;font-family:STZhongsong;}
.row6 .topbox .topboxL .d2{ font-size: 18px; line-height: 28px; color: #DCDCDE;}
.row6 .topbox .topboxR .d1{ font-size: 110px; line-height: 110px;height: 114px; display: flex; align-items: flex-start; justify-content: flex-start; padding-left: 5px;font-family:STZhongsong;}
.row6 .topbox .topboxR .d1 .sp2{font-size: 30px; line-height: 36px;}
.row6 .topbox .topboxR .d2{ width: 100%; font-size: 15px; line-height: 24px; color: #DCDCDE; text-align: right; padding-top: 5px;}
.row6 .list{position:relative;} 
.row6 .list:before{content:''; display: block;width: 25%; height: 100%; position: absolute; left: 0; top: 0; z-index: 9999; background: linear-gradient(90deg, #1D2327 35%, rgba(29,35, 39, 0.00) 100%);}
.row6 .list:after{content:''; display: block; width: 25%; height: 100%; position: absolute; right: 0; top: 0; z-index: 9999; background:linear-gradient(-90deg, #1D2327 35%, rgba(29,35, 39, 0.00) 100%);}
.row6 .picMarquee{ overflow:hidden; position:relative; z-index: 999;  }
.row6 .picMarquee .bd ul{ overflow:hidden; zoom:1; height: 160px; display: block;}
.row6 .picMarquee .bd ul li{ float:left; _display:inline; overflow:hidden; text-align:center; width: 130px; height: 130px; margin: .2rem .16rem; position: relative;}
.row6 .picMarquee .bd ul li .pic{ width: 130px; height: 130px; border-radius:50%; overflow: hidden; position: absolute; left: 0; top:0; z-index: 1; background: #fff;-webkit-transition: 0.7s;
	-moz-transition: 0.7s;
	-ms-transition: 0.7s;
	-o-transition: 0.7s;
	transition: 0.7s;}
.row6 .picMarquee .bd ul li .pic img{ display:block; width: 100%; height: auto;}
.row6 .picMarquee .bd ul li .wz{ width: 130px; height: 130px;position: absolute; left: 0; top:0; z-index: 2; text-align: center; color: #fff;border-radius:50%; overflow: hidden; background-color:#2C3338; padding-top: 50px; opacity: 0;transform: scale(0);-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-ms-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;}
.row6 .picMarquee .bd ul li .wz .p1{ font-size: 18px; line-height: 26px; margin-bottom: 5px;}
.row6 .picMarquee .bd ul li .wz .p2{ font-size: 14px; line-height: 22px; color: #FFFFFFAB;}
.row6 .picMarquee .bd ul li:hover .wz{ opacity: 1;transform: scale(1);}
.row6 .picMarquee .bd ul li:hover .pic{ opacity: 0;}



.row7{clear:both; color: #fff; background:#2C3338; padding: 1.6rem 0 1.7rem 0;}
.row7 .list{ width:1320px; position: relative; margin: 0 auto;}
.row7 .list .box{ width: 1200px; margin: 0 auto;}
.row7 .list .swiper-container{position:static}
.row7 .swiper-slide{ height: 342px; padding: 1px;}
.row7 .swiper-slide .bx{ width: 100%; height: 100%; padding: 38px 30px 20px 30px; border: 1px solid #4D5155; border-radius: 12px; overflow: hidden;-webkit-transition: 0.4s;
	-moz-transition: 0.4s;
	-ms-transition: 0.4s;
	-o-transition: 0.4s;
	transition: 0.4s;}
.row7 .swiper-slide .d1{ margin-bottom: 10px;}
.row7 .swiper-slide .d1 img { display: block; height: 60px; width: auto}
.row7 .swiper-slide .d2{ font-size: 20px; line-height: 32px; margin-bottom: 28px;}
.row7 .swiper-slide .d2:after{content:''; display: block; width: 38px; height: 1px; background: #4D5155; margin-top: 14px;}
.row7 .swiper-slide .d3{ font-size: 15px; line-height: 25px; color: #C3C4C7}
.row7 .swiper-slide .bx:hover{background:#394044;}

.row7 .swiper-button-prev{ left: 0; width: 40px; height: 40px; border-style:solid;border-width:1px 1px 1px 1px;border-color:#AEB1B3;border-radius:50%;padding:10px 10px 10px 10px; background-image:none; display: flex; align-items: center; justify-content: center;}
.row7 .swiper-button-next{ right: 0; width: 40px; height: 40px; border-style:solid;border-width:1px 1px 1px 1px;border-color:#AEB1B3;border-radius:50%;padding:10px 10px 10px 10px; background-image:none; display: flex; align-items: center; justify-content: center;}
.row7 .swiper-button-prev svg{fill:#A1B1B3;}
.row7 .swiper-button-next svg{fill:#A1B1B3;}
.row7 .swiper-button-prev:hover svg{fill:#fff;}
.row7 .swiper-button-next:hover svg{fill:#fff;}


.row8{clear:both; color: #fff; background:#1D2327; padding: 1.6rem 0 1.7rem 0;}
.row8 .list {margin-top:40px;}
.row8 .list .li{ width: 16.6666%; height: 70px; float: left; display: flex; align-items: center; justify-content: center; margin-bottom: 16px;}
.row8 .list .li img { display: block; margin: 0 auto; width:auto; height: 58px;}



.footer{clear:both; width: 100%; overflow: hidden; background: #101517; padding: 1.2rem 0 .3rem 0;}
.footer .title{ text-align: center;}
.footer .title .tit0{ font-size: 72px; line-height:80px; color: #fff; margin-bottom: 30px; font-family:STZhongsong;}
.footer .title .tit0 .lx-color{background:linear-gradient(to right, #E62129, #FFF41E);-webkit-background-clip:text;color:transparent;}
.footer .title .tit1{ font-size: 18px; line-height: 32px; color: #DCDCDE;}
.footer .title .tit2{ font-size: 18px; line-height: 32px; background:linear-gradient(to right, #E62129, #FFF41E);-webkit-background-clip:text;color:transparent}

.footer .box1{ clear:both; width: 95%; margin: 0 auto;border-bottom: 1px solid #4D5155; margin-top: 90px; padding-bottom: 38px;}
.footer .box1 .li{ width: 20%; float: left; display: flex; align-items: center; justify-content: flex-start;}
.footer .box1 .li .wz{margin-left:20px;}
.footer .box1 .li .p1{ font-size: 18px; line-height: 32px; color: #fff;}
.footer .box1 .li .p2{ font-size: 13px; line-height: 22px; color: #C3C4C7;}
.footer .box2{ clear:both; width: 95%; margin: 0 auto; color: #fff; margin-top: 50px;}
.footer .box2 .box2L{ width: 37%;  float: left;}
.footer .box2 .box2C{ width: 26%; float: left; display: flex; align-items: flex-start; justify-content: center; text-align: center;}
.footer .box2 .box2R{ width: 37%; float: right; display: flex; align-items: flex-start; justify-content:flex-end;text-align: center;}
.footer .box2 .box2L .d1{font-size: 18px; line-height: 26px; color: #fff; margin-bottom: 5px;}
.footer .box2 .box2L .d2{font-size: 28px; line-height: 32px; color: #fff; font-weight: bold; margin-bottom: 13px;}
.footer .box2 .box2L .d3{font-size: 12px; line-height: 21px; color:rgb(195,196,199);}
.footer .box2 .box2C p{font-size: 14px;  margin:0 9px; color: #C3C4C7;line-height: 24px;}
.footer .box2 .box2C img{display:block; width: 114px; height: auto; border-radius: 5px; margin-bottom: 5px;}
.footer .box2 .box2R p{ margin-left:18px; color: #C3C4C7;line-height: 24px}
.footer .box2 .box2R img{display:block; width: 170px; height: auto; border-radius: 6px; margin-bottom: 5px;}

#ast-scroll-top{  text-align: center; cursor: pointer;background-color:#046bd2; font-size: 15px; width: 31px; height: 31px; position: fixed; right: 25px; bottom:30px; z-index: 999999; line-height: 31px; color: #fff; border-radius: 2px;}
#ast-scroll-top .ast-icon.icon-arrow svg{margin-left:0px;vertical-align:middle;transform:translate(0,-20%) rotate(180deg);width:15px;}
.ast-icon svg{fill:currentColor; margin-top: 7px;}

.rightBox{width:150px; height: 418px; background:#E62129; color: #fff; text-align: center; position: fixed; right: 10px; top: 29%; z-index: 999999999; border-radius: 10px; overflow: hidden; padding:30px 0 10px 0}
.rightBox .d1{ font-size: 26px; line-height: 30px; margin-bottom: 20px;}
.rightBox .d2{ font-size: 18px; line-height: 26px;}
.rightBox .d3{ font-size: 19px; line-height: 26px; font-weight: bold; margin-bottom: 28px;}
.rightBox .d4{ font-size: 14px; padding: 20px 0; border-bottom: 1px solid #FFFFFF50; border-top: 1px solid #FFFFFF50; margin-bottom: 20px;}
.rightBox .d4 a{ display: block;width: 90px; height: 31px; line-height: 31px; background: #fff; border-radius: 21px; color: #E62129; margin: 0 auto;}
.rightBox .d5{ font-size: 14px; line-height: 18px;}
.rightBox .d5 img{ display: block; margin: 0 auto; width: 96px; height: auto; margin-bottom: 8px;}


.zixunBox .rightBox_left{display:none!important}