@font-face {
  font-family: "applefont"; /* Project id 2576408 */
  src: url('/Other/en/static/home/font/applefont.otf') format('opentype'); 
      
}


body{ font-family: Microsoft Yahei ;   margin:0px; padding:0px;  color: #333;    }
body, button, input, select, textarea {font:   14px/1.8  Microsoft Yahei , Arial, PingFang SC, Lantinghei SC, Microsoft Yahei, Hiragino Sans GB, Microsoft Sans Serif, WenQuanYi Micro Hei, sans-serif;}
 *{ margin:0px; padding:0px;}
.clear{clear:both;height:0;overflow:hidden; font-size:0px;}
.clear10{height:10px;overflow:hidden;clear:both;}
.clear20{height:20px;overflow:hidden;clear:both;}
.clear17{height:17px;overflow:hidden;clear:both;}
.clear40{height:40px;overflow:hidden;clear:both;}
.clearfix:after {content: "";display: block;clear: both;width: 100%;height: 0;line-height: 0;font-size: 0;}
ol,ul,li{list-style:none outside none;}
a{color:#333;  text-decoration:none}
a img{border:0 none;}
a:hover{ color: #666666}
table,tr,td,th{border-collapse:collapse;padding:0; margin:0;}
img{vertical-align: middle;}
input,textarea,button{padding:0 2px; resize:none;-webkit-appearance: none !important;outline: none; border:none; background:none;}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {color:#999;}
input:-moz-placeholder, textarea:-moz-placeholder {color:#999;}
input::-moz-placeholder, textarea::-moz-placeholder {color:#999;}
input:-ms-input-placeholder, textarea:-ms-input-placeholder {color: #999;}
.main{ width:1100px; margin:0px auto;  }

 .w90{ width: 90%; margin:0px auto; position: relative;}

.fl{ float:left;}
.fr{ float:right;}
.padding{ padding:10px;}
.info{ line-height:2; text-align:left; }
.color{ color:#01958b; font-size:16px; font-weight: normal;}

 

/*分页样式*/
.pglist {padding: 75px 0;width: 100%;text-align: center;clear: both;}
.pglist a {color: #333;padding: 0 15px;margin: 0 4px;background: #fff;border: 1px solid #edebeb;}
.pglist a.close {background: #f2f2f2 !important;}
.pglist * {display: inline-block;vertical-align: middle;line-height: 34px;padding-bottom: 1px;}
.pglist a:hover,.pglist .hover {display: inline-block;color: #fff;background: #bb0007;border-color: #bb0007;}
.icon {
  width: 1em;
  height: 1em;
  vertical-align: -0.15em;
  fill: currentColor;
  overflow: hidden;
}
/* 变色 */

 

header{  position: fixed; height:  88px; width: 100%; z-index: 99; color: #fff; transition: all .5s; font-size: 16px;}
header:hover{  background: #fff; color: #000;}
header .logo img:nth-child(2){ display: none;}
header:hover a{ color: #000;}

.ibox-scoll{ animation: 850ms 350ms; -webkit-animation: animation: 850ms 350ms; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: fadedown; animation-name: fadedown;}

.scoll-top{ background-color: #fff; color: #000; box-shadow: 0 5px 10px rgb(0, 0, 0,.2);  }
.scoll-top ul li a{ color: #000;}
.scoll-top  .logo img:nth-child(1){ display: none;}
.scoll-top  .logo img:nth-child(2){ display: block;}

.wap-map{ display: none;}

header:hover .logo img:nth-child(1){ display: none;}
header:hover  .logo img:nth-child(2){ display: block;}

.p-50{ padding: 0px 50px; position: relative;}
header .p-50{display: flex; justify-content: space-between;}

.logo{ display: flex; align-items: center;}
header  nav {display: flex; justify-content: space-between;}
nav>ul{ display: flex; justify-content: space-between; width: 1130px; line-height: 88px;}
header nav>ul>li>a{ color: #fff; position: relative; display: block;}
header  nav>ul>li>a:hover,.scoll-top nav>ul>li>a.active{ color:#0469b3;  }
header.red  nav>ul>li>a:hover,.scoll-top.red nav>ul>li>a.active{ color: #e62111;}

header  nav>ul>li>a:hover::before,.scoll-top nav>ul>li>a.active::before{ transform: scale(1,1);}
header  nav>ul>li>a::before{ background: #0469b3; position: absolute; bottom: 1px ; left: 0; width: 100%; height: 2px;  content: ''; display: block; transform: scale(0,0); transition: all .3s;}
header.red nav>ul>li>a::before{ background:#e62111}
header .p-50 .r{ display: none;}
.subMenu{ display: none; position: absolute;top:  88px;left: 0;width: 100%; height: 100px;background-color: rgb(0, 0, 0,0.7);}
.subMenu>ul{float: left; position: relative; left: 50% }
.subMenu>ul>li{float: left; position: relative; left: -50%}
/* nav>ul li:nth-child(3) .subMenu>ul>li>a{ padding: 0 20px;} */
.subMenu>ul>li>a{display:block;padding:0 50px;text-align: center;line-height:100px;color: #fff; font-size: 16px;}
.subMenu>ul>li>a:hover{color:#0469b3}
.red .subMenu>ul>li>a:hover{color:#e62111}



.language{ line-height:  88px; margin-left: 40px; position: relative;}
.language svg{ font-size: 18px;}
.tabLanguage{ position: absolute; top: 70px; right: 0; background: rgb(0, 0, 0,.5) ; border-radius: 5px; color: #fff !important; height: 30px; line-height: 30px; width: 36px; text-align: center; display: none;}
.nowLanguage{ display: inline-block;}
 
.nowLanguage:hover .tabLanguage{ display: block;}
.tel{ font-size: 20px;line-height: 88px ; margin-left: 30px;font-family:'applefont';}

.banner_wrapper{ width: 100%; height: 100vh;}
.banner { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 0;}

/* .banner .swiper-slide video,.banner .swiper-slide img{  max-height: 100vh; } */

.sub-mouse { width: 22px; height: 50px; position: absolute; bottom: 40px; left: 50%; margin-left: -11px;z-index: 9;}
.sub-mouse span{animation: ani-svg 1s linear 0s alternate infinite;width: 50%; display: block; height: 100%; cursor: pointer;}

.banner-swiper{ width: 100%; height: 100%;  margin-left: auto; margin-right: auto;}

.bantxt{ position: absolute; left: 5%; top: 30%; color: #fff;   font-family: '幼圆';}
.bantxt h1{ font-size: 70px; font-weight: 200; line-height: 1.5;}
.bantxt h2{ font-size: 22px; font-weight: normal;;}

.banner-swiper .swiper-pagination-bullet{ width: 16px; height: 16px; border-radius: 50%; border: 2px solid rgb(255, 255, 255); background: none;    opacity: 0.6; margin:0 0 0 38px !important;}
.banner-swiper  .swiper-pagination-bullet-active{ background: url(/static/home/images/banico.png) no-repeat center center;opacity: 1; border: none; width: 18px; height: 18px;}
.banner-swiper .swiper-pagination{ position: absolute; right: 10%; bottom: 50px; width:180px; left: auto; height: 20px;}  
 

.banlink{ display: block; width: 250px; line-height: 50px; position: absolute; bottom: 50px; left:5%; display: flex; color: #fff; }
.banlink span:nth-child(1){ width: 50px; height: 50px; border-radius: 50%; background: #0469b3; transition: all .5s;   }
.banlink span:nth-child(2){   line-height: 50px;  height: 50px; position: absolute; top: 0; left: 25px; }
.banlink:hover span:nth-child(1){ width: 200px; border-radius: 25px;}
.banlink:hover{ color: #fff;}

.about{ background: url(/static/home/images/aboutbg.jpg) bottom center no-repeat #f6f7fc; position: relative; overflow: hidden;  height: 1050px; background-size:100% auto; }
.cloud1,.cloud2{ width: 638px; height: 244px; position: absolute;}

.cloud1{bottom: 450px; right: -20%;animation: cloud1 30s ease-out 0s infinite;}
.cloud2{ bottom: 100px; right: -20%;animation: cloud2 20s ease-out 0s infinite;}

.about .w90{ display: flex; justify-content: space-between;}

.index-tit{  margin-top: 120px; font-size: 60px; font-weight: bold; z-index: 2;}
.about .banlink{top: 360px;  color: #000; z-index: 2; }
.aboutinfo{  margin-top:  250px;  width: 745px; z-index: 2;}
.aboutinfo h2{ font-size: 36px; font-weight: bold;}
.aboutinfo .info{ color: #666666; font-size: 16px; line-height: 40px; margin: 40px 0;}
.aboutinfo ul{ display: flex; justify-content: space-between; text-align: center; font-size: 16px;}
.aboutinfo ul li h5{ font-size: 20px; color: #0469b3;   line-height: 1;}

.aboutinfo ul li h5 b{ font-family:'applefont';  font-size: 80px; margin-right: 10px;}
.aboutinfo ul li p{ font-weight: bold;}

.pro-txt{ font-size: 180px; color:rgb(4 ,105, 179,0.08); position: absolute; left: 2%; bottom:0px; font-weight: 600; text-transform: uppercase; line-height: 1;z-index: 3;}
.product{ position: relative; background: #fff;}

/* .pro-container { width: 86%; margin: 0px auto; } */
.pro-container { width: 80%; margin: 0px auto; }
.pro-container .swiper-slide{display: flex; justify-content: space-between;}

.pro-button-next,.pro-button-prev{ background: url(/static/home/images/pronext.png) no-repeat center center ; width: 60px; height: 60px; background-size: cover;}
.pro-button-prev,.pro-button-prev:hover{  transform:rotate(180deg);}

.pro-button-next:hover,.pro-button-prev:hover{ background: url(/static/home/images/pronext-hover.png) no-repeat center center;}

.proleft{ text-align: center; padding-top: 75px;}
.proleft img{ max-width: 80%;}
.proleft,.proright { width: 50%;}
.product{ padding: 68px 0;}
.pro-tit{ left: 50%; border-bottom: 1px solid #eee; padding-bottom: 10px; position: absolute;}
.pro-tit h1{ font-size: 40px; color: #0469b3;  }
.pro-tit H2{ font-size: 18px; color: #666666; font-weight: normal;}
.proright { padding-top: 150px;}
.proright h1{ font-size: 60px;}
.proright  .prodesc{ font-size: 18px; color: #888888; line-height: 40px; margin-bottom: 125px;}
.proright  a{ position: relative; z-index: 9; width: 150px; height: 50px; border-radius: 25px;  background: #0469b3; color: #fff; text-align: center; line-height: 50px; display: block; font-size: 16px; transition: all .5s;}
.proright  a:hover{ width: 200px;}
 

.product .swiper-pagination{  position: absolute; left: 50%; bottom: 0px;}
 

.pro-pagination .swiper-pagination-bullet {
  width: 30px;
  height: 30px;
  background: url(/static/home/images/ico2.png) no-repeat center center;
  margin: 0 70px 0 0 !important;
  position: relative;
  opacity: 1
}


.pro-pagination .swiper-pagination-bullet::before {
  content: '';
  display: block;
  height: 0;
  position: absolute;
  left: 35px;
  top: 50%;
  border-bottom: 1px dashed #0469b3;
  width: 60px;
}

.pro-pagination .swiper-pagination-bullet:last-child:before {
  display: none;
}

.pro-pagination .swiper-pagination-bullet-active {
  background: url(/static/home/images/ico1.png);
}


.Range{ background: #f4f6fb; padding: 65px 0;  position: relative;}

.index-title h1{ font-size: 50px; text-align: center; font-weight:600;}
.index-title h2{ color: #555555; font-size: 18px; font-weight: normal;text-align: center;}
.map{ text-align: center; padding: 50px 0; overflow: hidden; margin: 0px auto; width: 1124px;  position: relative;}
.map img{ max-width: 100%;}
.map ul li{ position: absolute; display: flex; flex-direction: column; align-items: center;  justify-content: center; font-size: 16px;   }
.map ul li svg{ color: #688cc5; font-size: 25px; animation: ani-svg2 1s linear 0s alternate infinite; }

.map ul li div{  background: rgb(4 ,105, 179,0.1);   position: relative;  width: 15px; margin: 5px 0; height:8px; border-radius: 50%; }
.map ul li div::after{content: ''; display: block; width: 32px; height:12px; border:3px solid  rgb(4 ,105, 179,0.1); position: absolute; left: 50%; margin-left: -19px; top: 50%; margin-top: -8.5px; 
  border-radius: 50%; }

  .map ul li:hover svg{ color: rgb(4 ,105, 179,1); animation: ani-svg2 0s linear 0s alternate infinite;}


.map ul li:nth-child(1){ top: 20%; left: 9.8%;}
.map ul li:nth-child(1) svg{animation: ani-svg2 2s linear 0s alternate infinite; }
.map ul li:nth-child(2){ top: 35%; left: 17%;}
.map ul li:nth-child(2) svg{animation: ani-svg2 2.5s linear 0s alternate infinite; }
.map ul li:nth-child(3){ top: 58%; left: 28%;}
/* .map ul li:nth-child(3) svg{animation: ani-svg2 3s linear 0s alternate infinite; } */
.map ul li:nth-child(4){ top:62%; left:32%;}
.map ul li:nth-child(5){ top:30%; left:46%;}
.map ul li:nth-child(5) svg{animation: ani-svg2 2s linear 0s alternate infinite; }
.map ul li:nth-child(6){ top:28%; left:49%;}
/* .map ul li:nth-child(6) svg{animation: ani-svg2 3s linear 0s alternate infinite; } */
.map ul li:nth-child(7){ top:35.3%; left:55%;}
.map ul li:nth-child(8){ top:29%; left:63%;}
.map ul li:nth-child(9){ top:35%; left:63%;}
.map ul li:nth-child(9) svg{animation: ani-svg2 2.5s linear 0s alternate infinite; }
.map ul li:nth-child(10){ top:42%; left:63%;}
.map ul li:nth-child(10) svg{animation: ani-svg2 2s linear 0s alternate infinite; }
.map ul li:nth-child(11){ top:15%; left:71%;}
.map ul li:nth-child(11) svg{animation: ani-svg2 3s linear 0s alternate infinite; }
.map ul li:nth-child(12){ top:49%; left:76%;}
.map ul li:nth-child(13){ top:56.5%; left:75%;}
/* .map ul li:nth-child(13) svg{animation: ani-svg2 2.5s linear 0s alternate infinite; } */
.map ul li:nth-child(14){ top:36%; left:81%;}
.map ul li:nth-child(15){ top:36%; left:85%;}
.map ul li:last-child{ top:36%; left:76%; color: #0469b3; font-size: 18px;   }
.map ul li:last-child svg{animation: ani-svg2 0s linear 0s alternate infinite; }

.map ul li:last-child svg{ font-size: 60px; color: #0469b3;}
.map ul li:last-child div{ width: 24px; height: 12px; margin-bottom:10px;}
.map ul li:last-child div::after{ width: 60px; height: 30px; margin-left: -33px; margin-top: -18px;}


.Range-ul .swiper-slide img{ max-width: 100%; transition: all .3s;}
.Range-ul .swiper-slide:hover img{box-shadow:0 0 10px rgba(0, 0, 0, 0.2); transform: scale(1.01);} 

.news{ position: relative; background-color: #fff; padding: 60px 0;}
 
/* .news .w80{width: 80%; margin: 0px auto; padding: 50px 0; display: flex; justify-content: space-between;} */
.news .w80{width: 80%;margin: 0px auto; padding: 50px 0; display: flex; justify-content: space-between;}
.newsleft{ width:calc(50% - 20px) ; border-radius: 10px; overflow: hidden;}
.newsleft img{ border-radius: 10px; width: 100%; height: 572px; object-fit: cover;}
.newsleft .swiper-slide {}
.newsleft .swiper-slide h2{ text-align: left; padding-left: 25px; height: 80px; line-height: 90px; position: absolute; left: 0; bottom: 0; width: calc(100% - 25px); background-image: linear-gradient(transparent,#00589f ); color: #fff; font-size: 20px; font-weight: 500;}
.newsleft .swiper-pagination{ position: absolute; bottom: 20px; width: auto; right: 25px; left: auto;}
.newsleft .swiper-pagination-bullet{ width: 12px; height: 12px; margin: 0 0 0 22px !important ;}
 
.newsright{ width: 50%; box-shadow: 0 0 10px rgb(4 ,105, 179,0.1); ;}
.newsright ul{ display: flex; justify-content: space-between;  flex-direction: column;  height: 100%;}
.newsright ul li{ flex: 1; padding: 0 30px; border-bottom: 1px solid #eee; background: url(/static/home/images/newjiantou.png) no-repeat center right 30px;transition: all .5s;}
.newsright ul li a{display: flex; justify-content: space-between; align-items: center;height: 100%; color: #333;  transition: all .5s; }
.newsright ul li a div:first-child{ width:calc(100% - 60px);}
.newsright ul li a h2{ font-size: 18px; font-weight: normal;  text-align: left;  overflow: hidden;word-break:break-all;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.newsright ul li a h2 span{ font-size: 14px; }
.newsright ul li:hover{ background: url(/static/home/images/newjiantou2.png) no-repeat center right 10px #0469b3;box-shadow: 0 0 10px rgb(4 ,105, 179,0.3); ;}
.newsright ul li:hover a{ color: #fff;}
.newsright ul li:hover a h2{ color: #fff;}

footer{ position: relative; background-color: #fff;}

.foot-top{ height: 160px; width: 100%; background: url(/static/home/images/footbg.jpg) no-repeat center center; color: #fff;}
.foot-top.red{background: url(/static/home/images/footbgred.jpg) no-repeat center center;}
.foot-top .w90{  display: flex; justify-content: space-between; align-items: center; height: 100%;}
.foot-top  .foot-top-left{ font-size: 30px; font-family: '幼圆';}
.foot-top  .foot-top-left span{ font-size: 36px; font-weight: 500; }

.foot-top-right{ color: #fff; font-size: 18px;  width: 180px;  height: 60px; border-radius: 30px; border: 2px solid #fff;display: flex;  align-items: center;  justify-content: center; transition: all .5s; }
.foot-top-right img{ margin-left: 10px;}
.foot-top-right:hover{ color: #fff; width: 220px; }

.foot-bot-top{ padding-top: 50px; display: flex; justify-content: space-between; border-bottom: 1px solid #eee; padding-bottom: 20px; }

/* .foot-bot-top-left{ width: 65%;} */
.foot-bot-top-left{ width:75%; padding-right: 50px;border-right: 1px solid #efefef; margin-right: 50px; }
.foot-bot-top-left ul{ display: flex; justify-content: space-between; margin-top: 10px; }
.foot-bot-top h4{  line-height: 60px; font-size: 16px;   position: relative;  }
.foot-bot-top-left h4::before{ width: 30%; height: 2px; content: ''; display: block; position: absolute; bottom: 5px; left: 0; background: #efefef;}
.foot-bot-top h4 a{  color: #777;}
.foot-bot-top-left ul li  div a{ font-size: 14px; line-height: 36px; color: #888;}
.foot-bot-top-left ul li  a:hover{ color: #0469b3;}
.foot-top-log0{ border-bottom: 1px solid #efefef; padding-bottom: 30px; }

.foot-tel{font-family:'applefont'; font-size: 40px;  font-weight: 600; line-height: 50px;}
.foot-ewm{ width: 290px;display: flex; justify-content: space-between; text-align: center; margin-top: 20px;}

.foot-bot-foot{ height: 80px; display: flex; justify-content: space-between;align-items: center; position: relative; }

.foot-Copyright{ color: #888; font-size: 14px;}

.foot-Copyright a{ color: #888;} 
.foot-Copyright a:hover{color: #0469b3;}

.foot-link{ color: #333; font-size: 14px; display: flex;align-items: center; cursor: pointer;}
.foot-link svg{transform:rotate(90deg); font-size: 16px;}
.linkbox{ position: absolute; right: 0; bottom: 0; display: none; transition: all .5s;}
.linkbox a{ margin-left: 25px;font-size: 14px;}
.linkbox a:hover{color: #0469b3;}


.neiban{ background-size: cover; height: 800px; position: relative;    min-height: 280px;display: flex;  align-items: center;  justify-content: center; }
.neinav{ position: absolute; left: 0; bottom: 0; width: 100%; height: 94px; z-index: 2; line-height: 94px; background: rgb(0, 0, 0,.4); display: flex;}
.neinav li{ flex: 1; text-align: center; border-right: 1px solid rgb(255, 255, 255,0.3);}
.neinav li a{ display: block; line-height: 94px; color: #fff; font-size: 18px;}
.neinav li a.on,.neinav li a:hover{ font-size: 22px; background: #0569b3;}

.neinav.red li a.on,.neinav.red li a:hover{  background: #e62129;}

.neibanline{ position: absolute; left: 50%; margin-left: -1px; bottom: 94px;  opacity: 0.5; }
.neibanimg{position: absolute; left: 50%; margin-left: -30px; bottom: 190px; animation: ani-svg 1s linear 0s alternate infinite;}
.neibantxt{ color: #fff; text-align: center; height: 300px;}
.neibantxt h1{ font-size: 44px; letter-spacing: 2px;}
.neibantxt h5{ font-size: 16px; font-weight: normal;}

.w80{ width: 80%;margin: 0px auto; position: relative;}

.about-page1{ background: url(/static/home/images/world-bg.png) no-repeat right top; padding-top: 90px;}
.about-page1 .w80{  display: flex; justify-content: space-between;}
.about-page1-left{ overflow: hidden; position: relative; width: 50%;}
.about-page1-left img{ max-width: 100%;}

.about-page1-right{ width: 45%;}
.about-page1-right h1{ font-size: 40px; font-weight: normal; line-height: 50px;}
.about-page1-right h2{ font-weight: normal; font-size: 30px; padding: 60px 0 30px 0;}
.about-page1-right  h5{ font-weight: normal;; font-size: 20px;}
.about-page1-right .info{ font-size: 16px; line-height: 1.9; color: #666; text-indent: 32px;}

.about-page2{ background: url(/static/home/images/about-page2-bg.png) no-repeat center top; padding-top: 200px; margin-top: -95px; color: #fff;    background-size: 100% 70%;}
.about-page2-ul{ display: flex; justify-content: space-between;}
.about-page2-ul li{ flex: 1;}
.about-page2-ul li h5{ font-weight: normal; font-size: 22px;}
.about-page2-ul li h5 b{font-family:'applefont'; font-size: 80px; line-height: 1.2; margin-right: 10px;}
.about-page2-ul li p{ font-size: 18px; color: rgb(255, 255, 255,0.5);}

.about-video{ position: relative; padding-top: 140px; padding-bottom: 90px;}
.about-video img{ max-width: 100%;}
.about-video-play{ width: 100%; height: 100%; cursor: pointer; display: flex;  align-items: center;  justify-content: center;  position: absolute; top: 0;  left: 0; font-size: 30px; text-align: center; font-weight: 100;  }

.about-video-play p:nth-child(2){ margin-top: 10px;}
  .dis-flex-center-center{ display: flex; align-items: center; justify-content: center}
/* video  
#video{width: 1000px; max-height:600px; background:#323335;z-index:9999} 
.videolist {   position:relative; float:left; width:590px; height:340px;   margin-top:15px; margin-bottom:30px;  }
.videolist:hover{ cursor: pointer; }
.videolist img{ border-radius:15px}
.videolist:nth-child(2n+0){ float:right}
.vtit{font-size: 16px; font-weight:bold; text-align: center; line-height: 50px;}
.videoed { display:none; width:50px; height:50px; position: absolute; left:45%; top:35%; z-index:99; border-radius:100%; }
.videos{ display:none;  position:fixed; left:50%; top:50%; margin-left:-500px; margin-top:-210px; z-index:100; width:1000px; height:300px; }
.vclose { position:absolute;right:1%; top:1%; border-radius:100%; cursor: pointer; }
  video */

.w80{ position: relative;}
.culture-page1{ background: url(/static/home/images/culture-page1-bg.jpg) no-repeat center bottom; padding: 110px 0 160px 0; position: relative;}
.culturetxt{ font-size: 50px; color: #333; font-weight: bold;}

.culture-ul{ display: flex;  margin: 30px 0 0 0 ;}
.culture-ul li{ flex: 1;display: flex;align-items: center; color: rgb(0, 0, 0,0.7); font-size: 19px; }
/*  background: url(/static/home/images/m_bg6.png) no-repeat center bottom;  */
.culture-ul li span{ width: 100px; height: 100px;  text-align: center;display: inline-flex;  align-items: center;  justify-content: center; margin-right: 15px;  }

.culture-four{ height: 660px; margin-top: 100px; position: relative;}
.culture-tit{ position: absolute; top: 0; right: 0;}

.culture-four-center{ width: 100%; height: 100%; display: flex;  align-items: center;  justify-content: center; background: url(/static/home/images/culture-circle2.png) no-repeat center center; color: #fff; text-align: center; }
.culture-four-center h1{ font-size: 34px;}
.culture-four-center h5{ font-size: 22px; font-weight: 100;}
/* .culture-four-center img{ animation: myfirst 36s infinite ;} */

/* display: flex; justify-content: space-between; flex-wrap: wrap;  */

.culture-spirit{position: absolute; top: 0; width: 100%; height: 100%;}
.culture-spirit .dot{ position: relative; width: 100px; height: 100px; }
.culture-spirit .dot_circle{display:block;  width: 100px; height: 100px; background:#0569b3; position:relative; z-index:3; border-radius:50%;display: flex;  align-items: center;  justify-content: center; }
 


.culture-spirit .dot::after {width:130px; height:130px;background:transparent; /*background:#7e9ec3;*/ background:#0569b3;   margin-top:-65px;  margin-left: -65px;  opacity:0.5; animation: warn 2s linear 0s infinite;}

.culture-spirit .dot:after, .culture-spirit .dot:before {
  content: "";
  position: absolute;
  border-radius: 50%;
  top: 50%;
  left: 50%;
  z-index: 1;
}

.culture-spirit li:nth-child(2)   .dot_circle{background:#ceaf54; }
.culture-spirit li:nth-child(2)   .dot::after{background:#ceaf54; }
.culture-spirit li:nth-child(3)   .dot_circle{background:#6fcdb4; }
.culture-spirit li:nth-child(3)   .dot::after{background:#6fcdb4; }
.culture-spirit li:nth-child(4)   .dot_circle{background:#f4b757; }
.culture-spirit li:nth-child(4)   .dot::after{background:#f4b757; }

.culture-spirit  li{  width: 50%; display: flex;   position: absolute;  transition: all .3s; }
.culture-spirit  li .dot-txt{ text-align: right;}
.culture-spirit  li .dot-txt h2{ font-size: 34px; font-weight: normal;}
.culture-spirit  li .dot-txt h5{ font-size: 19px; font-weight: normal;}
.culture-spirit  li:nth-child(2n-1){flex-direction: row-reverse;}
.culture-spirit  li:nth-child(1){ top: 100px;right: 50%;}
.culture-spirit  li:nth-child(2){ top: 100px; left: 50%;}
.culture-spirit  li:nth-child(2n-1) .dot{  margin-right: 250px; margin-left:40px;}
.culture-spirit li:nth-child(3) {   bottom: 100px; right: 50%;}
.culture-spirit li:nth-child(4) {   bottom: 100px; left: 50%;}
.culture-spirit  li:nth-child(2n) .dot{margin-left: 250px; margin-right:40px;}
.culture-spirit  li:nth-child(2n) .dot-txt{ text-align: left;}

.culture-spirit  li:hover{ margin: -20px;}
.culture-page2{ background: url(/static/home/images/bg1.jpg) no-repeat center top; height: 760px;}
/* .culture-page2 ul{ display: flex; justify-content: space-between; height: 100%;}
.culture-page2 ul li{ width: calc(25% - 1px); border-right: 1px solid  rgb(255, 255, 255,0.2); padding: 0 65px;  color: #fff;  display: flex;  align-items: center;  justify-content: center; transition: all .4s; }
.culture-page2 ul li div{  } */
.culture-page2  .culture-swiper-ul{ height: 100%;}
.culture-page2  .culture-swiper-ul .swiper-container{ width: 100%; height: 100%;}
.culture-page2 .swiper-slide{ display: flex;  align-items: center;  justify-content: center; color: #fff; text-align: center; border-right: 1px solid  rgb(255, 255, 255,0.2);}
.culture-page2 .swiper-slide div{padding: 0 50px;}
.culture-page2  h1{ font-size: 40px;}
.culture-page2   p{ font-size: 22px; color: rgb(255, 255, 255,0.7); font-weight: normal;;}
.culture-page2 .swiper-slide:hover{ background: rgb(0, 0, 0,.4); }

.honor-page1{ background: #f3f7fc; padding: 50px 0;}
.mask-white { position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(255,255,255,.2); content:''; -webkit-transition:-webkit-transform .6s; transition:transform .6s; -webkit-transform:scale3d(2.2,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-100%,0); transform:scale3d(2.2,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-100%,0) }
.honorimg{ overflow: hidden; position: relative;}
.honor-page1 ul {display: grid; grid-gap: 25px; grid-template-columns: repeat(4,1fr);}
/*  width:317px ; margin-right: 25px; margin-bottom: 25px; */
.honor-page1 ul li{ background: #fff; text-align: center; padding: 35px 22px; transition: all .3s;  cursor: pointer; overflow: hidden;}
/* .honor-page1 ul li:nth-child(4n){ margin-right: 0;} */
.honortxt{ font-size: 18px; border-bottom: 1px dashed #0469b3 ; padding: 25px 0; display: inline-block;white-space: nowrap; width: 100%;  overflow: hidden;text-overflow:ellipsis;}
.honor-page1 ul li:hover{ box-shadow: 0 0 10px rgb(4 ,105, 179,0.2); }
.honor-more{ background: #0469b3; font-size: 18px; width: 500px; height: 70px; margin: 50px auto  0px auto;display: flex;  border-radius: 35px; align-items: center;  justify-content: center; color: #fff; box-shadow:2px 4px 10px rgb(4 ,105, 179,0.4);  transition: all .4s;}
.honor-more:hover{ width: 600px; color: #fff;}

.honorimg img{ max-height: 100%; max-width: 100%;}

.pro-page1{ padding: 65px 0;}
.pro-page1 .w80{ display: flex; justify-content: space-between;}
.pro-left{ width: 20%;}
.pro-right{ width: 78%;}

.pro-left-box{ background: url(/static/home/images/pro-left-box-bg.jpg) no-repeat right bottom #0569b3; padding: 10px 30px 30px 30px; color: #fff;}
.pro-left-box h1{ font-size: 24px; font-weight: 500; margin-top: 20px;}
.pro-left ul{ border: 2px solid rgb(255, 255, 255,0.1); margin: 34px 0;}
.pro-left ul li{ border-bottom: 2px solid rgb(255, 255, 255,0.1); height: 58px; line-height: 58px;}
.pro-left ul li:last-child{ border: none;}
.pro-left ul li a{  color: #fff; font-size: 16px; padding: 0 15px;   display: inline-block;white-space: nowrap;  width: calc(100% - 40px);  overflow: hidden;text-overflow:ellipsis; opacity: 0.6; background: url(/static/home/images/pro-left-jiantou.png) no-repeat center right 15px; transition: all .3s;}
.pro-left ul li:hover a, .pro-left ul li a.on{ opacity: 1;  } 
.pro-left dl{ font-size: 15px;  }
.pro-left dl dt{ width: 50px; float: left;}
.pro-left dl dd{ float: left;  width: calc(100% - 50px);}

.prolist-ul{display: grid; grid-gap: 25px; grid-template-columns: repeat(3,1fr);}
.prolist-ul li{border: 1px solid #e5e5e5; padding: 35px; position: relative;}
.prolist-ul li .prolist-img{ overflow: hidden;}
.prolist-ul li .prolist-img img{ max-width: 100%;}
.prolist-ul li .prolist-txt{ text-align: center; margin: 30px 0;}
.prolist-ul li .prolist-txt h1{ font-size: 22px; font-weight: normal; line-height: 1.6;}
.prolist-ul li .prolist-txt h2{ font-size: 16px; color: #666; font-weight: normal;   margin-top: 20px;}
.prolist-ul li  .prolist-more{ background: #f3f7fc; color: #333; height: 50px; line-height: 50px; text-align:  center; font-size: 16px; display: block;}

.prolist-ul li  .prolist-on{ transform: scaleX(0); transition: all .5s; width: calc(100% - 48px); height: 100%; padding: 0 24px; position: absolute; top: 0; left: 0; color: #fff  ; background: rgb(4 ,105, 179,0.9);display: flex;  align-items: center;  justify-content: center; }
.prolist-ul li:hover  .prolist-on{transform:scaleX(1)}
.prolist-txt2{ text-align: left;}
.prolist-txt2 h1{ font-size: 26px; line-height: 1.6; font-weight: normal;} 
.prolist-txt2 h2{ font-size: 16px;font-weight: normal;;}
.prolist-tel{ background: url(/static/home/images/prolist-tel.png) no-repeat center left; padding-left: 40px; font-size: 18px;display: flex;  align-items: center;  margin: 60px auto; }
.prolist-tel span{font-family:'applefont'; font-size: 24px;}

.prolist-more2{  height: 50px; line-height: 50px; display: block; text-align: center; border: 2px solid #fff; border-radius: 8px;position: relative;overflow: hidden;transition: all 0.5s;}
.prolist-more2 span{    position: relative;    z-index: 1;font-size: 16px;  color: #fff;}
.prolist-more2 .btnbg-x{  position: absolute;background: #00589f;left: 50%;    width: 0;    top: 0px;bottom: 0px;    transition: all 0.5s;}
.prolist-more2:hover .btnbg-x{ width:100%; left:0px; }

.w1240{ width: 1240px; margin: 0px auto; position: relative;}

.proinfo-page1{ height: 80px; }
.proinfo-page1 .w1240{ display: flex; justify-content: space-between;}
.proinfo-page2{   background: #f4f6fb;}

.keylink{  line-height: 80px; }


.pt-50{ padding-top: 50px;}
.pb-50{ padding-bottom: 50px;}

.search-pro { height: 80px; position: absolute; right: 350px; width: 385px;display: flex;  align-items: center;  }
.search-pro form{display: flex;  align-items: center;  justify-content: center; }
.search-pro input[type=text]{ width: 325px; height: 38px; line-height: 38px;  padding: 0 0 0 15px; border-left: 1px solid #e5e5e5; border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5;}
.search-pro input[type=submit]{  height: 40px; width: 40px; padding: 0; background: url(/static/home/images/search-pro-btn.png) no-repeat center center  #0569b3;}
.proinfot-tel{font-family:'applefont'; width: 260px; height: 80px;display: flex;  align-items: center;  justify-content: center; background-image: linear-gradient(to left,  #0569b3,#14b6f9); font-size: 26px; color: #fff; }

.proinfo-page2 .w1240{ display: flex; justify-content: space-between;}
.proinfo-page2-left{ width: 50%;}
.proinfo-page2-right{ width: 50%; background: #fff;position: relative;}
.proinfo-page2-right .info { margin: 38px;   }
.proinfo-page2-right .info h1{ font-size: 30px;}
.proinfo-page2-right .info .line{ width: 20px; height: 3px; background: #172f69;  margin: 60px 0 40px 0;}
.proinfo-page2-right .info p{ line-height: 3.5; font-size: 16px;}
.proinfo-page2-right .info p span{ font-family:'applefont';color: #0569b3; font-size: 22px;}
.proinfo-page2-right .info  a{ position: absolute; bottom:38px;  left: 38px; right: 38px; text-align: center; transition: all .3s; color: #fff; background:#0569b3 ; font-size: 16px; height: 50px; line-height: 50px;  border-radius: 5px;}
.proinfo-page2-right .info  a:hover{ bottom: 50px; box-shadow: 0 0 10px rgb(0 ,0, 0,0.3);}

.proinfo-page3{ }
.pro-detail-page1{ background: url(/static/home/images/healing-4.jpg) top center; display: flex; flex-direction: column;  align-items: center;  justify-content: center; padding: 30px 0; }
.pro-detail-page1-tit{ text-align: center; position: relative; padding: 10px 30px;}
.pro-detail-page1-tit::before,.pro-detail-page1-tit::after{content: ''; display: block; width: 34px; height: 34px; position: absolute;}
.pro-detail-page1-tit::before{  top: 0; left: 0; background: url(/static/home/images/bg-2.png) center center no-repeat;}
.pro-detail-page1-tit::after{ bottom: 0; right:  0; background: url(/static/home/images/bg-3.png) center center no-repeat;}
.pro-detail-page1-tit h1{ font-family: '宋体'; font-size: 50px;}
.pro-detail-page1-tit h1 span{font-family:'applefont'; color: #0569b3;}
.pro-detail-page1-tit h2{ font-size: 26px; font-weight: normal;;}

.pro-detail-page2{  }
.pro-detail-page3{ }

.pro-more{background-image: linear-gradient(to right, #10b6fb 0%, #0569b3 50%, #10b6fb 100%);    background-size: 200% auto; color: #fff; font-size: 20px;display: inline-flex;  align-items: center;  justify-content: center; 
width: 160px; height: 50px; border-radius: 25px; transition: all .4s;
}
.pro-more:hover{background-position: right center;color: #fff;}

.dis-flex{ display: flex; justify-content: space-between; align-items: center;}

.pro-attributes-tit{ border-bottom: 1px solid #e5e5e5; margin-bottom: 50px; margin-top: 50px;  }
.pro-attributes-tit span{font-size: 40px; padding-bottom: 22px;position: relative; display: inline-block; }
.pro-attributes-tit span::before{ width: 100%; position: absolute; left: 0; bottom: -1px; height: 2px; background: #0569b3; content: ''; display: block;}

.pro-attributes-tit em{ color: #2b64cd;font-style:normal; font-size: 22px; margin-left: 20px; }

.pro-attributes-info{ padding:  0;}

.pro-adv{ display: grid; grid-gap: 86px; grid-template-columns: repeat(4,1fr);}
.pro-adv li{box-shadow: 0 0 10px rgb(4 ,105, 179,0.2); padding: 30px 0;display: flex;  align-items: center;  justify-content: center; flex-direction: column; font-size: 24px; border-radius: 8px; transition: all .3s; }
.pro-adv li img{ margin-bottom: 28px; transition: all .3s;  }
.pro-adv li:hover{ margin-top: -10px; background: #00589f; color: #fff;}
.pro-adv li:hover img{filter: grayscale(100%) brightness(500%); }
.pro-adv-more{ transition: all .4s; width: 300px; height: 50px; 
  
  background-image: linear-gradient(to right, #10b6fb 0%, #0569b3 50%, #10b6fb 100%);
  background-image: -webkit-linear-gradient(to right, #10b6fb 0%, #0569b3 50%, #10b6fb 100%);
  background-image: -ms-linear-gradient(to right, #10b6fb 0%, #0569b3 50%, #10b6fb 100%);

  background-size: 200% auto;
  color: #fff; display: flex;  align-items: center;  justify-content: center;  margin: 50px auto 0; border-radius: 30px; font-size: 20px;}
.pro-adv-more:hover{background-position: right center;color: #fff; width: 350px;}

.pro-detail-page4{  background: #f4f6fb;}
.pro-detail-tit{ text-align:  center; font-size: 24px;}
.pro-detail-tit h1{ font-size: 40px;}
.pro-detail-tit p{}

.pro-problem{display: grid; grid-gap: 40px; grid-template-columns: repeat(4,1fr); padding: 50px 0;}
.pro-problem li{ position: relative;}
.pro-problem li img{ border-radius:8px;}
.pro-problem li  span{ transition: all .6s; background: #0569b3; font-size:20px ; color: #fff; width: 140px; height: 44px; position: absolute;display: flex;  align-items: center;  justify-content: center;  border-radius: 22px;top: -22px; left: 50%; margin-left: -70px; }
.pro-problem li:hover span{   top: 50%; margin-top: -22px;}


.pro-problem2{display: grid; grid-gap: 40px; grid-template-columns: repeat(4,1fr);padding: 50px 0 0;}
.pro-problem2 li{ text-align: center; padding: 32px 24px; background: #0569b3; color: #fff;  flex-direction: column; border-radius: 8px;}
.pro-problem2 li h2{ font-size: 26px; font-weight: normal; margin: 15px 0;}
.pro-problem2 li  p{ color: rgb(255, 255, 255,0.8); font-size: 16px;}
.pro-problem2 li img{ transition: all .3s;}
.pro-problem2 li:hover img{transform: rotateY(180deg);}

.pro-detail-page5{ background: url(/static/home/images/why-bg.jpg) center top; color: #fff; padding: 50px 0 1px;}

.why-cen{ width: 100%; height: 100%;   display: flex;  align-items: center;  justify-content: center; margin: 50px 0; }

.why-ul{ position: absolute; top: 0px; left: 0px;   height: 100%; width: 100%; display: flex; justify-content: space-between; }
.why-ul .why-fl,.why-ul .why-fr{ width: 50%;display: flex;  height: 90%;justify-content: space-between; flex-direction: column;}
.why-ul li{display: flex; align-items: center; font-size: 20px;  font-weight: normal;;    }
.why-ul .why-fr li { text-align: right;flex-direction: row-reverse; }
.why-ul li span{border: 1px solid #fff; font-size: 22px; width: 39px; height: 39px;display: flex;  align-items: center;  justify-content: center;border-radius: 50%;  }
.why-ul  .why-fl  li span{ margin-right: 10px;}
.why-ul  .why-fr li  span{ margin-left: 10px;}

.pro-detail-page6{  }
/* .pro-detail-page6 img{ margin-top: 50px;} */

.factory-ul{ display: grid; grid-gap: 22px; grid-template-columns: repeat(3,1fr);}
.factory-ul li{ position: relative;}
.factory-ul li:nth-child(2){grid-column: span 2;    grid-row: span 2;}
.factory-txt{ transform: scale(0); transition: all .4s; position: absolute; width: 100%; height: 100%; background: rgb(4 ,105, 179,0.7); top: 0;  left: 0;display: flex;  align-items: center;  justify-content: center;  color: #fff; flex-direction: column;}
.factory-txt .line{ width: 72px; height: 2px; background: #fff; margin: 30px auto 0;}
.factory-txt  h2{ font-weight: normal;; font-size: 20px;}
.factory-ul li:hover .factory-txt{ transform: scale(1);}
.factory-ul li:nth-child(2)  .factory-txt .line{ height: 3px;}
.factory-ul li:nth-child(2)  .factory-txt  h2 { font-size: 30px;}

.pro-detail-page8{  }
.application-box{ display: flex; justify-content: space-between; }
.application-left{ width: 340px; }
.application-right{}
.application-left ul{border-left: 1px solid #ddd;  display: flex; flex-direction: column; justify-content: space-between;    }

.application-left ul li{ font-size: 24px; padding-left: 70px;    opacity: 0.5;  line-height: 80px; }/*  line-height: 80px; */
.application-left ul li:hover,.application-left ul li.on{border-left: 1px solid #000;    opacity: 1; background: url(/static/home/images/application-jiantou.png) no-repeat center right;}
.application-left ul li:hover  img,.application-left ul li.on img{  }
.application-left ul li img{ margin-right: 40px;  }

.application-right{}
.application-right ul{}
.application-right ul li{ display: none;}
.application-right ul li.on{ display: block;}

.Production-ul{ display: grid; grid-gap: 40px; grid-template-columns: repeat(2,1fr);}
.Production-ul li{ padding: 40px; box-shadow: 0 0 20px rgb(4 ,105, 179,0.2); text-align: center; font-size: 18px; line-height: 2; transition: all .5s;}
.Production-ul li img{ margin-bottom: 40px;}
.Production-ul li:hover{ background: #00589f; color: #fff; border-radius: 30px 0 30px 0 ;}

.pro-detail-tit h5{ font-size: 18px; line-height: 40px; font-weight: normal;; margin-top: 30px;}
.pro-detail-tit h5 span{ color: #2b64cd;}

.lcbox{ align-items: flex-end; }
.lcbox li:nth-child(2) img{box-shadow: 0 0 10px rgb(0 ,0, 0,0.1); margin-left: 20px;}

.development-page1{ background: url(/static/home/images/development-page1-bg.png) no-repeat left top; display: flex; justify-content: space-between;}
.development-page1-left{ width:50%; padding-left: 10%;}
.development-page1-left .development-page1-left-info{ margin-top: 180px;}
.development-page1-left .development-page1-left-info h1{ color: #0569b3; font-size: 50px;}
.development-page1-left .development-page1-left-info .line{ width: 60px; height: 4px; background: #0569b3; margin: 40px 0;}
.development-page1-left .development-page1-left-info .info{color: #666666; font-size: 18px; line-height: 2.7; max-width: 815px; padding-right: 15px;}
.development-page1-right{ width: 40%; background: url(/static/home/images/development-page1-right-bg.png) no-repeat right bottom #384653; color: #fff; padding-bottom: 512px;}
.development-page1-right .development-page1-right-info{  margin: 62px 12% 0;}
.development-page1-right .development-page1-right-info h1{ font-size: 24px; font-weight: 500;}
.development-page1-right .development-page1-right-info dl{ margin-top: 50px;}
.development-page1-right .development-page1-right-info dl dt{color: rgb(255, 255, 255,0.5); font-size: 24px;}
.development-page1-right .development-page1-right-info dl dd{ font-size: 16px; line-height: 2;}

.development-page2{ display: flex; align-items: center;   margin-top: -405px; padding-bottom: 100px;}
.development-page2 img{ max-width: 100%;}

.development-page3{ background: url(/static/home/images/development-page3-bg.jpg) top center no-repeat #232b38; color: #fff; padding: 80px 0;}
 
.development-page3-left{ width: 47%;display: flex;  align-items: center;  }
.development-page3-left img{  margin-left: 120px; box-shadow: 0 0 30px #000; }
.development-page3-right{ width:53% ;}
.development-page3-right h1{ font-size: 40px; font-weight: normal;}
.development-page3-right h1 span{ margin-left: 40px; font-size: 24px;}
.development-page3-right .development-page3-right-info{ padding-left: 10px;}
.development-page3-right .development-page3-right-info ul{ margin: 65px 0 70px 0;}
.development-page3-right .development-page3-right-info ul li{ width: 50%; float: left; font-size: 20px; line-height: 2; display: flex;  align-items: center;}
.development-page3-right .development-page3-right-info ul li span{ width: 6px; height: 6px; background: #fff; color: #fff; border-radius: 50%; margin-right: 20px;}
.development-page3-right .development-page3-right-info .info{ font-size: 16px;line-height: 2.5; color: rgb(255, 255, 255,0.7);}

.development-page4{ padding: 60px 0; }
.development-tit h1{   font-size: 40px; text-align: center;}
.development-tit .line{ width: 30px; height: 4px; background: #0569b3; margin: 0px auto;}

.development-page4-ul{  display: flex;  justify-content: space-between;}
.development-page4-ul li{ transition: all .3S;  width: 329px; height: 329px; border: 1px solid #e6f0f7; border-radius: 50%;display: flex;  align-items: center;  justify-content: center; flex-direction: column; text-align: center;  float: left;  margin-left: -34px;}
.development-page4-ul li:first-child{ margin-left: 0;}
.development-page4-ul li div{ transition: all .5s; display: flex; background: #fff;  align-items: center;  justify-content: center; width: 100px; height: 100px;box-shadow: 0 0 10px rgb(4 ,105, 179,0.4); border-radius: 50%; }
.development-page4-ul li p{ font-size: 16px; color: #666666; line-height:1.5 ; max-width: 160px;}
.development-page4-ul li h2{ margin: 25px auto 20px auto; font-size: 26px;}
.development-page4-ul li:hover{background: #0569b3; color: #fff ; z-index: 9;}
.development-page4-ul li:hover p{ color: #fff;}
.development-page4-ul li:hover div{ transform: rotateY(180deg);}

.development-page5{ padding: 70px 0; background: url(/static/home/images/development-page5-bg.jpg) top center;}
.development-page5 .swiper-slide {
  background-position: center; position: relative;
  background-size: cover;
  width: 540px;
  height: 440px; text-align: center; background: #fff;

}
.development-honor-img{ width: calc(100% - 2px); height:calc(100% - 52px);display: flex;  align-items: center;  justify-content: center; background: #fff;  position: relative;}
.development-honor-img img{ max-width: 100%;}



.development-honor-txt{ width: 100%; height: 54px; align-items: center;  justify-content: center;  background: #0569b3; color: #fff; display: none;}
.development-page5  .swiper-slide-active .development-honor-txt{ display: flex; }

/* .development-honor-img:hover{ border: 1px solid #0569b3;} */
.swiper-slide-active .development-honor-img::before{content: '';display: block; width: 100%; position: absolute; left: 0; top: 0; height: 1px; background: #0569b3;transition: all .5s;     transform: scale(0,0);}
.swiper-slide-active  .development-honor-img::after{content: '';display: block; width:calc(100% - 2px); position: absolute; left: 0; bottom: 0; height: calc(100% - 1px);border-left: 1px solid #0569b3;border-right: 1px solid #0569b3;transition: all .5s; transform: scale(1,0);    }
.swiper-slide-active  .development-honor-img:hover::before,.development-honor-img:hover::after{ transform: scale(1,1);}
 


.development-page6{ background:#f3f7fc;position: relative;}
.development-page6-ban{ padding-left: 10%; }
.development-page6-ban img{ max-width: 100%;}
.development-page6  .swiper-pagination{ float: left; position: relative; left: 50% }
.development-page6  .swiper-pagination-bullet{ width: 15px; height: 15px; background: transparent; border: 1px solid #0569b3; opacity: 1; margin: 0 7px;float: left; position: relative; left: -50%}
.development-page6  .swiper-pagination-bullet-active{ background: #0569b3; }
.development-page6-ban .swiper-slide{}
.development-page6-ban .swiper-slide figure{ position: absolute; width: 100%; transition: all .5s; height: 0; background: rgb(4 ,105, 179,0.7); color: #fff; z-index: 5; left: 0; bottom: 0;display: flex;  align-items: center;  justify-content: center; }
.development-page6-ban .swiper-slide figure h1{ font-size: 30px; font-weight: normal; display: none;}

.development-page6-ban .swiper-slide:hover figure{height: 100%;}
.development-page6-ban .swiper-slide:hover  figure h1{ font-size: 30px; font-weight: normal; display: block;}

.media-page1{ background: #f3f7fc; padding: 70px 0;}
.media-page1 .swiper-slide{ background: #fff; width: 100%;}
.media-page1 .swiper-slide .newban{ display: flex; justify-content: space-between; width: 100%;}
.media-page1 .swiper-slide .newban-left{ width: calc(50% - 40px);}
.media-page1 .swiper-slide .newban-left img{ width: 100%; height: 470px; object-fit: cover;}
.media-page1 .swiper-slide .newban-right{ width: calc(50% - 40px);display: flex;  align-items: center;   padding-right: 40px;  }
.media-page1 .swiper-slide .newban-right span{ color: #888888; font-size: 18px;}
.media-page1 .swiper-slide .newban-right h1{ font-size: 30px; font-weight: normal;; line-height:1.67 ; color: #000; margin: 30px 0 50px 0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;	overflow:hidden;width:100%; }
.media-page1 .swiper-slide .newban-right .info{ color: #666; font-size: 16px; line-height: 2.5; word-break:break-all;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;	overflow:hidden;width:100%;}
.media-page1 .swiper-pagination{float: left; position: relative; left: 50%}
.media-page1 .swiper-pagination .swiper-pagination-bullet{ width: 152px; height: 6px;  border-radius: 3px;float: left; position: relative; left: -50% ; background: #dadfe5;}
.media-page1 .swiper-pagination .swiper-pagination-bullet-active{ background: #0569b3;}
.newban-swiper-pagination{background: #dadfe5; height: 6px; width: 100%; position: relative; margin-top: 65px;}

.media-page1 .swiper-slide:hover .newban-right h1{  color: #0569b3; font-weight: bold;}

.newslist-ul{display: grid; grid-gap: 40px; grid-template-columns: repeat(3,1fr); width: 100%;}
.newslist-ul li{ transition: all .3s;}
.newslist-ul li .news-img{ width: 100%; position: relative; overflow: hidden;}
.newslist-ul li .news-img img{ width: 100%; height: 270px; object-fit: cover;}
.newslist-ul li .news-txt{ padding: 25px 20px;}
.newslist-ul li .news-txt h2{ font-size: 18px; font-weight: normal; margin-top: 25px;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;	overflow:hidden;width:100%; }
.newslist-ul li .news-txt span{ color: #666; font-size: 15px;}

.newslist-ul li:hover {box-shadow: 0 0 20px rgb(0 ,0, 0,0.15) ; border-bottom: 2px solid #0569b3; margin-top: -5px;}
.newslist-ul li:hover .news-txt h2{ color: #0569b3;}

.newslist-more{ transition: all .4s; width: 500px; height: 70px ;display: flex;  align-items: center;  justify-content: center;  background-color: #0469b3; margin: 50px auto 0; color: #fff; font-size: 18px; border-radius: 35px;}
.newslist-more:hover{ width: 600px; color: #fff;}

.media-detail-page1{ background: #f3f7fc;}

.media-detail{ background: #fff;}
.media-detail-tit{ border-bottom: 1px solid #e5e5e5; padding: 50px; position: relative;}
.media-detail-tit h1{ font-size: 30px;}
.media-detail-tit h4{font-family:'applefont'; font-size: 18px; color: #888888; font-weight: normal;;}
.media-detail-tit a{ transition: all .3s; background: #0469b3; color: #fff; width: 210px; height: 60px;display: flex;  align-items: center;  justify-content: center; font-size: 18px; border-radius: 30px; position: absolute; right: 50px; top: 50px; }
.media-detail-tit a svg{   font-size: 26px; margin-right: 15px;}
.media-detail-tit a:hover{ width: 260px;}

.media-detail-info{ font-size: 18px; color: #666666; line-height: 2.7; padding: 50px;}

.media-detail-page{ background: #0569b3;   display: flex; justify-content: space-between; height:100px ; align-items: center; }
.media-detail-page.red{ background: #e62129;}
.media-detail-page a{ padding: 0 35px; color: #fff;  display: inline-block; width:calc(50% - 70px); font-size: 18px;white-space: nowrap; overflow: hidden; text-overflow:ellipsis; transition: all .3s;}
.media-detail-page a:hover{ opacity: 0.8; transform: translateX(15px);}

.prudct-page{display: flex; justify-content: space-between; align-items: center; margin-bottom:40px;    background: #0569b3;    height: 100px;}
.prudct-page li{ font-size: 14px }

.prudct-page li:nth-child(1),.prudct-page li:nth-child(3){ width: 40% ; padding:0 15px;}
.prudct-page li:nth-child(3){  text-align: right; }
.prudct-page li  a{ font-size: 16px ; color: #fff; transition: all .36s; display: inline-block;white-space: nowrap; width: 100%;  overflow: hidden;text-overflow:ellipsis;}
.prudct-page li span{display: inline-block; height: 50px; color: #fff; background:#0469b3;line-height: 50px; padding:0 15px; border-radius: 25px;text-align: center;    font-size: 16px; margin-right: 20px}
.prudct-page li  a:hover{transform: translateX(8px);}

.prudct-page li:nth-child(2)  a{border: 1px solid;
    padding: 0 15px;
    text-align: center;
    border-radius: 20px;}

    .prudct-page li:nth-child(2)  a:hover{ background:#0569b3; color: #fff;transform: translateX(0)    }

.party-page1{ background: #f8f8f8;}
.partylist-ul{ display: grid; grid-gap: 40px; grid-template-columns: repeat(3,1fr);}
.partylist-ul li{ background: #fff; transition: all .3s;}
.partylist-ul li .news-img{ position: relative; overflow: hidden;}
.partylist-ul  li .news-img{ width: 100%; position: relative; overflow: hidden;}
.partylist-ul li .news-img img{ width: 100%; transition: all .3s;  height: 265px; object-fit: cover;}
.partylist-ul li .news-txt{ padding: 25px 20px; position: relative;}
.partylist-ul li .news-txt h2{  position: relative; z-index: 2;font-size: 22px; font-weight: normal; margin: 20px 0; display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;	overflow:hidden;width:100%; }
.partylist-ul li .news-txt span{font-family:'applefont';  position: relative;  color: #666; font-size: 15px; z-index: 2;}
.partylist-ul li .news-txt .info{  position: relative;   z-index: 2; color: #888; font-size: 16px; line-height: 30px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;	overflow:hidden;}

.partylist-ul li .news-txt em{ position: absolute; width: 100%; height:0; left: 0 ;bottom: 0; background: #e62129; z-index: 1; transition: all .4s;}
.partylist-ul li:hover .news-txt em{  height: 100%;;}
.partylist-ul li:hover  { transform: scale(1.05);}

.partylist-ul li:hover {box-shadow: 0 0 20px rgb(230 ,33, 41,0.2) ;  }
.partylist-ul li:hover .news-txt { color: #fff;}
.partylist-ul li:hover .news-txt h2,.partylist-ul li:hover .news-txt .info,.partylist-ul li:hover .news-txt span{ color: #fff; }

.newslist-more.red{ box-shadow: 0 5px 5px rgb(230 ,33, 41,0.4) ;  background-color: #e62129;  }
.newslist-more.red:hover{  }

.partys-page1{ background: url(/static/home/images/partys-page1-bg.jpg) no-repeat center bottom #f5f5f5;}
.partys-page1 .w80{ background: #fff;}

.partys-page1-left{ width: 50%; display: flex;  align-items: center; position: relative; }
.partys-page1-right{width: calc(50% - 160px); padding-right: 160px; background: url(/static/home/images/partys-page1-right-bg.jpg) left top ;
  display: flex;  justify-content:flex-end; position: relative;}

.partys-page1-left-info{ padding-left: 60px;}
.partys-page1-left-info h1{ font-size: 40px; }
.partys-page1-left-info  .line{ width: 30px; height: 5px; background: #e62129; margin: 45px 0;}
.partys-page1-left-info  .info{ font-size: 16px; line-height:2.75 ;  padding-right: 200px;}
.partys-page1-left-info  .info span{ color: #e62129;}

.partys-page1-right ul{ margin: 30px 0;   padding-left: 130px; position: relative;}
.partys-page1-right ul::before,.partys-page1-right ul::after{ content: ''; display: block;position: absolute; }
.partys-page1-right ul::before{height: calc(100% - 60px) ;border-left: 1px dashed rgb(255, 255, 255,0.3); left: 0; top: 30px;}
.partys-page1-right ul::after{ width: 105px; height: 0px; border-bottom: 1px dashed rgb(255, 255, 255,0.3); left: -105px; top: 50%;}
.partys-page1-right ul li{ width: 200px; height: 60px; display: flex;  align-items: center;  justify-content: center;  background: #fff; border-radius: 5px; font-size: 22px; color: #e62129; 
  margin-bottom: 45px;font-weight: bold; position: relative; transition:  all .3s;}
  .partys-page1-right ul li:last-child{ margin-bottom: 0;}
  .partys-page1-right ul li::before{ border-bottom: 1px dashed rgb(255, 255, 255,0.3); content: ''; display: block; position: absolute; right: 200px; top: 50%; width: 130px; height: 1px;}
  .partys-page1-right ul li:hover{ background: #e62129; color: #fff;}
.partys-page1-cen{ transition: all .5s; position: absolute; top: 50%; left:  50%; z-index: 5; ; width: 320px; height: 320px; margin-left: -160px; margin-top: -160px;  }

.partys-page1-cen-big{  width: 320px; height: 320px; background: url(/static/home/images/partys-page1-cen-bg.png) no-repeat center center;  border-radius: 50%; background-size: cover; display: flex;  align-items: center;  justify-content: center; }
.partys-page1-cen-smaill{background: url(/static/home/images/partys-page1-cen-bg2.png) no-repeat center center #fff;  border-radius: 50%; background-size: cover; width: 280px; height: 280px;display: flex; flex-direction: column;  align-items: center;  justify-content: center;  font-size: 30px;}
/*  animation: warn 2s linear 0s infinite;  */

.partys-page1-cen:hover{ transform: scale(1.05);}
.partys-page2{} 
.partys-tit{ text-align: center;}
.partys-tit span{display: block; text-transform: uppercase; color: #e62129; font-size: 80px; font-weight: bold; opacity: 0.05;}
.partys-tit h1{ background: url(/static/home/images/partys-tit-bg.png) no-repeat center center; font-size: 40px; margin-top: -80px;}

.partys-ban{ width: 85%; position: relative; margin: 50px auto;}
.partys-ban .swiper-slide{ border: 1px solid #e5e5e5; padding: 25px 0; text-align: center; transition: all .3s;}
.partys-ban .swiper-slide .partys-ban-img{ overflow: hidden; position: relative;}
.partys-ban .swiper-slide .partys-ban-img img{ max-width: calc(100% - 50px);    margin: 0 25px;}
.partys-ban .swiper-slide .partys-ban-txt{font-size: 18px; display: inline-block;white-space: nowrap;  width: calc(100% - 50px); padding: 0 25px;   overflow: hidden; text-overflow:ellipsis; margin-top: 40px;}
.partys-ban .swiper-slide:hover{ background: #e62129; color: #fff;}

.partys-ban  .swiper-button-next,.partys-ban  .swiper-button-prev{background: url(/static/home/images/partys-ban-left.png) no-repeat left center; width: 26px; }
.partys-ban  .swiper-button-prev{ left: -55px;}
.partys-ban  .swiper-button-next{ right: -55px; transform: rotate(180deg);}
.partys-ban  .swiper-button-next:hover,.partys-ban  .swiper-button-prev:hover{ background: url(/static/home/images/partys-ban-left-hover.png) no-repeat left center;}

.partys-page3{ background: url(/static/home/images/partys-page3-bg.png) no-repeat center center #fafafa; padding-top: 65px;  padding-bottom: 80px;}
.partys-page3-tit{ text-align: center;}
.partys-page3-tit img{ max-width:100%}

.partys-page3-ul{ display: grid; grid-gap: 25px; grid-template-columns: repeat(5,1fr); margin-top: 70px;}
.partys-page3-ul li{border: 1px solid #e5e5e5; padding: 37px ; background: #fff; border-radius:400px; transition: all .5s; cursor: pointer;}
.partys-page3-ul li .partys-page3-img{ text-align: center;}
.partys-page3-ul li .partys-page3-img img{border-radius: 50%; max-width: 100%; transition: all .5s;}
.partys-page3-ul li  .partys-page3-txt{ display: flex;     flex-direction: row-reverse;   justify-content: center; padding-top: 18px;}

.partys-page3-ul li  .partys-page3-txt h1{ font-size: 24px; color: #e62129; line-height: 1;  writing-mode:tb-rl;      text-align: start;    margin-left: 20px;}
.partys-page3-ul li  .partys-page3-txt h1 span{ font-weight: normal; font-size: 18px; color: #000; display: inline-block; margin-top: 20px;}

.partys-page3-ul li  .partys-page3-txt .info{writing-mode:tb-rl; font-size: 15px; line-height: 1.8; height: 550px}

.partys-page3-ul li:hover{ background: #e62129; color: #fff; border-radius: 20px;}
.partys-page3-ul li:hover .partys-page3-txt h1{ color: #000;}
.partys-page3-ul li:hover .partys-page3-img img{border-radius: 20%;}

.relations-page1{ padding-top: 120px; padding-bottom:50px; background: url(/static/home/images/relations-map.png) no-repeat center bottom;}
.relations{}
.relations-top h2{ font-weight:500; font-size: 30px; line-height: 2; text-align: center;}
.relations-top h2 span{ font-family:'applefont';color: #0569b3;}

.relations-tel{font-family:'applefont'; color:#0569b3; font-size: 50px; text-align: center; display: flex;  align-items: center;  justify-content: center; margin: 50px auto; }
.relations-tel span{ width: 50px; height: 50px; border-radius: 50%; border: 2px solid #0569b3;  display: inline-flex;  align-items: center;  justify-content: center; font-size:29px; margin-right: 20px;}
.relations-tel svg{ }

.relations-top  ul{ width: 650px; display: grid; grid-gap: 40px; grid-template-columns: repeat(2,1fr); margin: 0px auto;}
.relations-top  ul li{ font-size: 18px; display: flex;  align-items: center;  }
.relations-top  ul li span{ width: 23px; height: 23px; font-size: 15px; display: inline-flex;  align-items: center;  justify-content: center; border: 1px solid #000; border-radius: 50%; margin-right: 10px;}

.jiagou{ margin:0px 0 90px 0;}
.jiagou .top{ background: url(/static/home/images/jiagoutit.png) no-repeat center center; width: 753px; height: 238px; margin: 0px auto; color: #fff; text-align: center; line-height:200px; font-size: 36px;}
.jiagou .bot ul{ padding: 0 130px; display: flex; justify-content: space-between; margin-top: 35px;}
.jiagou .bot ul li{ transition: all .3s; position: relative; background: #dff1fc; 
  writing-mode: vertical-lr;
  -webkit-writing-mode: vertical-lr;
  -ms-writing-mode: vertical-lr;
  font-size: 24px; color: #0569b3; padding: 25px 0; line-height: 52px; letter-spacing: 2px;}
.jiagou .bot ul li::before{ width: 10px; height: 25px; display: block; content: ''; position: absolute; top: -35px; left: 50%; margin-left: -5px; background: url(/static/home/images/jiagoujian.png) no-repeat center center;}
.jiagou .bot  .line{ background: #595757;  height: 1px; margin: 0 156px;}

.jiagou .bot ul li:hover{transform: translateY(-10px);}

.relations-bot{ margin-top: -20px; position: relative;}
.relations-bot img{ max-width: 100%;}
.relations-page2{ padding-bottom: 90px;}
.relations-bot-text{ width: 100%; height: 100%;display: flex;  align-items: center;  justify-content: center; position: absolute; left: 0; top: 0; color: #fff; }
.relations-bot-text ul { display: flex;}
.relations-bot-text ul li{ transition: all .4s; border: 1px dotted rgb(255, 255, 255,0.3); width: 279px; height: 279px ;display: flex;  align-items: center;  justify-content: center;  border-radius: 50%; margin-left: -40px; text-align: center; }
.relations-bot-text ul li h1{ font-size: 44px; font-weight: normal;}
.relations-bot-text ul li p{ font-size: 20px; font-weight: 100;}

.relations-bot-text ul li:hover{ background:#0469b3 ;transform: scale(1.05);}
 

.notice-page1{ padding: 75px 0;}
/* .notice-ul{ display: grid; grid-gap:1px; grid-template-columns: repeat(2,1fr);  border: 1px solid #e5e5e5; background: #e5e5e5;}
.notice-ul li{   } */
.notice-ul{ display: flex; border-top: 1px solid #e5e5e5; border-left:  1px solid #e5e5e5; flex-wrap: wrap;}
.notice-ul li{ width: calc(50% - 1px ); border-right:  1px solid #e5e5e5; border-bottom:  1px solid #e5e5e5; transition: all .5s;} 
.notice-ul li a{ display: block; padding: 42px;background-color: #fff;  transition: all .5s;}
.notice-ul li  h5{ margin-bottom: 20px; font-size: 18px ; color: #333333; font-weight: normal; transition: all .5s;}
.notice-ul li h1{ display: none; font-size: 16px; font-weight: initial; color: #666; line-height: 40px; height: 85px;width:100%;word-break:break-all;/*display:-webkit-box;*/-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden; margin: 30px 0;}
.notice-ul li .notice-date{ display: flex; justify-content: space-between;}
.notice-ul li .notice-date span:nth-child(1){font-family:'applefont'; font-size: 16px;}
.notice-ul li .notice-date span:nth-child(2){ color: #adadad; transition: all .5s; border: 1px solid #adadad; width: 35PX; height: 35PX; border-radius: 50%; display: flex;  align-items: center;  justify-content: center; font-size: 20px; }

.notice-ul li:hover{}
.notice-ul li:hover a{transform: scale(1.05);box-shadow: 0 0 20px rgb(4 ,105, 179,0.2);}
.notice-ul li:hover h1{ color: #0469b3;}
.notice-ul li:hover .notice-date span:nth-child(2){ color: #fff; background:#0469b3 ; border: 1px solid #0469b3;}
.notice-ul li:hover .notice-date span:nth-child(2) svg{ color: #fff;}

.contact-page1 {  padding: 95px 0 ;}

.contact-top{ display: flex; justify-content:space-between;}
.contact-top-left{display: flex;  align-items: center;  flex-direction: column;}
.contact-top-left h1{ font-size: 40px; font-weight: 500; color: #0469b3;}
.contact-top-left h5{ font-size: 22px; line-height: 80px; font-weight: normal; color: #666;}
.contact-top-left h5 svg{ font-size: 25px; margin-right: 15px;}
.contact-top-left h2{ color: #0469b3; font-size: 22px; font-weight: 500; margin: 30px 0;}
.contact-top-left figure .other-contact{}
.contact-top-left figure .other-contact a{ color: #888888; border: 1px solid #888; width: 60px; height: 60px; border-radius: 50%;display: inline-flex;  align-items: center;  justify-content: center; 
  font-size: 30px;  margin-right: 22px; position: relative;  }
.contact-top-left figure .other-contact a:nth-child(1){}
.contact-top-left figure .other-contact a:nth-child(2){}

.contact-top-left figure .other-contact a:hover{ color: #fff; background: #0469b3; border: 1px solid ##0469b3;}
.contact-top-left figure .other-contact a img{ position: absolute; top: 70px; transform: scale(0); transition: all .3s; }
.contact-top-left figure .other-contact a:hover img{transform: scale(1); }


.contact-top-right{display: flex;  align-items: center;  justify-content: center; width: calc(50% - 60px); }
.contact-top-right h1{ font-size: 34px; font-weight: 500; color: #0469b3;}
.contact-top-right input{border: 1px solid #e5e5e5; width: calc(100% - 27px) ; padding-left: 25px; height: 68px; line-height: 68px; font-size: 16px; margin-top: 30px;}
.contact-top-right textarea{border: 1px solid #e5e5e5; width: calc(100% - 52px) ; padding: 25px; margin-top: 30px; font-size: 16px;}
.contact-top-right button{ height: 64px; border-radius: 32px; display: flex;  align-items: center;  justify-content: center;  background: #0469b3; color: #fff; border: none; width: 100%; font-size: 22px;margin-top: 30px;} 

.contact-page2{ width: 100%; height: 400px;}

.join-page1{ background: url(/static/home/images/join-page1-bg.jpg) center bottom;}
.jon-tit{ padding: 60px 0; text-align:  center; font-size: 16px; color: #666;}
.jon-tit h1{ font-size: 40px;  font-weight: normal; color: #333;}

.join-page1 ul{ }
.join-page1 ul li{ position: relative;  border-left: 1px solid #343434; border-right:  1px solid #343434;border-bottom:  1px solid #343434;  margin: 0 70px; float: left; margin: 0px 70px; 
  width: calc(33.3% - 142px); text-align: center; height: 150px;display: flex;  align-items: center;  justify-content: center; line-height: 2; margin-bottom: 90px; transition: all 0.2s; }
.join-page1 ul li h2{ font-size: 24px; position: absolute; background: url(/static/home/images/join-ul-li-bg.png) no-repeat center center;   width: 100%; left: 0; top: -24px; text-transform: uppercase;}
.join-page1 ul li h3{ font-size: 25px; font-weight: 500;}
.join-page1 ul li p{ color: #666666; font-size: 16px;}
.join-page1 ul li:hover{ transform: scale(1.05);}
.join-page1 ul li:hover h2{ color: #0569b3;}


.join-page2{ display: flex; justify-content: space-between; height: 450px; color: #fff; font-size: 16px; line-height: 2;}
.join-page2-left{ position: relative; background: url(/static/home/images/join-page2-left.jpg) center center; width: 50%; height: 100%;display: flex;  align-items: center;  justify-content: center; text-align: center; }

.join-page2 em{ position: absolute; top: 0; left: 0; width: 100%; height: 100%;  background: rgb(0 ,0, 0,0.3); transform: scale(0); transition: all .5s;}

.join-page2-left:hover em,.join-page2-right:hover em{ transform: scale(1);}


.join-page2 h1{ font-size: 40px; font-weight: 500; margin-bottom: 12px;}
.join-page2-right{position: relative;  background: url(/static/home/images/join-page2-right.jpg) center center; width: 50%;display: flex;  align-items: center;  justify-content: center; text-align: center;}

.work-search{ width: 1060px; margin: 0px auto; display: flex; align-items: center; justify-content: space-between;}
.work-search-left{ width: calc(83% - 25px ); background: #f3f7fc; height: 70px; border-radius: 5px;display: flex;  align-items: center; padding-left: 25px; font-size: 18px; }
.work-search-left input{ font-size: 18px; width: 80%;}

.work-search-right {display: flex;  align-items: center; justify-content: center; }
.work-search-right button{ background: #0569b3; color: #fff; width: 160px; height: 70px; border-radius: 5px;font-size: 22px; }

.work-ul{display: grid; grid-gap: 40px; grid-template-columns: repeat(2,1fr); margin:50px 0;}
.work-ul li{display: flex;  align-items: center;  justify-content: space-between;  border: 1px solid #e7e7e7; padding: 40px;}
.work-ul li h1{ font-size: 20px; margin-bottom: 20px;}
.work-ul li p{ font-size: 16px; color: #888888;}
.work-ul li a{  border: 1px solid #0569b3;color: #fff;  background: #0569b3; height: 50px; width: 150px;display: flex;  align-items: center;  justify-content: center; border-radius: 5px; transition: all .4s; }

.work-ul li:hover{box-shadow: 0 0 10px rgb(4 ,105, 179,0.2); border: 1px solid #0569b3;}
.work-ul li:hover a{ border: 1px solid #0569b3; color: #0569b3;background:#fff}

.work-ul li .con2,.work-ul li .con3{ display: none;}


/*弹窗*/
.g5liebiao{ width:100%; margin:0 -8px; margin-top:50px; }
.g5abt h2{ display:inline-block; color:#555555;  font-size:22px; width: 265px;  overflow: hidden; }
.g5listita a{ width:170px; height:45px; line-height: 45px; display:block; background:#fff; margin-top:20px; position:absolute; bottom:10px; left:15px; }
.g5listita a p{ color:#3c276e; padding-left: 35px; line-height: 45px; }
.g5listita a p::after{ position:absolute; content:""; width:7px; height:13px; background:url(/static/home/images/sanjiaoa.png) no-repeat center; right: 56px; top:50%; transform: translateY(-50%); background-size: cover; color:#3c276e; }
.g5tan{ width:100%; height:100%; background:rgba(0,0,0,0.5); position:fixed; top:0; left:0; z-index: 9999; display:none; }
.tancoiii{margin-top: 20px;}
.tancoiii h4{ color:#333333;  font-size:18px;  font-weight: bold; }
.tancoiii p{ color:#666666; font-size:14px; font-weight:lighter; line-height: 35px; }
.tancon{ max-width:1200px; width: 65%; position:absolute;  padding:0 73px 0; background:#fff; top:50%; left:50%; transform: translate(-50%,-50%); box-sizing: border-box; }
.g5lianjie{ width:100%; height:52px;  margin-top:20px; margin-bottom: 20px; }
.g5lianjie p{ display:block; width:100%; height:100%; line-height: 52px; color:#274fa1;  font-family: "微软雅黑"; font-weight: bold; font-size:16px; }

.tanright{ width:58px; height:58px; position:absolute; top: 10px;    right: 10px; cursor: pointer; }
.tanright img{ width:100%; }

.tancoiiiab{padding: 0 0 15px; border-bottom: 1px solid #eeeeee; }
.tancoiiiab .t1{display: inline-block; width: 24%; color: #666666; font-size: 14px;}
.tancoiiiab .t1 b{display: block; color: #333333; font-size: 18px; margin-top: 10px;}

.rc-popscroll{ max-height: 450px; overflow-y: scroll;  padding-right: 60px;margin-top: 30px;}
.rc-popscroll::-webkit-scrollbar {/*滚动条整体样式*/    /*高宽分别对应横竖滚动条的尺寸*/  width: 5px;}
.rc-popscroll::-webkit-scrollbar-thumb {/*滚动条里面小方块*/  background: #0469b3; width: 5px; }
.rc-popscroll::-webkit-scrollbar-track {/*滚动条里面轨道*/  background: #f2f5f9; width: 5px; }


.job-description .swiper-container {
    width: 100%;
    height: 300PX;}

.job-description .swiper-container .swiper-slide {
    height: auto;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;}

.g5lianjie {}
.g5lianjie ul{ font-size: 16px; color: #000; font-weight:initial;}
.g5lianjie ul li{ width: 30%; float: left;  line-height: 30px;}

.case-tit{ font-size: 40px; text-align: center; font-weight: 550;}
.case-page1{ padding: 50px 0;}

.w1520{ width: 1520px; margin: 0px auto; position: relative;}
.common-map-box{ position: relative;}
.common-map-box img{  width: 100%;}
.common-map-box .dot_box{position: absolute;left: 0;bottom: 0;width: 100%;height: 100%;}

.common-map-box .dot_box .dot,.common-map-box .dot_box .txt,.common-map-box .dot_box .txt2{position:absolute;}
.common-map-box .dot_box .txt{ font-size:18px}

.common-map-box .dot_box .dot .dot_circle{display:block; width:10px; height:10px; background:#00589f; position:relative; z-index:3; border-radius:50%;}

.common-map-box .dot:after,.common-map-box .dot:before{content:""; position:absolute; border-radius:50%; top:50%; left:50%; z-index:1;  }

.common-map-box .dot:before {width:26px; height:26px; background:transparent; background:rgba(4 ,105, 179,0.3); margin-top:-13px; margin-left:-13px; -webkit-animation:warnwap 2s linear 0.4s infinite; -moz-animation:warnwap 2s linear 0.4s infinite; animation:warnwap 2s linear 0.4s infinite; opacity:0;}

.common-map-box .dot:after {width:56px; height:56px;background:transparent; /*background:#7e9ec3;*/ background:rgba(4 ,105, 179,0.2); margin-left:-28px; margin-top:-28px; -webkit-animation:warnwap 2s linear 0s infinite; -moz-animation:warnwap 2s linear 0s infinite; animation:warnwap 2s linear 0s infinite; opacity:0;}

.common-map-box .dot_box .dot2 .dot_circle{display:block; width:10px; height:10px; background:#fff; position:relative; z-index:3; border-radius:50%;}

.common-map-box .dot2:before {width:26px; height:26px; z-index: 2;  background:transparent; background:rgba(4 ,105, 179,0.9);   margin-top:-13px; margin-left:-13px; -webkit-animation:warnwap 2s linear 0.4s infinite; -moz-animation:warnwap 2s linear 0.4s infinite; animation:warnwap 2s linear 0.4s infinite; opacity:0;}

.common-map-box .dot2:after {width:70px; height:70px;background:transparent;z-index: 1; /*background:#7e9ec3;*/ background:rgba(219 ,213, 201,0.7); margin-left:-35px; margin-top:-35px; -webkit-animation:warnwap 2s linear 0s infinite; -moz-animation:warnwap 2s linear 0s infinite; animation:warnwap 2s linear 0s infinite; opacity:0;}

.country-ul{display: flex; margin-top: 50px; }
.country-ul li{  flex:1; position: relative; /*flex-direction: column; display: flex;  justify-content: space-between; */ cursor: pointer;  }

.country-ul li .country-img{ background: #0569b3; overflow: hidden;  }
.country-ul li .country-img img{width: 100%; transition: all .5s;}

.country-ul li  .conrty-txt{ transition: all .36s; position: absolute; height: 50%; width: 100% ;bottom: 0; left: 0; background: #0569b3; color: #fff; font-size: 34px; font-weight: bold;display: flex;  align-items: center;  justify-content: center; }
.country-ul li:nth-child(2n) .conrty-txt{  top: 0} 
.country-ul li  .op{ opacity: 0;}
.country-ul li:hover .country-img img{ transform: scale(1.1);}
.country-ul li:nth-child(2n)   .inter-inner{ width: 94%; height: 44%; position: absolute; left: 3%; top: 3%; }
.country-ul li:nth-child(2n-1)  .inter-inner{ width: 94%; height: 44%; position: absolute; left: 3%; bottom: 3%; }

.inter-inner .line1, .inter-inner .line2 { position: absolute; top: 0; right: 0; bottom: 0; left: 0; opacity: 0; filter: alpha(opacity=0); pointer-events: none; transition: all .5s;}

.inter-inner .line1 { border-top: 1px solid #fff; border-bottom: 1px solid #fff; -webkit-transform: scale(0,1); transform: scale(0,1); }



.inter-inner .line2 { border-right:1px solid #fff; border-left: 1px solid #fff; -webkit-transform: scale(1,0); transform: scale(1,0); }

.country-ul li:hover .line1,
.country-ul li:hover .line2 { opacity: 1; filter: alpha(opacity=100); -webkit-transform: scale(1); transform: scale(1); }
 

.case-page2{ background: url(/static/home/images/case-page2-bg.jpg) no-repeat bottom  right #f2fafd; }
.case-table{ text-align: center; padding: 45px 0;}
.case-table img { max-width:90%; transition: all .4s;}
.case-page3 ul li img{ max-width: 100%; transition: all .4s;}
.case-page3 ul{display: grid; grid-gap:30px; grid-template-columns: repeat(5,1fr);}
.case-page3 ul li{ border:1px solid #efefef; text-align: center; border-radius: 5px;transition: all .3s;}
/* .case-page3 ul li:hover img{ transform: scale(1.2); } */
.case-page3 ul li:hover{    box-shadow: 0px 0 10px rgba(0, 0, 0, .2);;  }
.case-page3   .swiper-container {
  width: 100%; padding-bottom: 50px;
  /* height:410px; */
  
}
.case-page3 .swiper-slide{   transition: all .3s;   }
.case-page3 .swiper-slide a{ width: calc(100% - 2px); height:  calc(100% - 2px); border: 1px solid #e5e5e5 ;  display: flex; align-items: center;  justify-content: center;  transition: all .3s;}
.case-page3 .swiper-slide img{ max-width: 90%; }
.case-page3 .swiper-slide:hover  a{ box-shadow: 0px 0 10px rgba(0, 0, 0, .2)  }

/* 右侧  */

.page-aside {
	position: fixed;
	right: -6px;
	bottom: 8%;
	transform: translateX(100%);
	z-index: 6;
	opacity: 0;
	transition: transform .3s, opacity .3s
}

.page-aside.show {
	transform: translateX(0);
	opacity: 1
}

.page-aside .img {
	max-width: 100%
}

.page-aside-item {
	width: 54px;
	text-align: center;
	height: 50px;
	position: relative;
	z-index: 1;
	cursor: pointer;
	display: block;
	background-color: rgba(0, 0, 0, .5);
	margin: 4px 0;
	border-top-left-radius: 6px;
	border-bottom-left-radius: 6px;
	padding-right: 6px;
	transition: transform .3s;
	display: flex;
	align-items: center;
	justify-content: center
}

.page-aside-item .icon {
	width: 24px
}

.page-aside-item .iconfont {
	font-size: 24px;
	line-height: 50px;
	color: #fff
}

.page-aside-item.sign .c-dropdown {
	width: 160px;
	font-size: 13px
}

.page-aside-item.sign .c-dropdown-main {
	padding: 20px 16px 30px
}

.page-aside-item.sign .c-btn {
	margin-top: 12px
}

.page-aside-item.ewm .c-dropdown {
	width: 190px
}

.page-aside-item.tel .c-dropdown {
	font-size: 18px;
	font-family: DINPro, Arial, Helvetica, sans-serif;
	white-space: nowrap
}

.page-aside-item.tel .c-dropdown-main {
	padding: 4px 16px
}

@media only screen and (min-width:961px) {
	.page-aside-item:hover {
		transform: translateX(-6px)
	}
}

@media only screen and (max-width:960px) {
	.page-aside {
		right: 0;
		bottom: 50px;
		transform: translateY(0);
		display: none
	}
	.page-aside-item.mOn .iconfont {
		color: #e62111
	}
}


  .cnosbots {
  position: absolute;
  left: 0;
  transform: translate(-50%, 0);
  background: #fff;
  border-radius: 5px;
  top: 75px;
  background: #f2f6f9;
  padding:10px;
    transform: scale(0,0); transition: all .3s;
 
  /* transition: .5s ease-in-out; */
}
.language:hover .cnosbots{   transform: scale(1,1); left: 0;}
  .cnosbots:before {
  width: 10px;
  content: "";
  position: absolute;
  height: 6px;
  top: -6px;
  left: 0;
  right: 0;
  margin: auto;
  background: url(/static/home/images/i15.png) no-repeat center;
  background-size: 100%;
}

 .langs-bots .li {
  font-size: 12px;
  line-height: 30px;
  height: 30px;
  color: #333333;
  padding:0 10px;
  display: block;
  transition: .5s ease-in-out;
}
 .langs-bots .li:nth-child(n+2) {
  border-top: 1px solid #eeeeee;
}
 .langs-bots .li:hover,  .langs-bots .li.active {
  color: #0469b3;
 
  transition: .5s ease-in-out;
}

.mav-en{ display: none;}

.logo .txt{ display: none;color: #333;
  padding-left: 15px;
  font-weight: 500;}

  #video{width: 100%;  height:600px; background:#323335 } 
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;}

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

  div.video-wrap{ width: 90vw;height: auto;}
  #video{   height:40vh;  } 
 }