* {
  padding   : 0;
  margin    : 0;
  list-style: none;
}

.all {
  position        : relative;
  width           : 100%;
  background-color: black;
}

.banner_div {
  position          : absolute;
  width             : 100%;
  height            : 366px;
  background        : url('/image/weituu.png');
  background-size   : 100% 100%;
  background-repeat : no-repeat;
  margin-top        : 80px;
  border-bottom     : 1px dotted black;
  --animate-duration: 2s;
  overflow          : hidden;
  animation         : scaleBanner 2s linear forwards;
}

.bounceup {
  animation        : bounceInUp 0.6s;
  -moz-animation   : bounceInUp 0.6s;
  /* Firefox */
  -webkit-animation: bounceInUp 0.6s;
  /* Safari and Chrome */
  -o-animation     : bounceInUp 0.6s;
  /* Opera */
  visibility       : visible;
}

.bounceups {
  animation        : bounceInUp 1.2s;
  -moz-animation   : bounceInUp 1.2s;
  /* Firefox */
  -webkit-animation: bounceInUp 1.2s;
  /* Safari and Chrome */
  -o-animation     : bounceInUp 1.2s;
  /* Opera */
  visibility       : visible;
}

.bounceups1 {
  animation        : bounceInUp 1.8s;
  -moz-animation   : bounceInUp 1.8s;
  /* Firefox */
  -webkit-animation: bounceInUp 1.8s;
  /* Safari and Chrome */
  -o-animation     : bounceInUp 1.8s;
  /* Opera */
  visibility       : visible;
}

.bounceups2 {
  animation        : bounceInUp 2.4s;
  -moz-animation   : bounceInUp 2.4s;
  /* Firefox */
  -webkit-animation: bounceInUp 2.4s;
  /* Safari and Chrome */
  -o-animation     : bounceInUp 2.4s;
  /* Opera */
  visibility       : visible;
}

.container {
  width : 100%;
  height: 100%;
}

.banner_title {
  margin-top: 12%;
}

.banner_title p {
  font-size  : 28px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color      : #FFFFFF;
}

.banner_title span {
  font-size  : 16px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color      : rgba(255, 255, 255, 0.7);
}

.subject {
  position        : absolute;
  top             : 445px;
  width           : 100%;
  height          : auto;
  background-color: #181619;
}

.about {
  width          : 100%;
  /* height         : 460px; */
  /* height         : 560px; */
  display        : flex;
  justify-content: space-between;
  margin-top     : 100px;
  margin-bottom  : 100px;

}
.wxw{
  background: url("/image/ggjsBj.png") no-repeat;
  background-size: 100% 100%;
}
.gygy{
  background: url("/image/ggjxBj2.png") no-repeat;
  background-size: 100% 100%;
}

.about-left {
  width    : 55%;
  /* height   : 400px; */
  animation: changeBiger 2s linear forwards;
}

.about-left h3 {
  width      : 154px;
  height     : 64px;
  font-size  : 40px;
  font-family: PingFangSC-Semibold, PingFang SC;
  font-weight: 600;
  color      : #FFFFFF;
  line-height: 56px;
}

.about-left h4 {
  width      : 375px;
  height     : 30px;
  font-size  : 22px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color      : #FFFFFF;
  line-height: 30px;
}
.about-left p {
  text-indent: 2em;
}
.about-left p:nth-child(3) {
  width             : 100%;
  /* height            : 78px; */
  font-size         : 14px;
  font-family       : PingFangSC-Regular, PingFang SC;
  font-weight       : 400;
  color             : rgba(255, 255, 255, 0.7);
  line-height       : 26px;
  opacity           : 0.7;
  /* display           : -webkit-box; */
  /* -webkit-box-orient: vertical; */
  /* -webkit-line-clamp: 3; */
  overflow          : hidden;
}

.about-left p:nth-child(4) {
  width             : 100%;
  /* height            : 104px; */
  font-size         : 14px;
  font-family       : PingFangSC-Regular, PingFang SC;
  font-weight       : 400;
  color             : rgba(255, 255, 255, 0.7);
  line-height       : 26px;
  opacity           : 0.7;
  /* display           : -webkit-box; */
  /* -webkit-box-orient: vertical; */
  /* -webkit-line-clamp: 3; */
  overflow          : hidden;
}

.about-right {
  width     : 50%;
  /* height    : 251px; */
  /* height    : 300px; */
  margin-top: 100px;
  animation : changeBiger 2s linear forwards;
  margin-left:74px;
}

.donghua {
  animation: changeBiger 2s linear forwards;
}


@keyframes changeBiger {
  0% {
    transform: translateY(400px);
  }

  100% {
    transform: translateY(0px);
  }
}

@keyframes scaleBanner {
  0% {
    transform: scale(1.2);
  }

  100% {
    transform: scale(1);
  }
}

.about-right img {
  width : 100%;
  /* height: 100%; */
}

.enterprise {
  width : 100%;
  height: 830px;

}

.enterprise ul {
  display        : flex;
  justify-content: space-between;
}

.enterprise li:nth-child(1) {
  width           : 40%;
  height          : 1px;
  background-color: #FFFFFF;
  opacity         : 0.2;
  margin-top      : 20px;

}

.enterprise li:nth-child(2) {
  /* width      : 27%; */
  width      : 32%;
  height     : 40px;
  font-size  : 28px;
  text-align : center;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color      : #FFFFFF;
  line-height: 40px;

}

.enterprise li:nth-child(3) {
  width           : 40%;
  height          : 1px;
  background-color: #FFFFFF;
  opacity         : 0.2;
  margin-top      : 20px;
}

.enterprise-text {
  height     : 78px;
  font-size  : 14px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color      : rgba(255, 255, 255, 0.7);
  line-height: 26px;
  margin-top : 50px;
  opacity    : 0.7;
  overflow   : hidden;
  text-align : left;
  display    : none;
  text-indent: 2em;
}

.enterprise-img {
  width     : 100%;
  height    : 486px;
  margin-top: 50px;
  display   : none;
}

.enterprise-img img {
  width : 100%;
  height: 486px;
}

.reason {
  width : 100%;
  /* height: 536px; */
}

.reason h3 {
  width      : 100%;
  /* height     : 40px; */
  font-size  : 28px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color      : #FFFFFF;
  line-height: 40px;
  text-align : center;
  margin-top : 140px;
}

.reason-text {
  width : 100%;
  /* height: 196px; */
}

.reason-text ul {
  width          : 100%;
  /* height         : 196px; */
  display        : flex;
  /* margin-top     : 100px; */
  margin     : 40px 0;
  justify-content: space-between;
}

.reason-text li {
  width    : 23%;
  /* height   : 230px; */
  /* border: 1px solid red; */
}

.reason-text li h4 {
  width      : 100%;
  height     : 30px;
  font-size  : 18px;
  text-align : center;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color      : #FFFFFF;
  line-height: 30px;
  margin     : 24px auto;
}

.reason-text li p {
  width                : 100%;
  /* height            : 132px; */
  font-size            : 14px;
  font-family          : PingFangSC-Regular, PingFang SC;
  font-weight          : 400;
  color                : rgba(255, 255, 255, 0.6);
  line-height          : 22px;
  opacity              : 0.6;
  /* display              : -webkit-box; */
  /* -webkit-box-orient   : vertical; */
  /* -webkit-line-clamp   : 6; */
  /* overflow             : hidden; */
  text-indent          : 2rem;
}

.plant {
  width : 100%;
  height: 100%;
}

.plant {
  width : 100%;
  overflow: hidden;
  /* height: 650px; */
}

.plant-img {
  width  : 100%;
  height : 567px;
  display: none;
}

.plant-img img {
  width : 100%;
  /* height: 100%; */
}

.plant h3 {
  width        : 100%;
  height       : 40px;
  font-size    : 28px;
  font-family  : PingFangSC-Medium, PingFang SC;
  font-weight  : 500;
  color        : #FFFFFF;
  line-height  : 40px;
  margin-bottom: 40px;
  text-align   : center;
  margin-top: 136px;
}

.cooperation {
  width : 100%;
  /* height: 960px; */
  margin-bottom: 40px !important;
}

.cooperation ul {
  /*margin-top     : 160px;*/
  display        : flex;
  justify-content: space-between;
}

.cooperation li:nth-child(1) {
  width           : 40%;
  height          : 1px;
  background-color: #FFFFFF;
  opacity         : 0.2;
  margin-top      : 20px;

}

.cooperation li:nth-child(2) {
  /* width      : 14%; */
  width      : 34%;
  height     : 40px;
  font-size  : 28px;
  text-align : center;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color      : #FFFFFF;
  line-height: 40px;

}

.cooperation li:nth-child(3) {
  width           : 40%;
  height          : 1px;
  background-color: #FFFFFF;
  opacity         : 0.2;
  margin-top      : 20px;
}

.cooperation p {
  width             : 100%;
  /* height            : 72px; */
  font-size         : 14px;
  margin-top        : 50px;
  text-align        : left;
  font-family       : PingFangSC-Regular, PingFang SC;
  font-weight       : 400;
  color             : rgba(255, 255, 255, 0.7);
  line-height       : 24px;
  opacity           : 0.7;
  /* display           : -webkit-box; */
  /* -webkit-box-orient: vertical; */
  /* -webkit-line-clamp: 3; */
  overflow          : hidden;
  text-indent: 2em;

}

.cooperation ul li span:nth-child(1) {
  width      : 112px;
  height     : 40px;
  font-size  : 28px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color      : #FFFFFF;
  line-height: 40px;
}

.cooperation ul li span:nth-child(2) {
  width      : 75px;
  height     : 22px;
  font-size  : 16px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color      : rgba(255, 255, 255, 0.7);
  line-height: 22px;
}

/* 合作伙伴图片切换 */
.imgChage{
  margin-top: 80px;
}
.tm-m-photos,  .tm-m-photos-thumb{
	zoom: 1;
  width: 100%;
}
.tm-m-photos-thumb {
	height: 160px;
	list-style-type: none;
}
.tm-m-photos-thumb #li{
  width: 100%;
  height: 170px;
  opacity: 1;
  float: left;
  margin-top: 0 !important;
	transition: border-color .2s ease-out;
  background-color: transparent;
  box-sizing: border-box;
  -webkit-box-sizing: border-box; 
  -moz-box-sizing: border-box;
  position: relative;
  overflow: hidden;
}
.tm-m-photos-thumb #li p{
  position: absolute;
  top: 30%;
  color: #FFFFFF;
  z-index: 2;
  text-indent: 0em;
  text-align: center;
}
.tm-m-photos-thumb .tm-current {
  width: 100%;
  height: 170px;
	border: 2px solid #EB0C00;
  box-sizing: border-box;
  -webkit-box-sizing: border-box; 
  -moz-box-sizing: border-box;
}
.tm-m-photos-thumb #li:hover img{
  transform: scale(1.3);
  color: #FFFFFF;
}
.tm-m-photos-thumb #li:hover p{
  font-size: 18px;
}
.tm-m-photos-thumb .tm-current img{
  width: 100%;
  height: 166px;
	border: none;
  box-sizing: border-box;
  -webkit-box-sizing: border-box; 
  -moz-box-sizing: border-box;
}
.tm-m-photos-thumb img {
	display: block;
	width: 100%;
	height: 170px;
}
.tm-m-photo-viewer {
	position: relative;
  width: 100% !important;
	overflow: auto;
	display: none;
	transition: all 0.2s ease-in;
}
.tm-m-photo-viewer img{
	width: 100% !important;
	height: 100%;
}
/* 合作伙伴图片切换 */

.swiper {
  width     : 100%;
  height    : 200px;
  margin-top: 79px !important;
}

.swiper .swiper-container {
  width   : 92%;
  height  : 80%;
  margin  : 0 auto;
  overflow: hidden;
}

.swiper .swiper-slide {

  text-align             : center;
  font-size              : 18px;
  background             : #fff;
  /* border-right        : 1px dotted #181619;

  /* 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;
}

.swiper .swiper-slide:hover {
  transform: scale(1.2, 1.2);
}

.swiper .swiper-button-next::after {
  color    : #FFFFFF;
  font-size: 20px;
  top      : -5px;
}

.swiper .swiper-button-prev::after {
  color    : #FFFFFF;
  font-size: 20px;
  position : absolute;
  top      : -5px;
}

.swiper-button-next,
.swiper-button-prev {
  height  : 20px !important;
  position: relative;
  margin-top:-26px !important;
}

.swiper .swiper-pagination {
  width     : 20px;
  margin-top: 50px;
}

.swiper-pagination-bullet {
  width           : 50px !important;
  height          : 3px !important;
  border-radius   : 0% !important;
  margin-top      : 30px !important;
  background-color: #ff3636 !important;
}

.max_div {
  width            : 100%;
  height           : auto;
  background       : url('/image/zzss.png');
  background-repeat: no-repeat;
  background-size  : 100% 100%;
}

.max_div .container {
  width: 100%;
}

.max_div .container .one_div .tit_div {
  margin-top : 145px;
  font-size  : 40px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color      : #FFFFFF;
  line-height: 56px;
  text-align : center;
}

.max_div .container .one_div .ss_div {
  display      : flex;
  width        : 646px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.61);
  margin       : 205px auto;
  padding      : 20px 0;
  margin-top   : 100px;
}

.max_div .container .one_div .ss_div .ss_img_div {
  width : 30px;
  height: 30px;
}

.max_div .container .one_div .ss_div .ss_img_div img {
  width: 100%;
}

.max_div .container .one_div .ss_div .ipt_div {
  margin-left: 16px;
}

.max_div .container .one_div .ss_div .ipt_div input {
  border    : none;
  outline   : none;
  font-size : 22px;
  background: rgba(0, 0, 0, 0);
  color     : #FFFFFF;
}

.max_div .container .two_div {
  border-top     : 1px solid #454545;
  display        : flex;
  justify-content: space-between;
  border-bottom  : 1px solid #454545;
  margin-bottom  : 31px;
}

.max_div .container .two_div ul {
  margin-top: 58px;
}

.max_div .container .two_div ul .a {
  opacity: 63%;
}

.max_div .container .two_div ul li {
  display      : flex;
  list-style   : none;
  margin-bottom: 14px;
  font-size    : 12px;
  font-family  : PingFangSC-Regular, PingFang SC;
  font-weight  : 400;
  color        : #FFFFFF;
  line-height  : 17px;
}

.max_div .container .two_div ul li div {
  margin-bottom: 20px;
}

.max_div .container .two_div ul li .img_div {
  width : 135px;
  height: 37.13px;
}

.max_div .container .two_div ul li .img_div img {
  width: 100%;
}

.max_div .container .two_div ul li .one_li2_div {
  font-size  : 22px;
  font-family: Arial-BoldMT, Arial;
  font-weight: normal;
  color      : #FFFFFF;
  line-height: 26px;
}

.max_div .container .two_div ul li .one_li3_div {
  width : 16px;
  height: 16px;
}

.max_div .container .two_div ul li .one_li3_div img {
  width: 100%;
}

.max_div .container .two_div ul li .one_li4_div {
  display      : flex;
  width        : 95px;
  height       : 32px;
  border-radius: 2px;
  opacity      : 0.8;
  border       : 1px solid #FFFFFF;
  text-align   : center;
  line-height  : 32px;
  margin-left  : 16px;
}

.max_div .container .two_div ul li .one_li4_div .i_div {
  width : 16px;
  height: 16px;
}

.max_div .container .two_div ul li .one_li4_div .i_div img {
  width: 100%;
}

.max_div .container .two_div ul li .one_li4_div1 {
  width        : 95px;
  height       : 32px;
  border-radius: 2px;
  opacity      : 0.8;
  border       : 1px solid #FFFFFF;
  text-align   : center;
  line-height  : 32px;
}

.max_div .container .two_div ul li p {
  margin-left: 11px;
}

.max_div .container .two_div ul li .p1 {
  font-size  : 14px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color      : #FFFFFF;
  line-height: 20px;
}

.max_div .container .two_div ul li .p2 {
  font-size  : 22px;
  font-family: Arial-BoldMT, Arial;
  font-weight: normal;
  color      : #FFFFFF;
  line-height: 26px;
  opacity    : 80%;
}

.max_div .container .two_div ul li span {
  margin-bottom: 20px;
  font-size    : 16px;
  font-family  : PingFangSC-Medium, PingFang SC;
  font-weight  : 500;
  color        : #FFFFFF;
  line-height  : 22px;
  opacity      : 80%;
}

.max_div .container .foot {
  width: 100%;
}

.max_div .container .foot .tit_div {
  display: flex;
  color  : #FFFFFF;
}

.max_div .container .foot .tit_div p {
  font-size  : 14px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color      : #FFFFFF;
  line-height: 20px;
}

.max_div .container .foot .wei_div {
  margin-top   : 12px;
  font-size    : 14px;
  font-family  : PingFangSC-Regular, PingFang SC;
  font-weight  : 400;
  color        : #FFFFFF;
  line-height  : 20px;
  margin-bottom: 100px;
  opacity      : 50%;
}

* {
  padding  : 0;
  margin   : 0;
  font-size: 16px;
}

.nav_maxDiv {
  width     : 100%;
  height    : 80px;
  position  : fixed;
  background: #000000;
}

.nav_div {
  position       : relative;
  display        : flex;
  justify-content: space-between;
}

.nav_div .logo_div {
  width      : 120px;
  height     : 33px;
  line-height: 80px;
}

.nav_div .logo_div img {
  width: 100%;
}

.nav_div .nav_ui ::after {
  content: '';
  display: block;
  clear  : both;
}

.nav_div .nav_ui ul {
  float: left;
}

.nav_div .nav_ui ul li {
  float      : left;
  list-style : none;
  line-height: 80px;
  padding    : 0 20px;
  height     : 80px;
}

.nav_div .nav_ui ul li a {
  font-size      : 16px;
  font-family    : PingFangSC-Medium, PingFang SC;
  font-weight    : 500;
  color          : #FFFFFF;
  text-decoration: none;
}

.nav_div .nav_ui ul .tabFocus {
  border-bottom: 4px solid red;
}

.nav_div .sousuo {
  text-align: center;
  float     : left;
  width     : 22px;
  height    : 22px;
  margin-top: 28px;
  cursor    : pointer;
}

.nav_div .sousuo img {
  width: 100%;
}

.nav_div .searchDiv {
  position: absolute;
  right   : 200px;
  top     : 22px;
  display : none;
}

.nav_div .searchDiv .searhInput {
  border-radius   : 5px;
  background-color: #ffffff33;
  outline         : none;
  border          : none;
  width           : 500px;
  height          : 35px;
  color           : #fff;
}

/*# sourceMappingURL=./head.css.map */

/* 新增样式响应式 */
@media(max-width: 1500px){
	.banner_div{height: 330px;}
	.subject{top: 409px;}
	.enterprise-img img{height: 476px;}
	.plant-img{height: 500px;}
}
@media(max-width: 1400px){
	.banner_div{height: 320px;}
	.subject{top: 399px;}
	.enterprise-img img{height: 466px;}
	.plant-img{height: 470px;}
	/* .plant{height: 551px;} */
}
@media(max-width: 1300px){
	.banner_div{height: 310px;}
	.subject{top: 389px;}
	.enterprise-img img{height: 450px;}
	.plant-img{height: 450px;}
	/* .plant{height: 531px;} */
}
@media(max-width: 1200px){
	.banner_div{height: 305px;}
	.subject{top: 384px;}
	.enterprise{height: 760px;}
	.enterprise-img img{height: 436px;}
	.plant-img{height: 420px;}
	.reason-text ul{display: block;}
	/* .plant{height: 500px;} */
	.reason-text li{
		width: 31%;
		margin-right: 1.5%;
		vertical-align: top;
		display: inline-block;
	}
	.tm-m-photos-thumb{height: 140px;}
	.tm-m-photos-thumb #li, .tm-m-photos-thumb img{height: 150px;}
	
}
@media(max-width: 1100px){
	.banner_div{height: 300px;}
	.subject{top: 379px;}
	.enterprise-img img{height: 420px;}
	.plant-img{height: 390px;}
}
@media(max-width: 991px){
	.banner_div{height: 280px;}
	.subject{top: 332px;}
	.banner_div{margin-top: 53px;}
	.enterprise-img img{height: 425px;}
	.plant-img{width: 90%;height: 500px;margin: 0 auto;}
	.reason{width: 95%;margin: 0 auto;}
	/* .plant{height: 580px;} */
	.enterprise{
		width: 90%;
		height: 620px;
		margin: 0 auto;
	}
	.cooperation {width: 90%;margin: 0 auto;}
}
@media(max-width: 900px){
	.banner_div{height: 255px;}
	.subject{top: 307px;}
	.plant-img{height: 370px;}
	/* .plant{height: 450px;} */
}
@media(max-width: 800px){
	.banner_div{height: 245px;}
	.subject{top: 297px;}
	.plant-img{height: 350px;}
	/* .plant{height: 430px;} */
}
@media(max-width: 768px){
	.banner_div{height: 240px;}
	.subject{top: 292px;}
	.enterprise-img img{height: 290px;}
	.enterprise{height: 630px;}
	.reason-text li{width: 47%;}
	.about{display: block;}
	.about-left{width: 90%;margin: 0 auto;}
	.about-right{width: 70%;margin: 20px auto;}
	.plant-img{height: 320px;}
	.tm-m-photos-thumb{height: 110px;}
	.tm-m-photos-thumb #li{height: 120px;}
	.tm-m-photos-thumb img{height: 120px;}
}
@media(max-width: 700px){
	.banner_div{height: 235px;}
	.subject{top: 287px;}
}
@media(max-width: 600px){
	.banner_div{height: 225px;}
	.subject{top: 277px;}
}
@media(max-width: 480px){
	.banner_div{height: 110px;}
	.subject{top: 162px;}
	.enterprise-img img{height: 170px;}
	.enterprise{height: 490px;}
	.plant-img{height: 190px;}
	/* .plant{height: 400px;} */
	.reason-text li{width: 100%;margin-right: 0;}
	.tm-m-photos-thumb{height: 50px;}
	.tm-m-photos-thumb #li p{margin-top: 18px;}
	.tm-m-photos-thumb #li, .tm-m-photos-thumb img{height: 60px;}
}
@media(max-width: 375px){
	.banner_div{height: 100px;}
	.subject{top: 152px;}
	/* .plant{height: 400px;} */
}