body{overflow-x: hidden;}


.index-banner .swiper-slide {background: no-repeat 50%/cover;position: relative}
.section-1{
	padding-top: 90px;
}
.neibian{
	padding-top: 190px;
}
.productsSection{
	padding-top: 40px;
}
.productTj .f18{
	margin-top: 15px;
}
.productTj .swiper-slide{
	width: 23.5%!important;
}
.svg-swiper-pagination {position: absolute;z-index: 1;display: flex;flex-wrap: wrap;justify-content: center}
.svg-swiper-pagination .swiper-pagination-bullet {background: transparent;opacity: 1;position: relative;width: 12px;height: 12px;outline: none; margin: 0 15px !important; bottom: 60px; position: relative;}
.svg-swiper-pagination .swiper-pagination-bullet:after {content: "";position: absolute;left: 50%;top: 50%;z-index: 0;width: 10px;height: 10px;background-color: transparent; border: 1px solid #fff;border-radius: 50%;margin: -6px 0 0 -6px;transition: opacity .3s}
.svg-swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:after {background-color: #fff;}
.svg-swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active .svg {opacity: 1}
.svg-swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active .circle2 {-webkit-animation: svgCircleAnmi 6s linear forwards;animation: svgCircleAnmi 6s linear forwards}
.svg-swiper-pagination .svg {width: 30px;height: 30px; position: absolute; top: -9px; left: -9px;transform: rotate(-90deg);opacity: 0;transition: opacity .3s;display: block}
.svg-swiper-pagination .circle1 { stroke: transparent}
.svg-swiper-pagination .circle2 { stroke: #fff; stroke-dasharray: 0 339}

header{ height: 90px; position: fixed; top: 0; left: 0; z-index: 100; width: 100%; box-shadow: 0 0 .2rem rgba(0, 0, 0, 0.2);}
header.bg{  background: #fff;}
header .box{ width: 90%; height: 100%; margin: 0 auto;}
header  nav{ width: 63%;}
header .right{ width: .65rem;}
header .right img{ height: .2rem;}
header .icon2{ display: none;}
header .right .heardEwm:hover .icon1{display: none; }
header .right .heardEwm:hover .icon2{display: inline-block; }
header .right .heardSearch:hover .icon1{display: none; }
header .right .heardSearch:hover .icon2{display: inline-block; }
nav li{ line-height: 90px;}
nav li{ position: relative;}
nav li dl {position: absolute;text-align: center;width:auto;

  background: #fff;   transform: translate(0,-50%)  ;  top: 100px;
  -webkit-box-shadow: 0 13px 10px 0px rgba(151, 150, 150, 0.22);box-shadow: 0 13px 10px 0px rgba(151, 150, 150, 0.22);
  border-bottom-left-radius: 5px;border-bottom-right-radius: 5px}
nav li dl dd {height: 50px;line-height: 50px;border-bottom: 1px solid #eee;
  transition: all .36s ease;-ms-transition: all .36s ease;-o-transition: all .36s ease;-webkit-transition: all .36s ease;-moz-transition: all .36s ease}
nav li dl dd:last-child {border-bottom: 0}
nav li dl dd a {font-size: 16px;color: #333 !important;font-weight: normal !important;
white-space: nowrap;  padding:0 25px;
  transition: all .36s ease;-ms-transition: all .36s ease;-o-transition: all .36s ease;-webkit-transition: all .36s ease;-moz-transition: all .36s ease;display: block}
nav li dl dd:hover {background: #f5a100}
nav li dl dd:hover a {color: #fff !important;}
nav li dl:before {content: "";position: absolute;border-width: 0 9px 9px;border-style: solid;border-color: transparent transparent #fff;top: -9px;left: 50%;margin-left: -9px}
nav dl {visibility: hidden;opacity: 0;filter: alpha(opacity=0);transform: translate(20px,-50%)  ;
   
  transition: all .5s ease;-ms-transition: all .5s ease;-o-transition: all .5s ease;-webkit-transition: all .5s ease;-moz-transition: all .5s ease}
nav li:hover  dl {visibility: visible;opacity: 1;filter: alpha(opacity=100);transform: none;
  -ms-transform: none;-o-transform: none;-webkit-transform: none;-moz-transform: none}

nav li::after{display: block; content: ''; width: 0; height: 3px; background: #f5a100; position: absolute; top: 0; left: 0;transition: all .36s;}
nav li:hover::after,nav li.cur::after{ width: 100%; }
nav li:hover,nav li.cur{ color: #f5a100;}

.logo{ height: 45px;}



.heard-ewm{
   position: absolute;text-align: center;width: 1.45rem;background: #fff;left: 50%;margin-left: -.725rem; top: 0.6rem;
    -webkit-box-shadow: 0 13px 10px 0px rgba(151, 150, 150, 0.22);box-shadow: 0 13px 10px 0px rgba(151, 150, 150, 0.22);border-bottom-left-radius: 5px;border-bottom-right-radius: 5px;
    visibility: hidden;opacity: 0;filter: alpha(opacity=0);transform: translateY(20px);-ms-transform: translateY(20px);-o-transform: translateY(20px); transition: all .36s;
   }
.heardEwm:hover .heard-ewm{visibility: visible;opacity: 1;filter: alpha(opacity=100);transform: none;-ms-transform: none;-o-transform: none;-webkit-transform: none;-moz-transform: none}
  .heard-ewm img{ width: 100% !important; height:  auto !important;}

  header.min{ height: 70px;}
  header.min nav li{ line-height:70px;}
  header.min nav li dl{  top: 80px;}
  header.min .heard-ewm{ top: 50px;}

.Popsearch{ width: 100vw; height: 100vh; position: fixed; top: 0; left: 0; z-index: 1000;background-color: rgba(26,32,49,0.95); display: none;}
.searchForm{ border-radius: 5px; padding: 0px 15px; height: 66px; width: 60vw; }
.searchForm input{ width: 80%; font-size: 16px;}
.closeSearch{cursor: pointer; transition: all .36s; opacity: 0.5; width: 25PX; position: absolute; top: 10VH; right: 10vw;}
.closeSearch:hover{ transform: rotate(180deg); opacity: 1;}



.phone-header { height: 1rem;  width: 100%; position: fixed; top: 0; left: 0; background: #fff; box-shadow: 0  0 10px rgba(0, 0, 0, 0.1);   z-index: 10000;padding: 0 15px;}
 .phone-logo {  }
 .phone-logo img{ height: .6rem;}
 .topsearch{ width:.6rem; height: .6rem; background: url(../image/top_pic4.png); background-size: cover;}
 .topsearchclose{ width: .6rem; height: .6rem; background: url(../image/topsearchclose.png); background-size: cover; display: none;}
 .munebtn{ width: .6rem; height: .6rem; background: url(../image/munebtn.png); background-size: cover;}
 .munebtnclose{ width: .6rem; height: .6rem; background: url(../image/munebtnclose.png); background-size: cover;display: none;}
 
 .phone-search_con{ width: 100%; position: fixed; left: 0; top: 1rem; background: #f2f2f2; z-index: 10000; padding: 15px; display: none;} 
 .phone-search_con .input1{ border: 1px solid #e5e5e5; background: #fff; height: 40px;  width: calc(100% - 40px); padding-left: 15px;}
 .phone-search_con .bnts{ background: url(../image/top_pic3.png) #f5a100 no-repeat center center; width: 40px; height: 40px;}
 .phone-nav{ position: fixed; width: 100%; height: 100%;   top: 1rem; left: 0; z-index: 10001;display: none;}
 .phone-nav ul{ margin: .4rem auto; width: 80%;}
 .phone-nav ul li{ border-bottom: 1px solid rgba(255, 255, 255, 0.2); text-align: center;}
 .phone-nav ul li a{ color: #fff; font-size: .4rem; line-height: 3; }
 .phone-nav2{transform: translateX(0) !important;}

.section-2{background:linear-gradient(to left, #383635 0%,#383635 76%,white 76.1%,white 100%)}

.section-2 .left{ width: 44%; padding: .24rem; border-radius: .3rem; height: 100%; }
.section-2 .left iframe{ width: 100%; height: 596px;}

.wraps{position: absolute;width: 100%;height: 100%;overflow: hidden;z-index: 1; top: 0; left: 0;}
.wraps .circle{width: 100%;height: 100%;border:3px solid #f5a100; box-sizing: border-box; border-radius: .3rem; }
.wraps .circle:after,.wraps .circle::before{content: '';position: absolute;display: block; width: 10%; height: 3px; background: #fff; z-index: 5; }
.wraps .circle:after{ top: 0; left: 15%;}
.wraps .circle::before{ bottom: 0; right: 15%;}
.wraps .line{position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.wraps .line:after,.wraps .line::before{content: '';position: absolute;display: block; width: 90%; height: 3px; background: #fff; z-index: 4;}
.wraps .line:after{ left: 5%; top: 0;  border-top: 1.5px solid #f5a100;}
.wraps .line::before{left: 5%; bottom: 0;  border-bottom: 1.5px solid #f5a100;}
 .ori_dot{position: absolute;left: 15%;top: -9.5px;width: 19px;height: 19px;transform: translateX(-50%);border-radius: 50%;z-index: 4;background: #fff; border: 1px solid #f5a100;}
 .ori_dot:after{content: "";position: absolute;top: 50%;left: 50%;width: 8px;height: 8px;border-radius: 50%;background: #f5a100;transform: translate(-52%,-52%);}

.move_dot{position: absolute;right: 13%;bottom: -9.5px;width: 19px;height: 19px;transform: translateX(-50%);border-radius: 50%;z-index: 4;background: #fff; border: 1px solid #f5a100;}
.move_dot:after{content: "";position: absolute;top: 50%;left: 50%;width: 8px;height: 8px;border-radius: 50%;background: #f5a100;transform: translate(-52%,-52%);}
.w90{ width: 90%; margin: 0 auto;}

.section-2 .right{ width: 41%;  margin-right: 10%;}
.section-2 .right .tit div{ padding-left:.25rem;}
.section-2 .right .tit .f40::after{ content: ""; display: block ;width: .15rem;  height: .15rem; border-radius: 50%; background: #f5a100;  position: absolute; top: 50% ; left: 0; transform: translate(0,-50%);}
.section-2 .right .desc { margin: .6rem 0 .3rem;}
.section-2 .right .desc .line{ width: 6%; height: 2px; background: #f5a100; margin-top: .1rem;} 
.section-2 .right  .more{ margin-top: .4rem;}

.section-2 .right  .more a{
  display: inline-block;
  width:1rem;
  height: .4rem;
  background: #f5a100;
  position: relative;
  color: #fff;
  line-height: .4rem;
  border: 1px solid #f5a100;
  overflow: hidden;
  border-radius: 3px;
  border: 1px solid transparent
}

.section-2 .right  .more a:hover{ color: #f5a100; border-color: #f5a100; background: #fff;}

 
.indexpagetit { font-size: 1.5rem; opacity: 0.1; line-height: 1;}
.section-2 .indexpagetit{ position:  absolute; bottom: 0; right: 0;}


.w70{ width: 70%; margin: 0 auto;}
.section-3  {      background: linear-gradient(to right, #383635 0%,#383635 76%,white 76.1%,white 100%);}
.section-3 .left{ width: 34%; margin-left: 15%;}
.section-3 .indexpagetit{ position:  absolute;  bottom: .8rem; left:0;z-index: 9;}
.section-3 .left .tit div{ padding-left:.25rem;}
.section-3 .left .tit .f40::after{ content: ""; display: block ;width: .15rem;  height: .15rem; border-radius: 50%; background: #f5a100;  position: absolute; top: 50% ; left: 0; transform: translate(0,-50%);}

.section-3 .right{ width: 66%; padding: 1rem 0 1rem 1.2rem;}
.section-3 .right .swiper-slide { border-left: 1px solid #9fa0a0; padding: 0 .3rem;}
.section-3 .right .swiper-slide .class{ background: #f4f4f3; border-radius: 4px; display: inline-block; padding: .04rem .2rem; border: 1px solid #9fa0a0;}
.section-3 .right .swiper-slide .desc{ margin: .25rem 0 .35rem;}
.section-3 .right .swiper-slide .img{ background: url(../image/imgBg.png) no-repeat center center; background-size: 100% 100%; padding: .2rem;}
.section-3 .right .swiper-slide .img span{ position: absolute; top:50%; left: 50%; transform: translate(-50%,-50%) scale(0);   padding: .06rem .2rem;  background: rgba(0, 0, 0, 0.2); }
.section-3 .right .swiper-slide:hover .img span{  transform: translate(-50%,-50%) scale(1);    }
.section-3 .right .swiper-slide:hover .class{ box-shadow: 0 0 .15rem rgba(0, 0, 0, 0.2); background: #f5a100; color: #fff;}


.section-3  .swiperpage{ width: 1.6rem; margin-top: 2.3rem;}
.swiperpage div{position: relative;z-index: 99; width: .75rem; height: .75rem; border: 1px solid #fff; border-radius: 50%; background: url(../image/icon-right.png) no-repeat center center;

background-size: 41% auto; display: inline-block;}
#certify .swiper-slide,#certify .swiper-wrapper{
	padding-top: 10px;
}
.swiperpage div.pre{ transform: rotate(180deg);}
.swiperpage div:hover{ background:  url(../image/icon-right.png) no-repeat center center #f5a100;background-size: 41% auto; border-color: #f5a100;}
 
.section-4 .indexpagetit{ position:  absolute; top: .6rem; left:0;  text-align: center; width: 100%; } 

 
 
#certify{ margin-top: .5rem;}
 
#certifyImg .swiper-slide a{ display: block;    padding: 10px; border-radius: 20px; position: relative; transition: all 0.6s;
  border:3px solid transparent;}
  #certifyImg  .img img{ display: block; border-radius: 20px; border: 2px solid #fff; width: 100%; height: auto; overflow: hidden; transition: all 1s linear;}
  #certifyImg  .swiper-slide { transform: scale(1); transition: all 1s; opacity: 0.5; padding:.8rem 0;}
  #certifyImg  .swiper-slide-active{ transform: scale(1.5); z-index: 12;  opacity: 1;}
  #certifyImg  .swiper-slide:hover .item-img img{ transform: scale(1.1);}
  #certifyImg  .swiper-slide  .date{ margin-top: .2rem;}

.section-4  .swiperpage .pre{  position: absolute; top: 45%; left:  -.9rem;  z-index: 9;}
.section-4  .swiperpage .next{ position: absolute; top: 45%; right:-.9rem;   z-index: 9;}


.section-5 .bg-black { width: 100%; height: 90%; position: absolute; left: 0; z-index: 1; top: 5%; }
.section-5 .indexpagetit{ position:  absolute; bottom:0; left:0;}
.section-5  .w70{ position: relative; z-index: 5;}
.section-5 .list li{ border-bottom: 1px #fff dashed;  padding:.25rem 0; width: 50%;}
.section-5 .list li span{ width: .48rem; height: .48rem; visibility: hidden; }
.section-5 .list li .txt{ width: calc(100% - 0.6rem);}
.section-5 .list li:hover span,.section-5 .list li.cur span{ visibility: visible; }

.swipertab{ width: 6rem; height: 5.68rem; background: url(../image/swipertabBg.png) no-repeat center center; background-size: cover;}
.swipertab .swiper-slide{ padding: .3rem 0;}
.swipertab .swiper-container{ width: 100%; height: 100%;}
.swipertab .swiper-slide{width: 100%; height: 100%;}
.swipertab .swiper-slide .txt{ border: 1px solid #fff; border-radius: 5px; width: 4.2rem; height: .5rem;
 border-left: none; text-align: center; line-height: .5rem; position: relative; font-size: .24rem;
 margin-top:.3rem; margin-left: 1.3rem;}
.swipertab .swiper-slide .txt img{ width: .6rem; height: .6rem; position: absolute; left:-.46rem; top: -.1rem;}

.section-6{ background: url(../image/img3.jpg) no-repeat center center; background-size: cover; height:6.34rem}
.section-6 .con{ width: 100%; height: 78%; position: absolute; top:11% ; left: 0; background: rgba(56, 54, 53, 0.9);}
.section-6 .TALENT{ margin: .6rem 0 .3rem; width: 8.7rem;}

footer{ background: url(../image/footBg.jpg) no-repeat center center; background-size: cover; padding-top: .6rem;}
.foot_nav{ width: 77%;}
.foot_nav dt{ margin-bottom: .15rem;}
.foot_nav dt a{ color: #fff;  }
.foot_nav dd a{ color: rgba(255, 255, 255, 0.5); line-height: 2.8;}
.foot_nav dd a:hover{ color: #fff;}
footer .bot{ border-top: 1px solid rgba(255, 255, 255, 0.2); color: #fff; text-align: center; padding: .25rem 0; margin-top: .5rem;}
footer .bot a{ color: #fff;}


.neiban{ margin-top: 90px; height: 7rem;}
.neiban .f22{ color: rgba(255, 255, 255, 0.5);}
.neiban .f50{ color: rgb(255, 255, 255)!important;}
.neiClass{ height: 75px; border-bottom: 1px solid #eee;}
.neiClass a{font-size: 18px; margin: 0 .5rem; display: block; line-height: 75px; position: relative;}
.neiClass a::before{ width: 100%; height: 2px; content: ''; display: block; position: absolute; bottom: 0; left: 0; background: #f5a100;transition: all .36s; transform: scale(0,1);}
.neiClass a:hover,.neiClass a.cur{ color: #f5a100;}
.neiClass a:hover::before,.neiClass a.cur::before{ transform: scale(1,1);}


.pt5{ padding-top: .5rem;}
.pb5{ padding-bottom: .5rem;}
.introduction{ background: url(../image/introductionBg.jpg) no-repeat top right; background-size: cover;}

.video-btn{ width: .9rem; height: .9rem; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); z-index: 2;}
.video-btn::before{ position: absolute; top: 10px; right:10px; left: 10px; bottom: 10px; content: ''; display: block;
  border:3px dashed #fff; border-radius: 100%; transition: all 0.6s; transform: scale(0); animation: ro 15s infinite linear; opacity: 0;}
 .video-btn:hover::before{ opacity: 0.6; transform: scale(1);  top: -10px; right: -10px; left: -10px; bottom: -10px;}
 .introduction .top .left div:nth-child(1) { line-height: 1; align-items: flex-end;}
.introduction .top .left div:nth-child(1) span:nth-child(1){ padding: .1rem .2rem; margin-bottom: .15rem; margin-right: .2rem;}

.introduction .top .img{ width: 37.8%;}

.BigTitle{ color: #fff;position: relative;  background-clip: -webkit-text;
  background: url(../image/yearbg.png) no-repeat ; color: transparent; -webkit-background-clip: text; text-align: center;
  background-size: 130% auto;  letter-spacing: 0;   white-space: nowrap; overflow: hidden; }
.introduction .top .left div:nth-child(2){ margin: .6rem 0;}
.introduction .bottom{ border-top: 1px solid rgba(0, 0, 0, 0.2); margin-top: .7rem; padding-top: .5rem;}.introduction .bottom p{
	line-height: 34px;
}
.honor2  .swiper-wrapper,.honor2  .swiper-container{ padding: .15rem 0  !important;}
.honor2 .swiper-slide{ padding: .25rem; box-shadow: 0 0 .1rem rgba(0, 0, 0, 0.1); border: 1px solid #e5e5e5;}
.honor2 .swiper-slide .img{ padding:.25rem ; overflow: hidden;}
.honor2 .swiper-slide:hover{ border-color: #f5a100;}
.honor2 .swiper-slide:hover img{ transform: scale(1.1);}

.addbtnyw{ width: .6rem; height: .6rem; border: 1px solid #aaa; border-radius: 50%; background: url(../image/icon-left.png) no-repeat center center;
	background-size: 16% auto; display: inline-block; position: absolute; top: 50%; transform: translate(0,-50%)  ;  }
 .addbtnyw.next{ transform: translate(0,-50%)  rotate(180deg);  right: -.8rem;}
 .addbtnyw.pre{ left: -.8rem;}
.addbtnyw.cursor:hover{    background:  url(../image/icon-left-white.png) no-repeat center center #f5a100;background-size: 16% auto; border-color: #f5a100;}

 
.Culturetilte .txt{ padding: .22rem 0;}
.Culture{ background: url(../image/CultureBg.jpg) no-repeat center center; background-size: cover; height: 7.45rem;}
.Culture .item{ flex: 1;position: relative;transition: all 0.6s;}.Culture .item::after{
	position: absolute;
	content: '';
	top: 0;
	bottom: 0;
	left:0%;
	right: 0%;
	width: 100%;
	height:0;
	background-color: rgba(245,161,0,0.8);
	width: 100%;
	transition: all 0.6s;
}
.Culture .item{
	    position: relative;
	    z-index: 9999;
	    transition: all 0.6s;
	    border-right: 1px solid rgba(255,255,255,0.4);
	    display: flex;
	    flex-direction: column;
	    align-items: center;
	    padding-top: 12%;
}
.Culture .item .f36{
	margin-bottom: 25px;
}
header{
	z-index: 99999999;
}
.Culture>div:last-child{
	border-right: none;
}
.Culture .item:hover::after{
	height: 100%;
}
.Culture .item>div{
	position: relative;
	z-index: 999;
}

.environment{ background: url(../image/environmentBg.jpg) no-repeat center bottom; background-size: 100% auto;}


.swiperpage2{ width:1.6rem;  margin:0 auto; padding: .35rem 0;}
.swiperpage2 div{ width: .6rem; height: .6rem; border: 1px solid #aaa; border-radius: 50%; background: url(../image/icon-left.png) no-repeat center center;
background-size: 16% auto; display: inline-block;}
.swiperpage2 div.next{ transform: rotate(180deg);}
.swiperpage2 div:hover{ background:  url(../image/icon-left-white.png) no-repeat center center #f5a100;background-size: 16% auto; border-color: #f5a100;}
 
.jialink{ margin-top:  -.65rem;padding-top: .65rem; }

.history .title{ margin: 1rem 0 .9rem;}
.history .title .img{ width: 240px; height: 240px; border-radius: 50%; position: absolute; top: -.7rem; right: .5rem;}
.history .title .img .line{ width: 12%; height: 2px; background: rgba(255, 255, 255, 0.2); margin: .15rem auto;}
.history .title .txt{ position: absolute; top: 0; left: .3rem;   height: 100%; align-items: center;}

 
.history   ul dl dt{ width: 5px; height: 5px; border-radius: 50%; background: #f5a100; position: absolute; left: 0; top: 20px;  }
.history  ul dl dd{ margin-left: 18px;  width: calc(100% - 23px);  }
.history  ul li .f30{ margin: .25rem 0;}
.history  ul li {border-bottom:2px solid #d9d9d9;}
.history  ul  li::after{content: '';
  position: absolute;
  bottom: -4px;
  left: 0;
  width: 100%;
  height: 3px;
  background-image: linear-gradient(90deg, #f5a100, #b28d2c);
  transition: transform .6s ease;
  transform-origin: left center;
  transform: scaleX(0);}
.history  ul  li:hover::after{  transform: scaleX(1);}
.history  li .img { width:50% ;transition: all 0.6s;overflow: visible;}
.history  ul  li:hover img{
	  -webkit-filter: drop-shadow( 0 0 20px rgba(0,0,0,.4)); 
	  filter: drop-shadow( 0 0 20px rgba(0,0,0,.4));
}
.history li .txt{ width: 46%;}

.history  ul { padding-bottom: .8rem;}

.productsSection li{ padding: .5rem; background: url(../image/white.jpg) no-repeat  top 1rem left;  margin-bottom: .5rem;}
.productsSection li a{align-items: flex-end; position: relative; z-index: 5;}
.productsSection li::after{display: block; content: ''; width: 0; height: calc(100% - 1rem); background: #f5a100; position: absolute; bottom: 0; left: 0; transition: all 1s;}
.productsSection li .txt{ padding-left: .5rem;}
.productsSection li .txt  .f18{  margin: .2rem 0; }

.productsSection li .txt  .dis-flex-center{ border-top: 1px solid #eee;  margin-top: .5rem; padding-top: .5rem;}
.productsSection li:nth-child(2n) a{ flex-direction: row-reverse;}
.productsSection li:nth-child(2n) .txt{ padding-right: .5rem; padding-left: 0;}
.productsSection li .txt  .icon{ margin-left: .15rem;}
.productsSection li .txt  .icon2{ display: none;}
.productsSection li:hover{ transform: translateY(-.2rem);}
.productsSection li:hover:after{ width: 100%;}
.productsSection li:hover .txt{ color: #fff;}
.productsSection li:hover .color-666 { color: #fff;}
.productsSection li:hover  .txt  .icon1{ display: none;}
.productsSection li:hover  .txt  .icon2{ display: inline-block;}
.productsSection li:hover .img{ box-shadow: 0 0 .15rem rgba(255, 255, 255, 0.8);}

.preocutDeatil .txt{ padding-left: .4rem;}
.preocutDeatil .txt .line{ border-bottom: 2px solid #eeeeee; padding-bottom: .4rem; margin-bottom: .4rem;}
.preocutDeatil .txt .line a{ padding: .05rem .2rem; background: #e4e4e4;}
.preocutDeatil .txt .line a:hover{ color: #fff; background: #f5a100;}
.preocutDeatil .txt  .desc{ margin-top: .4rem;}
.preocutDeatil .txt  .proContac{ position: absolute; bottom: 0; right:  0; border: 1px solid #e5e5e5; padding: .25rem .2rem; width: calc(100% - .4rem);
background: url(../image/proContacBg.jpg) no-repeat center center; background-size: cover;}
.preocutDeatil .txt  .proContac span.f16{ border-left: 2px solid #f5a100; padding-left: .2rem; }
.preocutDeatil .txt  .proContac .text{ margin-top: .15rem;}
.preocutDeatil .txt  .proContac .text span:first-child{ margin-right: .5rem;}

.protabtit{ border: 1px solid #ddd;}
.protabtit li{ padding: .15rem .9rem; border-right: 1px solid #ddd;}
.protabtit li.on{ background: #f5a100; color: #fff;}
.protabtit li.on:hover{  color: #fff;}
.protabtit li:hover{ color: #f5a100;}

.protabcon{border: 1px solid #ddd; border-top: none; }
.protabcon figure{ display: none;  padding: .4rem; font-size: 16px; line-height: 2; }
.protabcon figure.on{ display: block;}

.productpage { width: 50%; margin: .3rem auto;}
.productpage a{ width: 40%; border: 1px solid #e5e5e5; text-align: center; height: 40px; border-radius: 20px; line-height:40px; padding: 0 .25rem; transition: all .36s;}
.productpage a:hover{  background: #f5a100; color: #fff; transform: translateY(-.1rem) ; box-shadow: 0 0 .15rem rgba(151, 150, 150, 0.22);}

.productTj{ padding: .25rem; border: 1px solid #ddd; margin-top: .6rem;}
.productTj .swiper-container{ margin-top: .25rem;}
.productTj .swiper-container .img img{ border-radius: 5px;}
.productTj .swiper-container .swiper-slide:hover img{ transform: scale(1.1);}
.productTj .swiper-container .swiper-slide:hover  .txt{ color: #f5a100;}

.case{ background: url(../image/casebg.jpg) no-repeat center center; background-size: cover;}
.caselist li{ border: 1px solid #e5e5e5; width: 31%; margin-right: 3.5%; padding: .3rem 0;float: left; margin-bottom: .5rem; transition: all .36s;}
.caselist li:nth-child(3n){ margin-right: 0;}
.caselist li img{ height: .9rem; margin-bottom: .15rem; }
.caselist li:hover{ box-shadow: 0 0 .15rem rgba(0, 0, 0, 0.2)   ; transform: translateY(-.15rem);}
.caselist li::after{ display: block; content: ''; width: 100%; height: 4px; position: absolute; bottom: 0; left: 0; background-image: linear-gradient(to right,transparent,#f5a100 50%, transparent );   z-index: 2;
transform: scale(0,1); transition: all .36s;}
.caselist li:hover::after{ transform: scale(1,1);}
 
.Business{ background: url(../image/Businessbg.png) no-repeat center bottom;}
.Business ul li{ border: 1px  dotted #aaa; width: 22.5%; padding: .5rem .4rem; text-align: center; transition: all .36s;}
.Business ul li span{ border-radius: 50%; width: 1rem; height: 1rem; border: 1px  dotted #aaa; display: flex; align-items: center; justify-content: center; margin-bottom: .2rem; position: relative;}
.Business ul li span::after{ content: ''; display: block; width: 120%; height:120%;  position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%) scale(0.7,0.7); background: rgba(255, 255, 255, 0.5);
   z-index: 1; transition: all .36s; border-radius: 50%;}
.Business ul li span img{ height:48%; position: relative; z-index: 5;}
.Business ul li:hover{ background: #f5a100; color: #fff; box-shadow: 0 0 .25rem rgba(0, 0, 0, 0.2); transform: translateY(-.15rem);
 border-radius: .4rem 0 .4rem 0;}
.Business ul li:hover span{ border-color: #fff; background: #fff;}
.Business ul li:hover span::after{transform: translate(-50%,-50%) scale(1,1);}

.service{ background: url(../image/service.jpg) no-repeat  center center;      background-attachment: fixed; position: relative; height: 6rem;}
.service .item{ border: 1px #fff dashed; width: 2.8rem; height: 2.8rem; border-radius: 50%;  transition: all .36s; position: relative; z-index: 5;}
.service .item:nth-child(2){ margin: 0 -.4rem;}
.service .item::before{ content: ''; display: block; width: 120%; height:120%;  position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%) scale(0.7,0.7); background: rgba(255, 255, 255, 0.5);
z-index: -1;  transition: all .36s; border-radius: 50%; opacity: 0;}
.service .item:hover::before{transform: translate(-50%,-50%) scale(1,1); opacity: 1;}
.service .item div{ position: relative; z-index: 10;}
.service .item:hover{ background: #f5a100;  transform: scale(1.1); z-index: 10; border-color: #f5a100;}




.adaptive-circle::after{display: block;content: ''; position: absolute; top: 0; left: 0; width: 101%;  height: 101%;  border-radius: 50%;   background: url(../image/banyuan.png) no-repeat center top;
  background-size: 100% auto;   transition: all .36s;
  }
  .adaptive-circle:nth-child(2n)::after{  transform: rotate(180deg);}
.adaptive-circle {
  transition: all .36s;
  width: 12.5%;
  height: 0;
  padding-top: 12.5%;;

  border-radius: 100%;
  border: 1px  dotted #aaa;
  box-sizing: border-box;

  position: relative;
}
.adaptive-circle .layout {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  text-align: center;
}
.adaptive-circle .layout.middle:before {
  display: inline-block;
  vertical-align: middle;

  content: '';
  height: 100%;
  width: 0;
  overflow: hidden;
}
.adaptive-circle .layout.middle div:first-child {
  display: inline-block;
  vertical-align: middle;
}
.adaptive-circle  img{ width:45%; margin-bottom: .1rem;}
.adaptive-circle .icon2{ display: none;}
.adaptive-circle:hover .icon2{  display: inline-block;} 
.adaptive-circle:hover .icon1{  display: none;} 

.adaptive-circle:hover{ background: #f5a100; color: #fff; transform: translateY(-.1rem) scale(1.05); z-index: 5; border-color: #fff; box-shadow: 0 0 .15rem rgba(0, 0, 0, 0.2);}

.cooperation{ background: url(../image/cooperationBg.jpg) no-repeat center bottom; background-size: 100% auto;}
.cooperation .img img{ width: 75%;}
.cooperation .img .line{ width: 15%; position: absolute; top: 12%; right: 1%;}
.cooperation .f20{ margin-top: .2rem;}
.cooperation  .info{ margin: .4rem 0 .7rem;}
.cooperationGbook .input{ border: 1px solid #e5e5e5; width: 48%; padding: .15rem;}
.cooperationGbook .con{border: 1px solid #e5e5e5; width: 100%; padding: .15rem; margin-top: .25rem;}
.cooperationGbook .btn{cursor: pointer; padding: .15rem; width: 100%; margin-top: .25rem;}

.popbg {
	display: none;
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	top: 0;
	background: rgba(0, 0, 0, 0.8);
	z-index: 233;
}

.popclose {
	position: absolute;
	top: -60px;
	right: -20px;
	border-radius: 100%;
	color: #fff;
	cursor: pointer;
	height: 60px;
	width: 60px;
	text-align: center;
	line-height: 43px;
	font-size: 58px;
	z-index: 33333;
}

.video-popwrap {
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 36663;
	border-radius: 5px;
	border: 10px solid #fff;
}
.popclose {
    position: absolute;
    top: -60px;
    right: -20px;
    border-radius: 100%;
    color: #fff;
    cursor: pointer;
    height: 60px;
    width: 60px;
    text-align: center;
    line-height: 43px;
    font-size: 58px;
    z-index: 33333;
}
.foot_nav dd{
	text-align: center;
}

.sourBox{
	position: relative;
}
.sourBg{
	position: absolute;
	right: 0;
	width: 50%;
	overflow: hidden;
	top: 210px;
}
.sourBg img{
	min-height: 600px;
	max-height: 620px;
	width: 100%;
}
.pubTit{
	padding-top: 50px;
	padding-bottom: 30px;
}
.pubTit>p:nth-child(1){
	font-size:38px;
	color: rgb(51,51,51);
	margin-bottom: 25px;
}
.pubTit>p:nth-child(2){
	width: 50px;
	height: 2px;
	background: rgb(229,229,229);
	margin-bottom: 25px;
}
.pubTit>p:nth-child(3){
	font-size: 18px;
	color: rgb(102,102,102);
}
.peoSource{
	display: flex;
}
.sourFill{
	width: 46%;
	margin-right: 4%;
}
.sourNull{
	width: 50%;
}
.sourCommon{
	display: flex;
	align-items: center;
	padding: 2vw 0;
	border-bottom: 1px solid rgb(220,220,220);
}
.sourCommon>li:nth-child(1){
	width: 10%;
	margin-right: 5%;
}
.sourCommon>li:nth-child(2){
	width: 85%;
}
.fill1{
	font-size: 20px;
	color: rgb(51,51,51);
	font-weight: 600;
	line-height: 28px;
	margin-bottom: 10px;
}
.fill2{
	font-size: 15px;
	color: rgb(102,102,102);
	line-height: 28px;
}
.sourFlex{
	margin-top: 50px;
	display: flex;
}
.flexPic{
	width: 45%;
	margin-right: 2%;
	overflow: hidden;
}
.sourFlex .sourFill{
	margin-right: 0;
	width: 53%;
}
.sourFlex .sourFill .sourCommon{
	padding: 2.5vw 0;
}

.workBox{
	background: url(../image/job.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	height: 400px;
	margin-top: -80px;
}
.Work{
	text-align: center;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	height: 100%;
}
.Work>p:nth-child(1){
	color: rgba(255,255,255,0.9);
	font-size: 40px;
    margin-bottom: 25px;
}
.Work>p:nth-child(2){
	width: 50px;
	height: 3px;
	background: rgb(229,229,229);
	margin-bottom: 25px;
}
.Work>p:nth-child(3){
	color: rgba(255,255,255,0.9);
	font-size: 18px;
}


.jobKindcon {
}
.jobKind{
	padding: 50px 0;
	border-bottom: 1px solid rgb(220,220,220);
}
.jobMore {
	display: flex;
	background: #fff;
	justify-content: space-between;
	font-size: 14px;
	color: rgb(136,136,136);
	font-family: 'DIN';
	letter-spacing: 1px;
	cursor: pointer;
	margin-top:30px;
	width:100%;
}
.jobLeft{
	width: 70%;
}
.joinOpen{
	cursor: pointer;
}
.jobMore li{
	display: flex;
	justify-content: space-between;
}

.jobNeed {
	padding: 40px 50px;
	padding-bottom: 0;
	background: #fff;
	display: none;
}

.jobNeed>p:last-child {
	margin-bottom: 0;
}

.jobNeed p {
	font-size: 15px;
	color: rgb(136,136,136);
	line-height: 30px;
	letter-spacing: 1px;
	margin-bottom:15px;
}

.joinCon {
	padding: 60px 80px;
	background: #fff;
	margin-top: -60px;
	position: relative;
	z-index: 999;
}


.jobFlex{
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 0 50px;
}
.jobName{
	display: flex;
	align-items: baseline;
}
.jobName>p:nth-child(1){
	font-size: 26px;
	color: rgb(51,51,51);
	margin-right: 45px;
}
.jobName>p:nth-child(2){
	font-size: 16px;
	color: rgb(136,136,136);
}
.jobTop{
	border-radius: 8px;
	margin-top: -80px;
	position: relative;
	z-index: 999;
	background: #fff;
	box-shadow: 0 10px 30px -5px rgb(225,225,225);
	padding-bottom: 50px;
}
.pt70{
	padding-bottom: 50px;
}

.tactFlex{
	display: flex;
	margin-top: 40px;
	margin-bottom: 60px;
}
.tactUs{
	width: 40vw;
	padding: 2vw 0 0 0;
	background: rgb(60,60,60);
	position: relative;
	
}
.tactUs::before{
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	height: 25px;
	background: rgba(255,255,255,0.2);
}
.tactHide{
	padding: 0 2vw;
	position: absolute;
	right: -70px;
	top: 30%;
}
.tactUs::after{
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	background: rgb(248,179,0);
	height: 6px;
}
.tact1{
	padding: 0 2vw;
	font-size: 24px;
	color: #fff;
	opacity: 1;
	font-weight: 100;
	margin-bottom: 15px;
}
.Son{
	
	padding-top: 20px;
	
	position: absolute;
	bottom: 25px;
	background: rgba(255,255,255,0.2);
	left: 0;
	right: 0;
}
.sonTit{
	font-size: 18px;
	color: #fff;
	opacity: 0.7;
	padding: 0 2vw;
	margin-bottom: 15px;
}
.tact2{
	padding: 0px 2vw 20px 2vw;
}



.ts p{
	opacity: 1!important;
}
.tact2 p{
	display: flex;
	align-items: center;
	font-size: 16px;
	color: rgba(255,255,255,1);
	margin-bottom: 15px;
	opacity: 0.7;
	padding-left:5px;
}
.tact2>p:last-child{
	margin-bottom: 0;
}
.tact2 p img{
	margin-right: 20px;
}
.tactRight{
	width: 65%;
}
.tact3{
	padding-left: 5px;
}
.tact3 img{
	width: 100px;
}

.World{
	display: flex;
	position: relative;
}
.common-map-box {
	width: 76%;
	position: relative;
}

.common-map-box .rect-5133 {
	padding-bottom: 51.33%;
}
.common-map-box em img{
}
.common-map-box .dot_box {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
}

.common-map-box .dot_box .dot {
	position: absolute;
	cursor: pointer;
}

.common-map-box .dot_box .dot .dot_circle {
	    display: block;
	    width: 10px;
	    height: 10px;
	    background:rgb(89,169,251);
	    position: relative;
	    z-index: 3;
	    border-radius: 50%;
	}

.common-map-box .dot:after{
	content: "";
	position: absolute;
	border-radius: 50%;
	top: 50%;
	left: 50%;
	z-index: 1;
}
.dashy .dot_circle{
	background: rgb(248,182,9)!important;
}
.dashy::after{
	width: 18px;
	height: 18px;
	background: transparent;
	
	background:  rgba(248,182,9,0.6)!important;
	margin-left: -9px;
	margin-top: -9px;
	-webkit-animation: warn 2s linear 0s infinite;
	-moz-animation: warn 2s linear 0s infinite;
	animation: warn 2s linear 0s infinite;
	opacity: 0.4;
}
.common-map-box .dot:after {
    width: 18px;
    height: 18px;
    background: transparent;
    
    background:  rgba(89,169,251,0.7);
    margin-left: -9px;
    margin-top: -9px;
    -webkit-animation: warn 2s linear 0s infinite;
    -moz-animation: warn 2s linear 0s infinite;
    animation: warn 2s linear 0s infinite;
    opacity: 0.4;
}

.common-map-box .dot_box .dot2 .dot_circle {
	display: block;
	width: 10px;
	height: 10px;
	background: rgb(89,169,251);
	position: relative;
	z-index: 3;
	border-radius: 50%;
}



.common-map-box .dot2:after {
	width: 44px;
	height: 44px;
	background: transparent;
	background: rgba(89,169,251, 0.2);
	margin-left: -22px;
	margin-top: -22px;
	-webkit-animation: warn 2s linear 0s infinite;
	-moz-animation: warn 2s linear 0s infinite;
	animation: warn 2s linear 0s infinite;
	opacity: 0;
}
@keyframes warn {

	0% {

		transform: scale(0.5);

		opacity: 0;

	}

	25% {

		transform: scale(1);

		opacity: 0.4;

	}

	50% {

		transform: scale(1.2);

		opacity: 0.8;

	}

	75% {

		transform: scale(1.3);

		opacity: 0.4;

	}

	100% {

		transform: scale(1.4);

		opacity: 0;

	}

}

.box2{
	margin-top: 50px;
}
.box2 img{
	width: 100%;
}
.worldBox{
	width: 30%;
	border-radius: 13px 5px 13px 5px;
	border: 2px solid rgba(248,179,0,0.6);position: absolute;
	right: 0;
	box-shadow: 1px 1px 10px 1px rgba(220,220,220,0.5);
	margin-top: 100px;
	padding: 25px;
}
.wo1{
	font-size: 22px;
	color: rgb(51,51,51);
	margin-bottom: 20px;
}
.wo2{
	width: 30px;
	height: 3px;
	background: rgb(248,182,9);
	margin-bottom: 20px;
}
.wo3{
	font-size: 22px;
	color: #000;
	margin-bottom: 20px;
}
.wo4{
	display: flex;
	align-items: flex-start;
	font-size: 16px;
	color: rgb(102,102,102);
	margin-bottom: 8px;
	line-height: 36px;
}
.wo4>li:nth-child(1){
	width: 4em;
}
.wo4>li:nth-child(2){
	width: 84%;
}

.Message {
	background: url(../image/message.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	padding-bottom: 60px;
	margin-top: 50px;
}

.onTit {
	padding-top: 60px;
	padding-bottom: 40px;
	color: #000;
	letter-spacing: 1px;
}

.messForm {
	display: flex;
}

.messForm>p:nth-child(3) {
	margin-right: 0;
}

.messCommon {
	margin-bottom: 3%;
	margin-right: 3%;
	width: 31.5%;
	padding: 15px;
	background: #fff;
	box-shadow: 1px 1px 6px 1px rgba(220,220,220,0.5);
	border-radius: 5px;
	display: flex;
	align-items: center;
}

.messCommon span {
	font-size: 16px;
	color: #000;
}

.messCommon input {
	color: #bcbcbc;
	font-size: 16px;
	width: 90%;
}

.messArea {
	margin-bottom: 2%;
	width: 100%;
	padding: 15px;
	box-shadow: 1px 1px 6px 1px rgba(220,220,220,0.5);
	border-radius: 5px;
	display: flex;
	height: 180px;
	background: #fff;
}

.messArea span {
	font-size: 16px;
	color: #000;
	width: 10em;
	display: inline-block;
}

.messArea textarea {
	color: #bcbcbc;
	font-size: 16px;
	width: 90%;
}

.messBut {
	width: 40%;
	height: 53px;
	line-height: 53px;
	background:rgb(248,179,0);
	font-size: 20px;
	color: #fff;
	margin: auto;
	margin-top: 30px;
	margin-left:30%;
	transition: all 0.4s;
	border: 1px solid transparent;
	border-radius: 6px;
	letter-spacing: 1px;
}

.messBut:hover {
	border: 1px solid rgb(248,179,0);
	color: rgb(248,179,0);
	background: #fff;
}



.linkSame{
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding:15px 40px;
	border-bottom: 1px solid rgb(230,230,230);
	transform: all 0.8s;
	position: relative;
	cursor: pointer;
}
.linkSame::after{
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	width: 0;
	height: 1px;
	background: #f5a100;
	transition: all 1s;
}
.linkSame:hover::after{
	width: 100%;
}
.linkSame:hover .met1{
	color: #f5a100;
}
.linkSame:hover .met2 img{
	transform: rotateY(180deg);
}
.met2 img{
	transition: all 0.6s;
}
.met1{
	transition: all 0.8s;
	display: flex;
	align-items: center;
	font-size: 18px;
	color: rgb(102,102,102);
	transform: all 0.6s;
}
.met1 img{
	margin-right: 40px;
}
.met2{
	width:7%;
}

.changePage {
	padding-top: 50px;
	padding-bottom: 70px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.changePage p {
	margin-right: 12px;
	font-size: 15px;
	color: rgb(51, 51, 51);
	letter-spacing: 1px;
	font-family: 'DIN';
}



.changePage a {
	padding: 9px 16px;
	border: 1px solid rgb(208, 208, 208);
	border-radius: 20px;
	font-size: 14px;
	letter-spacing: 1px;
	text-align: center;
	color: rgb(51, 51, 51);
	margin-right: 12px;
	transition: all 0.5s;
	background: #fff;
	font-family: 'DIN';
}

.changePage a:hover {
	background: rgb(245,161,0);
	color: #fff;
}

.pageEnter input {
	font-size: 14px;
	letter-spacing: 1px;
	color: rgb(51, 51, 51);
	padding: 10px 0;
	border: 1px solid rgb(208, 208, 208);
	border-radius: 20px;
	width: 65px;
	text-align: center;
	background: #fff;
}

.changePage>a:last-child {
	margin-right: 0;
}

.bga_blue{
	background: rgb(248,248,248);
}
.newsBox .w70{
	top: -2rem;
	position: relative;
}

.News {
	z-index: 99;
	display: flex;
	background: #fff;
	border-radius: 10px;
	padding: 40px;
	
}

.newsLeft {
	width: 56%;
	margin-right: 3%;
}

.Art {
	width: 40%;
}

.newsSame {
	display: inline-block;
	position: relative;
}

.newsSame {
	border-radius: 10px;
}

.newsSame .n1 img {
	float: left;
	width: 100%;
	border-radius: 10px;
}

.n2 {
	position: absolute;
	width: 100%;
	font-size: 18px;
	letter-spacing: 1px;
	color: #fff;
	padding: 15px 0;
	background: rgba(0, 0, 0, 0.4);
	padding-left: 35px;
	bottom: 0;
	padding-right: 35px;
}

.n2 span {
	display: block;
	font-size: 14px;
	margin-top: 10px;
}

.artSame {
	display: inline-block;
	width: 100%;
	padding: 1.6vw 0;
	border-bottom: 1px solid rgb(220, 220, 220);
	cursor: pointer;
	transition: all 0.8s;
}
.artSame{
	position: relative;
}
.artSame::after{
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	width: 0;
	background:#f8b300 ;
	transition: all 0.6s;
	height: 1px;
}
.newsSame .n2{
	 white-space: nowrap;
	    text-overflow: ellipsis;
	    overflow: hidden;
	    word-break: break-all;
}
.artSame:hover {
	transform: translateX(10px);
}
.artSame:hover:after{
	width: 100%;
}

.Art>a:first-child {
	padding-top: 0;
}

.art1 {
	color: #f8b300;
	font-family: 'DIN';
	margin-bottom: 0.6vw;
}

.art2 {
	color: rgb(51, 51, 51);
	line-height: 30px;
	font-size: 20px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	word-break: break-all;
	transition: all 0.8s;
}

.List {
	display: flex;
	flex-wrap: wrap;
	margin-top: -2rem;
}

.List>a:nth-child(3n+3) {
	margin-right: 0;
}

.listCommon {
	margin-top: 35px;
	    width: 31.6%;
	    margin-right: 2.5%;
	    box-shadow: 1px 1px 15px 1px rgb(230 230 230);
	    transition: all 0.8s;
}
.listCommon:hover{
	transform: translateY(12px);
}
.lid2{
	position: relative;
}
.lid2::after{
	content: '';
	position: absolute;
	left: 0;
	width: 20px;
	height: 2px;
	background:#f8b300 ;
	bottom: -1px;
}
.listCommon:hover .l2{
	color: #f8b300;
}
.listCommon:hover img{
	transform: scale(1.1);
}
.l1 {
	overflow: hidden;
}

.l1 img {
	float: left;
	width: 100%;
	transition: all 0.8s;
}

.listDesc {
	background: #fff;
	padding:18px 20px 30px 20px;
	position: relative;
}
.listDesc::after{
	position: absolute;
	content: '';
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	width: 0;
	background: #f8b300;
	transition: all 0.8s;

}
.l3_16 {
	font-size: 16px; z-index: 9; position:relative;
	color: #000;
	letter-spacing: 1px;
	margin-bottom: 25px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	word-break: break-all;
}

.lid1,.lid2,.lid2:after,.l3,.ldate,.larr{
	transition: all 0.6s;
	position: relative;
	z-index: 999;
}
.listCommon:hover .listDesc::after{
	width: 100%;
}
.listCommon:hover .lid1,
.listCommon:hover .lid2,
.listCommon:hover .lid2:after,
.listCommon:hover .l3,
.listCommon:hover .l3_16,

.listCommon:hover .ldate{
color: #fff !important
}
.listCommon:hover .lid2:after{
	background: #fff!important;
}
.listCommon:hover .larr {
    width: 30px;
    height: 8px;
    background: url(../image/ar2.png) no-repeat;
    background-size: cover;
}
.l3 {
	font-size: 18px;
	color: #000;
	letter-spacing: 1px;
	margin-bottom: 25px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	word-break: break-all;
}



.listMore {
	display: flex;
	align-items: center;
}

.ldate {
	font-size: 14px;
	color: rgb(102, 102, 102);
	font-family: 'DIN';
	margin-right: 12px;
}

.larr {
	width: 30px;
	height: 8px;
	background: url(../image/ar1.png) no-repeat;
	background-size: cover;
}

.liDate{
	display: flex;
	margin-bottom: 15px;
	align-items: center;
}
.lid1{
	font-size: 22px;
	font-family: 'DIN';
	color: rgb(51,51,51);
	margin-right: 10px;
}
.lid2{
	font-size: 14px;
	border-bottom: 1px solid rgb(220,220,220);
	width: 74%;
	padding-bottom: 5PX;
}


.Detail {
	padding: 40px;
	background: #fff;
	display: flex;
	position: relative;
	z-index: 999;
	border-radius: 10px;
}
.detailBox .w70{
	    top: -140px;
	    position: relative;
}
.dLeft {
	width: 15%;
	margin-right: 5%;
}

.dRight {
	width: 80%;
}

.dDate {
	width: 100%;
	height: 150px;
	display: flex;
	align-items: center;
	justify-content: center;
	background:  #f8b300;
	margin-bottom: 90px;
	flex-direction: column;
}

.dDate>p:nth-child(1) {
	font-size: 50px;
	color: #fff;
	font-family: 'DIN';
	margin-bottom: 5px;
}

.dDate>p:nth-child(2) {
	font-family: 'DIN';
	color: #fff;
	font-size: 16px;
}

.artLink a {
	display: flex;
	align-items: center;
	font-size: 18px;
	color: rgb(102, 102, 102);
	letter-spacing: 1px;
	margin-bottom: 30px;
	cursor: pointer;
	transition: all 0.4s;
}

.linkNext:hover img {
	transform: rotateZ(-90deg);
}

.linkNext:hover {
	transform: translateX(10px);
	color:  #f8b300;
}

.artLink a img {
	margin-right: 15px;
	transition: all 0.4s;
	border-radius: 50%;
}

.dTitle>p:nth-child(1) {
	letter-spacing: 1px;
	font-size: 30px;
	color: rgb(51, 51, 51);
	margin-bottom: 20px;
}

.dTitle>p:nth-child(2) {
	margin-top: 20px;
	font-family: 'DIN';
}

.dTitle>p:nth-child(2) span {
	font-size: 14px;
	color:  rgb(136,136,136);
	margin-right: 30px;
}

.dBox {
	margin-top: 30px;
}

.dBox p {
	margin-bottom: 30px;
	font-size: 16px;
	color: rgb(102, 102, 102);
	line-height: 35px;
	letter-spacing: 1px;
}

.detailBox {
	padding-bottom: 70px;
}
.sideIn{
	margin-top: -7vw;
}
.sideIn a{
	border-bottom: 2px solid rgba(255,255,255,0.5);
	color: rgba(255,255,255,0.5);
	margin: 0 4vw;
}
.sideIn .on{
	color: #fff;
	border-bottom: 2px solid rgba(255,255,255,1);
}

.hideImg{
	display: none;
}

.newsDetailbg{background: url(404.png) no-repeat center top; background-size:  cover; height: 550px;}
.newsdeatiltop  h2{ padding-top: 155px;}
.newsdetail .w70{position: relative;top: -2rem;background: #fff;padding: 50px;border-radius: 10px;}
.newsdetail{  align-items: flex-start;}
.newsdetail .left{ width: 130px;}
.newsdetail .left .date{ background: rgb(248,179,0); padding:20px 0;  }
.newsdetail .left .page a { margin: 35px 0;transition: all 0.4s;font-size: 16px;}
.newsdetail .left .page a:hover{transform: translateY(8px);color: rgb(248,179,0);}
.newsdetail .left .page a img{ transition: all 0.4s;}
.newsdetail .left .page a:hover img{  transform: rotateZ(-90deg);}
.newsdetail .right{ width: calc(100% - 205px);}
.newsdetail .right .smailtit{ margin: 20px 0 30px 0;color: rgb(136,136,136);}
.newsdetail .right .con img{ max-width: 100%; margin: 8px 0;}

.reckon_fixed_top{ position:fixed; top:80px; z-index: 5;}
.reckon_fixed_bottom{ position: absolute; bottom: 0;}
.min-height{ min-height: 500px;}
.reckon{ width: 130px; transition: all .36s;}


.pubw{
	padding: 0.5rem 0!important;
}
.pubw>div:nth-child(1){
	margin-bottom: 10px;
}
.Snow{
	position: relative;
	overflow: hidden;
}
.snowPic{
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	overflow: hidden;
}
.bWord{
	position: absolute;
	font-size: 3.5vw;
	font-weight: 600;
	color: #fff;
	top: 36%;
	left: 5%;
}
.neiWord{
	background: #fff;
	padding: 30px;
	font-size: 15px;
	color: rgb(102,102,102);
	line-height: 30px;
}
nav li {
	width: calc(100% / 8);
	display: flex;
	justify-content: center;
}
nav li a{
	position: relative;
	display: contents;
}
.nav1{
}
.nav2{
	display: none;
}
nav li:hover .nav2{
	display: block;
}
nav li:hover .nav1{
	display: none;
}
.header .box ..dis-flex-between-center{
	justify-content:space-between ;
}  

.bw1{
	top: 50%;
	font-size: 2.5vw;
	font-weight: normal;
}
.bw1.font-fadeIn font {
   display: inline-block;
   
   letter-spacing: -10px;
   width: auto;
}