/*初始化样式*/
html{margin:0;padding:0;border:0;}
body,div,span,object,iframe,h1,h2,h3,h4,p,blockquote,pre,a,address,code,b,em,img,
dl,dt,dd,ol,ul,li,fieldset,form,label,footer,
header,hgroup,navs,section
{margin:0;padding:0;border:0;}
body{background:#fff;color:#333;position:relative;font:12px/1.5 Microsoft YaHei,arial,宋体,sans-serif;vertical-align:baseline;width:100%;overflow-x:hidden;}
a{text-decoration:none;outline:none;}

a:hover,a:active,a:focus{text-decoration:none;outline:none;}

.flex {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: nowrap;
}
.flex::before,
.flex::after {
  display: none;
}

input{padding:0;margin:0;font-family:'Microsoft YaHei';}
img{border:none;background:none;vertical-align:middle;}
ul,ol,li{list-style-type:none;}
select,input,img,select{vertical-align:middle;}
table{border-collapse:collapse;border-spacing:0}

.clearfix:after{content: ".";display: block;height: 0;clear: both;overflow: hidden;visibility: hidden;}
.clearfix{zoom:1}
.clearboth{height:0px;line-height:0px;overflow:hidden;clear:both;font-size:0px;}

h1,h2{font-size:12px;font-weight:bold;}
hr {border: 0;border-top:1px solid #ccc;height:0;}

p{margin:0;}



/*----- Common css ------*/
.fl{float:left;}
.fr{float:right;}
.di{_display:inline;}
.fwn{font-weight:normal;}
.dib{*display:inline;_zoom:1;_display:inline;_font-size:0px;}

/*滚动*/
#demo{overflow:hidden;width:100%;margin:0 auto;}
#indemo {float: left;width:800%!important;}
#demo1 {float: left;}
#demo2 {float: left;}

#m_demo{overflow:hidden;width:92%;margin:0 auto;}
#m_indemo {float: left;width:800%!important;}
#m_demo1 {float: left;}
#m_demo2 {float: left;}



.pos{position: relative;width:1920px;left:50%;margin-left:-960px;}
.wh{width:1200px;margin:0 auto;}


.com-img{ display:inline; overflow:hidden;margin:0 auto;display: table;}
.com-img img{ transition:all 0.8s; -webkit-transition:all 0.8s; -moz-transition:all 0.8s; -o-transition:all 0.8s;}
.com-img:hover img{transform:scale(1.2); -webkit-transform:scale(1.2); -moz-transform:scale(1.2); -o-transform:scale(1.2);-ms-transform:scale(1.2);}



.roll_product {float: left;}


/*头部样式*/
.top1{background:#e6e6e6;color:#595959;height:27px;line-height:27px;overflow:hidden;font-size:14px;}
.top1 a{color:#595959;}





.top2{height:143px;overflow:hidden;}

.logo{float:left;line-height:143px;}
.k2{margin-top: 5px;font-size:14px;color:#333333;line-height:35px;background: url(../imgs/t.png) no-repeat left center;padding-left:54px;}
.k2 p:nth-child(2){color:#2459a9;font-size:27px;}








/*主体样式*/

.ssddds{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.xyin-case-sort li:hover, .xyin-case-sort li.on {
    background: #3c486d;
    position: relative;
    color: #fff;
    cursor: pointer;
}

.xyin-case-sort li:hover a, .xyin-case-sort li.on a {
    color: #fff;
}

.aby_hh li:hover .aby_hh_img img{
    filter: invert(49%) sepia(93%) saturate(369%) hue-rotate(900deg) brightness(60%) contrast(93%);
}



/*页面底部*/
/* .foot{background:#333;} */
.f_nav{width:826px;margin-top:40px;}
.f_nav dl{float:left;width:136px;height:186px;overflow:hidden;}
.f_nav dt{margin-bottom:8px;font-size:19px;color:#333;font-weight:normal;}

.f_nav dd a{font-size:12px;color:#333;line-height:20px;}
.copyright{text-align:center;line-height:24px;}

/*内页左侧样式*/

.page-product-inquiry a{color: #fff;}
.xypg-right-content{ font-size:16px; line-height: 30px;}
.xypg-right-content img{ max-width:100%}

.bb1bt {
	font-size: 42px;
	font-weight: bold;
	font-stretch: normal;
	line-height: 62px;
	letter-spacing: 0px;
	color: #222222;
	text-align: center;
}
.bb1bt1 {
	font-size: 16px;
	line-height: 26px;
	color: #666;
	text-align: center;
	}


/* 相同标题 */
.titles {
  position: relative;
}
.center {
  text-align: center;
}
.titles h2 {
  font-size: 42px;
	font-weight: bold;
	font-stretch: normal;
	line-height: 1.5;
	letter-spacing: 0px;
	color: #000000;
}
.titles h2 span {
	color: #7D4319;
}
.lins {
  position: absolute;
  left: -1em;
  top: calc(0.75em - 5px);
  width: 9px;
  height: 9px;
  display: block;
  background-color: #7D4319;
}
.lins::before {
  content: "";
  display: block;
  position: absolute;
  right: 100%;
  height: 1px;
  background-color: inherit;
  width: 100vw;
  top: 4px;
}
.titles h4 {
  font-size: 16px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 1.5;
	letter-spacing: 0px;
	color: #333333;
  margin-top: 0.3em;
}
.btline {
  display: block;
	width: 68px;
	height: 3px;
	background-color: #7D4319;
	border-radius: 2px;
  margin: 1.8% auto 0;
  position: relative;
}
.btline::before {
  content: "";
  display: block;
  margin: 0 auto;
  border-radius: 50%;
	width: 10px;
	height: 10px;
	background-color: #ff8f17;
  position: absolute;
  left: calc(50% - 5px);
  top: calc(50% - 5px);
}


.titles.white h2 {
  color: #ffffff;
}
.titles.white h4 {
  color: #ffffff;
}
.titles.white .btline {
  background-color: #ffffff;
}

@media (max-width: 1560px) {
  .titles h2,.bb1bt{
    font-size: 2.8vw;
  }
  .titles h4 ,.bb1bt1{
    font-size: 17px;
  }
}
@media (max-width: 1400px) {
  .titles h4,.bb1bt1{
    font-size: 16px;
  }
}
@media (max-width: 1200px) {
  .titles h2 ,.bb1bt{
    font-size: 32px;
  }
  .titles h4,.bb1bt1{
    font-size: 15px;
  }
  .btline {
    margin-top: 16px;
    width: 64px;
  }
}
@media (max-width: 990px) {
  .titles h2,.bb1bt {
    font-size: 28px;
  }
  .btline {
    margin-top: 14px;
    width: 56px;
    height: 2px;
  }
  .btline::before {
    width: 8px;
    height: 8px;
    left: calc(50% - 4px);
    top: calc(50% - 4px);
  }
}
@media (max-width: 768px) {
}
@media (max-width: 640px) {
  .titles h2,.bb1bt {
    font-size: 24px;
  }
  .titles h4,.bb1bt1{
    font-size: 14px;
  }
  .btline {
    margin-top: 12px;
    width: 45px;
  }
}
.fixed_ratio {
  position: relative;
  overflow: hidden;
  padding-top: calc(3 / 4 * 100%);
}
.fixed_ratio img {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.clearboth {
  width: 100%;
  clear: both;
  display: block;
}
.enlarge .imgs {
  overflow: hidden;
  position: relative;
}
.enlarge .imgs img {
  transform: scale(1);
  transition: 0.5s ease;
}
.enlarge:hover .imgs img {
  transform: scale(1.08);
}
/* 关于我们 */
.assembly {
  padding: 5.4% 0 6%;
  overflow: hidden;
}
.assembly .w1520 {
  justify-content: space-between;
}
.assembly_left {
  width: 48.3%;
}
.assembly_tit {
  font-size: 36px;
	font-weight: bold;
	font-stretch: normal;
	line-height: 1.28;
	letter-spacing: 0px;
	color: #191f26;
}
.assembly_text {
  font-size: 18px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 1.89;
	letter-spacing: 0px;
	color: #323c49;
  text-align: justify;
  margin-top: 1.1em;
}
.assembly_uls {
  margin-top: 11%;
}
.assembly_uls ul {
  justify-content: flex-start;
}
.assembly_uls li {
  margin-right: 6.6%;
  position: relative;
  z-index: 10;
}
.assembly_uls li::before {
  content: "";
  width: calc(183 / 112 * 100%);
  height: calc(164 / 112 * 100%);
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  background-image: url("../imgs/8cefce5d36b54b1215700711165a9ace8513cfe0.png");
}
.assembly_uls li:last-child {
  margin-right: 0;
}
.assembly_uls li a {
  display: flex;
  flex-flow: column;
  align-items: center;
  justify-content: center;
	background-color: #ffffff;
	border-radius: 10px;
	border: dashed 1px #e3e3e3;
  width: 112px;
  height: 112px;
  position: relative;
  z-index: 20;
}
.assembly_uls li:hover a {
  border-color: #7D4319;
  background-color: #7D4319;
}
.assembly_uls li .imgs {
  width: 36px;
  height: 36px;
  position: relative;
}
.assembly_uls li .imgs img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.assembly_uls li .imgs img:last-child {
  position: absolute;
  left: 0;
  top: 0;
  visibility: hidden;
  opacity: 0;
}
.assembly_uls li:hover .imgs img:first-child {
  visibility: hidden;
  opacity: 0;
}
.assembly_uls li:hover .imgs img:last-child {
  visibility: visible;
  opacity: 1;
}
.assembly_uls li h4 {
  display: block;
  text-align: center;
  font-size: 15px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 1.5;
	letter-spacing: 0px;
	color: #191f26;
  margin-top: 0.8em;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.assembly_uls li:hover h4 {
  color: #ffffff;
}

.assembly_right {
  width: 43.74%;
}
.assembly_video {
  padding-top: calc(446 / 656 * 100%);
	border-radius: 10px;
	border: solid 1px #ffffff;
  filter: drop-shadow(0 0 20px rgba(0, 115, 187, 0.1));
}
.assembly_video_btn {
  display: block;
  width: 12.2%;
  height: 17.9%;
  position: absolute;
  top: 43.9%;
  left: 41.05%;
  background-image: url("../imgs/4d4c4b250b19de84a05335992005505f90202eed.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  cursor: pointer;
  z-index: 20;
} 

.assembly_video_btn .btns_bwen {
  position: absolute;
  z-index: -1;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  visibility: visible;
  opacity: 1;
}
.assembly_video_btn.cur .btns_bwen {}

/* 扩散动画 */
.assembly_video_btn .circle, 
.assembly_video_btn .circle1 {
  width: 100%;
  height: 100%;
  background: #ffffff;
  border: none;
  /* border-radius: 999px; */
  border-radius: 50%;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
}
.assembly_video_btn .circle, 
.assembly_video_btn .circle1  {
  /* animation: circleChange 2s 1s ease-out infinite; */
  animation-name: circleChange;
  animation-duration: 2s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}
.assembly_video_btn .circle1 {
  animation-delay: 1s;
}

@keyframes circleChange {
  0%{transform: scale(1);opacity: 0.05;}
  25%{transform: scale(1.3);opacity: 0.1;}
  50%{transform: scale(1.6);opacity: 0.2;}
  75%{transform: scale(1.9);opacity: 0.1;}
  100%{transform: scale(2.2);opacity: 0;}
}


#new_video {
  position: fixed;
  left: 50%;
  top: 50%;
  /* right: 0;
  bottom: 0; */
  width: 100%;
  height: 100%;
  transform: translate(-50%, -50%);
  background-color: rgba(0, 0, 0, 0.5);
  backdrop-filter: blur(24px);
  z-index: 80;
  display: none;
}
#new_video .video_cont {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: calc(94px + 5vh) 10vw 5vh;
  width: 100%;
  height: 100%;
  position: relative;
}
#new_video .video_cont video {
  display: block;
  max-width: 100%;
  max-height: 100%;
  
  object-position: center;
  object-fit: contain;
}
.video_close {
  position: absolute;
  right: 10vw;
  top: calc(60px + 5vh);
  display: block;
  width: 24px;
  height: 24px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  background-image: url("../imgs/1d78ac3980d6c55fd8dba7d5fe9037aea8c41281.png");
  cursor: pointer;
}
#new_video .video_cont img {
  display: block;
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
  margin: auto;
}


@media (max-width: 1560px) {
  .assembly {
  }
  .assembly_tit {
    font-size: 2.3vw;
  }
  .assembly_text {
    font-size: 17px;
  }
}
@media (max-width: 1400px) {
  .assembly_text {
    font-size: 16px;
  }
  .assembly_uls li a {
    width: 8vw;
    height: 8vw;
  }
  .assembly_uls li .imgs {
    width: 2.57vw;
    height: 2.57vw;
  }
  .assembly_uls li h4 {
    font-size: 14px;
  }
}
@media (max-width: 1200px) {
  .assembly {
    padding: 50px 0;
  }
  .assembly_tit {
    font-size: 27px;
  }
  .assembly_text {
    font-size: 15px;
  }
  .assembly_uls {
    margin-top: 30px;
  }
  .assembly_uls li a {
    width: 90px;
    height: 90px;
  }
  .assembly_uls li .imgs {
    width: 30px;
    height: 30px;
  }
}
@media (max-width: 990px) {
  .assembly {
    padding: 30px 0 40px;
  }
  .assembly .dth_wh {
    flex-flow: column-reverse;
  }
  .assembly_left {
    width: 100%;
    margin-top: 20px;
  }
  .assembly_tit {
    font-size: 24px;
  }
  .assembly_right {
    width: 100%;
  }
}
@media (max-width: 768px) {
}
@media (max-width: 640px) {
  .assembly {
    padding: 20px 0 36px;
  }
  .assembly_uls {
    margin-top: 24px;
  }
  .assembly_uls ul {
    flex-wrap: wrap;
    justify-content: space-around;
  }
  .assembly_uls li:nth-child(n+1) {
    width: 36vw;
    margin-right: 0;
  }
  .assembly_uls li:nth-child(n+3) {
    margin-top: 8%;
  }
  .assembly_uls li a {
    width: 36vw;
    height: 36vw;
  }
  .assembly_uls li .imgs {
    width: 36px;
    height: 36px;
  }
}








/*业务范围*/

.bb2gd{
    width: 258px;
    height: 65px;
    background-color: #f6f6f6;
    margin: 34px auto 0;
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 65px;
    letter-spacing: 0px;
    color: #333333;
    text-align: center;
}
.bb3ht{
    margin-top: 0;
}
.bb3ht .bb2htwz h2{
    font-size: 42px;
    font-weight: normal;
    line-height: 42px;
}
.bb3ht .bb2htwz h3{
 	font-size: 18px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 33px;
	letter-spacing: 0px;
	color: #ffffff;
    padding: 0 10%;
}

.bb3x{  
    background:url(../imgs/b7daaf7dbca32b026baf9820fa574b1e68c2b518.jpg);
    padding: 62px 0;
}
.bb3nr{margin-top: 1.8vw; background:#fff; padding:30px}

/* css */
.bb3bd { position: relative; }
.bb3bd li { position: absolute; left: 0; top: 0; z-index: 9; right: 0;}
.bb3bd li { opacity: 0; visibility: hidden; transition: all .5s ease; }
.bb3bd li.on {position: static;opacity: 1;visibility: visible;}


.bb3hd{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    padding-bottom: 0;
    border-bottom: 1px solid #ededed; margin:0px 50px 0 50px;
}
.bb3hd li{  
    text-align: center;
}
.bb3hd li h2{
    font-size: 18px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 47px;
    letter-spacing: 0px;
    color: #333333;
}
.bb3hd li.on h2{
    border-bottom: 2px solid #7D4319;
    color: #7D4319;
}



.bb3bd{
    margin-top: 46px;
}
.bb3bd li{
    background-color: #ffffff;
}
.bb3bd li .bb3wz{
    width: 48%;
    float: left;
    padding-left: 3.7vw;
    padding-top: 4vw;
    padding-right: 2%;
}
.bb3bd li .bb3wz h2{
    font-size: 36px;
    font-weight: bold;
    font-stretch: normal;
    line-height: 20px;
    letter-spacing: 0px;
    color: #333333;
}
.bb3bd li .bb3wz h3{
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 30px;
    letter-spacing: 0px;
    color: #333;
    margin-top: 28px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
}
.bb3bd li .bb3wz h4{
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;  
    letter-spacing: 0px;
    margin-top: 2.5vw;
    background: #7D4319;
    width: 130px;
    height: 48px;
    text-align: center;
    line-height: 48px;
    color: #fff;
    border-radius: 100px
}
.bb3bd li .img{
    width: 50%;
    float: right;
    overflow: hidden;
    position: relative;
}
.bb3bd li .img img{
    width: 100%;
}

.bb3bd li .img:before{content: '';width: 24px;height: 40px;position: absolute;left: 0;top: 50%;margin-top: -20px;
background: url(../imgs/f0ee3d9c239760250a4efaf76b29a5ce7952eca0.png) no-repeat;} 


.bb3gd{
    background-color: #fff;
    margin: 54px auto 0;
}












@media (max-width: 1200px) {  

.bb3ht .bb2htwz h2{font-size: 34px;}
  .bb3ht .bb2htwz h3{
    font-size: 16px;
    line-height: 23px;
    margin-top: 14px;
  }
.bb3hd{ margin:0}

.bb3hd li h2{font-size: 16px;}
.bb3bd li .bb3wz{
    width: 48%;
    float: left;
    padding-left:10px;
    padding-top: 3vw;
    padding-right:10px;
}
.bb3bd li .bb3wz h3{ margin-top: 31px;}
.bb3bd li .bb3wz h4{margin-top: 3vw;}



}

@media (max-width: 992px) { 
.bb3ht .bb2htwz h2{font-size: 22px;}
.bb3x{margin-top: 55px;padding-bottom: 40px;}
.bb3ht .bb2htwz h3{display: none;}

.bb3bd li .bb3wz{width: 100%;}
.bb3bd li .img{width: 100%; margin-top: 20px;}
.bb3gd{    margin: 35px auto 0;}

}


.bb3wz .list-paddingleft-2 {
	width: 100%;
	display: flex;
	flex-wrap: wrap; margin-top:50px;
}
.bb3wz .list-paddingleft-2 .li1 {
	width: 50%;
	margin-bottom: 15px
}
.bb3wz .list-paddingleft-2 .li1 svg {
	float: left;
	margin-right: 10px;
}
.bb3wz .list-paddingleft-2 .li1 p {
	font-size: 16px;
	line-height: 26px;
	color: #222;
	border: none;
	padding: 0;
	margin: 0
}
@media (max-width: 992px) { 
.bb3wz .list-paddingleft-2{ margin-top:20px;}
.bb3wz .list-paddingleft-2 .li1{ width:100%}
}


/* 产品服务 */
.product{
  background: url(../imgs/65755b828294c9bc006d02c4f6b916129fe39912.png)no-repeat center;
  padding-top: 80px;
  padding-bottom: 60px;
  background-size:cover
}
.pro-show{
  margin-top: 30px;
}
.pro-list{
  display: flex;
  /* justify-content: space-between; */
  flex-wrap: wrap;
}
.pro-list li{
  /* border: solid 1px #ddd; */
  width: 22%;
  margin: 0 1%;
  text-align: center;
  padding: 30px 40px;

  cursor: pointer;
}
.pro-img{
  width: 140px;
  height: 140px;
  align-items: center;
  justify-content: center;
  display: flex;
  border: solid 1px #eee;
  background: #fff;
  border-radius: 50%;
  margin: 0 auto;
  transition: all .8s ease;
}
.pro-img img{
  max-width: 100%;
}
.pro-list li:hover .pro-img{
  transform: rotateY(180deg);
  border: none;
  background: #7D4319;
}
.pro-list li:hover .pro-img .img1{
  display: none;
}
.pro-list li:hover .pro-img .img2{
  display: block;
}
.pro-img .img2{
  display: none;
}
.pro-list li h3{
  font-size: 24px;
  color: #333;
  font-weight: bold;
  margin-top: 25px;
}
.pro-list li p{
  font-size: 16px;
  color: #333;
  line-height: 28px;
  margin-top: 20px;
}
.pro-list li a{
  display: block;
  font-size: 16px;
  color: #7D4319;
  margin-top: 5px;
}
.pro-more{
  display: block;
  font-size: 16px;
  text-align: center;
  color: #fff;
  line-height: 46px;
  background: #7D4319;
  width: 246px;
  margin: 0 auto;
  border-radius: 8px;
  margin-top: 20px;
}
.pro-more span{
  margin-left: 15px;
}
.pro-more:hover{
  color: #fff;
}
@media(max-width:1200px){
  .pro-list li p{
    display:-webkit-box;/**对象作为伸缩盒子模型展示**/
    -webkit-box-orient:vertical;/**设置或检索伸缩盒子对象的子元素的排列方式**/
    -webkit-line-clamp:3;/**显示的行数**/
    overflow:hidden;/**隐藏超出的内容**/
  }
  
}
@media(max-width:1024px){
  
  .pro-list li p{
    font-size: 15px;
    margin-top: 15px;
  }
  .pro-list li h3{
    font-size: 22px;
    margin-top: 20px;
  }
  .pro-list li a{
    font-size: 15px;
  }
  .pro-img{
    width: 120px;
    height: 120px;
  }
  .product{
    padding: 50px 0;
  }
  .pro-img img{
    max-width: 50px;
  }
}
@media(max-width:991px){
  .pro-list li{
    margin-left: 0.89vw;
    padding: 20px 15px;
  }
  .pro-list li p{
    font-size: 14px;
    line-height: 1.8;
    margin-top: 10px;
  }
  .pro-list li h3{
    font-size: 20px;
    margin-top: 15px;
  }
  .pro-list li a{
    font-size: 14px;
  }
  .pro-img{
    width: 100px;
    height: 100px;
  }
  .pro-img img{
    max-width: 40px;
  }
}
@media(max-width:768px){
  .pro-list li{
    margin-left: 1.59vw;
  }
}
@media(max-width:425px){
  .pro-list li{
    float: left;
    width: 48%;
    margin: 0 1%;
  }
  .pro-list{
    display: block;
  }
  .pro-show{
    margin-top: 20px;
  }
  .pro-list li p{
    font-size: 13px;
  }
  .pro-list li h3{
    font-size: 18px;
  }
}



.titles h2 {
  font-size: 46px;
	font-weight: bold;
	font-stretch: normal;
	line-height: 1.5;
	letter-spacing: 0px;
	color: #333333;
  padding-top: 0.3em;
  position: relative;
  z-index: 1;
  display: block;
}

.of {
    overflow: hidden;
}
/* 公司动态 */
.news {
  padding: 100px 0 70px;
}

.news_tops {
  justify-content: space-between;
  align-items: flex-end;
}
.news_list {
  padding-bottom: 0.4%;
}
.news_list ul {}
.news_list li {
  margin: 2px 14px 2px 0;
}
.news_list li:last-child {
  margin-right: 0;
}
.news_list li a {
  display: block;
}
.news_list li h4 {
  display: block;
  font-size: 20px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 2;
	letter-spacing: 0px;
	color: #555555;
  padding: 0 1.8em;
	border-radius: 1em;
  transition: 0.3s ease;
  text-align: center;
}
.news_list li.active h4,
.news_list li:hover h4 {
	background-color: #7D4319;
  color: #ffffff;
}

.news_bots {
  margin-top: 2.88%;
  position: relative;
}
.news_tab {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  visibility: hidden;
  opacity: 0;
}
.news_tab.active {
  visibility: visible;
  position: relative;
  transition: 0.3s ease;
  opacity: 1;
}


@media (max-width: 1600px) {
  .news {
    padding: 5% 0 4%;
  }
}
@media (max-width: 1560px) {
  .news_list li h4 {
    font-size: 1.3vw;
  }

}

@media (max-width: 1200px) {
  .news_list li {
    margin-right: 10px;
  }
  .news_list li a {
    pointer-events: none;
  }
  .news_list li:last-child a {
    pointer-events: all;
  }
  .news_list li h4 {
    font-size: 15px;
    padding: 0 1.5em;
  }

}
@media (max-width: 990px) {
  .news_tops {
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
  }
  .news_list {
    width: 100%;
    margin-top: 12px;
  }
  .news_bots {
    margin-top: 24px;
  }

}
@media (max-width: 768px) {
}
@media (max-width: 640px) {
  .news {
    padding: 24px 0;
  }
  .news_list li {
    margin: 0 5px 0 0;
  }
  .news_list li h4 {
    font-size: 14px;
    padding: 0 1em;
  }

}
@media (max-width: 370px) {
  .news_list li h4 {
    font-size: 13px;
  }
}


.news_tab .con {
    margin-top: 3.18vw;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between; }
	
  .news_tab .con .list1 {
      width: 42.77%; }
      @media (max-width: 780px) {
        .news_tab .con .list1 {
          width: 100%; } }
      .news_tab .con .list1 li {
        position: relative; }
        .news_tab .con .list1 li .img img {
          width: 100%; height:400px;}
        .news_tab .con .list1 li .timex {
          color: #fff;
          font-size: 12px;
          position: absolute;
          right: 1.88vw;
          top: 1.88vw;
          z-index: 1;
          text-align: center;
          line-height: 1; }
          .news_tab .con .list1 li .timex b {
            font-size: 36px;
            display: block;
            margin-top: 4px; }
        .news_tab .con .list1 li .zi {
          font-size: 18px;
          line-height: 30px;
          color: #ffffff;
          position: absolute;
          left: 1.71vw;
          z-index: 1;
          bottom: 1.61vw;
          width: 47%; }
          @media (max-width: 780px) {
            .news_tab .con .list1 li .zi {
              font-size: 16px;
              line-height: 24px; } 
			  .news_tab .con .list1 li .img img{ height:250PX}
			  
			  }
    .news_tab .con .c3-2 {
      width: 55.2%; }
      @media (max-width: 780px) {
        .news_tab .con .c3-2 {
          width: 100%;
          margin-top: 30px; } }
      .news_tab .con .c3-2 .list2 {
        margin-left: -0.805vw;
        margin-right: -0.805vw;
        display: flex;
        flex-wrap: wrap;
        height: 100%; }
        .news_tab .con .c3-2 .list2 li {
          padding: 0 0.805vw;
          width: 50%; }
          @media (max-width: 780px) {
            .news_tab .con .c3-2 .list2 li {
              width: 100%; }
              .news_tab .con .c3-2 .list2 li:nth-child(1) {
                margin-bottom: 20px; } }
          .news_tab .con .c3-2 .list2 li a {
            display: block;
            background: #fff;
            padding: 1.875vw 2.083vw 2.1875vw;
            height: 100%;
            position: relative; }
            @media (max-width: 780px) {
              .news_tab .con .c3-2 .list2 li a {
                padding: 25px; } }
          .news_tab .con .c3-2 .list2 li h3 {
            color: #7D4319;
            font-size: 14px;
            margin-bottom: 25px;
            line-height: 24px; }
            @media (max-width: 780px) {
              .news_tab .con .c3-2 .list2 li h3 {
                margin-bottom: 15px; } }
          .news_tab .con .c3-2 .list2 li h4 {
            font-size: 18px;
            color: #333333;
            line-height: 24px;
            text-overflow: -o-ellipsis-lastline;
            overflow: hidden;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
            transition: all .3s ease-out; }
            @media (max-width: 780px) {
              .news_tab .con .c3-2 .list2 li h4 {
                font-size: 16px; } }
          .news_tab .con .c3-2 .list2 li dd {
            font-size: 14px;
            line-height: 24px;
            color: #888888;
            padding-top: 20px;
            margin-top: 22px;
            border-top: 1px solid #333333;
            text-overflow: -o-ellipsis-lastline;
            overflow: hidden;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical; }
            @media (max-width: 780px) {
              .news_tab .con .c3-2 .list2 li dd {
                padding-top: 10px;
                margin-top: 12px; } }
          .news_tab .con .c3-2 .list2 li .sc {
            display: flex;
            justify-content: space-between;
            align-items: flex-end;
            position: absolute;
            bottom: 2.1875vw;
            left: 0;
            width: 100%;
            padding: 0 2.083vw; }
            @media (max-width: 780px) {
              .news_tab .con .c3-2 .list2 li .sc {
                position: static;
                margin-top: 20px;
                padding: 0; } }
            .news_tab .con .c3-2 .list2 li .sc .timex {
              color: #888888;
              font-size: 12px;
              text-align: center;
              line-height: 1; }
              .news_tab .con .c3-2 .list2 li .sc .timex b {
                font-size: 36px;
                display: block;
                margin-top: 4px; }
          .news_tab .con .c3-2 .list2 li:hover h4 {
            color: #7D4319; }
			
			

.wei{padding-left: 32px;background: url("../imgs/dfcb4404397bb74ec19ebacbe3f84f6b52694301.png") no-repeat left center;line-height: 86px;}
.wh2{max-width: 1750px;margin: 0 auto;padding: 0 15px;}
.page-position .wh2{max-width: 1596px;}
.page-product-inquiry a{color: #fff;}
.fen .xypg-left-nav{font-size: 0;}
.fen .xypg-left-nav > li {
    position: relative;
    display: inline-block;
    margin-left: 2vw;
    border-bottom: none;
}

.fen .xypg-left-nav > li:last-child {
    border-bottom: none;
}

.fen .xypg-left-nav > li > a {
    display: block;
    font-size: 16px;
    line-height: 22px;
    color: #888888;
    padding: 0 18px;
    line-height: 86px;
}
.fen .xypg-left-nav > li:hover > a,.fen  .xypg-left-nav > li.clicked > a {
    color: #7D4319;background: url("../imgs/635b7b8a3b24b45e68299ff7379f35f73a74578a.png") no-repeat bottom center;
}
.fen .xypg-left-nav > li:hover .xypg-left-subnav{display: block!important;}
.fen .xypg-left-nav .xypg-left-subnav{position: absolute;width: 100%;padding: 0;}
.fen .xypg-left-nav .xypg-left-subnav li{border: none;text-align: center;}
.fen .xypg-left-nav .xypg-left-subnav li a{background: #7D4319;color: #fff;font-size: 14px;}
.fen .xypg-left-nav .xypg-left-subnav li a:hover{background: #070b18;}


.fen .xypg-left-nav > li .first-nav-btn {
    position: absolute;
    display: none;
    z-index: 99;
    width: 30px;
    height: 30px;
    text-align: center;
    top: 10px;
    right: 20px;
    cursor: pointer;
    background: url("../imgs/icon_spirit.png") 0 -240px no-repeat;
}


@media (max-width: 992px) {
  
    .page-position{display: none;}
}



.nlist1{
  margin-top: 3.64583333333333vw;display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
}

.nlist1 li{
  width: 30.333%; margin: 25px 1%;
   
}
.nlist1 li .img1{
  border-radius: 10px;
}
.nlist1 li .img1 img{
  width: 100%;
  border-radius: 10px; height:320px;
}

.nlist1 li .wz1{
  align-items: center;
  justify-content: flex-start;
  padding: 1.1vw 0;
}

.nlist1 li .wz1 .date{
  color: #999999;
  font-size: 14px;
  font-family: "Arial";
  margin-right: 10px;
  padding-right: 10px;
  border-right: 1px solid #666666; line-height:14px;
}

.nlist1 li .wz1 .date img{
  margin-right: 5px;
}

.nlist1 li .wz1 .cate{
  color: #999999;
  font-size: 14px;
  font-family: "Arial";
  margin-right: 5px; line-height:14px;
}

.nlist1 li .wz1 .cate img{
  margin-right: 5px;
}

.nlist1 li .wz2{
  color: #000000;
  font-size: 24px;
  font-weight: 600;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.nlist1 li .wz3{
  color: #666666;
  font-size: 14px;
  line-height: 22px;
  margin-top: 10px;
}

.nlist1 li .wz4{
  width: 112px;
  height: 45px;
  background: #000000;
  border-radius: 30px;
  text-align: center;
  line-height: 45px;
  font-size: 14px;
  color: #fff;
  margin-top: 1.9vw;
}

.nlist1 li:hover .img1{
   box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.24);
}

.nlist1 li:hover .wz2{
  color: #7D4319;
}

.nlist1 li:hover .wz4{
  background: #7D4319;
}

@media(max-width: 767px){
	
	.nlist1{
    margin-top: 20px;
    flex-wrap: wrap;
  }
  .nlist1 li{
    width: 100%;
    margin-bottom: 20px;
  }
  .nlist1 li .wz1{
    padding: 10px 0;
  }
  .nlist1 li .wz2{
    font-size: 16px;
  }
  .nlist1 li .img1 img{ height:auto}
}

.flexed {
  display: flex;
  justify-content: space-between;
  flex-wrap: nowrap;
  display: -webkit-flex;
}

.flexs {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}
.fbox1{padding:4.5vw 0;}
.ab_img{width:40.77%;position: relative;}
.ab_img img{width:100%;display:block;position: relative;z-index:99;}
.ab_img:before{content:"";position:absolute;z-index:2;right:-10px;top:10px;width:100%;height:100%;border:1px solid #7D4319;box-shadow:0 0 10px #ddd;}
.bkaa{background-color: rgb(125,67,25);opacity: 0.8;width: 158px;height: 84px;z-index: 100;border-top-left-radius:30px;border-bottom-right-radius:30px;position:absolute;right:-39px;top:57px;}

.qyjj{width:52.88%;}
.jiantt h2{color:#000000;font-size:44px;font-weight:bold;}
.jiantt h3{color:#7D4319;font-size:24px;text-transform:uppercase;font-family:"Arial";margin-top:16px;}
.jianwz{color:#555555;font-size:17px;line-height:32px;margin:2vw 0 4.5vw;}

.sjnm li .num1{justify-content:flex-start;flex-wrap: nowrap;display: -webkit-flex;}
.sjnm li .counter{color:#333333;font-size:56px;font-weight:bold;line-height:55px;}
.sjnm li .num2{color:#fff;font-size:13px;width:22px;height:22px;line-height:22px;border-radius:50%;background:#005e35;text-align:center;margin-left:5px;}
.sjnm li .num3{color:#666666;font-size:16px;margin-top:10px;}

@media (max-width:1024px){
  .ab_img{width:100%;}
  .qyjj{width:100%;margin-top:20px;}
  .bkaa{display:none;}
  .ab_img:before{display:none;}
  .jiantt h2{font-size:34px;}
  .jiantt h3{font-size:18px;}
  .jianwz{font-size:15px;line-height:25px;}
  .sjnm li .counter{font-size:45px;line-height:36px;}
  .sjnm li .num3{font-size:15px;}
  .fgy_tt{font-size:34px;}}
  
  
  
.page-title h2{
	font-size: 44px;
    font-weight: 700;
	color: inherit;
	position: relative;color:#fff;
}

.page-title h2 p{
	margin-top: 20px;
	text-transform: uppercase;
	width: 100%;
	font-size: 24px;
	display: block;
    font-weight: 400;
	color:#333333
}


  
  
  
.g2{
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	/* height: 100vh; */
	min-height: 750px;
	width: 100%; padding-top:50px;
}

.group{
	margin-top: 80px;
	display: flex;
	flex-wrap: wrap;
	flex-direction: row-reverse;
	justify-content: space-between;
}
.group-pic{
	width: 45%;
	position: relative;
}
.group-pic img{
	max-width: 90%;
}
.group-info{
	width: 55%;
	padding: 0 190px 0 125px;
	position: relative;
	font-size: 14px;
	line-height: 2.5;
	transform: translateY(-100px);color:#999999;
}
.group-info .top{
	position: absolute;
	left: -120px;
	top: 0;
	display: flex;
	align-items: center;
	justify-content: space-between;
	font-size: 22px;
	color: #47484A;
	line-height: 1;
}
.group-info .top span{
	padding-left: 24px;
	margin-left: 20px;
	position: relative;
}
.group-info .top span:before{
	content: '';
	display: block;
	width: 8px;
	height: 8px;
	background-color: #56B3E4;
	position: absolute;
	left: 0;
	top: 7px;
	border-radius: 50%;
}
.group-info .top svg{
	width: 115px;
	height: 38px;
	fill: #56B3E4;
}
.group-info .r-img{
	position: absolute;
	right: 0;
	top: 0;
}




.group-pic img+img{
	position: absolute;
	right: 0;
	top: 25%;
	display: none;
}
.group-info .edit{
	padding-top: 15px;
	border-top: 1px solid #dddddd;
}
.group-info .edit .fgsm{font-size: 26px;color: #333333;}

.event-main{
	height: 400px;
	overflow: hidden;
	margin: auto;
	margin-top:50px;
	max-width: 900px;
	color: #ffffff;
}
@media (max-height: 800px){

}
.event-main .event{
	display: flex;
	align-items: center;
	height: 100%;
	padding-left: 70px;
	font-size: 16px;
	line-height: 1.7;
	opacity: 0.4;
	transition: ease all .3s;
	cursor: pointer;
}
.event-main .event span{
	font-size: 22px;
	margin-right: 120px;
}
.swiper-slide-active .event{
	opacity: 1;
	background-color: rgb(255 172 112 / 50%);
}
.year-line{
	margin-top: 50px;
	width: 100%;
}


.year-line{
	color:  rgb(255 255 255 / 30%);
	text-align: center;
	font-size: 0;
	overflow: auto;
	padding-bottom: 20px;
	white-space: nowrap;
	position: relative;
	scrollbar-color: transparent transparent;
　　scrollbar-track-color: transparent;
　　-ms-scrollbar-track-color: transparent;
	border-top: 1px solid rgb(255 255 255 / 18%);
}
.year-line li{
	display: inline-block;
	font-size: 16px;
	padding-top: 20px;
	width:190px;
	position: relative;
}
.year-line li:after{
	content: '';
	border-left: 1px solid rgb(255 255 255 / 18%);
	height: 8px;
	position: absolute;
	left: 50%;
	top: 0%
}
/*.year-line::-webkit-scrollbar-track {
	height: 8px;
	background-color: transparent;
}
.year-line::-webkit-scrollbar {
	height: 8px;
}
.year-line::-webkit-scrollbar-thumb {
	background-color: rgb(255 255 255 / 0%);
}
.year-line:hover::-webkit-scrollbar-thumb {
	background-color: rgb(255 255 255 / 50%);
}*/
.year-line::-webkit-scrollbar-track {
  display: none;
}
.year-line::-webkit-scrollbar {
  display: none;
}
.year-line::-webkit-scrollbar-thumb {
  display: none;
}
.year-line li span{
	cursor: pointer;
}
.year-line li span:hover{
	color: rgb(255 255 255 / 70%);
}
.year-line li.on span{
	color: #ffc5a7;
}
.year-line li.on:after{
	border-color: #ffc5a7;
}

.team{
	overflow: hidden;
}
.team .block{
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 110px;
}
.team .block:nth-child(2n+1){
	flex-direction: row-reverse;
}

.team .block .item{
	width: 50%;
	padding: 0 70px;
	position: relative;
	font-size: 14px;
	line-height: 2.5;
}
.team .block .item .sign{
	width: 180px;
	height: 180px;
	position: absolute;
	bottom: 0;
	right: 70px;
	display: flex;
	align-items: center;
	justify-content: center;
	transform: translate(50%,50%);
}
.team .block .item .sign svg{
	width: 100px;
	height: 40px;
	fill: #ffc5a7;
}
.team .block .item .sign .sign-img{
	position: absolute;
	top: 0;
	left: 0;
	animation: rotate 9s linear infinite;
}
@keyframes rotate {
    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}



@media (max-width: 768px){

    .event-main .event{
    	padding-left: 30px;
    }
    .event-main .event span{
    	margin-right: 50px;
    }
    
 
}


@media (max-width: 499px){

	.event-main .event{
		height: 100px;
		font-size: 13px;
	}
	.event-main .event span{
		font-size: 17px;
	}
	.year-line li {
	    font-size: 13px;
	    width: 70px;
	}
	
}










.join_left{ flex-grow: 1;}
.join_left>ul{ display: grid; row-gap: 24px;}
.join_left>ul>li{ position: relative; overflow: hidden;}
.join_left>ul>li:after{ content: ""; display: block; transform: translateY(10px); width: 72px; height: 61px; background: url(../imgs/join_on_bg.png) center no-repeat; position: absolute; right: 0; bottom: 0; z-index: 9; transition: .5s; opacity: 0; visibility: hidden;}
.join_left ul li .box{ position: relative; padding: 3rem 3rem 4.75rem; z-index: 1;}
.join_left ul li .box:before{ content: ""; display: block; width: 100%; height: 100%; position: absolute; z-index: -2; left: 0; top: 0; border: 2px solid #f4e8df;}
.join_left ul li .box:after{ content: ""; display: block; width: 100%; height: 100%; position: absolute; z-index: -1; left: 0; top: 0; opacity: 0; visibility: hidden; transition: .5s;
    background-image: -moz-linear-gradient( 270deg, #fff 0%, #ffeee2 100%);
    background-image: -webkit-linear-gradient( 270deg, #fff 0%, #ffeee2 100%);
    background-image: -ms-linear-gradient( 270deg, #fff 0%, #ffeee2 100%); 
}
.join_left ul li .dt{ display: flex; justify-content: space-between; align-items: center; flex-flow: wrap; margin-bottom: 1.125rem;}
.join_left ul li .dt h3{ font-size: 24px; color: #2d2d2d; font-weight: bold;}
.join_left ul li .dt p{}
.join_left ul li .dt span{ font-size: 16px; margin: .5rem 0; color: #2d2d2d; display: inline-block;}
.join_left ul li .dt span+span{ margin-left: 2.5rem;}
.join_left ul li .dd{ font-size: 16px; color: rgba(45, 45, 45, 0.7); line-height: 30px;}
.join_left ul li .dd ul li{ list-style: disc; margin-left: 1.25em;}
.join_left ul li .dd .scrollbox{ height: auto;}
.join_left ul li:hover .box:after{ opacity: 1; visibility: visible;}
.join_left>ul>li:hover:after{ opacity: 1; visibility: visible; transition-delay: .2s; transform: translateY(0);}
.n_join .bd{ display: flex;}

.p2{ padding:80px 0 0px 0}

.solution-box {
    overflow: hidden;
    height: 680px;
    margin-top: 3.073vw;
}

.solution-box .solbox {
    cursor: pointer;
    position: relative;
    float: left;
    width: 33.3%;
    height: 100%;
    transition: all 0.5s ease-in-out;
}

.solution-box .solbox.active {
    width: 50%;
}

.solution-box .solbox.small {
    width: 25%;
}

.solution-name {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
    text-align: center;
    z-index: 8;
}

.solution-name span {
    position: relative;
    display: block;
    font-size: 24px;
    font-weight: 600;
    color: #fff;
    padding-bottom: 25px;
}

.solution-name span:after {
    content: '';
    width: 36px;
    height: 4px;
    background: #fff;
    position: absolute;
    left: 50%;
    bottom: 0px;
    margin-left: -18px;
}

.solution-name p {
    font-size: 16px;
    margin: 25px auto;
    width: 70%;
    color: rgba(255, 255, 255, .7);
}

.solution-detail {
    position: relative;
    z-index: 10;
    padding: 10%;
    opacity: 0;
    margin-top: -40%;
    transition: all 0.3s;
}

.solution-detail h3 {
    position: relative;
    font-size: 24px;
    color: #fff;
    margin: 0 0 20px;
    padding-left: 20px;
}

.solution-detail h3:before {
    content: '';
    width: 5px;
    height: 24px;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -12px;
    background: #ffb379;
}

.solution-detail p {
    margin: 0 0 20px;
    padding-left: 20px;
    font-size: 16px;
    color: rgba(255, 255, 255, .9);
}

a.commLink {
    position: relative;
    margin-left: 20px;
    display: inline-block;
    line-height: 30px;
    padding: 3px 30px;
    color: #fff;
    font-size: 14px;
    background: #0a70f6;
    background: -moz-linear-gradient(left, #ffb379, #ce8750);
    background: -webkit-gradient(linear, 0 0, 100% 0, from(#ffb379), to(#ce8750));
}




.smask {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(25, 21, 19, .7);
    transition: all 0.3s;
    z-index: 1;
}

.solution-box .solbox.active .smask {
    background: linear-gradient(to bottom, rgba(25, 21, 19, .9) 8%, rgba(25, 21, 19, 0.5) 50%, rgba(25, 21, 19, .1) 100%);
}

.solution-box .solbox.active .solution-detail {
    opacity: 1;
    margin-top: 0;
    transition-delay: .3s;
}

.solution-box .solbox.active .solution-name {
    display: none;
}




@media screen and (min-width: 1024px) and (max-width: 1680px) {
    .solution-box {
        height: 600px;
    }

    .solution-name span {
        font-size: 20px;
    }

    .solution-name p {
        font-size: 14px;
    }

    .solution-detail h3 {
        font-size: 20px;
    }

    .solution-detail h3:before {
        width: 4px;
        height: 20px;
        margin-top: -10px;
    }

    .solution-detail p {
        font-size: 14px;
    }
}


@media only screen and (max-width:1023px) {

    .solution-box {
        height: auto;
        margin-top: 30px;
    }

    .solution-box .solbox {
        float: none;
        width: 100%;
     
        display: flex;
        justify-content: center;
        align-items: center;
        text-align: center; padding:20px 0
    }

    .solution-box .solbox.active {
        width: 100%;
    }

    .solution-box .solbox.small {
        width: 100%;
    }

    .solution-name {
        display: none;
    }

    .solution-detail {
        width: 100%;
        padding: 4%;
        opacity: 1;
        margin-top: 0;
        text-align: left;
    }

 
    .solution-detail h3:before {
        width: 4px;
        height: 20px;
        margin-top: -10px;
    }

    

    .commLink {
        position: relative;
        margin-left: .2rem;
        display: inline-block;
        line-height: .24rem;
        padding: .05rem .3rem;
        font-size: .13rem;
    }

    .solution-detail-2 {
        position: relative;
        z-index: 10;
        padding: 8%;
        opacity: 1;
        margin-top: 0;
        transition: all 0.3s;
    }

    .solution-detail-2 h3 {
        position: relative;
        font-size: .2rem;
        color: #fff;
        margin: 0 0 20px;
        padding-bottom: 20px;
    }

    .solution-detail-2 p {
        margin: 0 0 20px;
        font-size: .14rem;
        color: rgba(255, 255, 255, .9);
    }
}



.c7 {
  padding-top: 3.65vw;
  background: url("../imgs/7652b1d54bb7c849931488a609d0d3bc35457051.png") no-repeat 50% 0;
  background-size: cover; }
  @media (max-width: 780px) {
    .c7 {
      padding-top: 40px; } }
  .c7 .con {
    justify-content: space-between;
    align-items: center;
    padding-bottom:20px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2); }
    .c7 .con .bt h2 {
      color: #fff;
      font-weight: 200; font-size:42px;}
      .c7 .con .bt h2 b {
        color: #fff; }
    .c7 .con .bt .bd {
      display: flex;
      margin-top: 18px; }
      @media (max-width: 1025px) {
        .c7 .con .bt .bd {
          margin-top: 12px; } }
      .c7 .con .bt .bd .xx {
        width: 50px;
        height: 50px;
        cursor: pointer;
        background-size: 100% !important; }
        @media (max-width: 1025px) {
          .c7 .con .bt .bd .xx {
            width: 40px;
            height: 40px; } }
        .c7 .con .bt .bd .xx.zb {
          background: url("../imgs/c3d6fdeb4f07c764f6da1a5656f3cae28f2626b7.png") no-repeat 50%;
          margin-right: 20px; }
          @media (max-width: 1025px) {
            .c7 .con .bt .bd .xx.zb {
              margin-right: 10px; } }
          .c7 .con .bt .bd .xx.zb:hover {
            background: url("../imgs/1a711ada228a2891c5542c7ea4a408e5945de30d.png") no-repeat 50%; }
        .c7 .con .bt .bd .xx.yb {
          background: url("../imgs/85d87fa3360986344d0d70bc2c883b642477a464.png") no-repeat 50%; }
          .c7 .con .bt .bd .xx.yb:hover {
            background: url("../imgs/ef7be7697ea0542d87e89d2f691cfba531170fcf.png") no-repeat 50%; }
    .c7 .con .c7-2 {
      width: 82.5%; }
      @media (max-width: 780px) {
        .c7 .con .c7-2 {
          width: calc(100% - 130px); } }
      .c7 .con .c7-2 .list2 {
        margin-left: -7.5px;
        margin-right: -7.5px; }
        .c7 .con .c7-2 .list2 li {
          padding: 0 7.5px; }
  .c7 .con1 {
    font-size: 24px;
    color: #ffffff;
    padding-top: 2.4479vw;
    padding-bottom: 2.864583vw;
    font-weight: 200; }
    @media (max-width: 1380px) {
      .c7 .con1 {
        font-size: 18px; } }
    @media (max-width: 780px) {
      .c7 .con1 {
        font-size: 16px;
        padding-top: 20px;
        padding-bottom: 20px; } }
		
.flex-cc{display: flex;align-items: center;justify-content: space-between;}
/* zty06_one */
.zty06_one{background: #fff;position: relative;padding:50px 0;}
.zty06_one_left{position: relative;width: 41%;}
.zty06_one_left h3{font-size: 40px;color: #222222;font-weight: bold;line-height: 1.7;}
.zty06_one_left p{font-size: 16px;
    line-height: 26px;
    color: #666;}
.zty06_one_left .line{width: 32px;height: 3px;background: #7D4319;margin: 30px 0;}
.zty06_one_left .text6{font-size: 16px;color: #333333;line-height: 2;margin-bottom: 4.166vw;}
.abb{text-align: center;margin-bottom: 30px;}
.abb a{display: block;font-size: 16px;color: #7D4319;line-height: 46px;width: 148px;border: 1px solid #7D4319;text-align: center;transition: all 0.2s linear;}
.abb a:hover{background-color: #7D4319;border-color: #7D4319;color: #fff;}

.zty06_one_right{position: relative;width: 50%;border-top: 4px solid #7D4319;}
.zty06_one_right img{display: block;width: 100%;}


@media (max-width: 992px){
  .zty06_one_left h3{font-size: 22px;}
  .zty06_one_left .line{margin: 20px 0;}
  .zty06_one_left .text6{font-size: 14px;}
  .abb a{width: 130px;line-height: 40px;font-size: 14px;}


}

@media (max-width: 768px){
    .flex-cc{flex-wrap: wrap;}
    .zty06_one_left{width: 100%;}
    .zty06_one_right{width: 100%;}
}

@media (max-width: 600px){
   .zty06_one{padding: 40px 0;}

}



.p4 {
   padding:50px 0;
}

.p4-title {
    text-align: center;
}

.p4-title h3 {
    font-family: "Arial";
    font-size: 1.2rem;
    color: #ffffff;
    letter-spacing: 0.24rem;
    font-weight: 400;
    margin-bottom: 0.8rem;
    text-transform: uppercase;
}

.p4-title h4 {
    font-size: 2.4rem;
    color: #ffffff;
    position: relative;
    position: relative;
    padding-bottom: 1.1rem;
}

.p4-title h4::after {
    content: "";
    width: 3.5rem;
    height: 0.35rem;
    background-color: #7D4319;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 0;
}

.p4-sort{
    align-items: center;
    margin-top: 2.5rem;
    margin-bottom: 3.1rem;
    padding: 0 3.25rem;
}

.p4-sort li{
    align-items: center;
    width: 22%;
    background: #f2f2f2;
    justify-content: center;
    padding: 1rem 0;
}
.p4-sort li .img0{
    width: 15%;
}

.p4-sort li .img0 img{
    max-width: 100%;
}
.p4-sort li .img0 .img1{

}

.p4-sort li .img0 .img2{
    display: none;
}

.p4-sort li .wz{
    width: 80%;
}
.p4-sort li .wz1{
    color: #333333;
    font-weight: bold;
    font-size:24px;
    white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}

.p4-sort li .wz2{
    color: #e6e6e6;
    font-size: 12px;
    text-transform: uppercase;
    font-family: "Arial";
    padding-top: 0.4rem;
    white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}

.p4-sort li.cur{
    background: #7D4319;
}

.p4-sort li.cur .img0 .img1{
    display: none;
}
.p4-sort li.cur .img0 .img2{
    display: block;
}

.p4-sort li.cur .wz .wz1{
    color: #fff;
}

.tt{
    display: none;
}

.p4-list {

}

.p4-list li a{
    flex-wrap: nowrap;
    background: #fff;   
}


.p4-list li .img1{
    width: 50%;
}

.p4-list li .img1 img{
    width: 100%;
    height: auto;
}

.p4-list li .wz{
    
    width: calc(100% - 50%);
    padding-left: 2.3rem;
    padding-right: 4rem;
}
.p4-list li .wz .wz1{
    border-bottom: 1px solid #e5e5e5;
    padding-bottom: 2rem;
}
.p4-list li .wz .wz1 h3{
    font-weight: bold;
    color: #7D4319;
    font-size:36px; margin-top:60px;
}
.p4-list li .wz .wz1 h4{
    color: #000000;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: normal;
    padding-top: 10px;
}

.p4-list li .wz .wz2{
    color: #717171;
    font-size: 15px;
    line-height: 2.0625;
    margin-top: 20px;
}

.p4-list li .wz .wz3{
    color: #ffffff;
    font-size: 0.8rem;
    text-transform: uppercase;
    text-align: center;
    width: 9.5rem;
    height: 2.9rem;
    line-height: 2.9rem;
    background: #7D4319;
    margin-top: 3.25rem;
}


@media(max-width: 767px){
    .p4-sort{
        padding: 0;
    }
    .p4-sort li{
        width: 50%;
        display: block;
        text-align: center;
        padding: 10px;
    }
    .p4-sort li .img0{
        width: 100%;
    }
    .p4-sort li .wz{
        margin-left: 0;
        width: 100%;
    }
    .p4-sort li .wz1{
        font-size: 16px;
    }
    .p4-sort li .wz2{
        font-size: 14px;
    }
    .p4-list li a{
        display: block;
    }
    .p4-list li .img1{
        width: 100%;
    }
    .p4-list li .wz{
        width: 100%;
        padding: 20px;
    }
    .p4-list li .wz .wz1 h3{
        font-size: 20px;
    }
    .p4-list li .wz .wz2{
        margin-top: 5%;
        font-size: 14px;
    }
    .p4-list li .wz .wz3{
        margin-top: 5%;
        width: 120px;
        height: 40px;
        line-height: 40px;
        font-size: 12px;
    }
}





/*关于我们*/
.index_about{width:100%; height: 807px; overflow: hidden; position: relative; padding-top: 50px; margin-top: 54px; 
	background: url(../imgs/about_bjs1.jpg) no-repeat top }
.index_about_left{width:46%; height: auto; float: left; position: relative; z-index: 9}
.index_about_left h5{color:#333333; font-size: 16px; line-height:36px;}
.index_about_left h5 span{color:#7D4319; font-size: 36px; font-weight: 900; font-family: "Arial"; text-transform: uppercase; margin-right: 10px}
.index_about_left h4{color:#333333; font-size:42px; font-weight: bold;}
.index_about_info{width:100%; height: auto; overflow: hidden; margin-top: 55px}
.index_about_info a{width:100%; height: auto; display: block; color:#666666; font-size: 16px; line-height: 30px;}
.index_about_li{width:100%; height: auto; overflow: hidden; margin-top: 250px}
.index_about_li a{float: left;}
.index_about_li a img{width:70px; height: auto; float: left;  -webkit-transition: -webkit-transform 0.5s ease-out;
    -moz-transition: -moz-transform 0.5s ease-out;
    transition: transform 0.5s ease-out;}
.index_about_li a dl{ margin-left: 80px; margin-top:10px}
.index_about_li a dl dt{color:#333333; font-size: 18px; font-weight:bold;}
.index_about_li a dl dd{color:#999999; font-size: 16px;}
.index_about_li a:nth-child(2n){float: right}
.index_about_video{width:105px; height:105px; display: flex; align-items: center; background: #00a0e9; float: left; margin-left: 57px; margin-top:546px; position: relative; z-index: 9}
.index_about_video img{align-items: center; margin: 0px auto; -webkit-transition: -webkit-transform 0.5s ease-out;
    -moz-transition: -moz-transform 0.5s ease-out; transition: transform 0.5s ease-out; max-height: 100%}
.index_about_video:hover img{-webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); transform: rotate(360deg);}
.index_about_li a:hover img{-webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); transform: rotate(360deg);}

canvas{display:block;}
.waves{position:absolute;z-index:0;left:0; right:0; bottom:0;height:55vh;}

.ty h5{color:#333333; font-size: 16px; line-height:36px;}
.ty h5 span{color:#7D4319; font-size: 36px; font-weight: 900; font-family: "Arial"; text-transform: uppercase; margin-right: 10px}
.ty h4{color:#333333; font-size:42px; font-weight: bold;}

@media (max-width: 768px) {
	
	.index_about{ background:none; height:auto; padding-top:0}
	.index_about_left{ width:100%;}
	.index_about_li{ margin:20px 0}
	.index_about_li a{ width:50%}
	.waves{ display:none}
	.index_about img{ max-width:100%}
}

@media (max-width: 1560px) {
  .index_about_left h4,.ty h4{
    font-size: 2.8vw;
  }

}

@media (max-width: 1200px) {
 .index_about_left h4,.ty h4{
    font-size: 32px;
  }

  
}
@media (max-width: 990px) {
 .index_about_left h4,.ty h4{
    font-size: 28px;
  }
 
}

@media (max-width: 640px) {
  .index_about_left h4,.ty h4{
    font-size: 24px;
  }
 
 
}


.more_3{padding: 0 20px;
	height: 50px;
border: 1px solid #fff;
	border-radius: 25px;	font-size: 16px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 50px;
	letter-spacing: 0px;
	color: #ffffff;text-align: center;}

.more_3 a{text-align: center;color: #ffffff;}
.more_3 a img{padding-left: 15px;}