/**  banner 轮播 **/
body,html{
  overflow-x: hidden;
}
.banner{
  width: 100%;
  overflow: hidden;
}
.banner img{
  width: 100%;
}
.banner .banner-box{
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;

}
.banner .banner-box .banner-wrap{
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transition-property: left;
  transition-property: left;
  /* width: 200%; */
  height: 100%;
  transition-duration: 0.5s;
}
.banner .banner-box .banner-wrap .banner-item{
  width: 100%;
  height: 100%;
}
.banner .banner-box .banner-wrap .banner-item .banner-item-img{
  height: 100%;
}
/** 主要模块 **/
.main{
  padding: 80px 0;
}
.sub-item{
  position: relative;
  width: 370px;
  height: 230px;
  overflow: hidden;
}
.sub-item .sub-top{
  height: 200px;
}
.sub-item .sub-top .item-img{
  width: 100%;
  height: 100%;
}
.sub-item .sub-top .item-img img{
  width: 100%;
}
.sub-item .sub-top .item-contant{
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 0;
  left:100%;
  width: 100%;
  height: 200px;
  color: #ffffff;
  background: rgba(0, 0, 0, 0.5);
  transition: all 0.5s ;
  animation: ease-in;
}
.sub-item .sub-top .item-contant h3{
  font-size: 20px;
}
.sub-item .sub-top .item-contant span{
  font-size: 12px;
}
.sub-item .sub-top .item-contant a{
  margin-top: 30px;
  display: flex;
  justify-content: space-evenly;
  align-items: center;
  width: 105px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  background-image: linear-gradient(-50deg,#d6b05d, #fcf9c0, #d6b05d); ;
  font-size: 16px;
}
.sub-item .sub-top .item-contant a img{
  height: 25px;
}
.sub-item .sub-title{
  position: relative;
  margin-top: 10px;
  padding-left: 10px;
  width: 100%;
  height: auto;
  font-size: 16px;
  color: #000000;
}
.sub-item .sub-title::before{
  display: block;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 3px;
  height: 100%;
  background: #2f91ff;
}
/**  推荐官视频 **/
.video-module .video-contant{
  width: 100%;
  height: 850px;
  background: url(../images/banner33.jpg) no-repeat;
  background-size: 100% 850px;
}

.video-module .video-contant .video-main{
  width: 1200px;
  height: 800px;
  margin: 0 auto;
  position: relative;
}
.video-module .video-contant .video-main .video{
  position: absolute;
  top: 39.8%;
  left: -16%;
  width: 694px;
  height: 367px;
  border-radius: 20px;
  background-color: #333333;
  z-index: 999999;
}
/** 相关资讯 **/
.news-block-title{
  margin-bottom: 50px;
  font-size: 26px;
  text-align: center;
}
.news-block-title i{
  display: block;
  margin: 25px auto;
  width: 50px;
  height: 3px;
  background: #d6b05d;
}
.news-block {
  flex-wrap: wrap;
}
.news-block-item{
  margin-bottom: 20px;
  position: relative;
  width: 380px;
  height: auto;
  overflow: hidden;
}
.news-block-item .new-b-img{
  margin: 10px 0;
}
.news-block-item .new-b-img img{
  width:100%;
}
.news-block-item .new-b-title{
  width: 100%;
  height: 50px;
  line-height: 50px;
  font-size: 22px;
  margin-top: 12px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
.news-block-item .new-b-contant{
  width: 100%;
  height: 90px;
  /* background: green; */
  font-size: 15px;
  line-height: 30px;
  margin-top: 10px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
.news-block-item .new-b-line{
  width: 0px; 
  height: 3px;
  position: absolute;
  left: 50%;
  bottom: 9px;
  margin-left: -189.5px;
  background: #2f91ff;
  transition: all 0.5s ;
  animation: ease-in;

}
.news-block-item:hover .new-b-line{
  width: 379px; 
}
.about-news{
  margin-top:80px;
}
 .common-title{
  padding-bottom: 5px;
  margin-bottom: 20px;
  position: relative;
  text-align: center;
}
 .common-title::before{
  content: "";
  display: block;
  position: absolute;
  width: 70px;
  height: 4px;
  background: #2f91ff;
  top: 95%;
  left:50%;
  transform: translateX(-50%);
}
 .common-title h3{
  font-size: 22px;
  color: #000000;
}
 .common-title span{
  font-size: 12px;
  color: #666666;
}
.news-contant{
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.news-img {
  width: 30%;
}
.news-img img{
  width: 100%;
}
.news-list{
  display: flex;
  flex-direction: column;
  align-self: flex-start;
  width: 65%;
}
.news-list a{
  position: relative;
  display: block;
  color: #494949;
  line-height: 45px;
  border-bottom: 1px dashed #999999;
}
.news-list a::after{
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  right: 20px;
  transform: translateY(-50%);
  width: 20px;
  height: 20px;
  background: url(../images/newmore.png) no-repeat center;
  background-size: 70%;
}
.news-list a:hover{
  color: #2f91ff;
}
#more-new{
  width: 100%;
  display: flex;
  justify-content: flex-end;
}
#more-new a{
  line-height: 50px;
}
#more-new a:hover{
  color: #2f91ff;
}
/** 品牌故事  **/
.brand-story{
  padding-bottom: 80px;
}
.brand-story .brand-left{
  width: 35%;
}
.brand-story .brand-left img{
  width: 100%;
}
.brand-story .brand-right{
  width: 60%;
}
.brand-story .brand-right .brand-title{
  margin-bottom: 15px;
}
.brand-story .brand-right .brand-title span{
  font-size: 16px;
  color: #494949;
}
.brand-story .brand-right .brand-title h3{
  position: relative;
  font-size: 30px;
  line-height: 60px;
}
.brand-story .brand-right .brand-title h3::before{
  content: "";
  display: inline-block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 50px;
  height: 3px;
  background: #d6b05d;
}
.brand-story .brand-right .brand-contant p{
  margin-bottom: 40px;
  color: #494949;
  font-size: 22px;
  font-weight: normal;
  text-indent: 2em;
  line-height: 32px;
}
.brand-story .brand-right .brand-msg img{
  width: 70px;
  margin-right: 40px;
}


/** 荣获殊奖 **/
.prize {
  box-sizing: border-box;
  padding:25px 45px;
  background: url(../images/bl_bg.png) repeat;
}
.prize .prize-title{
  width: 100%;
  text-align: center;
  margin-bottom: 25px;
}
.prize .prize-title span{
  font-size: 16px;
  color: #494949;
}
.prize .prize-title h3{
  position: relative;
  font-size: 30px;
  line-height: 60px;
}
.prize .prize-title h3::before{
  content: "";
  display: inline-block;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 50px;
  height: 3px;
  background: #d6b05d;
}
.prize .prize-contant{
  padding:0 ;
}
.prize .prize-contant p{
  font-size: 18px;
  color: #090d24;
  line-height: 35px;
}
.prize .prize-list{
  margin-top: 45px;
  text-align: center;
}


/** 尖端技术 **/
.go-down{
  position: relative;
  overflow: unset;
}
.go-down .go-down-btn{
  position: absolute;
  bottom: -33px;
  left: 50%;
  transform: translateX(-50%);
  width: 66px;
  overflow: hidden;
}
.go-down .go-down-btn img{
  width: 100%;
}
.technology-main{
  background: url(../images/technology_bg.png) no-repeat center bottom;
}
.technology-story .technology-left {
  width: 55%;
}
.technology-story .technology-left img{
  width: 100%;
}
.technology-story .technology-right{
  width: 38%;
}
.technology-story .technology-right .technology-title{
  margin-bottom: 15px;
}
.technology-story .technology-right .technology-title span{
  font-size: 16px;
  color: #494949;
}
.technology-story .technology-right .technology-title h3{
  position: relative;
  font-size: 30px;
  line-height: 60px;
}
.technology-story .technology-right .technology-title h3::before{
  content: "";
  display: inline-block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 50px;
  height: 3px;
  background: #d6b05d;
}
.technology-story .technology-right .technology-contant p{
  margin-bottom: 40px;
  color: #494949;
  font-size: 22px;
  font-weight: normal;
  text-indent: 2em;
  line-height: 32px;
}
.technology-story .technology-right .technology-msg img{
  width: 70px;
  margin-right: 40px;
}
.tech-prize{
  margin-top: 50px;
  padding: 25px;
  background:url(../images/tech_bg.jpg) repeat;
}
.tech-prize .tech-prize-title span,
.tech-prize .tech-prize-title h3{
  color: #ffffff;
}
.tech-prize .prize-contant .tech-prize-xq{
  display: flex;
  margin-top: 18px;
}
.tech-prize .prize-contant .tech-prize-xq img{
  width: 100%;
}


/*** 产品展示 ***/
.link-nav {
  width: 100%;
  height: 25px;
  font-size: 16px;
}
.link-nav a{
  color: #333333;
}
.link-nav  span{
  margin: 0 10px;
}
.product-list {
  margin-top: 50px;
  display: flex;
  flex-wrap: wrap;
}
.product-list .product-box{
  padding-bottom: 15px;
  margin-right: 2.4%;
  width: 22.4%;
  height: auto;
  overflow: hidden;
  text-align: center;
  border: 1px solid #ffffff;
}
.product-list .product-box:nth-child(4){
  margin-right: 0;
}
.product-list .product-box:hover{
  border: 1px solid #999;
  cursor: pointer;
}

.product-list .product-box .product-img img{
  width: 100%;
}
.product-list .product-box .p-name{
  /* font-size: 24px; */
  font-weight: lighter;
  color: #1a1a1a;
  /* line-height: 60px; */
  overflow: hidden;
  text-overflow: ellipsis;
  display:-webkit-box; 
  -webkit-box-orient:vertical; 
  -webkit-line-clamp:2; 
}
.product-list .product-box .p-price{
  font-size: 20px;
  color: #4c4c4c;
  line-height: 40px;
  margin-top: 10px;
  height: 40px;
  overflow: hidden;
  font-weight: lighter;
}
.product-list .product-box .p-descript{
  font-size: 16px;
  color: #999;
  font-weight: lighter;
  /* padding-bottom: 40px; */
  height: 42px;
  overflow: hidden;
  width: 80%;
  margin: 0 auto;
}
.product-list .product-box .more{
  display: block;
  width: 35%;
  line-height: 40px;
  margin: 0 auto;
  background: #FFCF8D;
  color: #8F4D38;
}

/*** 咨询详情  ***/
.news-details{
  margin-top: 1rem;
}
.news-details h3{
  font-size: 1.5rem;
  color: #333333;
  text-align: center;
  line-height: 3rem;
}
.news-details .tc{
  width: 100%;
  display: block;
  text-align: center;
  line-height: 2.5rem;
  color: #666666;
}
.news-details p{
  text-indent: 2rem;
  line-height: 2rem;
  margin-bottom: 0.5rem;
}
.news-details h4{
  font-size: 1.2rem;
  line-height: 2.5rem;
}
.news-details span{
  display: block;
  overflow: hidden;
  text-align: center;
  margin: 2rem auto;
}

/*** 联系我们 ***/
input::-webkit-input-placeholder { /* WebKit browsers */ 

  color: #fff; 
  
  } 
  
  input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ 
  
  color: #fff; 
  
  } 
  
  input::-moz-placeholder { /* Mozilla Firefox 19+ */ 
  
  color: #fff; 
  
  } 
  
  input:-ms-input-placeholder { /* Internet Explorer 10+ */ 
  
  color: #fff; 
  
  } 

.contact-us h1{
  margin: 0 auto 15px;
  font-size: 24px;
  line-height: 40px;
  font-weight: normal;
  font-family: Arial, Helvetica, sans-serif;
  width: 100%;
  color: #fff;
  text-align: center;
}
.contact-mian .us-item{
  width: 100%;
  box-sizing: border-box;
}
.contact-mian .us-item p{
  font-size: 16px;
  color: #fff;
  line-height: 50px;
  font-weight: bold;
}
.contact-mian .us-item p span{
  font-size: 12px;
  color: #f40;
  margin: 0 5px;
}
.contact-mian .us-item input{
  box-sizing: border-box;
  display: block;
  padding:0 10px;
  width: 350px;
  height: 40px;
  font-size: 16px;
  color: #fff;
  border: 1px solid #1a1a1a;
  background: #838488;
    opacity: 0.8;
}
.contact-mian .us-item select{
  font-size: 16px;
  width: 350px;
  height: 40px;
  color: #fff;
  background: #838488;
    opacity: 0.8;
}
.contact-mian .us-item select option{
  font-size: 16px;
  height: 40px;
  line-height: 40px;
}
.contact-mian .us-item textarea{
  width: 350px;
  height: 180px;
  background: #838488;
  color: #fff;
    opacity: 0.8;
}
.contact-mian .submitBtn{
  margin: 50px auto;
  width: 100px;
  height: 40px;
  line-height: 40px;
  color: #666;
  font-size: 16px;
  text-align: center;
  border-radius: 50px;
  background: #F4CEA0;
  cursor: pointer;
}
.sussen{
display: none;
flex-direction: column;
align-items: center;
}
.sussen h3{
  margin: 30px 0;
}
.sussen a{
  font-size: 14px;
  color: #2f91ff;
  padding-bottom: 300px;

}

/** 产品详情  **/

.P-box .P-main{
  width: 100%;
	display: flex;
	margin-bottom: 50px;
}
.P-box .P-l{
  width: 410px;
  height: 410px;
  overflow: hidden;
}
.P-box .P-l img{
  width: 100%;
}
.P-box .P-r{
  margin-top: 80px;
}
.P-box .P-r .p-name{
  margin-bottom: 25px;
  display: block;
  font-size: 30px;
  font-style: normal;
  font-weight: normal;
}
.P-box .P-r .p-precautions{
  font-size: 15px;
  margin-bottom: 20px;
}
.P-box .P-r .p-price{
  font-size: 25px;
}
.P-box .P-r .p-price span{
  color: #f24855;
}
.P-box .P-r .p-price span i{
  font-size: 15px;
}
.P-box .P_main_bg{
  width: 100%;
  overflow: hidden;
}
.P-box .P_main_bg .title_p{
  border-bottom: 2px solid #ebebeb;
  padding-bottom: 3px;
}
.P-box .P_main_bg .title_p span{
  font-size: 20px;
	color: #1a7567;
	border-bottom: 2px solid #1a7567;
	padding-bottom: 5px;
}
.P-box .P_main_bg .p_c ul{
	margin-top:20px;
	display: flex;
  justify-content: inherit;
  flex-wrap: wrap;
  align-items: center;
}
.P-box .P_main_bg .p_c ul li{
	box-sizing: border-box;
	padding: 5px 10px;
	width: 50%;
	overflow: hidden;
	font-size: 15px;
	line-height: 25px;
	color: #5e5a5a;
}.P-box .P_main_bg .p_c ul li:last-child{
	width: 100%;
}
.P-box .P_main_bg .p_c ul li b{
	color: #40403b;
}
.P-box .P_main_bg .p_img{
	margin-top: 50px;
	width: 100%;
	text-align: center;
}
.P-box .P_main_bg .p_img img{
	display: block;
	width: 90%;
	margin: 0 auto;
}