﻿@font-face {
  font-family: 'iconfont';  /* Project id 2376408 */
  src: url('//at.alicdn.com/t/c/font_2376408_kiad6ykz6y.woff2?t=1748068451411') format('woff2'),
       url('//at.alicdn.com/t/c/font_2376408_kiad6ykz6y.woff?t=1748068451411') format('woff'),
       url('//at.alicdn.com/t/c/font_2376408_kiad6ykz6y.ttf?t=1748068451411') format('truetype');
}
.iconfont {
  font-family: "iconfont" !important;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
@font-face {
  font-family: 'Gilroy-b';
  src: url('../font/gilroyb.eot');
  src: url('../font/gilroyb.eot') format('embedded-opentype'),
      url('../font/gilroyb.woff2') format('woff2'),
      url('../font/gilroyb.woff') format('woff'),
      url('../font/gilroyb.ttf') format('truetype'),
      url('../font/gilroyb.svg') format('svg');
}
@font-face {
  font-family: 'Gilroy-L';
  src:url('../font/Gilroy-Light.otf');
}
@font-face {
  font-family: 'Gilroy-t';
  src:url('../font/Gilroyt.ttf');
}
@font-face {
  font-family: 'Montserrat-B';
  src:url('../font/Montserrat-Bold.otf');
}
@font-face {
  font-family: 'Montserrat-H';
  src:url('../font/Montserrat-Hairline.otf');
}
@font-face {
  font-family: 'Montserrat-L';
  src:url('../font/Montserrat-Light.woff 2.ttf');
}
@font-face {
  font-family: 'Montserrat-R';
  src:url('../font/Montserrat-Regular 2.otf');
}
@font-face {
  font-family: 'Montserrat-Thin';
  src:url('../font/Montserrat-Thin.woff.ttf');
}
@font-face {
	font-family: 'monotype';
	src: url('../font/NK_Mono.ttf');
}
*{margin:0;padding:0;}
*, :before, :after {
    box-sizing: border-box;
}
/* html,body{width:100%;height:100%;} */
html {
  position: relative;
  height: 100%;
  width: 100%;
  overflow-x:hidden;
  -webkit-overflow-scrolling: touch;
  }
  /* body {
  position: relative;
  top: 0;
  left: 0;
  height: 100%;
  } */
div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,p { padding:0; margin:0; }
body {font-size:14px; line-height:24px; color: #333; font-family: 'Montserrat-L'; width:100%;font-weight: 500;overflow-x: hidden;}
ul,li {list-style: none; padding:0px; margin:0px}
img {border:0; margin:0px; padding:0px; display:block;max-width: 100%;}
input,textarea{font-family:"Gilroy-L"; }
input:focus {outline: none;}
.clean{clear:both;}
a:link {color: #333;text-decoration: none;}
a:visited {color: #333;text-decoration: none;}
a:hover {color:#1c4c9e;text-decoration: none;}
a:active {color: #333;text-decoration: none;}
.pic_link:link {color: #fff;text-decoration: none;}
.pic_link:visited {color: #fff;text-decoration: none;}
.pic_link:hover {color:#fff;text-decoration: none;}
.pic_link:active {color: #fff;text-decoration: none;}
h1{font-size:26px; color:#000; letter-spacing:-1px; line-height:36px;}
h2{font-size:26px; color:#000; letter-spacing:-1px; line-height:26px; display:inline; font-weight:normal;}
h3{font-size:26px; color:#fff; letter-spacing:-1px; line-height:26px;}
h4{font-size:26px; color:#000; letter-spacing:-1px; line-height:26px; display:inline;}
h5{font-size:26px; color:#000; letter-spacing:-1px; line-height:34px; display:inline; font-weight:normal;}
.allMid{width:66%;min-width: 1200px;margin:0 auto;}

/*top_menu*/
#top_menu{width:100%; top:0; z-index:9999;}
#top_menu ul{width:66%; min-width:1200px; margin:0 auto; position:relative;height: 100%;display: flex;justify-content: space-between;align-items: center;}
#top_menu ul li{float:left;height: 100%;}
#top_menu ul li:nth-child(1){padding-right: 80px;text-align:left;display:flex;justify-content:center;align-items:center;}
#top_menu ul li:nth-child(2){text-align:right;display:flex;justify-content:flex-start;align-items:center;}
#top_menu ul li:nth-child(2) a:hover{color:#fff;font-weight: bold;}
#top_menu ul li:nth-child(3){margin-left:30px;display:flex;justify-content:flex-end;align-items:center;float: right;width:230px;}
#top_menu ul li:nth-child(3) div:nth-child(1){background:rgba(0,0,0,0.1);height: 30px;display:flex;justify-content:center;align-items:center;padding: 0 5px;border-radius: 5px;overflow: hidden;}
.default ul li:nth-child(3) div:nth-child(1){background:rgba(255,255,255,0.2) !important;}
.default ul li:nth-child(3) div:nth-child(1) input{color:#fff;}
.fixeda ul li:nth-child(3) div:nth-child(1) input{color:#333;}
#top_menu ul li:nth-child(3) div:nth-child(1) input{width:0px;height: 100%;background: none;border: none;transition: all .9s;text-indent: 1em;}
#top_menu ul li:nth-child(3) div:nth-child(2){margin-left:20px;    font-weight: bold;}
.default ul li:nth-child(3) div:nth-child(2) a{color:#fff;}
.fixeda ul li:nth-child(3) div:nth-child(2) a{color:#333;}
#top_menu ul li:nth-child(3) div:nth-child(1) button{border:none;background: none;}
#top_menu ul li:nth-child(3) div:nth-child(1) i{cursor: pointer;}
#top_menu ul li:nth-child(3) div:nth-child(1):hover input{width:130px;}

.menu_linka a:hover{color:#333 !important;}
.menu_link a:hover{color:#fff !important;}
.menu_link_a{margin-left:30px; font-size:16px;position: relative;font-weight: bold;line-height: 1.5;position: relative;height:30px;display: inline-block;background-image: linear-gradient(white,white);background-position: center bottom;background-size: 0 1.5px;background-repeat: no-repeat;transition: .4s;}
.menu_link_a:hover{background-size: 100% 1.5px;}
.menu_link_a:hover{color:#333 !important;}
.menu_linka .menu_link_a{background-image: linear-gradient(black,black);}
.menu_linka .menu_link_a:hover{background-size: 100% 1.5px;}
.menu_link_a:hover ::after{position: absolute;content: "";width: 100%;height: 2px;background: #fff;bottom: 0;left:0;}
#top_menu ul li:nth-child(2) a:nth-child(8){margin-right: 5px;margin-left: 30px;}
#top_menu ul li:nth-child(2) a:nth-child(10){margin-left: 5px;}

.default{width:100%; height:90px; background-color:none; color:#ffffff; position:absolute; z-index:9999; top:0px; line-height:90px;}
.fixeda{position:fixed; top:0px; left:0px; width:100%; height:80px; line-height:80px; background-color:rgba(255,255,255,1);box-shadow: 0 0 5px rgb(0 0 0 / 20%);}

.default #logo img{width: 120px;}
.fixeda #logo img{width: 120px;}
.menu_link a:link {color: #fff;text-decoration: none;}
.menu_link a:visited {color: #fff;text-decoration: none;}
.menu_link a:hover {color:#D80C18;text-decoration: none;}
.menu_link a:active {color: #fff;text-decoration: none;}

.menu_linka a:link {color:#333; text-decoration: none;}
.menu_linka a:visited {color:#333; text-decoration: none;}
.menu_linka a:hover {color:#D80C18; text-decoration: none;}
.menu_linka a:active {color:#333; text-decoration: none;}


.index_banner{width:100%;height:100vh; margin:0 auto;margin-top: -25px;}
.index_banner .swiper-pagination-bullet{background: none;border:1px solid #fff !important;opacity:1 !important;height:10px !important;width: 10px !important;}
.index_banner .swiper-pagination-bullet-active{background: #fff !important;}
.index_banner .swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction{bottom:40px;}
.index_banner .swiper-button-next, .swiper-container-rtl .swiper-button-prev{background-image: url(../images/rjt.png) !important;right:5% !important;}
.index_banner .swiper-button-prev, .swiper-container-rtl .swiper-button-next{background-image: url(../images/zjt.png) !important;left:5% !important;}
.index_banner .swiper-button-next, .swiper-button-prev{width:40px !important;height:40px !important;background-size: cover !important;}
.index_banner .swiper-button-next:after, .swiper-rtl .swiper-button-prev:after{content: "" !important;}
.index_banner .swiper-button-prev:after, .swiper-rtl .swiper-button-next:after{content: "" !important;}

.txt-box{width:1200px;height: 100%;margin:0 auto;position:relative;display: flex;flex-direction: column;align-items: center;justify-content:center;}
.swiper-container {width:100%;height:100%;}
/*.swiper-slide{color:#fff;}*/

.swiper-slide .titlea_a {font-size:35px; line-height:1.5; color:#fff;text-transform: uppercase;text-align: center;text-transform: uppercase;font-family: 'Montserrat-L';}
.titlea_b{font-size:60px !important;    font-family: 'Montserrat-R' !important;}

.doit{font-family: 'monotype';    position: absolute; bottom: 80px; left: 50%; z-index: 9; color: #fff;font-size: 30px;margin-left: -57px;}
.index_video{width:100%;height:100vh;object-fit: fill;}
.txt-box2{width:100%;position: absolute;top:0;z-index: 999;}
/*index_about*/
.index_about{width:100%; margin:0 auto; padding:160px 0;overflow: hidden;background-image: url(../images/part-2.jpg);background-position: center;background-size: cover;background-attachment: fixed;}
.index_about .allMid{display: flex;flex-direction: column;align-items: center;justify-content:center;text-align: center;}
.index_about p:nth-child(1){font-size: 36px;font-weight: 600; letter-spacing: 2px;line-height: 1.25;color:#fff;}
.index_about p:nth-child(2){color: #FFFFFF; font-size: 16px;font-weight: 400;line-height: 30px; margin: 30px 0;}
.index_about a{color: #FFFFFF; font-size: 18px;font-weight: 400;text-decoration: underline;}


.index_about_title{font-size: 30px;line-height: 40px;color: #333;background-image: url(../image/redline.png); background-position: center bottom;background-repeat: no-repeat;padding-bottom: 15px;text-align: center;}
.index_about_p1{margin-top:20px;font-size:14px;text-align: center;line-height: 20px;}
.index_about ul{margin-top:40px;width:100%;overflow: hidden;}
.index_about ul li{border-top:1px solid #dedede;margin-right:30px;width:calc(16.6% - 25px);float:left;padding:20px 0;}
.index_about ul li:nth-child(6n){margin-right:0px;}
.index_about ul li p{text-align: center;font-size:14px;}
.index_about ul li p:nth-child(1){font-size:40px;color:#1c4c9e;line-height: 45px;margin-bottom:20px;}
.index_about ul li p:nth-child(1) span{font-size:14px;margin-left:5px;font-weight: bold;}
/*index_about end*/

.index_part2_box{width:100%;background:#fff;padding:100px 0;}
.index_part2_box .allMid ul{width:100%;overflow: hidden;display:flex;justify-content:center;align-items:flex-start;display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 20px 20px;
  align-items: stretch;}
.index_part2_box .allMid ul li{border-right:1px dashed #ccc;padding:10px 30px;display: flex;flex-direction: column;align-items: center;justify-content:flex-start;height: 100%;}
.index_part2_box .allMid ul li:last-child{border-right:none}
.index_part2_box .allMid ul li b{font-family: 'Montserrat-R';font-size:65px;line-height: 1.2;}
.index_part2_box .allMid ul li p{font-size:14px;margin-top:25px;text-align: center;}
.index_part2_box .allMid ul li p sup{font-family: 'Montserrat-R';font-size:65px;line-height: 1.2;font-weight: bold;}

.index_part3Box{width:100%;background: #ddd;padding:100px 0;overflow: hidden;}
.index_part3Box .top{width:100%;display: flex;flex-direction: column;align-items: center;justify-content:center;text-align: center;}
.index_part3Box .top p:nth-child(1){font-family: 'Montserrat-R';font-size:40px;line-height: 1.2;}
.index_part3Box .top p:nth-child(2){font-size:16px;font-weight: 400;margin-top:20px;}
.index_part3Box .btm{width:100%;height: 550px;overflow: hidden;}
.index_part3Box .swiper {
	width: 100%;
	height: 100%;
	margin-left: auto;
	margin-right: auto;    padding: 50px 0;
  }
  .index_part3Box .swiper-slide {
	text-align: center;
	height: calc((100% - 30px) / 2);

	/* Center slide text vertically */
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	transition: all 0.3s;
  }
  .index_part3Box .dd{width: 100%;height:100%;overflow: hidden;position: relative; transition: all 0.3s;}
  .index_part3Box .d1{width: 100%;height:100%;background-position: center;background-size: cover;}
  .index_part3Box .d2{width: 100%;height:100%;background-position: center;background-size: cover;position: absolute;opacity:0;transition: all 0.2s linear 0s;top:0;left:0;}
  .index_part3Box .swiper-slide .dd:hover .d2{opacity:1;}
  .index_part3Box .swiper-slide:hover .dd{margin-top:-10px;}
  .index_part3Box .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{    width: 10px; height: 10px; border: 1px solid #333;background: none; opacity: 1;}
  .index_part3Box .swiper-pagination-bullet-active{background: #333 !important;}

  .index_part4Box{width:100%;background: #ddd;padding:100px 0;overflow: hidden;}
  .index_part4Box .topTitle{width:100%;display: flex;flex-direction: column;align-items: center;justify-content:center;text-align: center;}
  .index_part4Box .topTitle p:nth-child(1){font-family: 'Montserrat-R';font-size:40px;line-height: 1.2;color:#333;}
  .index_part4Box .topTitle p:nth-child(2){font-size:16px;font-weight: 400;margin-top:20px;color:#fff;}
  .index_part4{width: 100%;overflow: hidden;margin-top:50px;position: relative;z-index: 2;}
  .index_part4 .top{width:100%;overflow: hidden;margin-bottom:30px;padding-top:10px;}
  .index_part4 .top li:nth-child(1){width:calc(66.66% - 4px);margin-right:12px;overflow: hidden;float:left;}
  .index_part4 .top li:nth-child(2){width:calc(33.33% - 8px);overflow: hidden;float:left;}
  .index_p4ImgBox{position: relative;width:100%;overflow: hidden;height:350px;}
  .index_p4ImgBox .d1{height:100%;width:100%;overflow: hidden;background-position: center;background-size: cover;transition: all 0.9s;}
  .index_p4ImgBox .d2{width: 100%;height:100%;position: absolute;opacity:0;color:#fff;transition: all 0.2s linear 0s;top:0;left:0;background:rgba(0,0,0,0.6);display: flex;flex-direction: column;align-items: flex-start;justify-content: space-between;padding:25px 20px;}
  .index_part4 li:hover .d2{opacity:1;}
  .index_part4 li{ transition: all 0.3s;}
  .index_part4 li:hover .index_p4ImgBox .d1{transform: scale(1.1);}
  .index_p4ImgBox .d2 div p:nth-child(1){width:100%;overflow: hidden;font-size:35px;font-family: 'Montserrat-b';line-height: 1.2;text-transform: uppercase;}
  .index_p4ImgBox .d2 div p:nth-child(2){width:100%;overflow: hidden;font-size:35px;font-family: 'Montserrat-L';line-height: 1.2;text-transform: uppercase;}
  .index_p4ImgBox .d2 a{border:2px solid #fff;background:none;border-radius: 3px;padding:4px 15px;display:flex;justify-content:center;align-items:center;font-size:12px;color:#fff;transition: all 0.3s;}
  .index_p4ImgBox .d2 a:hover{background: #fff;color:#333;}
  .index_p4ImgBox .d2 a:hover i{margin-left:25px;}
  .index_p4ImgBox .d2 a i{font-size:16px;margin-left:15px;transition: all 0.3s;}
  .index_p4Title{height:40px;border-bottom:1px solid #ddd;padding:0 20px;width:100%;color:#333;display:flex;justify-content:flex-start;align-items:center;}
  .index_p4Title b{font-family: 'Montserrat-b';margin-right: 5px;}
  .index_part4 .btm{width:100%;overflow: hidden;margin-bottom:30px;padding-top:10px;display: grid;grid-template-columns: repeat(2, 1fr);
        grid-gap: 20px 20px;
        align-items: stretch;}
  .index_part4 .btm li{width:100%;margin-right:12px;overflow: hidden;float:left;}
  .index_part4 .btm li:last-child{margin-right:0;}

  .index_part5Box{width:100%;padding:100px 0;position: relative;}
  .bgIcon{position: absolute;
    width: 36%;
    top: -65%;
    left: 0;
    z-index: 0;}
  .index_part5Box .topTitle{width:100%;display: flex;flex-direction: column;align-items: center;justify-content:center;text-align: center;}
  .index_part5Box .topTitle p:nth-child(1){font-family: 'Montserrat-R';font-size:40px;line-height: 1.2;color:#fff;}
  .index_part5Box .topTitle p:nth-child(2){font-size:16px;font-weight: 400;margin-top:20px;color:#fff;}
.caseMenu{width:100%;margin-top:30px;overflow: hidden;display:flex;justify-content:center;align-items:center;position: relative;z-index: 2;}
.caseMenu li{margin:0 15px;width:200px;text-align: center;color:#fff;background:rgba(255,255,255,0.2);height:32px;border-radius: 50px;display:flex;justify-content:center;align-items:center;cursor: pointer; }
.caseMenu li b{font-family: 'Montserrat-b';margin-right:5px;}
.caseMenu .on{background:rgba(255,255,255,0.5);}
.caseMenu li:hover{background:rgba(255,255,255,0.5);}
.index_caseBox{width:100%;overflow: hidden;margin-top:50px;   position: relative; z-index: 2;}
.index_caseBox li{width:calc(25% - 8px);margin-right:10px;overflow: hidden;margin-bottom:10px;height:180px;position: relative;float:left;}
.index_caseBox li:nth-child(4n){margin-right:0;}
.index_caseBox li .d1{height:100%;width:100%;overflow: hidden;background-position: center;background-size: cover;}
.index_caseBox li .d2{width: 100%;height:100%;position: absolute;opacity:0;color:#fff;transition: all 0.2s linear 0s;top:0;left:0;background:rgba(0,0,0,0.6);display:flex;justify-content:center;align-items:center;}
.index_caseBox li:hover .d2{opacity:1;}
.index_caseBox li .d2 a{display: inline-block;border:1px solid #fff;    border-radius: 5px;height: 35px;width:50px;display:flex;justify-content:center;align-items:center;margin:0 12px;color:#fff;font-size:18px;}
#caseBox2{display: none;}
#caseBox3{display: none;}

.index_part6Box{width:100%;padding:0 0 100px 0;position: relative;}
  .index_part6Box .topTitle{width:100%;display: flex;flex-direction: column;align-items: center;justify-content:center;text-align: center;}
  .index_part6Box .topTitle p:nth-child(1){font-family: 'Montserrat-R';font-size:40px;line-height: 1.2;color:#fff;}
  .index_part6Box .topTitle p:nth-child(2){font-size:16px;font-weight: 400;margin-top:20px;color:#fff;}
.index_logoBox{width:100%;overflow: hidden;margin-top:50px;padding:10px 0;}
.index_logoBox li{width:14.285%;float:left;overflow: hidden;background-color: #1D1D1D;height: 100px;}
.index_logoBox li:nth-child(2n){background-color: #474747;}
.index_logoBox li div{width:100%;transition: all 0.5s;display:flex;justify-content:center;align-items:center;height:100%;}
.index_logoBox li:hover div{transform: scale(1.1);}
.index_logoBox li div img{max-width: 50%;max-height: 50%;}

.index_part7Box{width:100%;background: #fff;padding:100px 0;position: relative;}
  .index_part7Box .topTitle{width:100%;display: flex;flex-direction: column;align-items: center;justify-content:center;text-align: center;}
  .index_part7Box .topTitle p:nth-child(1){font-family: 'Montserrat-R';font-size:40px;line-height: 1.2;color:#333;}
.index_newsBox{width:100%;overflow: hidden;margin-top:50px;padding:15px;}
.index_newsBox li{width:33.33%;overflow: hidden;float:left;padding:24px;}
.index_newsBox li a{display: inline-block;width:100%;height:100%;}
.index_newsBox li a:hover{color:#333;}
.index_newsImg{width:100%;overflow: hidden;height:200px;background-position: center;background-size: cover;}
.index_news_title{margin:20px 0 15px 0;width:100%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-size:20px;font-family: 'Montserrat-R';}
.index_news_jj{font-size:12px;margin-bottom:20px;line-height: 1.5;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;height: 36px;}
.readMore{width:120px !important;height:30px !important;display:flex !important;justify-content:center;align-items:center;border:1px solid #333;border-radius: 3px;color:#333;transition: all 0.2s linear 0s;text-align: center;font-size:12px;}
.index_newsBox li:hover .readMore{color:#fff !important;background: #333;}
.index_newsBox li:hover{box-shadow: #ddd 0px 0px 15px;}


/*bottom*/
.bottom{width:100%; padding: 60px 0; background-image: url(../images/bottomBg.jpg);overflow: hidden;background-position: center;background-size: cover;}
.bottom ul{width:66%; min-width:1200px; margin:0 auto;color:#ffffff;overflow: hidden;}
.bottom ul:nth-child(2){ font-size:12px; padding:10px 0; line-height:20px;display: flex;justify-content: space-between; align-items: flex-end;}
.bottom ul:nth-child(3){ font-size:12px; padding:10px 0; line-height:20px;}

.bottom ul li{float:left; text-align:left; margin-right:70px;color:#ffffff;}
.bottom ul li a{color:#fff!important;}
.bottom ul li a:hover{font-weight: bold;}
.bottom ul li:last-child{float:right; text-align:left; margin-right:0;    display: flex;flex-direction: column;
      align-items: flex-end;
      justify-content: center;}
.bottom ul li:last-child img{width:150px; margin-bottom:20px;}
.bottom ul li div{font-size:15px; margin-bottom:5px; color:#eeefef;}

.bottom ul dl{width:50%; float:left;}
.bottom ul dl:nth-child(2){text-align:right;}
.bottom ul dl span{font-size:14px; color:#000;}
.bottom ul dl img{display:inline;height: 85px;}

.bottom ul dd{text-align: right;float: right;margin-top:50px;}
.bottom ul dd:nth-child(2){text-align:right;}
.bottom ul dd font{font-size:28px; color:#fff; margin-left:3px;line-height: 1;}
.bottom_b{width:100%;overflow: hidden;background:#2F2F2F;height:40px;color:#fff;line-height: 40px;}
.bottom_b .allMid{display:flex;justify-content:flex-start;align-items:center;height:100%;font-size:12px;}
.bottom_b b{font-family: 'Montserrat-R';margin:0 5px;}
/*bottom*/

.n_banner{width:100%; height:400px;display:flex; -webkit-display:flex; justify-content:center; align-items:center;margin-top: -25px;background-size:cover; background-position:center;}
.n_banner ul{width:66%;min-width: 1200px;overflow: hidden;display:flex;justify-content:flex-start;align-items:center;font-size:52px;font-family: 'Montserrat-R';color:#333;line-height: 1.2;text-transform: uppercase;}

/* about */
.about_part1Box{width:100%;padding:100px 0;background-color: #000;overflow: hidden;}
.about_part1Box .allMid{display: flex;flex-direction: column;align-items: center;justify-content:center;}
.about_part1Box .p1{font-size:40px;font-family: 'Montserrat-R';color:#fff;line-height: 1.2;}
.about_part1Box .p2{font-size:16px;color:#fff;line-height: 2;margin-top:30px;width:100%;}
.about_part1Box .allMid ul{width:100%;overflow: hidden;display:flex;justify-content:center;align-items:flex-start;margin-top:50px;display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 20px 20px;
  align-items: stretch;}
.about_part1Box .allMid ul li{width:100%;border-right:1px dashed #ccc;padding:10px 30px;display: flex;flex-direction: column;align-items: center;justify-content:flex-start;height: 100%;color:#fff;}
.about_part1Box .allMid ul li:last-child{border-right:none;}
.about_part1Box .allMid ul li b{font-family: 'Montserrat-R';font-size:65px;line-height: 1.2;}
.about_part1Box .allMid ul li sup{    font-family: 'Montserrat-R';
  font-size: 65px;
  line-height: 1.2;
  font-weight: bold;}
.about_part1Box .allMid ul li p{font-size:14px;margin-top:25px;text-align: center;}

.about_part2Box{padding:100px 0;display:flex;justify-content:space-between;align-items:center;}
.about_part2Box .left{width:calc(100% - 540px);border-top: 1px dashed #ddd;border-bottom: 1px dashed #ddd;display: flex;flex-direction: column;align-items: flex-start;justify-content:center;padding:40px 0;}
.about_part2Box .left p:nth-child(1){font-family: 'Montserrat-R';font-size:40px;line-height: 1.2;}
.about_part2Box .left p:nth-child(2){font-size:16px;line-height: 1.5;margin-top:30px;}
.about_part2Box .left ul{width:100%;overflow: hidden;margin-top:20px;}
.about_part2Box .left ul li{width:50%;float: left;font-size:16px; list-style: inside;}
.about_part2Box .right{width: 450px;}

.about_part3Box{width:100%;padding:100px 0;background:#000;overflow: hidden;}
.about_part3Box .allMid{display: flex;flex-direction: column;align-items: center;justify-content:center;}
.about_part3Box .title{font-size:40px;font-family: 'Montserrat-R';line-height: 1.2;color:#fff;}
.about_part3Box .btm{margin-top:50px;overflow: hidden;display:flex;justify-content:space-between;align-items:center;width:100%;}
.about_part3Box .btm .left{width: 48%;}
.about_part3Box .btm .left p{font-size:16px;margin-bottom:20px;color: #fff;line-height: 2;}
.about_part3Box .btm .right{width: 48%;}
.about_part3Box .btm .right img{width: 100%;}

.about_part4Box{width:100%;overflow: hidden;background:#000;}

.about_part5Box{width:100%;background-image: url(../images/about_part5Bg.jpg);background-position: center;background-size: cover;padding:100px 0;}
.about_part5{width:66%;min-width: 1200px;margin:0 auto;overflow: hidden;display: flex;flex-direction: column;align-items: center;justify-content:center;font-size: 15px;}
.about_part5 .title{color:#333;font-family: 'Montserrat-R';font-size:40px;line-height: 1.2;}
.about_part5 .btm{width:1200px;height:700px;overflow: hidden;margin-top:30px;position: relative;}
.about_part5_jt{position: absolute;width:100%;top:0;left:0;}
.about_part5 .part1{background: #fff;padding: 30px 30px 80px;width: 365px;border-radius: 0 0 10px 10px;position: absolute;top:132px;box-shadow: #ccc6c6 0px 0px 8px}
.about_part5 .part2{background: #fff;padding: 30px 30px 100px;width: 361px;border-radius: 0 0 10px 10px;position: absolute;top:200px;left:365px;box-shadow: #ccc6c6 0px 0px 8px}
.about_part5 .part3{background: #fff;    padding: 30px 30px 50px;width: 382px;border-radius: 0 0 10px 10px;position: absolute;top:268px;left:726px;box-shadow: #ccc6c6 0px 0px 8px}
.about_part5 .part3 ul{margin-top:30px;}
.about_part5 .part3 ul li{list-style: inside;}


/* contact */
.contact_a{padding:100px 0;}
.contact_a .title{width: 100%;text-align: left;font-size:36px;font-family: 'Montserrat-R';}
.contact_aMid{width:100%;overflow: hidden;display:flex;justify-content:center;align-items:center;margin:80px 0;}
.contact_aMid ul{width:calc(100% - 150px);display:flex;justify-content:center;align-items:flex-start;overflow: hidden;}
.contact_aMid ul li{width:33.33%;border-right:1px dashed #c1c1c1;padding:0 30px 0 0;margin-right: 30px;}
.contact_aMid ul li:last-child{border-right:none;margin-right:0;}
.contact_aMid ul li .p1{font-family: 'Montserrat-B';font-size:24px;color:#333;margin-bottom:30px;}
.contact_aMid ul li .btm{display: flex;flex-direction: column;align-items: flex-start;justify-content:center;font-size:16px;}
.contact_aMid ul li .btm div{display:flex;justify-content:center;align-items:flex-start;}
.contact_a_logo{width:140px;}
.contact_a_email{width:100%;height:40px;display:flex;justify-content:flex-start;align-items:center;border-bottom: 2px solid #ddd;}
.contact_a_email i{font-size:22px;margin-right:10px;font-weight: bold;}
.contact_a_email span{font-family: 'Montserrat-R';font-size:20px;}

.contact_bBox{width:100%;overflow: hidden;padding:100px 0;background:#EBEBEB;}
.contact_bBox .title{font-size:36px;font-family: 'Montserrat-R';line-height: 1.5;}
.contact_bBox .p1{font-size:16px;margin:30px 0;font-family: 'Montserrat-R';}
.contact_bBox .p2 a{font-size:12px;color:#7A828F;border-bottom:1px solid #7A828F;font-family: 'Montserrat-R';text-transform: uppercase;}

.contact_bBox .message{width:100%;overflow: hidden;margin-top:40px;}
.contact_bBox .message ul{width:100%;overflow: hidden;}
.contact_bBox .message ul li{width:50%;padding:0 30px 0 0;margin-bottom:20px;overflow: hidden;display: flex;flex-direction: column;align-items: flex-start;justify-content:center;float:left;}
.contact_bBox .message ul li p{font-family: 'Montserrat-R';margin-bottom:12px;color: #333;}
.contact_bBox .message ul li input{width:100%;border:none;border-radius: 50px;height:40px;background-color:#fff;padding:0 25px;}
.contact_btn{width:100%;overflow: hidden;padding-top:20px;height:65px;display:flex;justify-content:center;align-items:center;}
.contact_btn button{padding:12px 40px;border:1px solid #333;border-radius: 50px;background-color: #333;color:#fff;margin-right:12px;cursor: pointer;transition: all 0.3s;font-family: 'Montserrat-R';}
.contact_btn button:hover{margin-top:-5px;}

.container2 {
  width: 66%;
  min-width: 1200px;
  margin: 100px auto;
}
.search_box{
	text-align:center;     
	margin-bottom: 60px;
  }
  .search_box form{
	display:flex;justify-content:center;align-items:center;
  }
  .search_box form div{
	margin:0 12px;
	font-size: 16px;
  }
  .search_box form div select{
	height:30px;
	width:100px;
  }
  .search_box form .btn{
	height:30px;
	width:60px;
	margin-left: 30px;
  }
  .search_key{
	height:30px;margin-right:30xp;
  }
  .search_table tr{
	height:40px;
  }
  .search_page a{
	font-size:14px;
	margin:5px;
  }
  


/* newsList */
.newsListBox{padding:100px 0;}
.lastNews{width:100%;overflow: hidden;display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:30px;}
.lastNewsImgBox{width:calc(66.66% - 10px);height:400px;overflow: hidden;border-radius: 10px;}
.lastNewsImg{width:100%;height:100%;background-position: center;background-size: cover;transition: all 1.5s;}
.lastNewsInfo{width: calc(33.33% - 20px);overflow: hidden;display: flex;flex-direction: column;align-items: flex-start;justify-content:center;}
.lastNewsType{font-size:24px;color:#B3B3B3;position: relative;padding-bottom:12px;font-family: 'Gilroy-b';}
.lastNewsType::after{content:"";position: absolute;left:0;bottom:0;width:20px;height:2px;background: #B3B3B3;}
.lastNewsTitle{font-family: 'Gilroy-b';color:#333;font-size:30px;line-height: 1.2;margin:20px 0;}
.lastNewsJJ{font-size:14px;color:#808080;margin-bottom:30px;    line-height: 1.5;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:4;overflow: hidden;height:84px;}
.lastNewsIcon i{font-size:35px;color:#ddd;}
.lastNews:hover .lastNewsIcon i{color:#333;}
.lastNews:hover .lastNewsImg{transform: scale(1.1);}

.otherList{width:100%;overflow: hidden;}
.otherList a{width: calc(33.33% - 20px);margin-right:30px;margin-bottom:30px;float:left;overflow: hidden;display: inline-block;color:#333;}
.otherList li{width: 100%;overflow: hidden;display: flex;flex-direction: column;align-items: flex-start;justify-content:center;}
.otherList a:nth-child(3n){margin-right:0;}
.otherListImgBox{width:100%;border-radius: 10px;height:220px;overflow: hidden;}
.otherListImg{width:100%;height:100%;background-position: center;background-size: cover;transition: all 1.5s;}
.oterListTitle{margin:25px 0 15px 0;font-family: 'Gilroy-b';font-size:20px;line-height: 1.2;}
.oterListJj{font-size:14px;margin-bottom:25px;line-height: 1.5;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2;overflow: hidden;height:45px;}
.orherListIcon i{font-size:35px;color:#ddd;}
.otherList a:hover .orherListIcon i{color:#333;}
.otherList a:hover .otherListImg{transform: scale(1.1);}

.pagepnBox{width:100%;float: left;margin-top:50px;}
.pagepn{
	width:100%;
  }
  .wrap {
	margin: 3vw 0 0;
	display: flex;
	align-items: center;
	justify-content: center;
  }
  
  .wrap a {
	width: 30px;
	height: 30px;
	border: 1px solid #e5e5e5;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 0.6vw 0 0;
	transition: all 0.3s ease;
  }
  
  .wrap .on {
	background: #333;
	border: 1px solid #333;
	color: #ffffff;
  }
  
  .wrap a:hover {
	background: #333;
	border: 1px solid #333;
	color: #ffffff;
  }
  
/* news */
.newsBox{padding:60px 50px;margin:50px auto;background: #fff;border-radius: 10px;}
.newsTitle{font-size:40px;font-family: 'Gilroy-b';width:90%;line-height: 1.3;color:#333;}
.newsInfo{display:flex;justify-content:space-between;align-items:center;height:40px;border-bottom:2px solid #ccc;margin-top:10px;margin-bottom:50px;}
.newsInfo span{font-size:12px;color:#808080;}
.newsContent{width:100%;overflow: hidden;}
.news_fy{border-top:1px solid #ccc;width: 100%;padding-top:20px;display: flex;flex-direction: column;align-items: flex-start;justify-content:center;margin-top:20px;}
.news_fy .returnList{padding: 12px 25px;
  background: #333;
  color: #fff;
  border-radius: 50px;
  margin-top: 20px;
  transition: all 0.9s;}
  .news_fy .returnList:hover{padding: 12px 30px;}

/* cases */
.casesListMenu{height:80px;width:100%;border-bottom:2px solid #ddd;display:flex;justify-content:center;align-items:center;}
.casesListMenu li{padding:0 30px;overflow: hidden;    height: 100%;display:flex;justify-content:center;align-items:center;}
.casesListMenu li a{display:flex;justify-content:center;align-items:center;color:#9E9E9E;}
.casesListMenu li a i{font-size:35px;margin-right:12px;}
.casesListMenu li a span{font-size:14px;}
.casesListMenu .cur a{color:#333;font-family: 'Montserrat-R';}
.casesListMenu li:hover a{color:#333;font-weight: bold;}
.casesListMenu li:hover a i{font-weight: 500;}

.casesDemoBox{margin:50px auto;}
.casesDemo{width:100%;overflow: hidden;}
.casesDemo li{width:calc(33.33% - 14px);margin-right:20px;margin-bottom:20px;overflow: hidden;height:280px;border-radius: 15px;float:left;}
.casesDemo li a{width:100%;height:100%;display:flex;justify-content:center;align-items:center;}
.casesDemo li a div{width:100%;height:100%;background-position: center;background-size: cover;transition: all 1.2s;}
.casesDemo li:nth-child(10n+1){width:calc(66.66% - 6px);}
.casesDemo li:nth-child(10n+2){margin-right:0;}
.casesDemo li:nth-child(10n+5){margin-right:0;}
.casesDemo li:nth-child(10n+6){height:580px;}
.casesDemo li:nth-child(10n+8){margin-right:0;}
.casesDemo li:nth-child(10n+10){margin-right:0;}
.casesDemoMid{width:100%;height:250px;display: flex;flex-direction: column;align-items: center;justify-content:center;border-radius: 15px;margin-bottom:20px;}
.casesDemoMid i{color:#fff;font-size:35px;}
.casesDemoMid p{margin-top:25px;font-size:36px;color:#fff;text-transform: uppercase;}
.casesDemoMid p b{font-family: 'Montserrat-R';margin-right:8px;}
.casesDemo li:hover div{transform: scale(1.1);}

/* proList */
.proBox{width:66%;min-width: 1200px;overflow: hidden;padding:50px 0;margin:0 auto;display:flex;justify-content:space-between;align-items:flex-start;}
.proBox_l{width:250px;overflow: hidden;}
.proBox_r{width:Calc(100% - 350px);overflow: hidden;    margin-top: 20px;}
.proBox_r2{width:Calc(100% - 350px);overflow: hidden;    margin-top: 20px;}
.proBox_r li{float:left;width:calc(33.33% - 16px);margin-right:20px;margin-bottom:20px;overflow: hidden;cursor: pointer;}
.proBox_r li:nth-child(3n){margin-right:0;}
.proBox_r li .proImgBox{width:100%;overflow: hidden;height:220px;display:flex;justify-content:center;align-items:center;background: #f7f7f7;margin-bottom: 10px;}
.proBox_r li .proListImg{transition: all 0.9s;max-width: 80%;max-height: 80%;}
.proBox_r li:hover .proListImg{transform: scale(1.1);}
.proBox_r li p{position: relative;display:flex;justify-content:space-between;align-items:center;color: #888888;width:100%;line-height: 20px;font-size:12px;}
.proBox_r li .proListName{font-family: 'Montserrat-B';overflow: hidden; text-overflow: ellipsis;white-space: nowrap;display: block;font-size: 14px;}

.proListBtm .btm{margin-bottom: 0px;}
.proListBtm .index_p4ImgBox{height:200px;}
.proListBtm .index_p4ImgBox .d2 div p:nth-child(1){font-size:25px;}
.proListBtm .index_p4ImgBox .d2 div p:nth-child(2){font-size:25px;}

/* pro */
.proRight{width:Calc(100% - 350px);overflow: hidden;margin-top: 20px;}
.proRight .title{background: #F6F6F6;border-radius: 8px;font-size:28px;font-family: 'Montserrat-R';width:100%;padding: 18px 20px;display:flex;justify-content:space-between;align-items:center;}
.pro_a{width:100%;overflow: hidden;margin-top:30px;display:flex;justify-content:space-between;align-items:center;margin-bottom:50px;}
.pro_a .left{width:calc(100% - 310px);display:flex;justify-content:center;align-items:center;}
.pro_a .left img{width:70%;}
.pro_a .right{background: #F6F6F6;padding:40px;overflow: hidden;width:280px;border-radius: 10px;display: flex;flex-direction: column;align-items: flex-start;justify-content:center;}
.pro_a .right li{border-top: 1px solid #ddd;padding-top:5px;width: 100%;margin-bottom:15px;}
.pro_a .right li .R_title{font-family: 'Montserrat-R';font-size:14px;text-transform: uppercase;font-weight: bold;}
.pro_a .right li img{margin-top:30px;}
.pro_a .right li p{font-size: 16px;margin-top: 5px;}
.pro_a .right .mb80{margin-bottom:80px;}
.pro_a_medical{width:100%;overflow: hidden;margin-top:30px;display: flex;flex-direction: column;align-items: center;justify-content:center;margin-bottom:50px;}
.pro_a_medical .left{width:100%;display:flex;justify-content:center;align-items:center;}
.pro_a_medical .left img{width:100%;}
.pro_a_medical .right{background: #F6F6F6;padding:40px;overflow: hidden;width:100%;border-radius: 10px;display: flex;flex-direction: column;align-items: flex-start;justify-content:center;}
.pro_a_medical .right li{border-top: 1px solid #ddd;padding-top:5px;width: 100%;margin-bottom:15px;}
.pro_a_medical .right li .R_title{font-family: 'Montserrat-R';font-size:14px;}
.pro_a_medical .right li .medical_p{display: flex;flex-direction: column; align-items: flex-start;justify-content: center; margin-top: 20px;}
.pro_a_medical .right li .medical_p p{display: flex;flex-direction: column; align-items: flex-start;justify-content: center; width:100%;}
.pro_a_medical .right li .medical_p img{width:100%;}
.cst{margin-bottom:50px;width:100%;overflow: hidden;}
.proJJ{margin-bottom:50px;width:100%;overflow: hidden;}
.proJJ ul li{list-style: lower-alpha;margin-left: 20px;}
.applicationBox{width:100%;border-radius: 10px;overflow: hidden;display:flex;justify-content:center;align-items:center;background: #e9e9e9;margin-bottom: 20px;}
.applicationBox .app_left{color:#404040;font-size:18px;width:30%;text-align: center;display:flex;justify-content:center;align-items:center;text-transform: uppercase;}
.applicationBox .app_left i{margin-right:10px;font-size:20px;}
.applicationBox .app_right{width:70%;border-radius: 10px;overflow: hidden;min-height: 240px;display: flex;justify-content: center;align-items: center;background: #f6f6f6;}
.pjBox{padding:20px;box-sizing: border-box;display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-gap: 20px 20px;
  align-items: stretch;}
.pjBox li>div{border-radius: 10px;overflow: hidden;}
.pjBox li>div img{width: 100%;height: 100%;object-fit: cover;transition: all 0.9s;}
.pjBox li>div:hover img{  transform: scale(1.1);}
.pjBox p{text-align: center;    font-size: 13px;
  line-height: 1.2;
  margin-top: 5px;}
.energy_p{display: flex;flex-direction: column; align-items: flex-start;justify-content: center; margin-top: 20px;}
.energy_p p{font-size:14px !important;}
.downLoad{width: 100%;margin-top:30px;overflow: hidden;}
.downLoad table{border-collapse:collapse;border-top:3px solid #333;table-layout:fixed;width:100%;}
.downLoad table tr{border-bottom:1px solid #ddd;height:40px;}
.downLoad table tr th{text-align:left;padding:0 12px;}
.downLoad table tr td{text-align:left;padding:0 12px;}
.downLoad table tr th:nth-child(3){text-align:center;}
.downLoad table tr td:nth-child(3){text-align:center;}
.downLoad table tr td:nth-child(3) i{font-size: 25px;}

.z_retop{display: none;}
.z_retop{position: fixed;right: 12px;bottom: 20%;display: flex;flex-direction: column;align-items: center;justify-content:center;    z-index: 1;}
.z_retop a{display: inline-block;width: 40px;height:40px;border-radius: 50%;color:#fff;background:rgba(0,0,0,0.6);display:flex;justify-content:center;align-items:center;margin-bottom: 12px;font-size: 20px;}

.medical_bottom{width:100%;overflow: hidden;display:flex;justify-content:flex-start;align-items:flex-start;}
.medical_table{width:33.33%;overflow: hidden;margin-right:20px;}
.medical_table2{width:66.66%;overflow: hidden;}
.medical_table .title{color:#52B4BB;font-family: 'Montserrat-R';font-size:14px;margin-bottom:5px;justify-content: center;}
.medical_table ul{border:2px solid #ccc;border-radius: 10px;overflow: hidden;display: flex;flex-direction: column;align-items: center;justify-content:center;padding:5px 15px;position: relative;}
.medical_bottom .medical_table:last-child{margin-right:0;}
.medical_table ul li{width:100%;border-bottom:1px solid #ccc;font-size:12px;position: relative;}
.medical_table ul li:last-child{border:none;}
.medical_table ul li p{display:flex;justify-content:space-between;align-items:center;line-height: 15px;padding: 5px 0;}
.medical_table ul li p em{font-style: normal;}
.medical_table ul li p em:nth-child(2){margin-left:15px;font-family: 'Montserrat-R';}
.medical_table .gx li::before{position: absolute;content: "";width:12px;height:12px;background-image: url(../images/gx.png);background-size: cover;background-position: center;left:0;top:5px;}
.medical_table .wgx li::before{position: absolute;content: "";width:12px;height:12px;background-image: url(../images/wgx.png);background-size: cover;background-position: center;left:0;top:5px;}
.medical_table .gx li,.medical_table .wgx li{padding-left:15px;}
.proTableBox{width:100%;overflow: hidden;}
.proTableBox table{border-collapse:collapse;border-top:1px solid #ccc;border-bottom:1px solid #ccc;width:100%;border-right: 1px solid #63B7BE;    font-size: 12px;}
.proTableBox table tr{height:35px;background: #fff;}
.proTableBox table tr:nth-child(2n-1){background: #EBEBEB;}
.proTableBox table tr th{background-color: #63B7BE;height:40px;color:#fff;border-right:1px solid #fff;text-align: right;padding:0 12px;}
.proTableBox table tr th:last-child{border-right:1px solid #63B7BE;}
.proTableBox table tr td{text-align: right;padding:0 12px;border-right: 1px solid #63B7BE;}
.proTableBox table tr td:nth-child(1){text-align: left;border-right:#dedede 1px solid;}
.proTableBox table tr td:nth-child(2){text-align: center;}
.proTableBox .tips{margin-top: 12px;font-size: 12px;}

.pcShow{display: block;}
.mobileShow{display: none;}


@media only screen and (min-width: 220px) and (max-width: 1200px) {
  .pcShow{display: none !important;}
  .mobileShow{display: block;}

	#top_menu ul{width:100%;min-width: 0;}
	#top_menu ul li:nth-child(2){display:none !important;}
	.default #logo img{height:40px;margin-top:10px;margin-left: 10px;}
	.fixeda #logo img{margin-left:10px;}
	.nav__trigger{top:10px !important;}
	/* .index_banner{height:50vh;} */
	.txt-box{width:100%;display: flex;flex-direction: column;align-items: center;justify-content:center;margin-top:0;height:60%;}
	.swiper-slide .titlea_a{font-size:20px;line-height:40px;margin-top:0;}
	/* .swiper-button-next, .swiper-button-prev{top:60% !important;} */
  .index_banner .swiper-button-next, .swiper-button-prev{width: 30px !important; height: 30px !important;}
  
  /*head*/
  .head_a{width:100%; height:55px; position:fixed; top:0; background-color:#fff; z-index:9999; box-shadow: 0 0 2px rgba(200,200,200,0.1); -webkit-box-shadow: 0 0 2px rgb(200,200,200,0.1); -moz-box-shadow: 0 0 2px rgb(200,200,200,0.1);}
  .head_a ul{width:95%; height:55px; margin:0 auto;display:flex;justify-content:center;align-items:center;}
  .head_a ul li:nth-child(1){width:100px;}
  .head_a ul li{width:25%; float:left; height:55px;}
  .head_a ul li:nth-child(1){display:flex; -webkit-display:flex; justify-content:left; align-items:center;}
  .head_a ul li:nth-child(1) img{width:100px;}
  .head_a ul li:nth-child(2){width:Calc(100% - 170px);display:flex;justify-content:flex-end;align-items:center;font-family: 'Montserrat-R';}
  .head_a ul li:nth-child(2) span{margin:0 5px;}
  .head_a ul li:nth-child(3){text-align:right; font-family:Arial, Helvetica, sans-serif; line-height:55px;width:70px;}
  
/*mob nav*/
.sp_nav{width:8vw; float:right; position:relative; cursor:pointer; height:8vw; margin-top:18px;}
.sp_nav span{display:block;background:#333;width:7vw;height:3px;position:absolute;left:0;transition:all ease 0.35s}
.sp_nav span:nth-of-type(1){top:0px}
.sp_nav span:nth-of-type(2){top:8px}
.sp_nav span:nth-of-type(3){top:16px}
.sp_nav_se span:nth-of-type(1){top:8px;transform:rotate(45deg)}
.sp_nav_se span:nth-of-type(2){width:0}
.sp_nav_se span:nth-of-type(3){top:8px;transform:rotate(-45deg)}

.sjj_nav{position:fixed;z-index:999;background:#eee;width:100%; height:100%; font-size:1em; line-height:40px; top:-100%; left:0;overflow:auto;overflow-x:hidden;transition:top ease 0.35s;}
.nav_show{top:55px;}
.sjj_nav>ul>li:first-child{overflow:hidden;border-top:0}
.sjj_nav>ul>li:first-child>a{float:left; width:100%;}
.sjj_nav>ul>li:first-child .language{float:right;width:100%;overflow:hidden;line-height:30px;}
.sjj_nav>ul>li:first-child .language a{width:20%;float:left; text-align:center;color:#999; border-right:1px #ddd solid;}

.sjj_nav ul li i{position:absolute;top:5px;right:0px;border-left:1px #ddd solid;height:30px;padding:0px 7px 0 7px;}
.sjj_nav ul li i svg{transform:rotate(-90deg);transition:all ease 0.35s}
.sjj_nav ul li .sjj_nav_i_se svg{transform:rotate(0deg)}
.sjj_nav ul li{border-top:1px #ddd solid;margin-left:5vw;position:relative;line-height:40px;}
.sjj_nav>ul >li:last-child{border-bottom:1px #ddd solid;}
.sjj_nav ul li ul{display:none}
.sjj_nav ul li a{color:#616161;width:100%; display:block;}
.sjj_nav ul li ul li a{color:#999;display:block;text-align:left;}
.sjj_nav ul li i svg{width:20px;height:20px;fill:#999;}
.sjj_nav ul li .sjj_nav_i_se svg{fill:#cc0022}
.sjj_nav ul li ul li>ul{margin-left:10px}


.allMid{width:100%;padding:0 12px;min-width: 0;}
.index_about{padding:100px 0;}
.index_about p:nth-child(1){font-size:26px;}
.index_about p:nth-child(2){font-size:14px;}
.index_part2_box .allMid ul{display: block;height: auto;}
.index_part2_box .allMid ul li{width:50%;float:left;padding: 10px 20px;height:230px;margin-bottom:12px;}
.index_part2_box .allMid ul li b{font-size:32px;}
.index_part2_box .allMid ul li p{font-size:12px;}
.index_part2_box .allMid ul li:nth-child(2) { border-right: none;}
.index_part3Box .btm{height:350px;}
.index_part3Box .top p:nth-child(1){font-size:30px;}
.index_part4Box .topTitle p:nth-child(1){font-size:30px;}
.index_part4 .btm li{width:100%;margin-bottom:12px;}
.index_p4ImgBox{height:200px;}
.index_p4ImgBox .d2 div p:nth-child(1){font-size:25px;}
.index_p4ImgBox .d2 div p:nth-child(2){font-size:25px;}
.index_part5Box{padding:0;}
.bgIcon{width:80%;height:auto;}
index_part5Box .mid{position: relative;z-index: 2;}
.index_part5Box .topTitle p:nth-child(1){font-size:30px;}
.caseMenu{display: flex;flex-direction: column;align-items: center;justify-content:center;}
.caseMenu li{margin-bottom:12px;}
.index_caseBox li{width:calc(50% - 5px);height: 120px;}
.index_caseBox li:nth-child(2n){margin-right:0;}
.index_logoBox li{width:33.33%;}
.index_part6Box .topTitle p:nth-child(1){font-size:30px;}
.index_part7Box .topTitle p:nth-child(1){font-size:30px;}
.index_newsBox li{width:100%;box-shadow: #ddd 0px 0px 15px;margin-bottom:20px;}
.index_newsBox{margin-top:30px;}

.bottom ul{width:100%; min-width: 0;padding:0 12px;}
.bottom ul:nth-child(1){display:flex;justify-content:flex-start;align-items:flex-start;position: relative;padding-bottom: 60px;margin-bottom: 0px;}
.bottom ul dd{position:absolute;bottom:0;}
.bottom ul dd font{font-size:22px;}
.bottom ul dl img{width:100%;height:auto;}
.bottom ul dl:nth-child(2){width:75px;}
.bottom ul dl:nth-child(1){width:calc(100% - 85px);}
.bottom ul:nth-child(2){padding:0 12px;}

.n_banner{margin-top:30px;height:200px;}
.n_banner ul{width:100%;min-width: 0;font-size:35px;padding:0 12px;}
.about_part1Box .p1{font-size:30px;}
.about_part1Box .p2{width: 100%;font-size: 14px; line-height: 1.8;}
.about_part1Box .allMid ul{display: block;height: auto;}
.about_part1Box .allMid ul li{width:50%;float:left;padding: 10px 20px;height:230px;margin-bottom:12px;}
.about_part1Box .allMid ul li b{font-size:32px;}
.about_part1Box .allMid ul li p{font-size:12px;}
.about_part1Box .allMid ul li:nth-child(2) { border-right: none;}
.about_part2Box{display: flex;flex-direction: column;align-items: center;justify-content:center;padding-top: 60px;}
.about_part2Box .left{width:100%; margin-bottom: 20px;}
.about_part2Box .left p{font-size:30px;}
.about_part2Box .left ul li{font-size:12px;}
.about_part3Box .title{font-size:30px;}
.about_part3Box .btm{display: block;margin-top: 30px;}
.about_part3Box .btm .left{width:100%;}
.about_part3Box .btm .left p{font-size:14px;}
.about_part3Box .btm .right{width:100%;}
.about_part5{width:100%;min-width: 0;padding:0 12px;}
.about_part5 .title{font-size:30px;}
.about_part5_jt{display: none;}
.about_part5 .btm{width:100%;height: auto;padding:12px;}
.about_part5 .btm div{width:100%;height:auto;top:0;left:0;position: relative;margin-bottom:20px;padding:30px;}
.ttTitle{font-size: 25px;font-family: 'Montserrat-R';margin-bottom:20px;}

.contact_a{padding:100px 12px;}
.contact_a .title{font-size:30px;}
.contact_aMid{display: flex;flex-direction: column;align-items: center;justify-content:center;margin: 50px 0;}
.contact_aMid ul{width:100%;display: flex;flex-direction: column;align-items: center;justify-content:center;}
.contact_aMid ul li{width:100%;margin-right: 0;    margin-bottom: 30px;  border-bottom: 1px dashed #c1c1c1; padding-bottom: 30px; border-right: none;}
.contact_aMid ul li .p1{font-size:20px;margin-bottom:10px;}
.contact_a_email span{font-size:16px;}
.contact_bBox .title{font-size:30px;}
.contact_bBox .message ul{display: flex;flex-direction: column;align-items: center;justify-content:center;}
.contact_bBox .message ul li{width:100%;padding: 0 10px 0 0;}
.casesDemo li:nth-child(10n+1){width: calc(66.66% - 3px);}
.casesDemo li{width: calc(33.33% - 7px);    margin-right: 10px;margin-bottom: 10px;height: 110px;border-radius: 5px;}
.casesDemo li:nth-child(10n+6){height:230px;}
.casesDemoMid p{font-size:26px;}
.casesDemoMid{height:180px;}
.casesDemoMid i{font-size:30px;}
.newsListBox{padding:100px 12px;}
.lastNews{display: flex;flex-direction: column;align-items: center;justify-content:center;}
.lastNewsImgBox{width:100%;height:200px;}
.lastNewsInfo{width:100%;margin-top:20px;}
.lastNewsType{font-size:16px;}
.lastNewsTitle{font-size:20px;}
.otherList a{width:calc(50% - 15px);}
.otherList a:nth-child(3n){margin-right:20px;}
.otherList a:nth-child(2n){margin-right:0;}
.otherListImgBox{height:120px;}
.oterListTitle{font-size:16px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;height: 38px;}
.newsTitle{font-size:25px;width: 100%;;}
.newsBox{padding:40px 20px;width: calc(100% - 24px);    box-shadow: #e6e6e6 0px 0px 20px;}
.proBox{width:100%;min-width: 0;padding:50px 12px;display: flex;flex-direction: column;align-items: center;justify-content:center;}
.proBox_l{width:100%;}
.proBox_r{width:100%;}
.proBox_r li{width:calc(50% - 10px);margin-right:20px;}
.proBox_r li p{font-size:12px;}
.proBox_r li p span:nth-child(2){text-align: right;}
.proBox_r li:nth-child(3n){margin-right:20px;}
.proBox_r li:nth-child(2n){margin-right:0px;}
.proRight{width:100%;}
.pro_a{display: flex;flex-direction: column;align-items: center;justify-content:center;}
.pro_a .left{width:100%;}
.pro_a .right{width:100%;margin-top:40px;}
.applicationBox{display: flex;flex-direction: column;align-items: center;justify-content:center;}
.applicationBox div:nth-child(1){width:100%;padding:30px 0;}
.applicationBox div:nth-child(2){width:100%;}
.bottom_b .allMid{display: block;}
.proBox_r li .proImgBox{height:200px;}
.casesListMenu li a i{font-size:20px;}
.casesListMenu li a span{font-size:12px;line-height: 1.5;}
.bottom ul li{margin-right: 30px;}

}