img{ max-width: 100% !important; }
/* @font-face {font-family: 'Montserrat';  src: url('Montserrat-Light-6.otf');       } */
body{font-family:  "Microsoft Yahei","微软雅黑","Arial","Helvetica","SimHei","黑体","STXihei","华文细黑",sans-serif; font-size: 14px; min-width: 1250px}
@media screen and (min-width: 200px) and (max-width: 1250px) {body{ width:1250px; }}
.w1244{ width: 1244px; margin: 0 auto;}

header{ position: fixed; top: 0; left: 0; width: 100%; height: 102px; transition: all .36s; z-index: 9999;}
.banner{ width: 100%; height:927px;}
header .icon2{ display: none;}
header.bg-yellow  .icon2{ display: block;}
header.bg-yellow  .icon1{ display: none;}
nav{ margin-top: 56px;}
 nav a{ font-size: 20px; color: #fff;margin-left:26px;   transition: all .36s;}
header.bg-yellow nav a{ color: #333;}
nav a:hover,nav a.active{ color: rgb(255, 28, 0) !important;}
header  .fl{ margin-left: 0;}
header  .fl img{   margin-top: 44px;}
.fsxt{ position: absolute; left: 50%; bottom: 140px;
  transform: translate(-50%, 0);}


.sectionAbout{ position: absolute; left: 0; bottom: -85px;}
.sectionAbout .left{ width: 430px; background: url(../images/sectionAboutleftbg.jpg) no-repeat left bottom rgb(67, 67, 67,0.5); padding:35px 28px 0; }
.sectionAbout .tit { line-height: 80px; letter-spacing: 3px; padding-left: 41px;}
.sectionAbout .left .info{  font-size: 17px; width: 277px; margin-right: 24px; text-align: justify;  margin-top: 30px; text-indent: 2em;}
.sectionAbout .left  .img{ border: 4px solid #484546;}
.sectionAbout .left  .img img{ width: 100%;}
.sectionAbout .left  .img .play{ width: 56px; height: 56px; border-radius: 50%; position: absolute; top: 50%;  left: 50%; margin-top:-28px ; margin-left: -28px;

    box-shadow: 0 0 rgba(255, 255, 255, 0.1),0 0 0 10px rgba(255, 255, 255, 0.1),0 0 0 20px rgba(255, 255, 255, 0.1);
	animation: ripple-wave1 1s linear infinite;
	animation-play-state: running;
 
	 
 
	-webkit-animation: ripple-wave1 1s linear infinite;  
}
@keyframes ripple-wave1{
	to {
		box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.1),0 0 0 20px rgba(255, 255, 255, 0.1),0 0 0 30px rgba(255, 255, 255, 0.02);
	}
  }
  div.video-play{position:fixed;top:0;bottom:0;right:0;left:0;width:100vw;height:100vh;z-index:10001;display:none}
  div.video-bg{position:absolute;top:0;bottom:0;width:100%;z-index:1001;background:#0b0b0b;opacity:.8}
  div.video-wrap{z-index:1002;position:fixed;top:52%;left:50%;-webkit-transform:translate3d(-50%, -52%, 0);transform:translate3d(-50%, -52%, 0);width:1000px;height:570px;  }
  
  div.video-wrap video{width:100%;height:auto}
  div.close-btn{cursor: pointer; transition: all .36s;
   
   text-align: center;
   line-height: 40px;
   z-index: 9999;
   position: absolute;
   background: #000;
   border: 2px solid #fff;
   width: 50px;
   height: 50px;
   border-radius: 50%; opacity: 0.5;
   right: -20px;
   top: -25px;}
   div.close-btn:hover{ transform: rotate(180deg); opacity: 1;}
   .sectionAbout{ align-items: flex-end;}
.sectionAbout .right{  width: 814px;  height: 155px;}
.sectionAbout .right .swiper-slide{border:4px solid #fff;}
.sectionAbout .right .swiper-slide img{     width:100%; height: auto; object-fit: cover;}

.sectionCulture .title{ background: url(../images/titBg.jpg) no-repeat center top;  background-size: cover; height: 162px;}
.about_title{ font-size: 58px;}
.about_title i{ color: #fff100;}
.about_title span{ font-size: 26px; margin-top: 8px; font-weight: normal;}

.sectionCulture .con{ background: url(../images/CultureBg.jpg) no-repeat center top; background-size: cover; width: 100%; height: 648px;}
 
.sectionCulture .con ul li{ transition: all .36s; background: url(../images/CultureItemBg.png) no-repeat left top; width: 234px; height: 249px; padding-top: 19px;}
.sectionCulture .con ul li h1{ cursor: pointer; color: #fff; font-weight: bold; line-height: 50px; font-size: 24px; background: url(../images/icon1.png) no-repeat left 14px center;  padding-left: 32px;}
.sectionCulture .con ul li p{ padding-top: 12px ; padding-left: 32px; font-size: 18px;white-space: nowrap;}
.sectionCulture .con ul li:hover h1{ color: #fff100;background: url(../images/icon1-yellow.png) no-repeat left 14px center; }
.sectionCulture .con ul li:hover{transform: translateY(5px);}
.sectionCulture .con ul li:nth-child(1){ position: absolute; top: 58px; left: 386px;}
.sectionCulture .con ul li:nth-child(2){ position: absolute; top: 104px; left: 643px;}
.sectionCulture .con ul li:nth-child(3){ position: absolute; top: 230px; left:480px;}
.sectionCulture .con ul li:nth-child(4){ position: absolute; top: 250px; left: 840px;}
.sectionCulture .con ul li:nth-child(5){ position: absolute; top: 380px; left: 644px;}

.sectionHonor{ background: url(../images/HonorBg.jpg) no-repeat center top; background-size: cover; padding: 100px 0;}
.HonorTabTit {  margin-left: 140px;}
.HonorTabTit li{ font-size: 26px; margin-right: 70px; float: left; cursor: pointer;}
.HonorTabTit li:hover,.HonorTabTit li.on{ color:#fff100 ;}
.HonorTabCon{ padding-top: 15px;}
.HonorTabCon figure{ display: none;}
.HonorTabCon figure.on{ display: block;}
.HonorTabCon ul li{ text-align: center; color: #fff; font-size: 18px; float: left; margin-top: 25px; margin-right: 20px; width: 296px;}
.HonorTabCon ul li p{ margin-top: 10px; padding: 0 25px; display: inline-block;white-space: nowrap; width: 100%;  overflow: hidden;text-overflow:ellipsis;}
.HonorTabCon ul li img{ width: 100%;}
.HonorTabCon ul li:nth-child(4n){ margin-right: 0;}

.sectionResearch{ height: 920px; background: url(../images/ResearchBg.jpg) no-repeat top center; width: 100%;}
.sectionResearch .con { position: absolute; left: 600px; top: 105px;}
.sectionResearch .con ul{ margin: 15px auto;}
.sectionResearch .con ul li{ background: url(../images/icon1.png) no-repeat center left  ; padding-left: 20px; transition: all .36s;}
.ResearchIco{ width: 430px; margin-top: 25px;}
.sectionResearch .con ul li:hover{ color: #fff100; background: url(../images/icon1-yellow.png) no-repeat left center;transform: translateX(8px);}

.sectionProduction .title{ background: url(../images/titBg.jpg) no-repeat center top;  background-size: cover; height: 162px;}

.sectionProduction .con{ background: url(../images/ProductionBg.jpg) no-repeat center center; background-size: cover; padding: 50px 0 20px;}
.sectionProduction ul{ width: 100%; height: 720px;}
/* .sectionProduction ul li{ width: 500px;}
.sectionProduction ul li {  box-shadow: 0 0 10px rgba(0,0,0,0.2); width: 500px;  height: 500px; clip-path: polygon(50% 0,100% 50%,50% 100%,0 50%); overflow: hidden; border-radius: 15px; position: absolute;}
.sectionProduction ul li img{ width: 500px; height: 500px; object-fit: cover; transition: all 1s;}

.sectionProduction ul li:hover img{transform: scale(1.1);}

.sectionProduction ul li:nth-child(1){ top: 0;  left: 69px;} */
.sectionProduction ul li{ display: inline-block;  position: absolute; }
.sectionProduction ul li .img{box-shadow: 0 0 10px rgba(0,0,0,0.2); width: 370px;  height: 370px;  overflow: hidden; border-radius: 30px; 
    transform: rotateZ(-45deg) ;}
.sectionProduction ul li img{  object-fit: cover; transition: all .36s; 	transform:rotate(45deg)  translateX(-100px); ;
  max-width: 600px !important;

}
/*  width: 370px;  height: 370px;  transform: rotate(-45deg)  ;    	transform:rotateZ(45deg)   ;*/  
.sectionProduction ul li div.txt{ width: 309px; height: 64px; background: url(../images/icon2.png) no-repeat center left; color: #fff;  position: absolute; top: 0;  left: 50%;
margin-left: -154px;  z-index: 9; padding: 0 55px; transition: all 1s;}
/* .sectionProduction ul li div.txt span{ width: 130px;} */
.sectionProduction ul li:nth-child(n+3) .img{ width: 210px; height: 210px;border-radius: 20px;	 }
.sectionProduction ul li:nth-child(n+3) img{  transform:rotate(45deg)  translateX(-60px);  }
/* transform:rotateZ(45deg) ;  width: 300px; height: 300px;*/
.sectionProduction ul li:hover img{  	transform:rotate(45deg)  translateX(-100px)  scale(1.1);;}
.sectionProduction ul li:nth-child(n+3):hover img{  	transform:rotate(45deg)  translateX(-60px)  scale(1.1);;}

.sectionProduction ul li:nth-child(1){ top: 80px;  left: 143px;}
.sectionProduction ul li:nth-child(2){ top: 80px;  right: 143px;}

.sectionProduction ul li:nth-child(3){ left: 55px; bottom: 55px;}
.sectionProduction ul li:nth-child(4){ left: 335px; bottom: -20px;}
.sectionProduction ul li:nth-child(5){ left:50%; bottom: 165px; margin-left: -105px;}
.sectionProduction ul li:nth-child(6){ right: 335px; bottom: -20px;}
.sectionProduction ul li:nth-child(7){ right: 55px; bottom: 55px;}

.sectionProduction ul li:hover div.txt{ top: 150px;}

.sectioncooperation{ background: #0084ab; padding:  20px 0; line-height: 1;}
.sectioncooperation li{ margin: 0 4px;}
.sectioncooperation li img{ margin-bottom: 10px;}

.sectionHistory{ height: 948px; background: url(../images/historyBg.jpg) no-repeat center top; background-size: auto 948px;}
.sectionHistory .title{ padding-top: 55px;}

.yearUl { height: 300px; position: relative;}
.yearUl li{ color: #fff100; writing-mode:tb-rl ; background: url(../images/HistoryIcon.png) no-repeat center bottom; width: 23px; text-align: center; padding-bottom: 35px; position: absolute; cursor: pointer;}
.yearUl li:hover,.yearUl li.active{background: url(../images/HistoryIcon-blue.png) no-repeat center bottom; color: #0084ab;}
.yearUl li:nth-child(1){ bottom: 0; left: 12px;}
.yearUl li:nth-child(2){ bottom: 21px; left: 75px;}
.yearUl li:nth-child(3){ bottom: 41px; left: 143px;}
.yearUl li:nth-child(4){ bottom: 21px; left: 213px;}
.yearUl li:nth-child(5){ bottom: 10px; left:297px;}
.yearUl li:nth-child(6){ bottom: 50px; left: 385px;}
.yearUl li:nth-child(7){ bottom:50px; left: 484px;}
.yearUl li:nth-child(8){ bottom: 77px; left: 565px;}
.yearUl li:nth-child(9){ bottom: 68px; left: 666px;}
.yearUl li:nth-child(10){ bottom:124px; left: 709px;}
.yearUl li:nth-child(11){ bottom:95px; left: 795px;}
.yearUl li:nth-child(12){ bottom: 115px; left: 878px;}
.yearUl li:nth-child(13){ bottom: 146px; left: 957px;}
.yearUl li:nth-child(14){ bottom: 206px; left: 1030px;}
.yearUl li:nth-child(15){ bottom: 259px; left: 1102px;}

.moduletit{ background: url(../images/moduletitBg.jpg)  no-repeat bottom center; height: 204px;}
.moduletit .about_title{ justify-content: flex-end;}
.sectionModule{ width: 100%;  height: 1060px;}

 
.jiange{width: 100%;height: 25px;background: url(../images/fbg1.png) no-repeat center;margin-top: -8px;position: relative; font-size: 15px;}
.foot{background: #0084AB;color: #fff;margin-top: -17px; padding: 50px 0 20px;}
.foot-t {width: 100%;height: 23px;background:   url(../images/fbg.png) no-repeat  center top;;}
.foot .foot-l{ width: 320px;   font-size: 21px}
.foot .foot-m{  }
.foot .foot-r{ width: 320px;   font-size: 21px}
.foot .foot-m span{width: 116px;height: 116px;display: inline-flex;background: #fff;border-radius: 116px;text-align: center;  margin:  0 6px;}
.foot .foot-m span img{width: 72px ;height:72px; }
.foot .foot-b{width: 100%; font-size: 15px; line-height: 2;     margin-top: -5px; margin-bottom: 0; }

.bg-Big{ background: url(../images/bigBg.jpg) no-repeat center top; background-size: cover; }
.w1170{ width: 1170px; margin: 0 auto;}

.idea{ padding: 40px 0 80px;}
.idea img{ box-shadow: 0 0 10px rgb(0, 0, 0,0.5); transition: all .36s;}
.idea img:hover{  transform: translateY(5px);}

.fsxt2 { background: url(../images/line-bg.jpg) no-repeat center top #009494;}
.fsxt2 .txt{ width: 650px;  padding: 50px 0;}
.fsxt2 .img{ position: absolute; top:-66px ; right: 0;}
.overflow{ overflow: hidden;}
.fsxt3{ padding: 120px 0 100px;}
.fsxt3 .w1170 .txt{ width: 740px;}
.fsxt3  .img{ border-top: 1px solid #009494; position: relative; transition: all .36s; padding-bottom: 17px; background: url(../images/6g-bg.jpg) no-repeat center bottom; }
.fsxt3  .img .txt{ position: absolute; width: 100%;  padding:10px 0; left: 0; bottom: 17px; background: rgba(0 ,148 ,148,0.6); line-height: 1.6; transition: all .6s; transform:  translateY(80px);;}
.fsxt3  .img:hover .txt{ transform:  translateY(0px); }
.fsxt3  .img img{ transition: all .8s;}
.fsxt3  .img:hover {  box-shadow: 0 0 10px rgba(0, 0, 0,0.5);}
.fsxt3  .img:hover img{ transform: scale(1.1);}

.vstit{ background: url(../images/vstitbg.jpg) no-repeat center top; height: 279px;}
.w900{ width: 900px; margin: 0 auto;}
.w866{ width: 866px; margin: 0 auto;}

.sectionvs{ padding: 50px 0;}
.sectionvs .left{ clip-path: polygon(100% 0,53% 100%, 0 100%, 0 0); -webkit-clip-path: polygon(100% 0,53% 100%, 0 100%, 0 0);
  background: #eadd01; width: 565px; height: 268px; position: absolute; top: 0; left: 0; z-index: 1; overflow: hidden;}
.sectionvs .right{clip-path: polygon(100% 0,100% 100%, 0 100%, 47% 0);-webkit-clip-path: polygon(100% 0,100% 100%, 0 100%, 47% 0);
   background: rgb(255 0 0 / 47%); width: 565px; height: 268px; position: absolute; top: 0; right: 0; z-index: 2;overflow: hidden;}

.sectionvs .vs1{ height: 268px; margin-bottom: 32px;}
.sectionvs .vs1 .img img{ width: 565px ; height: 268px; object-fit: cover; transition: all .5s;}
.sectionvs .vs1 .txt{ position: absolute; width: 100%; height: 100%;   z-index: 9;  top: 0; left: 0;  }
.sectionvs .vs1 .txt img{ position: absolute;}
.sectionvs .vs1 .left .txt{ align-items: flex-end;}
.sectionvs .vs1 .right .txt{     }
.sectionvs .vs1 .bg{background:rgb(0 148 148 / 0.2);position: absolute; width: 100%; height: 0; bottom: 0; left: 0; z-index: 5; transition: all .36s;}
.sectionvs .vs1 .right .bg{background:rgb(0 0 0 / 0.4);}
.sectionvs .vs1 .left:hover .bg{ height: 100%;}
.sectionvs .vs1 .left:hover .img img{ transform: scale(1.1);}
.sectionvs .vs1 .right:hover .bg{ height: 100%;}
.sectionvs .vs1 .right:hover .img img{ transform: scale(1.1);}

.vs-icon{ position: absolute; top: 50%; left: 50%; width: 277px ; height: 268px  ; margin-left: -138.5px; margin-top: -134px; z-index: 99;  
  clip-path: polygon(100% 0,56% 100%, 0 100%, 56% 0);   -webkit-clip-path: polygon(100% 0,56% 100%, 0 100%, 56% 0);
 }
 .serviceTit{ background: url(../images/servicetitbg.jpg) no-repeat center top; height:285px ;}

 .serviceCon{ padding: 50px 0;}

 .serviceCon .w1244{ background: url(../images/serviceCon.png ) no-repeat center top 178px; min-height: 1523px;  }

 .serviceCon .item{ position: absolute; width: 272px; height: 292px;}
 .serviceCon .item .img{ background: url(../images/serviceImgbg.png) no-repeat center  bottom; width: 180px; height: 264px; padding: 18px; position: absolute; top: 0; left: 0; }
 .serviceCon .item .img .pic{width: 143px; height: 143px; object-fit: cover; border-radius: 50%; overflow: hidden; }
 .serviceCon .item .img  img{width: 143px; height: 143px; object-fit: cover; border-radius: 50%; transition: all .36s;}
 .serviceCon .item .txt{ background: url(../images/serviceTxtbg.png) no-repeat center bottom; width: 182px; height: 121px; text-align: center;  line-height: 58px; position: absolute; bottom: 0; right: 0; }
 .serviceCon .item:hover .img img{ transform: scale(1.1);}
 .serviceCon .item:hover .img {  transform:scale(1.05)  translateY(-5px);;}

 .serviceCon .item:nth-child(1){ left: 140px; top: 0;}
 .serviceCon .item:nth-child(2){ left: 533px; top: 0;}
 .serviceCon .item:nth-child(3){left: 948px; top: 0;}
 .serviceCon .item:nth-child(4){left: 376px; top: 292px;}
 .serviceCon .item:nth-child(5){left: 768px; top: 292px;}
 .serviceCon .item:nth-child(6){left: 143px; top: 594px;}
 .serviceCon .item:nth-child(7){left: 533px; top: 594px;}
 .serviceCon .item:nth-child(8){left: 950px; top: 594px;}

 .serviceCon .item:nth-child(9){left: 377px; top: 886px;}
 .serviceCon .item:nth-child(10){left: 767px; top: 886px;}

 .serviceCon .item:nth-child(11){left: 144px; top: 1189px;}
 .serviceCon .item:nth-child(12){left: 533px; top: 1189px;}
 
 .applicationtit{ background: url(../images/applicationTit.jpg) no-repeat center top; height: 277px;}
 .applicationCon{ padding: 50px 0;}
 .w1250{ width: 1250px; margin: 0 auto;}
 .applicationCon ul li{ width: 406px; float: left; margin-right: 16px; margin-bottom: 50px;}
 .applicationCon ul li:nth-child(3n){ margin-right: 0;}
 .applicationCon ul li .img{ overflow: hidden;}
 .applicationCon ul li .img span{ width: 100%; position: absolute; bottom: 0; left: 0; background: rgba(0 ,148 ,148,0.6); letter-spacing: 3px; padding: 8px 0;  transition: all .5s; transform:  translateY(50px);;}
 .applicationCon ul li .txt{ height: 40px; line-height: 40px; box-shadow: 0 0 10px rgb(0 0 0 / 0.4);}
 .applicationCon ul li:hover .img span{ transform:  translateY(0px);;}
 .applicationCon ul li:hover .img img{ transform: scale(1.1);}

 .w1270{ width: 1300px; margin: 0 auto;}
 .foot .footer_ul{ width:940px;    margin-top: -20px;}
 .foot .footer_ul   .txt{ text-align:justify;}
 .foot .footer_ul  img{  height: 50px;}