*{ padding:0px; margin:0px; list-style-type: none; outline:none; font-style:normal; }
a {
    color: #000;
	text-decoration: none;
    background-color: transparent;
    -webkit-tap-highlight-color: transparent;
    -webkit-user-select: none;
}



a:hover {
    color:#30318d;
}


 @font-face {
  font-family: 'Material Symbols Outlined';
  font-style: normal;
  font-weight: 300;
  src: url(https://fonts.gstatic.com/s/materialsymbolsoutlined/v192/kJF1BvYX7BgnkSrUwT8OhrdQw4oELdPIeeII9v6oDMzByHX9rA6RzaxHMPdY43zj-jCxv3fzvRNU22ZXGJpEpjC_1n-q_4MrImHCIJIZrDDxHOej.woff2) format('woff2');
 }


@font-face {
  font-family: 'iconfont';  /* Project id 2900621 */
  src: url('https://at.alicdn.com/t/c/font_2900621_2yjzby2tj2c.woff2?t=1705026778770') format('woff2'),
       url('https://at.alicdn.com/t/c/font_2900621_2yjzby2tj2c.woff?t=1705026778770') format('woff'),
       url('https://at.alicdn.com/t/c/font_2900621_2yjzby2tj2c.ttf?t=1705026778770') format('truetype');
}


@font-face{
	font-family:icomoon;
	src:url(../fonts/icomoon.eot?k56uju);
	src:url(../fonts/icomoon.eot?k56uju#iefix) format("embedded-opentype"),url(../fonts/icomoon.ttf?k56uju) format("truetype"),url(../fonts/icomoon.woff?k56uju) format("woff"),url(../fonts/icomoon.svg?k56uju#icomoon) format("svg");
	font-weight:400;
	font-style:normal;
	font-display:fallback}
	
	
	
  .jd-icon-search{ font-family: icomoon; color:#fff;  font-size: 24px;}
 .jd-icon-search:before {
     content: "\e970";
 }
.material-symbols-outlined {
  font-family: 'Material Symbols Outlined';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-feature-settings: 'liga';
  -webkit-font-smoothing: antialiased;
}


body::-webkit-scrollbar,html::-webkit-scrollbar {
    width: 4px;
    background-color: #eee
}


body::-webkit-scrollbar-thumb,html::-webkit-scrollbar-thumb {
    border: solid 1px #30318d;
    width: 3px;
    border-radius: 4px;
    background-color: #30318d
}

body::-webkit-scrollbar-corner,html::-webkit-scrollbar-corner {
    background-color: #eee
}

body::-webkit-scrollbar:horizontal,html::-webkit-scrollbar:horizontal {
    height: 9px
}

body::-webkit-selection,html::-webkit-selection {
    background: #30318d;
    color: #fff
}

body::-moz-selection,html::-moz-selection {
    background: #30318d;
    color: #fff
}

body::selection,html::selection {
    background: #30318d;
    color: #fff
}

.disable-hover {
    pointer-events: none
}

.scroll-animate.animated {
    visibility: hidden
}


h2{ font-size:25px; text-transform: capitalize; }


html,body{ }
*{  font-family:Raleway,"Microsoft YaHei",Helvetica Neue, Helvetica, Arial, sans-serif; }


header {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 99;
    box-sizing: border-box;
    padding:25px 0;
    -webkit-transition: all 0.3s ease-in;
    -moz-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
	border-bottom: 1px solid #f1f1f1;
	border-bottom-color: rgba(255, 255, 255, 0.18)
}




.win{ width:80%; margin:0 auto; }

header .win{ position:relative; }
header .win::after{ content:''; display: block; clear:both; }
.navhead{ height: 40px;
    line-height: 40px;
    position: absolute;
    background: #f1f1f1;
    width: 100%;
    top: 0; }
.header_con{  }


.navtop{  display:inline-block; }
.navtop li{ position: relative;
    text-align: right;
    margin-left: 35px;
    float: left; }
.navtop li a { display: block;
    position: relative;
    text-align: center;
    position: relative;
	font-weight:bold;
	font-size:13px;
	font-family: Raleway;
	color: #000;
	text-decoration:none; }
.logo {
    float: left;
    width:233px;
    overflow: hidden;
}
.logo a{
	display: block;
}
.logo a img{     display: block; width: 100%; height: auto; }
.logo a img.app{ display:none; }

.navtop li a:hover{ color:#20978b; }

header.on{ border-bottom: 1px solid #e7e7e7;
    background: rgba(255, 255, 255, 0.9);
    backdrop-filter: blur(6px);  }
header.on .logo a img.app {
    display: block;
}
header.on .logo a img.pc {
    display: none;
}


.nav {
    margin: 0 auto;
    float:right;
    width:1060px;
	margin-right:0px;
}
.nav li {
        position: relative;
    text-align: right;
    margin: 0px 30px;
    display: inline-block;
}
.nav li:first-child{ margin-left:0px; }
.nav li:last-child{ margin-right:0px; }
.nav li a {
    display: block;
    padding: 19px 0px;
    position: relative;
    text-align: center;
    position: relative;
	font-weight:500;
	font-size:20px;
	font-family: Raleway;
	color: #fff;
	text-decoration:none;
	transition: all 0.3s ease-in;
}

.nav li a.hover{ font-weight:bold; }


.nav li:hover a{ font-weight:bold; }
.nav li:hover .nav_two a{ font-weight:500; }

header.on .nav li a{ color: #000; }
header.on .nav li a:hover,header.on .nav li a.hover{ color:#30318d; font-weight:bold; }

header.on .erj::after{     border-bottom: 2px solid #000;
    border-right: 2px solid #000; }
header.on .nav li a.erj:hover::after{ border-bottom: 2px solid #000;
    border-right: 2px solid #000; }

header.on  .nav>li:hover>.nav_two{     margin-top:-3px; }

header.on  .nav li .nav_two::before{     border-bottom: 7px solid #ededed; }

.nav li a.erj{ padding-right:15px;  }

.nav li a:hover{ }

.nav li a.erj:hover::after{ border-bottom: 2px solid #fff; border-right: 2px solid #fff;  }

.nav li .nav_two {
    position: absolute;
    left: 50%;
    width: 220px;
    margin-left: -110px;
    min-width: 100px;
    opacity: 0;
    padding: 20px 0;
    border-radius:10px;
    background: #fff;
    pointer-events: none;
    transition: all .5s ease;
    box-shadow: 0 5px .2rem -3px rgb(0 0 0 / 9%);
    border: 1px solid #f1f1f1;
}

.nav li .nav_two::before{ content: "";
    display: block;
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 7px solid #ffffff;
    position: absolute;
    right: 50%;
    top: -7px; margin-left:-3px; }

 .nav>li:hover>.nav_two {
    opacity: 1;
    pointer-events: auto;
    transform: none;
    margin-top: -1px;
}
.nav .nav_two li {
    float: none;
    margin-left: 0px;
    width: 100%;
    padding: 0;
    background-color: rgba(255, 255, 255, 0.73);

}
.nav .nav_two li a {
    line-height:55px;
    height:55px;
    font-weight:500;
    text-align: center;
    padding: 0;
	width: 100%;
	font-size:18px;
	color: #000;
}

.nav .nav_two li a:hover{ color:#30318d; font-weight:bold; }
.erj::after {
    content: ' ';
    height: 5px;
    width: 5px;
    display: inline-block;
    transform: rotate(45deg);
    margin-left:5px;
    vertical-align: super;
    position: absolute;
    top: 46%;
	border-bottom:2px solid #fff;
	border-right:2px solid #fff;
}




header .search {
       top: 0;
       line-height: 57px;
       float: right; height: 57px;
}
header .search > em{display: inline-block;vertical-align: middle; font-style: inherit;}
 
header .search > em.sou{cursor: pointer; display:none; }
header .search > .lang{  display: inline-block;
    vertical-align: middle;
    font-style: inherit;
    height:57px;
    margin-left:0px;
    position: relative; }
header .search > .lang .img{ display: block; width: 28px; padding-top:14px; }
header .search > .lang .img img{ display: block; width: 100%; }
header .search > .lang .img svg{ width:30px; height:30px; }
header.on .search > .lang .img svg path{ fill: #000;  }

header.on .search > .lang .img svg path{}

header .search > .lang .txt{ position: absolute;
    background: #fff;
    border-radius: 5px;
    border: 1px solid #f1f1f1;
    padding: 20px 20px;
    height: auto;
    line-height: normal;
    margin-left: -28px;
    top:66px;
    opacity:0; pointer-events: none; transition: all .5s ease;}
 
header .search > .lang .txt::before{ content: "";
     display: block;
     width: 0;
     height: 0;
     border-left: 5px solid transparent;
     border-right: 5px solid transparent;
     border-bottom: 7px solid #ffffff;
     position: absolute;
     right: 50%;
     top: -7px; margin-left:-3px; }
	 
    
header .search > .lang a{ display: inline-block;
    font-weight: bold;
    padding-left: 26px;
    height: 30px;
    line-height: 30px; }
	
header .search > .lang:hover .txt{ top:56px; opacity:1; pointer-events: auto;}

.lang a.en {
    background: url(../images/en.jpg) no-repeat left center;
    background-size: 19px;
}
.lang a.cn {
    background: url(../images/cn.jpg) no-repeat left center;
    background-size: 19px;
}


.enter button{ display:none; }

header .search .enter{position: absolute;
    top: 0;
    left: auto;
    width: 360px;
    right: 0;
    padding: 0;
    box-sizing: border-box;
    display: none;
    z-index: 5;
    background: #fff;}
header .search .enter form{ height: 83px;
    background: #ffffff;
    padding: 0 5%; }
header .search .enter .txt{ font-size: 16px;
    background: none;
    border: none;
    border-bottom: 1px solid #dedede;
    height: 70px;
    line-height: 70px;
    font-family: arial;
    font-weight: 400;
    padding-left: 10px;
    display: inline-block;
    vertical-align: middle;
    color: #636363;
    padding-right: 20px;
    width: 30%;}
header .search .enter .sub{ display: inline-block;
    background: url(../images/head-search.png) no-repeat center;
    width: 18px;
    border: none;
    vertical-align: middle;
    cursor: pointer;
    position: absolute;
        line-height: 83px;
    right: 12%; }
header .search .enter .close{ margin-left: 54px;display: inline-block;vertical-align: middle;cursor:pointer;  position: absolute; right:0; opacity:0.6; }
header .search .enter .close:hover{ opacity:1; }
.searname {
    position: relative;
    width: 62%;
    z-index: 2;
    cursor: pointer;
}
.search .searname{ display: inline-block;  width:120px;  height: 70px;  line-height: 70px;  border-bottom: 1px solid #dedede; }

.search  .jd-icon-more{ top:0; }

.jd-icon-more{  font-family: icomoon;
    font-size: 28px;
    position: absolute;
    right: 0; }
.jd-icon-more:before {
    content: "\e91c";
}

.sear_list{ position: absolute; display:none; top: 0;  padding-top:60px;  width: 100%;  line-height:35px; }
.sear_list span{ display: block; color: #929292; text-indent: 10px; background:#fff; }
.sear_list span:hover{ color:#000; }
.searname:hover .sear_list{ display:block; }

.top-lianx {
    float: right;
    margin-top: 20px;
}
.top-lianx .btna a{ background: #2eb5a7;
    color: #fff;
    text-transform: uppercase;
    padding: 10px 20px;
    display: inline-block;
    font-weight: bold;
    border: 3px solid #2eb5a7;
    border-radius: 3px;
    font-size: 14px; }
.header .sj_nav {
    display: none;
}


.banner{
	overflow:hidden;
}
.banner .swiper-slide{ height:100%; overflow:hidden; }
.banner .swiper-slide::before{  
    display: block;
    position: absolute;
    background-image: linear-gradient(to right, rgb(255 255 255) 30%, rgb(255 255 255 / 0%));
    top: 0;
    width: 100%;
    height: 100%; z-index:1; min-height:100vh; }
.banner .swiper-slide .video{ position: absolute;
    z-index: 3;
    left: 10%;
    top: calc(50% + 110px);
    line-height: 50px;
    font-size: 18px; cursor:pointer;
    color: #fff; transition: all 1s ease;  opacity:0; margin-left:100px; transition-delay:.5s; display:none; }
.banner .swiper-slide .video svg{ width:50px; height:50px; vertical-align: middle; margin-right: 10px;}
.banner .swiper-slide .video span{    text-decoration: underline;}
.banner .swiper-slide .video:hover{   }



.banner .swiper-pagination { min-width: 1300px; width: 80%; left:10%; text-align: left; bottom: 50px; }
.banner .swiper-pagination-bullet{ background: none;
    width: auto;
    height: auto;
    font-size: 25px;
    font-weight: bold;
    color: #fff;}
.banner.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{ margin:0px; margin-right:20px; }

.banner .swiper-slide img{ display: block; z-index:0; width:100%;  transition: all 1s ease;  }
.banner .swiper-slide img.app{ display:none; }
.banner .swiper-slide.swiper-slide-active img {
    transform: scale(1.1);
}

.banner .txt{ 
	color: #fff;
	position: absolute;
	z-index: 3;
	min-width: 1300px;
	width: 80%;
	left: 10%;
	top: 50%;
	margin: 0 auto;
	margin-top: -70px;
}
.banner .txt h2{ font-size:48px; margin-bottom: 20px; opacity:0; margin-left:100px;transition: all 1s ease; }
.banner .txt h3{ font-size:40px; font-weight:300;  opacity:0;margin-left:100px;transition: all 1s ease; transition-delay:.2s }
.banner .txt .scroll span{
	font-size: 20px;
	width: 750px;
	display: block;
	line-height: 1.5;
	margin-top: 3vh;
	opacity: 0.8;
}


.banner .swiper-slide-active .txt h2{ opacity:1; margin-left:0px; }
.banner .swiper-slide-active .txt h3{  opacity:1;margin-left:0px;}
.banner .swiper-slide-active .video{ opacity:1; margin-left:0px;}



.scroll {
    border: 2px solid #fff;
    height:30px;
    width: 20px;
    border-radius: 30px;
    position: absolute;
    top:auto;
	bottom:40px;
    z-index: 6;
    right:10%;
    margin-left: -10px;
}
.scroll span {
    height:6px;
    width: 1px;
    background: #fff;
    display: block;
    margin: 0 auto;
}
.scroll em {
    height: 10px;
    width: 3px;
    background: #fff;
    display: block;
    margin: 0 auto;
    -moz-transition: all 0.8s cubic-bezier(0.215, 0.61, 0.355, 1);
    -o-transition: all 0.8s cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transition: all 0.8s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: all 0.8s cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-animation: line1Beforeaa 1.5s infinite alternate;
    animation: line1Beforeaa 0.5s infinite alternate;
}

@keyframes line1Beforeaa
	{
		from {margin-top:5px;}
		to {margin-top:10px;}
	}


.swiper-button-prev:after, .swiper-container-rtl .swiper-button-next:after,.swiper-button-next:after, .swiper-container-rtl .swiper-button-prev:after{ color:#000; }

.swiper-button-next, .swiper-container-rtl .swiper-button-prev{ right:5%; }
.swiper-button-prev, .swiper-container-rtl .swiper-button-next{ left:5%; }

.bigpic{ width:100%; overflow:hidden; }
 
 




.swiper-button-prev, .swiper-container-rtl .swiper-button-next,.swiper-button-next, .swiper-container-rtl .swiper-button-prev{   width: 50px;  height: 50px;  border-radius: 50%; z-index: 11;}

.swiper-button-prev:hover svg path, .swiper-container-rtl .swiper-button-next:hover svg path,.swiper-button-next:hover svg path, .swiper-container-rtl .swiper-button-prev:hover svg path{ fill:#30318d; }



.swiper-button-prev svg{ width: 70%;
    height: 70%;
    display: block;
    margin: 0 auto;
    transform: rotate(90deg);  }
    
.swiper-button-next svg{ width: 70%;
    height: 70%;
    display: block;
    margin: 0 auto;
    transform: rotate(-90deg);  }
 


.indexabout{ padding: 300px 0px;
    padding-top: 100px;  background:url(../images/bg1.jpg) no-repeat center bottom; background-size: cover; }
.indexabout .win{ overflow: hidden; }
.indexabout .indexabout-left{ float:left; width:1000px; }
.indexabout .indexabout-left h2{ font-size:40px; }
.indexabout .indexabout-left .txt{ margin:70px 0px;
    font-size: 20px;
    text-indent: 40px;
    line-height: 1.5;
    color: #4c4c4c;
    letter-spacing: 1px; }

.idx-tags{ width:100%;   margin: 0 auto; padding: 0;  position:relative; margin-bottom:70px; }
.idx-tags ul{ display:block; position: relative; z-index: 5; }
.idx-tags ul li{  color: #000;  display:inline-block; margin-right:80px; font-size: 18px; }
.idx-tags ul li:last-child{ margin-right:0px; }
.idx-tags ul li .col2{ display:none; margin-left:10px; }
.idx-tags ul li	.tags_left span{ display: inline-block; }
.idx-tags ul li	.tags_left span.counter{ font-size:70px;  line-height: 90px; font-weight: bold; color: #30318d;  
 
  font-family: "Heebo", sans-serif;
    font-optical-sizing: auto;
    font-style: normal;
 
}

.link-more-inner .link-more-circle, .link-more-inner .link-more-line {
    -webkit-transition: .3s;
    transition: .3s;
}

.link-more-inner { overflow: hidden;  line-height: 35px; cursor:pointer; }
.link-more-inner  svg{ float:left; }
.link-more-inner .link-more-main{ float:left; text-decoration: underline; }
.link-more-inner .link-more-line{  -webkit-transition-delay: .05s;  transition-delay: .05s;}


.link-more-inner:hover .link-more-circle, .link-more-inner:hover .link-more-line{
    -webkit-transform: translateX(0.5rem);
    -ms-transform: translateX(.5rem);
    transform: translateX(0.5rem);
}
 
.indexabout .indexabout-right{ float:right; width:35%; position:relative; border-radius:20px; overflow:hidden; display:none; }
.indexabout .indexabout-right::after{ opacity: 0.5; position:absolute; bottom:0; width:100%; height:300px; content:''; display: block;  background-image: linear-gradient(to top, rgba(0, 0, 0, 1), rgba(0, 0, 0, 0)); }
.indexabout-right .img{}
.indexabout-right .img img{ display: block; width:100%; }
.indexabout-right .txt{ position: absolute;
    bottom: 0px;
    color: #fff;
    z-index: 1;
    padding: 8%;
    font-size: 25px;
    font-weight: bold;
    width: 100%;
    box-sizing: border-box;}


.indexPro{ position:relative; }
.indexPro .swiper-slide{}
.indexPro .swiper-slide a{ display: block; position:relative; }
.photo{ background:#30318d; }
.photo .swiper-slide { overflow:hidden; }
.photo .swiper-slide .txt{ color:#fff; z-index: 5; position:absolute; bottom:0; }
.photo .swiper-slide .txt .link-more-inner{ margin-bottom:30px; }
.photo .swiper-slide .txt h3{ font-size:40px; font-weight:300; line-height: 1.5; opacity:0; transform: translateX(100px); transition: all 1s ease; }

.photo .swiper-slide .txt .link-more-inner{ opacity:0; transform: translateX(100px); transition: all 1s ease; }

.photo .swiper-slide .txt h3.txt-1{transition-delay:.2s}
.photo .swiper-slide .txt h3.txt-2{transition-delay:.4s}

.photo .swiper-slide.swiper-slide-active .txt h3{ transform: translateX(0px); opacity:1; }
.photo .swiper-slide.swiper-slide-active .txt .link-more-inner{ transform: translateX(0px); opacity:1; }
.photo .swiper-slide.swiper-slide-active .txt .link-more-inner a{ color:#fff; }
.indexPro .indexPro-top.win{ position:absolute; top:100px; z-index:5; margin-left: auto;
  margin-right: auto;
  left: 0;
  right: 0; }

.photo .win{ position:absolute; top:auto; z-index:5; margin-left: auto;
  margin-right: auto;
  left: 0;
  right: 0; bottom:80px; }

.section-title{ color:#fff;   }
.section-title h2{ font-size: 40px; font-weight:bold; }
.section-title .miaoshu{ font-size: 20px;  margin-top: 10px;     color: #bebebe;}
.photo-nav{ color:#fff; }

.indexPro .section-title{ float: left; }
.indexPro .photo-nav{ float:right; padding:10px 30px; }

.photo-nav .swiper-slide{ width: auto!important; font-size:18px; opacity:.6; cursor:pointer; transition: all .3s ease; }
.photo-nav .swiper-slide.swiper-slide-thumb-active{ opacity:1; }
.photo-nav img{ display:inline-block; width:38px; vertical-align:middle; margin-right:10px; }
.photo-nav .swiper-slide:last-child{ margin-right:0px !important; }



.photo .img{ position:relative; overflow:hidden; }
.photo .img img{ display: block; width:100%;  }


.photo .img::before{ content: '';
    display: block;
    background-image: linear-gradient(to right, rgba(48, 49, 141, 1) 30%, rgba(48, 49, 141, 0));
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width:50%;
    z-index:1; opacity:0.9; }
	


.photo .swiper-slide .prolist{ position:absolute; bottom:0; right:0; display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 30px;
    width:400px; opacity:1; transition: all 1s ease; }
.photo .swiper-slide.swiper-slide-active .prolist{ opacity:1; }
.photo .prolist li{ background: linear-gradient(115deg, #8a8a8a 10%, #dedede, #8a8a8a); border-radius: 10px; transition: .3s; }
.photo .prolist li a{ position:relative; }
.photo .prolist li a img{ display: block;  width:60%;
    margin: 0 auto;
    margin-top:0px;
    margin-bottom:0px; }
.photo .prolist li a span{ position: absolute;
    display: block;
    text-align: center;
    width: 100%;
    color: #fff;
    font-weight: bold;
    bottom: -30px;
    opacity: 0; transition: .3s;
        word-break: keep-all;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.photo .prolist li:hover{ transform: scale(1.05);}
.photo .prolist li:hover a span{ opacity:1; }





.case{ padding:100px 0px; background:url(../images/casebg.png) no-repeat top center; background-size:cover; }
.case .win{  position:relative; }
.case .section-title{ color:#000; margin-bottom:50px; }
.case-lise{ display:flex;
    grid-gap:60px;
    text-align: center; }
	
.case-lise.case-list{ display:grid; grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 60px;
    row-gap: 60px; }

.case .win .link-more-inner-case{ position:absolute; top:60px; right:0px; }

.case-lise li{border-radius: 20px; overflow: hidden; flex: 1;  transition: .5s; }

.case-lise li.hover{ filter: grayscale(0.5); }
.case-lise li.hover .txt{ opacity:0; }

.case-lise li a{ position:relative; display:block; }
.case-lise li .img{ height:700px; overflow:hidden; display: flex;
   align-items: center; /* 图片在垂直方向上居中 */
   justify-content: center; /* 图片在水平方向上居中 */ }
.case-lise li .img img{ display: block; width:100%;  }
.case-lise li .img video{ display: block; width:100%; }
.case-lise li .txt{ transition: .3s; position:absolute; width:80%; left:10%; bottom:40px; color:#fff; text-align:left; z-index:5; }
.case-lise li .txt h2{ padding-bottom:20px; display: inline-block; border-bottom: 1px solid #fff; font-size:18px;  font-weight: 500; }
.case-lise li .txt .miaoshu{padding-top:20px; margin-bottom: 20px; border-top-width: 1px; border-top-style: solid;  border-top-color: rgba(255, 255, 255, 0.35); margin-top: -1px; opacity: 0.6; line-height: 1.6;  white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden; }
.case-lise li .txt .link-more-inner{}

.case-lise li a::after {
    position: absolute;
    bottom: 0;
    width: 100%;
    height:100%;
    content: '';
    display: block;
	z-index:2;
    background-image: linear-gradient(to top, rgba(48, 49, 141, 1), rgba(48, 49, 141, 0));
}
.case-lise li:hover{ flex:1.5;  }
 


.index-news{ padding:100px 0px; }
.index-news .win{ position:relative; }
.index-news .win .link-more-inner-case{ position:absolute; top:60px; right:0px; }

.index-news .section-title{ color: #000; margin-bottom:50px; }
.section-title h2 span{ color: #30318d; }

.index-news-list{ display:flex; grid-gap:60px; display: grid
;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 60px; }
.index-news-list li{ background: #eef2f7;
    border-radius: 20px; overflow: hidden; flex:1; }
.index-news-list li a{ display: block; }
.index-news-list li a .img{  }
.index-news-list li a .img img{ display: block; width:100%; }
.index-news-list li a .txt{ padding:30px; position: relative; }
.index-news-list li a h2{     font-size: 20px;  font-weight: 500;     padding-bottom: 50px; }
.index-news-list li a time{ color: #666;  position: absolute;  bottom: 29px; }

footer{ background:#30318d; padding:50px 0px;     padding-bottom: 0; }
footer .win{ }
footer .win::after{ clear:both; display: block; content:'';  }
.lf{ float:left; }
.rt{ float:right; }
.up{color: #fff;
    text-align: center;
    position: relative;
    padding-top: 37px;
    font-size: 13px;
    width: 41px;
    cursor: pointer;
    float: left;}
.up svg{     position: absolute;
    width: 40px;
    height: 40px;
    top:-11px;
    left: 0;
    transform: rotate(-90deg); }

.up .link-more-circle, .up .link-more-line {
    -webkit-transition: .3s;
    transition: .3s;
}

.up:hover .link-more-circle, .up:hover .link-more-line{
    -webkit-transform: translateX(0.5rem);
    -ms-transform: translateX(.5rem);
    transform: translateX(0.5rem);
}



.bot_nav{  text-align: right; float:left; margin-left:80px; }
.bot_nav ul{ margin-left:60px; display:inline-block;vertical-align: top; }
.bot_nav ul:first-child{ margin-left:0; }
.bot_nav ul li{ margin-bottom:15px; text-align:left; }
.bot_nav ul li:first-child a{ font-weight:bold; color: #fff; }
.bot_nav ul li a{ color: #c5c5c5; text-decoration:none; font-size:16px; }
.bot_nav ul li a:hover{     color: #fff;     text-decoration: underline;}

.code{ text-align: center; float: left; font-size:16px; margin-left:80px; color:#c5c5c5; width:120px; }
.code img{ display: block; margin:0 auto; margin-bottom:10px; border-radius:5px; width:100%; }


.tel{float: right;text-align: right; color:#fff;}
.tel h3{ font-size:18px; margin-bottom:10px; color:#fff; }
.tel .tel_text { margin-bottom:10px; }
.tel .tel_text h3{ font-weight:bold; font-size:30px; margin-bottom:0px; font-family: "Heebo", sans-serif;}
.tel .tel_text span{ font-size:16px; color: #c5c5c5; }
.tel .tel_text span i{ display: block; }


.beian{
	color: #7c7cad;
	font-size:12px;
	overflow: hidden;
	box-sizing: border-box;
    padding: 0;
    position: static;
    border-top: 1px solid #7c7cad;
    padding: 20px 0;
    margin-top: 30px; }

.beian a{ margin-left:10px; color: #7c7cad;}
.beian a:hover{ color:#fff; }


.bannerPage{ position:relative; overflow:hidden; }
.bannerPage .win{ position: absolute;
    top:50%;
	margin-top:-85px;
    z-index: 5;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0; }
.bannerPage .img{}
.bannerPage .img img{ display:block; width:100%; }

.bannerPage .img::before{ content: '';
    display: block;
    background-image: linear-gradient(to bottom, rgba(48, 49, 141, 1), rgba(48, 49, 141, 0));
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width:100%;
    z-index:1; opacity:0.9; }
.bannerPage .txt{ color:#fff; }
.bannerPage .txt h2{ font-size: 48px; margin-bottom:10px; opacity:0; }
.bannerPage .txt h3{ font-size: 48px; font-weight: 300;  opacity:0;}
.bannerPage .txt .ico{ margin-bottom:10px; }
.bannerPage .txt .ico span{ opacity:.8; display:inline-block; width:18px; background:#fff; height:20px; margin-right:5px; transform: skewX(-40deg); 
animation-name: marginLeft0; margin-left:100px;
 }
.bannerPage .txt .ico span:nth-child(2){ opacity:.6; animation-delay: 0.2s; animation-name: marginLeft1; }
.bannerPage .txt .ico span:nth-child(3){ opacity:.3; animation-delay: 0.4s; animation-name: marginLeft2; }


.flashTitle span{ margin-left:0px; animation-name: marginLeft; }
.flashTitle span:nth-child(2){ animation-delay: 0.1s; }
.flashTitle span:nth-child(3){ animation-delay: 0.2s; }
.flashTitle span:nth-child(4){ animation-delay: 0.3s; }
.flashTitle span:nth-child(5){ animation-delay: 0.4s; }
.flashTitle span:nth-child(6){ animation-delay: 0.5s; }
.flashTitle span:nth-child(7){ animation-delay: 0.6s; }
.flashTitle span:nth-child(8){ animation-delay: 0.7s; }
.flashTitle span:nth-child(9){ animation-delay: 0.8s; }
.flashTitle span:nth-child(10){ animation-delay: 0.9s; }
.flashTitle span:nth-child(11){ animation-delay: 1s; }
.flashTitle span:nth-child(12){ animation-delay: 1.1s; }
.flashTitle span:nth-child(13){ animation-delay: 1.2s; }
.flashTitle span:nth-child(14){ animation-delay: 1.3s; }
.flashTitle span:nth-child(15){ animation-delay: 1.4s; }
.flashTitle span:nth-child(16){ animation-delay: 1.5s; }
.flashTitle span:nth-child(17){ animation-delay: 1.6s; }
.flashTitle span:nth-child(18){ animation-delay: 1.7s; }
.flashTitle span:nth-child(19){ animation-delay: 1.8s; }
.flashTitle span:nth-child(20){ animation-delay: 1.9s; }
.flashTitle span:nth-child(21){ animation-delay: 2s; }
.flashTitle span:nth-child(22){ animation-delay: 2.1s; }
.flashTitle span:nth-child(23){ animation-delay: 2.2s; }
.flashTitle span:nth-child(24){ animation-delay: 2.3s; }
.flashTitle span:nth-child(25){ animation-delay: 2.4s; }
.flashTitle span:nth-child(26){ animation-delay: 2.5s; }
.flashTitle span:nth-child(27){ animation-delay: 2.6s; }
.flashTitle span:nth-child(28){ animation-delay: 2.7s; }
.flashTitle span:nth-child(29){ animation-delay: 2.8s; }
.flashTitle span:nth-child(30){ animation-delay: 2.9s; }
.flashTitle span:nth-child(31){ animation-delay: 3s; }
.flashTitle span:nth-child(32){ animation-delay: 3.1s; }
.flashTitle span:nth-child(33){ animation-delay: 3.2s; }
.flashTitle span:nth-child(34){ animation-delay: 3.3s; }

 
.bg-txt span{ margin-left:0px; animation-name: marginTop; padding-top: 20px; display: inline-block; vertical-align: top; }
.bg-txt span:nth-child(2){ animation-delay: 0.1s; }
.bg-txt span:nth-child(3){ animation-delay: 0.2s; }
.bg-txt span:nth-child(4){ animation-delay: 0.3s; }
.bg-txt span:nth-child(5){ animation-delay: 0.4s; }
.bg-txt span:nth-child(6){ animation-delay: 0.5s; }
.bg-txt span:nth-child(7){ animation-delay: 0.6s; }
.bg-txt span:nth-child(8){ animation-delay: 0.7s; }
.bg-txt span:nth-child(9){ animation-delay: 0.8s; }
.bg-txt span:nth-child(10){ animation-delay: 0.9s; }
.bg-txt span:nth-child(11){ animation-delay: 1s; }
.bg-txt span:nth-child(12){ animation-delay: 1.1s; }
.bg-txt span:nth-child(13){ animation-delay: 1.2s; }
.bg-txt span:nth-child(14){ animation-delay: 1.3s; }
.bg-txt span:nth-child(15){ animation-delay: 1.4s; }
.bg-txt span:nth-child(16){ animation-delay: 1.5s; }
.bg-txt span:nth-child(17){ animation-delay: 1.6s; }
.bg-txt span:nth-child(18){ animation-delay: 1.7s; }
.bg-txt span:nth-child(19){ animation-delay: 1.8s; }
.bg-txt span:nth-child(20){ animation-delay: 1.9s; }
.bg-txt span:nth-child(21){ animation-delay: 2s; }
.bg-txt span:nth-child(22){ animation-delay: 2.1s; }
.bg-txt span:nth-child(23){ animation-delay: 2.2s; }
.bg-txt span:nth-child(24){ animation-delay: 2.3s; }
.bg-txt span:nth-child(25){ animation-delay: 2.4s; }
.bg-txt span:nth-child(26){ animation-delay: 2.5s; }



@-webkit-keyframes marginTop {
  0% {
    opacity: 0;
    padding-top:20px;
  }
  100% {
    opacity:1;
    padding-top:0px;
  }
}


@-webkit-keyframes marginLeft {
  0% {
    opacity: 0;
    margin-left:10px;
  }
  100% {
    opacity:1;
    margin-left:0px;
  }
}

@-webkit-keyframes marginLeft0 {
  0% {
    opacity: 0;
    margin-left:30px;
  }
  100% {
    opacity:.8;
    margin-left:0px;
  }
}
@-webkit-keyframes marginLeft1 {
  0% {
    opacity: 0;
    margin-left:30px;
  }
  100% {
    opacity: .5;
    margin-left:0px;
  }
}
@-webkit-keyframes marginLeft2 {
  0% {
    opacity: 0;
    margin-left:30px;
  }
  100% {
    opacity: .2;
    margin-left:0px;
  }
}

.about{ overflow: hidden; padding:100px 0px; padding-bottom:0px; background:url(../images/aboutbg.jpg) no-repeat left top; position:relative; }

.about_ys{ background:url(../images/mab.png) no-repeat center 150px; }

.about.abouta{     padding-top: 230px; }
.about.abouta::before {
    content: '';
    display: block;
    background-image: linear-gradient(to bottom, rgba(48, 49, 141, 1), rgba(48, 49, 141, 0));
    position: absolute;
    top: 0;
    left: 0;
    height:30vh;
    width: 100%;
    z-index: 1;
    opacity: 0.9;
}

.about .profile{ max-width:1200px; margin:0 auto; text-align:center; }
.about .profile h2{ font-size:58px; margin-bottom:50px; font-weight:400; line-height:1.5; }
.about .profile h2 strong{ color:#30318d; }
.profile .miaoshu { font-size: 20px;line-height: 1.5; color: #727272; letter-spacing: 1px; }

.about .idx-tags{     max-width: 1200px;  margin: 0 auto; margin-top:100px; }
.about .idx-tags ul{   }
.about .idx-tags ul li{ margin-right:110px;  }
.about .idx-tags ul li:last-child{ margin-right:0px; }

.bg-txt{ text-align: center;
    position:absolute;
    width: 100%;
    left: 0;
    top: 650px;
    font-size: 180px;
    font-weight: bold;
    color: transparent;
    opacity: .6; }

.bg-txt span{ text-transform: uppercase;
    background-image: linear-gradient(to bottom, rgb(219 219 219) -10%, rgb(255 255 255 / 0%) 70%);
    background-clip: text;
    color: transparent; font-size:180px; }
 
.bg-txt.hover{ }



.about-3{  display: grid; grid-template-columns: 1fr 1fr 1fr;  grid-gap:0px; margin-top:100px; }
.about-3 .about-3-li{ border:1px solid #dddddd; border-right:0px; padding: 10%; transition: .3s; cursor:pointer; }
.about-3 .about-3-li:last-child{ border-right:1px solid #dddddd ; }
.about-3 .about-3-li h3{     font-size: 18px;
    font-weight:bold; }
.about-3 .about-3-li .miaoshu{ font-size: 16px;
    color: #838383;
    line-height: 1.5;
    margin: 30px 0px; margin-bottom:0px; }
	
.about-3 .about-3-li .miaoshu .txt1{ display:none; }

.about-3 .about-3-li .miaoshu .txt2{ text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -moz-box;
    -moz-line-clamp: 2;
    -moz-box-orient: vertical;
    overflow: hidden; }
	
.about-3 .about-3-li .ico{ opacity: 0.6; width: 70px;
    height: 70px;
    padding: 15px;
    border: 1px dashed;
    border-radius: 50%;
    line-height: 50px;
    display: flex;
    box-sizing: border-box;  margin-top: 70px; }
.about-3 .about-3-li .ico img{ display: block;  margin: 0 auto; }
	
.about-3 .about-3-li:hover{ background:#f3f3ff;  }
.about-3 .about-3-li:hover .txt1{ display:none; }
.about-3 .about-3-li:hover .txt2{ display:block; }
.about-3 .about-3-li:hover .ico{ display:none;  }	

.aboutVideo {
    padding: 10vh 0px;
    position: relative;
}

.aboutVideo .video{ width:1000px; height:565px; min-width:auto; margin:0 auto; border-radius:10px; overflow:hidden; position:relative; z-index:8; }
.aboutVideo .video video{ width: auto;
    height: 100%;
    margin: 0 auto;
    display: block; }


.play{  transition:all 0.3s ease-in;  background: #30318d;
    text-align: center;
    position: absolute;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    padding: 20px;
    cursor: pointer;
    z-index: 10;
    left: 50%;
    margin-left: -30px;
    top:47%; }
.play svg{ width: 100%; height: 100%; margin-left: 2px; }
.play svg path{     fill: #fff !important; transition:all 0.3s ease-in; }
.play:hover{ -webkit-transform: scale(0.9);
    -ms-transform: scale(0.9);
    transform: scale(0.9); background:#e0f5ff; }
.play:hover svg path{     fill: #000 !important; }
.play:before, .play:after {
    display: block;
    content: '';
    border: 1px solid #fff;
    background: transparent;
    -webkit-border-radius: 100%;
    -moz-border-radius: 60px;
    border-radius: 100%;
    height: 250px;
    width: 250px;
    -webkit-animation: scene-pulse 1.6s ease-out;
    animation: scene-pulse 1.6s ease-out;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    position: absolute;
    z-index: 1;
    top: -95px;
    left: -95px;
    opacity: 0;
}
.play:after {
    -webkit-animation-delay: 3s;
    animation-delay: 3s;
}


.play.none{ opacity:0; pointer-events: none; }

.pause{ position: absolute; width: 20px; height: 20px; bottom: 30px; right: 30px; cursor:pointer; z-index:10; transition:all 0.2s ease-in; }
.pause.none{ opacity:0; pointer-events: none; }
.pause:hover{ transform: scale(1.1); }
.pause svg{ width: 100%;  height: 100%; }
.pause svg path{ fill: #fff; }


@-webkit-keyframes scene-pulse {
    0% {
		-webkit-transform: scale(0);
		-ms-transform: scale(0); 
		transform: scale(0); 
        opacity: 0.0;
    }

    25% {
		-webkit-transform: scale(0);   
		-ms-transform: scale(0); 
		transform: scale(0); 
        opacity: 0.1;
    }

    50% {
		-webkit-transform: scale(.2);   
		-ms-transform: scale(.2); 
		transform: scale(.2); 
        opacity: 0.3;
    }

    75% {
		-webkit-transform: scale(.5);   
		-ms-transform: scale(.5); 
		transform: scale(.5); 
        opacity: 0.5;
    }

    100% {
		-webkit-transform: scale(1);   
		-ms-transform: scale(1); 
		transform: scale(1); 
        opacity: 0.0;
    }
}

@keyframes scene-pulse {
    0% {
		-webkit-transform: scale(0);   
		-ms-transform: scale(0); 
		transform: scale(0); 
        opacity: 0.0;
    }

    25% {
		-webkit-transform: scale(0);   
		-ms-transform: scale(0); 
		transform: scale(0); 
        opacity: 0.1;
    }

    50% {
		-webkit-transform: scale(.2);   
		-ms-transform: scale(.2); 
		transform: scale(.2); 
        opacity: 0.3;
    }

    75% {
		-webkit-transform: scale(.5);   
		-ms-transform: scale(.5); 
		transform: scale(.5); 
        opacity: 0.5;
    }

    100% {
		-webkit-transform: scale(1);   
		-ms-transform: scale(1); 
		transform: scale(1); 
        opacity: 0.0;
    }
}


.aboutVideo::after {
    content: '';
    display: block;
    position: absolute;
    height: 500px;
    background-image: linear-gradient(to bottom, rgb(54 56 159 / 10% ) 30%, rgb(54 56 159 / 0%));
    top: 310px;
    width: 200%;
    margin-left: -30%;
    z-index:6;
}



.hon_con_box {
  position: relative;
  padding: 100px 0px;
  z-index:5; 
}
.hon_con_box .swiper-container {
  margin: 0 auto;
  overflow: visible;
  padding-bottom: 80px;
}
.hon_con_box .swiper-container .swiper-slide {
  overflow: visible;
}


.hon_con_box .swiper-slide img {transform: scale(.6); transition: all .5s ease-in; opacity: .3; width:100%; }
.hon_con_box .swiper-slide.swiper-slide-prev img,.hon_con_box .swiper-slide.swiper-slide-next img{ transform: scale(.8); opacity:.6; }
.hon_con_box .swiper-slide.swiper-slide-active img{ transform: scale(1); opacity:1; }

.swiper-container-3d .swiper-slide-shadow-left {     background-image: linear-gradient(to left, rgb(255 255 255 / 90%), rgba(0, 0, 0, 0)); }
.swiper-container-3d .swiper-slide-shadow-right {
        background-image: linear-gradient(to right, rgb(255 255 255 / 90%), rgb(255 255 255 / 0%));
}


/*.hon_con_box .swiper-container .honor_con_me {*/
/*  transform: scale(0.6);*/
/*  transition: all 0.3s ease-in-out;*/
/*  -webkit-transition: all 0.3s ease-in-out;*/
/*  -moz-transition: all 0.3s ease-in-out;*/
/*  -o-transition: all 0.3s ease-in-out;*/
/*  -ms-transition: all 0.3s ease-in-out;*/
/*  display: flex;*/
/*  flex-direction: column;*/
/*  align-items: center;*/
/*  justify-content: center;*/
/*}*/
/*.hon_con_box .swiper-container .honor_con_me .pub_img_box {*/
/*  transition: all 0.3s ease-in-out;*/
/*  -webkit-transition: all 0.3s ease-in-out;*/
/*  -moz-transition: all 0.3s ease-in-out;*/
/*  -o-transition: all 0.3s ease-in-out;*/
/*  -ms-transition: all 0.3s ease-in-out;*/
/*  display: none;*/
/*}*/
/*.hon_con_box .swiper-container .honor_con_me .pub_img_box::before {*/
/*  margin-top: 64.8208%;*/
/*}*/
/*.hon_con_box .swiper-container .honor_con_me .pub_img_box .pub_img {*/
/*  background-size: contain;*/
/*  background-repeat: no-repeat;*/
/*  background-position: center;*/
/*}*/
/*.hon_con_box .swiper-container .honor_con_me .honor_img_ {*/
/*  display: block;*/
/*  margin: 0 auto;*/
/*  max-width:100%;*/
/*}*/
/*.hon_con_box .swiper-container .honor_con_me .honor_img_.honor_img_two{ max-width:100%; }*/



/*.hon_con_box .swiper-container .honor_con_me .honor_t {*/
/*  text-align: center;*/
/*    margin-top: 38px;*/
/*    color: #000;*/
/*    transition: all 0.3s ease-in-out;*/
/*    -o-transition: all 0.3s ease-in-out;*/
/*    opacity: 0;*/
/*    font-size: 24px;*/
/*    width: 60%;*/
/*}*/
/*.hon_con_box .swiper-container .honor_con_me .honor_t em{     display: block;*/
/*    font-size: 12px;*/
/*    color: #787878;*/
/*    line-height: 3.5;}*/
/*.hon_con_box .swiper-container .active .honor_con_me {*/
/*  transform: none;*/
/*}*/
/*.hon_con_box .swiper-container .active .honor_con_me .honor_img_ {*/
/*  box-shadow: 0 10px 30px 0px rgba(0, 0, 0, 0.15);*/
/*}*/
/*.hon_con_box .swiper-container .active .honor_con_me .pub_img_box {*/
/*  box-shadow: 0px 30px 100px 0px rgba(0, 0, 0, 0.15);*/
/*}*/
/*.hon_con_box .swiper-container .active .honor_con_me .honor_t {*/
/*  opacity: 1; */
/*}*/

.hon_con_box .swiper-container .honor_con_me .honor_t {
  text-align: center;
    margin-top:25px;
    color: #000;
    transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    font-size: 20px;
    width:100%; opacity:0;
}

.hon_con_box .swiper-container .swiper-slide.swiper-slide-active .honor_con_me .honor_t { display:block;  opacity:1; }

.sha_tra1{
  position: absolute;
  width: 100%;
  height: 100%;
  background: -moz-linear-gradient(left, #ffffff 0%, rgba(255, 255, 255, 0) 25%, rgba(255, 255, 255, 0) 75%, #ffffff 100%);
  background: -o-linear-gradient(left, #ffffff 0%, rgba(255, 255, 255, 0) 25%, rgba(255, 255, 255, 0) 75%, #ffffff 100%);
  background: -webkit-gradient(linear, right top, right bottom, color-stop(0, #ffffff), color-stop(0.25, rgba(255, 255, 255, 0)), color-stop(0.75, rgba(255, 255, 255, 0)), color-stop(1, #ffffff));
  background: -webkit-linear-gradient(left, #ffffff 0%, rgba(255, 255, 255, 0) 25%, rgba(255, 255, 255, 0) 75%, #ffffff 100%);
  z-index: 3;
  top: 0;
  left: 0;
  pointer-events: none;
}




.hon_con_box .swiper-button-prev:after,.hon_con_box .swiper-container-rtl .swiper-button-next:after,
.hon_con_box .swiper-button-next:after,.hon_con_box  .swiper-container-rtl .swiper-button-prev:after{ font-weight: bold;
    font-size: 25px;
    color: #c72c32; cursor:pointer; display:none; }
    

.hon_con_box .swiper-button-next:after{ display:none; } 
.hon_con_box .swiper-button-prev:after{ display:none; }


.hon_con_box .swiper-button-next{bottom:0px;  top: auto;  right:40%;}
.hon_con_box .swiper-button-prev{ left:40%; top: auto; bottom:0px;}

.hon_con_box .swiper-button-next.swiper-button-disabled, .hon_con_box .swiper-button-prev.swiper-button-disabled{ opacity:0.5; }

.hon_con_box .swiper-button-next.swiper-button-disabled, .hon_con_box .swiper-button-prev.swiper-button-disabled svg{ opacity:0.6; }

.hon_con_box .swiper-button-prev, 
.hon_con_box .swiper-container-rtl .swiper-button-next,
.hon_con_box  .swiper-button-next,
.hon_con_box  .swiper-container-rtl .swiper-button-prev
{ background:#fff; border:1px solid #f1f1f1; transition:all 0.3s ease-in; }


.hon_con_box .swiper-button-prev:hover, 
.hon_con_box .swiper-container-rtl .swiper-button-next:hover,
.hon_con_box  .swiper-button-next:hover,
.hon_con_box  .swiper-container-rtl .swiper-button-prev:hover
{ background:#30318d; border:1px solid #30318d; transform: scale(1.1); }

.hon_con_box .swiper-button-prev:hover path, 
.hon_con_box .swiper-container-rtl .swiper-button-next:hover path,
.hon_con_box  .swiper-button-next:hover path,
.hon_con_box  .swiper-container-rtl .swiper-button-prev:hover path
{ fill:#fff; }



.hon_con_box .section-title{ color:#000; position:relative; z-index:10; }
.hon_con_box .win{ margin-bottom:50px; }



.products_out{     background: #e4f5ff; position: relative; }
.products{ overflow:hidden; padding:100px 0px; }
.products-left{ width: 350px;
    border-radius: 10px;
    padding: 20px 0px;
    background: #fff; }
.products-right{ width:calc(100% - 400px); }

.products-left dl{
    text-indent: 15px;
    max-height: 86px;
    overflow: hidden;
    transition: all .5s ease-in-out;
    background: #fff;
    border-bottom:1px solid #ebebeb;}
.products-left dl:last-child{ border-bottom: none; }
.products-left dl dt{  background: #fff;
    padding: 25px;
    border-radius: 10px; }
.products-left dl dt a{ font-size:20px; color: #000; letter-spacing:1px;  }
.products-left dl dt img{  filter: grayscale(1); display: inline-block; width: 36px; vertical-align: middle; margin-right:10px; }
.products-left dl dt a:hover img{ filter: grayscale(0); }
.products-left dl dt span{ display: inline-block; float: right; }
.products-left dl dd:last-child{ padding-bottom:10px; }
.products-left dl dd a{ text-indent:88px; line-height: 50px; display: block;  color: #4f4f4f; transition: all .5s ease-in-out; }
.products-left dl dd a::before{     content: '';
    display: inline-block;
    width: 6px;
    height: 3px;
    transform: skewX(-40deg);
    background: #9f9f9f;
    margin-top: 0px;
    margin-right: 10px;
    vertical-align: middle; }
.products-left dl dt a:hover{ color: #30318d;  }
.products-left dl dd a:hover::before{ background:#30318d; }

.products-left dl.hover {     max-height: 600px; padding-bottom:0px; }
.products-left dl.hover dt a{ color: #30318d;     font-weight: bold; }
.products-left dt.hover span{ font-weight: bold; color: #30318d; }
.products-left dl.hover img{ filter: grayscale(0); }
.products-left dl dd a:hover,.products-left dl dd a.hover{ color: #30318d;     font-weight: bold; }
.products-left dl dd a:hover::before, .products-left dl dd a.hover::before{ background:#30318d; }
.products-left dl dd a:hover{ text-indent:100px; font-weight: bold; }
.products-left dt span { display: inline-block; cursor:pointer; float: right; height:40px; line-height:40px; font-size: 50px; font-weight: 200; color: #7a7a7a; }

.products-left dl dt span.open{ display:inline-block; margin-top: -5px; }
.products-left dl dt span.close{ display:none; margin-top: -10px; }


.products-left dt span:hover{ color:#30318d; }

.products-left dt span.open::before{ content:'+'; display: block; }
.products-left dt span.close::before{ content:'-'; display: block; }

.products-left dl.hover dt span.open{  display:none; }
.products-left dl.hover dt span.close{ display:inline-block; }

.products-right{ }
.products-right ul{ display: grid; grid-template-columns: 1fr 1fr 1fr; grid-gap: 30px; row-gap:30px; }
.products-right ul li:hover .title a{ color: #30318d; }
.products-right ul li:hover svg { opacity: 1;}

.products-right ul li a{ display: block; }
.products-right ul li{ overflow:hidden; }
.products-right ul li .img{ background: #fff; border-radius:10px; overflow:hidden; }
.products-right ul li .img img{ width:100%; transition: .3s; display: block;  }
.products-right ul li .title a{ height: 70px; line-height: 70px;    font-size: 18px;  font-weight: bold;     color: #424242; }
.products-right ul li .title a span{     width: 77%;  white-space: nowrap; text-overflow: ellipsis; display: inline-block; overflow: hidden; }
.products-right ul li svg{    margin-top:15px;  display: inline-block; vertical-align: middle; float: right; opacity:0.3; }
.products-right ul li .title a .link-more-circle, .products-right ul li .title a .link-more-line {
    -webkit-transition: .3s;
    transition: .3s;
}
.products-right ul li .title a .link-more-line{  -webkit-transition-delay: .05s;  transition-delay: .05s;}

.products-right ul li .title a:hover .link-more-circle, .products-right ul li .title a:hover .link-more-line,
.products-right ul li:hover .link-more-circle, .products-right ul li:hover .link-more-line
{
    -webkit-transform: translateX(0.5rem);
    -ms-transform: translateX(.5rem);
    transform: translateX(0.5rem);
}
.products-right ul li .title a:hover { color:#30318d; }
.products-right ul li .title a:hover svg{ opacity:1; }
.products-right ul li:hover .img img{ transform:scale(1.1); }





/* products show*/

.products-show{ padding:100px 0px; }
.products-show::after{ content:''; display:block; clear:both;  }

.products-show-lf{ float: left;  width:47%; position:relative; position: sticky; top: 150px !important; }

.ronyu{ position:absolute; top:0; left:0; }
.ronyu a{ opacity:.5; }
.ronyu a:hover{ opacity:1; }
.products-show-rt{ float:right; width:50%; margin-top:100px;}
.products_pic{ width:100%; overflow:hidden; margin-top:30px; background:url(../images/probg2.png) no-repeat center; background-size:contain; padding:50px 0px; padding-top:100px; }
.products_nr { overflow:hidden; margin-top:30px; }
.products_nr .pic {float: left; width:50%;}
.products_nr .txt{ float: right; width: 45%; margin-top: 200px; padding: 0 50px;  box-sizing: border-box;} 
.products_nr .txt h1{ font-size: 25px; font-weight: 500; margin-bottom: 30px; }


.products_pic  .gallery-top video{ outline:none;
	
	height: auto;
    max-height:685px;
    width: auto;
    max-width: 100%;
    margin: 0 auto;
    display: block;

}
.products_pic  .gallery-top img{ height:500px; width:auto; margin:0 auto; display:block; }
.products_pic  .gallery-top{ margin-bottom:20px;  }
.products_pic  .gallery-top,.products_pic  .gallery-thumbs{  }


.products_pic  .gallery-thumbs{  
    width: 100%;
    height: auto; margin-right:2% }
.products_pic  .gallery-top { border-radius: 10px;  width: 100%; }
.products_pic  .gallery-thumbs .swiper-slide{  opacity:0.5;  }
.products_pic  .gallery-thumbs .swiper-slide{ }
.products_pic  .gallery-thumbs img{ height: auto;
    max-height: 100%;
    width: auto;
    max-width: 100%;margin:0 auto; display:block; }
 
.gallery-thumbs .swiper-slide.swiper-slide-thumb-active {
    opacity: 1;
	border:3px solid #30318d !important;
}
 

 
.products_pic .gallery-thumbs{   }

.products_pic .gallery-thumbs .swiper-wrapper{  text-align: center; justify-content: center; }

.products_pic .gallery-top img{ height: auto;
    max-height:500px;
    width: auto;
    max-width: 100%;
    margin: 0 auto;
    display: block; border-radius:15px; }

.products_pic .gallery-thumbs .swiper-slide{ border-radius:15px;  border:3px solid #f1f1f1; width:80px !important; display: inline-block;  cursor:pointer; overflow:hidden; }
.products_pic .gallery-thumbs .swiper-slide .swiper-slide-thumb-active{ }

.products_pic .gallery-thumbs{ border:none; }
.products_pic{ overflow:visible; margin-top:0px; }


.products-show-rt h1{   padding-bottom: 20px; }
.products-show-rt .miaoshu{ margin:30px 0px; line-height: 1.8; color: #535353; }
.products-show-rt .prokf{ margin-bottom:30px; }
.products-show-rt .prokf li{     background-color: rgba(48, 49, 141, 0.1);
    display: inline-block;
    vertical-align: middle; margin-right:10px; border-radius:3px; border:1px solid #f1f1f1; border-radius: 30px;
    border-bottom-right-radius: 0px; }
	

.products-show-rt .prokf li.wei{ display: inline-block; padding:15px 15px; position:relative; cursor:pointer; }
.products-show-rt .prokf li.wei .txt{ top: 90px;
    opacity: 1;
    pointer-events: auto;
    background: #f1f1f1;
    padding: 10px;
    left: 50%;
    width: 120px;
    margin-left: -60px;
    box-sizing: border-box;
    border-radius: 3px;
    position: absolute;
    opacity: 0;
    pointer-events: none;
    transition: all .5s ease; }
.products-show-rt .prokf li.wei .txt img{ width:100%; }
.products-show-rt .prokf li a{ display: block; padding:20px 30px; font-weight: bold; }
.products-show-rt .prokf li.kf a{ padding:20px 60px; }
.products-show-rt .prokf li img{ display: block;     filter: grayscale(1); }
.products-show-rt .prokf li.download a{ padding:15px 15px; }

.products-show-nr .canshu{ overflow-x: scroll; }
.products-show-nr  table{ width:auto; }

.products-show-nr{ line-height: 1.8; color: #535353; }
.products-show-nr img{ max-width:100%; height:auto !important; }
.products-show-nr h3{ color: #000;  margin-bottom: 10px; }
.products-show-nr h3::after{ content:''; display: block; width:10px; height:3px;     transform: skewX(-40deg); background:#30318d; margin-top:10px; }

.products-show-nr ul{ margin-left: 20px; }
.products-show-nr ul li{ position: relative; padding-left: 15px; color: #000; margin-bottom: 10px; }
.products-show-nr ul li div{ color:#8b8b8b; font-size: 12px; margin-top: 10px; }
.products-show-nr ul li::before{     
	content: ' ';
    height: 3px;
    width: 3px;
    display: inline-block;
    transform: rotate(-45deg);
    position: absolute;
    top: 12px;
    left: 0px;
    border-bottom: 2px solid #747474;
    border-right: 2px solid #747474;
}


.products-show-nr ol{  margin-left: 20px; }
.products-show-nr ol li{ position: relative;
    padding-left: 40px;
    margin-bottom: 12px;
    line-height: 1.8; }
.products-show-nr ol li::before {    
	content: '01';
	display: inline-block;
	width: 20px;
	height: 16px;
	background: #30318d;
	color: #fff;
	line-height: 16px;
	border-radius: 5px;
	padding: 3px;
	text-align: center;
	margin-right: 5px;
	position: absolute;
	left: 0px;
	top: 2px;
	}


.products-show-rt .prokf li.wei:hover .txt {
    top:70px;
    opacity: 1;
    pointer-events: auto;
}
.products-show-rt .prokf li:hover img{  filter: grayscale(0); }
.products-show-rt .prokf li.wei .txt::before {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 7px solid #f1f1f1;
    position: absolute;
    right: 50%;
    top: -7px;
    margin-right: -3px;
}

table{     width: 100% !important;
    border: 0;
    box-sizing: border-box;
    border-spacing: 0;
    border-collapse: collapse; }
table td {
    line-height: 1.5;
	border: 1px solid #e5e5e5;
	text-align: center;
	padding: 10px 5px;
	font-size: 14px;
	font-family: "Microsoft YaHei";
}

table tr:nth-child(1){ background: #f1f1f1; }

.xgpro{ width:100%; background:#fafcfe; padding:100px 0px; display:none; }
.xgpro .win{ position:relative; }
.xgpro h3{ text-align: center; font-size: 40px; margin-bottom: 50px; }
.linkpro{ position: relative; width:85%; margin:0 auto; overflow: hidden; }
.linkpro img{ display:block; width:100%; }


.linkpro ul li a{ display: block; }
.linkpro ul li .img{ background: #f1f1f1; border-radius:10px; overflow:hidden; }
.linkpro ul li .img img{ width:100%; transition: .3s;  }
.linkpro ul li .title a{ height: 70px; line-height: 70px;    font-size: 18px;  font-weight: bold;     color: #424242; }
.linkpro ul li svg{    margin-top:15px;  display: inline-block; vertical-align: middle; float: right; opacity:0.3; }
.linkpro ul li .title a .link-more-circle, .linkpro ul li .title a .link-more-line {
    -webkit-transition: .3s;
    transition: .3s;
}
.linkpro ul li .title a .link-more-line{  -webkit-transition-delay: .05s;  transition-delay: .05s;}

.linkpro ul li .title a:hover .link-more-circle, .linkpro ul li .title a:hover .link-more-line{
    -webkit-transform: translateX(0.5rem);
    -ms-transform: translateX(.5rem);
    transform: translateX(0.5rem);
}
.linkpro ul li .title a:hover { color:#30318d; }
.linkpro ul li .title a:hover svg{ opacity:1; }
.linkpro ul li:hover .img img{ transform:scale(1.1); }

.xgpro .swiper-button-next:after,.xgpro  .swiper-container-rtl .swiper-button-prev:after{ content:''; }
.xgpro .swiper-button-prev:after,.xgpro  .swiper-container-rtl .swiper-button-next:after{ content:''; }

.xgpro .swiper-button-next{  right: 0; }  
.xgpro .swiper-button-prev{ left: 0; }


.lm_nav{ width: 100%;
    padding: 0 10%;
    margin: 0 auto;
    overflow: hidden;
    border-bottom: 1px solid #f1f1f1;
    line-height: 10vh;
    background: #fff;
    box-sizing: border-box; }
 
.lm_nav_ul_li{
    float: right;
    position: relative;
    display:block;
    width:100%;
}

.lm_nav_ul_li.lm_nav_ul_li_new{ display:block; }

.lm_nav_ul_li li{ flex:1; float: left; margin-right: 80px; }
.lm_nav_ul_li.lm_nav_ul_li_new li{ margin-right:100px; }
.lm_nav_ul_li li a{ display: block; color:#767676;  transition: all .3s ease-in-out; line-height: normal; font-family: HarmonyOSHans-Regular; font-size:20px;  padding:50px 0px; min-width: 130px;  text-align: center; }
.lm_nav_ul_li li a span{ display: block;
    font-size: 12px;
    line-height: normal;
    margin-top: 5px; }
.lm_nav_ul_li li.hover a,.lm_nav_ul_li li:hover a{ color:#30318d; font-size:25px; }

.lm_nav_ul_li li:first-child{ margin-left:0; }

.lm_nav_ul_li .line{ position:absolute; width:30px; height:5px; bottom:0; background:#30318d; transition: all .4s; transform: skewX(-45deg); }

.caseList{ background:#fff; }



.casePage{background: #fff;
    border-radius: 30px;
    min-height: 1000px;
    margin-top: -120px;
    position: relative;
    z-index: 10;     padding:50px 60px; box-sizing:border-box;     box-shadow: 0 10px 35px 5px rgba(0, 0, 0, 0.1); }  
.back{ margin-bottom:50px; }
.back a{ position: relative; padding-left: 20px; color:#666; }
.back a::before {
    content: ' ';
        height: 6px;
        left: 0;
        width: 6px;
        display: inline-block;
        transform: rotate(-45deg);
        margin-left: 5px;
        vertical-align: super;
        position: absolute;
        top: 6px;
        border-top: 2px solid #666;
        border-left: 2px solid #666;
}
.back a:hover{ color:#30318d; }
.back a:hover::before{ border-top: 2px solid #30318d; border-left: 2px solid #30318d; }
.casePage h1{ margin-bottom:60px; }
.casePage  .miaoshu{ font-size: 20px; line-height: 1.8;  letter-spacing: 1px; margin-bottom:60px; }
.casePage .idx-tags ul li .tags_left span{ color:#666; }
.casePage .idx-tags ul li .tags_left span.counter{ color: #30318d; }


.shoppic_title{ border-bottom: 1px solid #dddddd; padding-bottom:30px; position:relative; }
.shoppic_title::after{ position:absolute; height:5px; width:46px; background:#30318d; content:''; display: block; position:absolute; left:0; bottom:-2px; transform: skewX(-40deg);  }

.piclist{ overflow:hidden; margin:50px 0px; position:relative; padding-bottom:20px; }
.piclist img,.piclist video{ display:inline-block;max-width:100%; }

.piclist .swiper-slide{ width:auto; }
.piclist .swiper-slide img,.piclist .swiper-slide video{ height:600px; width:auto; border-radius:10px; }

.piclist.swiper-container-horizontal>.swiper-scrollbar{ 
 left:0; width:100%;
}

.company{ 
    padding: 100px 0px;
    background: url(../images/aboutbg.jpg) no-repeat left top;
    background-size:100%;
    position: relative;
}

.company .win::after {
    content: '';
    display: block;
    clear: both;
}

.company_left{ float:left; width:280px;     position: sticky; top: 150px !important; }
.company_left ul{}
.company_left ul li { display: block; position:relative;
    background: #f1f1f1;
    border-radius: 10px;
    margin-bottom: 20px;
    padding:25px 20px;
    font-size: 20px; transition: all .5s ease;
    color: #6c6c6c; text-align:center; cursor:pointer; }
.company_left ul li.hover{ background:#30318d; color:#fff; }
.company_left ul li::after{  transition: all .5s ease;   content: '';
    display: block;
    background: #f1f1f1;
    width: 10px;
    height: 10px;
    position: absolute;
    top:33px;
    right:1px;
    transform: rotate(45deg); }
.company_left ul li.hover::after,.company_left ul li:hover::after{ background:#30318d; right: -5px; }
.company_left ul li:hover{ background:#30318d; color:#fff; }



.company_right{ float:right; width:calc(100% - 400px); padding-left: 100px; box-sizing: border-box;}
.company_right.company_right_nr{ width:100%; padding-top: 100px; }
.company_right .company_info { display:none; }
.company_right .company_info.company_info_1{ display: block; }

.company_right .title{ font-size: 40px; font-weight: bold; margin-bottom:50px;     margin-left: -100px; }
.company_right .title span{ color:#30318d; }

.companyA .company_banner{ margin-bottom:50px; margin-bottom: 50px; border-top-left-radius:80px; border-bottom-right-radius:80px;  overflow: hidden; }
.companyA .company_banner img{ display: block; width:100%; }
.companyA .company_con{line-height:2; margin-bottom:100px; color: #414141; font-size:16px;  }
.companyA .company_con video{ height: auto; width: 100%;  border-radius: 10px; }
.companyA .idx-tags{ margin-bottom:100px; }

.companyB{ margin-bottom:50px; }
.companyB .company_case{ display:block; overflow:hidden; position:relative; padding-bottom:100px; }
.company_case .case-lise{ grid-gap:0px }
.company_case .swiper-slide{ flex:none; overflow: hidden; }
.company_case .swiper-slide:hover{ flex:none; }
.company_case .case-lise li.hover .txt{ opacity:1; }

.companyB .swiper-button-prev,
.companyB .swiper-container-rtl .swiper-button-next,
.companyB .swiper-button-next,
.companyB .swiper-container-rtl .swiper-button-prev,
.companyD .swiper-button-prev,
.companyD .swiper-container-rtl .swiper-button-next,
.companyD .swiper-button-next,
.companyD .swiper-container-rtl .swiper-button-prev,
.xle_swp .swiper-button-prev,.xle_swp .swiper-button-next
{bottom:0px; top:auto; background: #f1f1f1; transition:all 0.3s ease-in;}



.companyB .swiper-button-prev:hover,
.companyB .swiper-container-rtl .swiper-button-next:hover,
.companyB .swiper-button-next:hover,
.companyB .swiper-container-rtl .swiper-button-prev:hover,
.companyD .swiper-button-prev:hover,
.companyD .swiper-container-rtl .swiper-button-next:hover,
.companyD .swiper-button-next:hover,
.companyD .swiper-container-rtl .swiper-button-prev:hover
{ background:#30318d;  transform: scale(1.1); }

.companyB .swiper-button-prev:hover path,
.companyB .swiper-container-rtl .swiper-button-next:hover path,
.companyB .swiper-button-next:hover path,
.companyB .swiper-container-rtl .swiper-button-prev:hover path,
.companyD .swiper-button-prev:hover path,
.companyD .swiper-container-rtl .swiper-button-next:hover path,
.companyD .swiper-button-next:hover path,
.companyD .swiper-container-rtl .swiper-button-prev:hover path
{ fill:#fff; }




.companyB .swiper-button-next:after,.companyB .swiper-button-prev:after,
.companyD .swiper-button-next:after,.companyD .swiper-button-prev:after,
.xle_swp .swiper-button-prev:after,.xle_swp .swiper-button-next:after
{ display:none; }

.companyB .swiper-button-prev,.companyB  .swiper-container-rtl .swiper-button-next,
.companyD .swiper-button-prev,.companyD  .swiper-container-rtl .swiper-button-next,
.xle_swp .swiper-button-prev,.xle_swp .swiper-button-next
{ left:0; }

.companyB .swiper-button-next,.companyB .swiper-container-rtl .swiper-button-prev,
.companyD .swiper-button-next,.companyD .swiper-container-rtl .swiper-button-prev,
.xle_swp .swiper-button-next
{ right:auto; left:0px; margin-left:100px; }

.companyC{}
.companyC .img{ display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap:40px;
	row-gap:40px;  }

.company_right_nr .companyC .img { grid-template-columns: 1fr 1fr 1fr; }
.company_right_nr .back { margin-left:-100px; }
.companyC .img li{ border-radius:20px; overflow:hidden; position:relative; cursor:pointer; }
.companyC .img li img{ width:100%; display: block; }
.companyC .img li span{     position: absolute;
    bottom: 0;
    z-index: 5;
    color: #fff;
    padding: 40px;
    font-size: 20px;     transition: all .5s ease; }
.companyC .img li::after {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 100%;
    content: '';
    display: block;
    z-index: 2;
    background-image: linear-gradient(to top, rgba(48, 49, 141, 1), rgba(48, 49, 141, 0));     transition: all .5s ease;
    opacity:0.5;
}

.companyC .img li:hover span{ bottom:-80px; }
.companyC .img li:hover::after { bottom:-200px; }


.companyD{  margin-top: 50px; }
.companyD .honor { overflow:hidden; position:relative; padding-bottom:100px; }
.companyD .honor .swiper-slide { width:auto; position:relative; }
.companyD .honor .swiper-slide img{ display: block; border-radius:10px; max-height: 280px; }
.companyD .honor .swiper-slide span{ display: block;  text-align:center;  line-height: 60px; font-size:18px; }  

.about .box {
    width: calc(100% - 60px) ;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: wrap;
	margin:0 auto;
	margin-top:100px;
	margin-bottom:100px;
}
.about .box .list {
    width: 45%;
    position: relative;
    margin-bottom: 20px;
}
.about .box .list .num {
    font-size:140px;
    position: absolute;
    top: -70px;
        left: -36px;
    z-index: 5;
	font-family: "Heebo", sans-serif;
	    color: #30318d;     font-weight: bold;
}
.about  .box .list .photo {
    width: 100%;
    padding-bottom: 100%;
    position: relative;
    border-radius:90px 0 90px 0;
    overflow: hidden;
}

.about .box .list .photo .ph {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.ph .pic {
    position: absolute;
    width: calc(100% + 60px);
    height: calc(100% + 60px);
    left: -30px;
    top: -30px;
    backface-visibility: hidden; background-size: cover;
}


.about .box .list .msg {
    margin-top: 40px;
    position: absolute;
    bottom: 10%;
    color: #fff;
    left: 10%;
    width: 70%;
}
.about .box .list .msg small {
    color: #5D5D5D;
}
.about .box .list .msg h3 {
    margin: 0.1rem 0;
        font-size:40px;
    font-weight: 400;
}

.about .box .list:nth-of-type(2n) {
    margin-top: 130px;
}




.about.jg{  background:url(../images/kjbg.jpg) no-repeat left top; background-size:cover; }
.about .profile{ max-width:1200px; margin:0 auto; text-align:center; }

.about .jg{ padding:50px 0px;}
.about .jg img{ width:100%; height:auto; display: block; }




.about .sl{ margin:150px 0px; }
.itms-1-2{ width:650px; height:650px; margin:0 auto; position: relative; }
.itms-1-2 .img{ position: relative; width:100%; height:100%; display: flex; align-items: center; z-index:5; }


.itms-1-2 .img::before{ width: 100%;
    height: 100%;
    content: '';
    display: block;
    background: #f2f3f9;
    border-radius: 50%;
    position: absolute;
    top: 0;
    left: 0px; z-index: -1; }
	
.itms-1-2 .img::after,.itms-1-2 .img span{ width: 100%;
    height: 100%;
    content: '';
    display: block;
    background: #f2f3f9;
    border-radius: 50%;
    position: absolute;
    top: 0;
    left: 0px;    
	z-index: -1; transform: scale(1.2); opacity: 0.3; 
	animation: warn 2.5s ease-out 0s infinite;
	} 

.itms-1-2 .img span{ animation: warn 2.3s ease-out 0s infinite; }




@keyframes warn {
		0% {
		  transform: scale(0.5);
		  opacity:0.4;
		}

		30% {
		  opacity:0.4;
		}

		100% {
		  transform: scale(2);
		  opacity: 0;
		}
}
.itms-1-2 img{     width: 65%;
    display: block;
    margin-left: 18%;
    margin-top: 10px; }
.itms-1-2 .img img{     margin-top: -45px; }

.itms-1-2 .txt { position: absolute; width: 120%; height: 120%; margin-left:-10%; top:-10%;     z-index: 10; text-align: center; }

.itms-1-2 .txt:before{ box-sizing: border-box;  content:''; display: block; width:100%; height:100%; border:10px dashed #30318d; border-radius:50%; top:0; left:0; opacity:0.5; animation: warn2 30s infinite linear; transform:rotate(0deg); display:none;  }


.itms-1-2 .text{
	    background-image: linear-gradient(#30318d, #30318d);
	    color: #fff;
	    width:130px;
	    height: 130px;
	    text-align: center;
	    padding: 40px 40px;
	    font-size: 50px;
	    font-weight: bold;
	    border-radius: 50%;
	    display: table-cell;
	    vertical-align: middle;
	    position: absolute;
	    left: 50%;
	    margin-left:-100px;
	    top: 50%;
	    margin-top:-100px;
	    padding-top: 40px;
	    padding-bottom: 40px;
	    z-index: 10;
		box-sizing: content-box;
}

.itms-1-2 .text .guan {
    width: 106%;
    position: absolute;
    left: -3%;
    top: -3%;
	    margin-left: 0;
	    margin-top: 0;
    animation: roll_left 20s linear infinite;
}
.itms-1-2 .text .qiu{
	    width: 100%;
	    position: absolute;
	    left: 0;
	    top: 0;
	    animation: roll_right 50s linear infinite;
	    opacity: 0.3;
		    margin-left: 0;
		    margin-top: 0;
}
@keyframes roll_left {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(-360deg);
  }
}
@keyframes roll_right {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}


.itms-1-2 .c1png {
    position: absolute;
    left: 50%;
    top: 50%;
        margin-left: -135px;
        margin-top: -135px;
        width: 270px;
    animation: roll_right 15s linear infinite;
}


@keyframes warn2 {
		0% {
		  transform:rotate(0deg);
		}
		100% {
		  transform:rotate(360deg);
		}
}


.itms-1-2 .txt li{ position:absolute; left:0; top:0; right:0; bottom:0; height:fit-content; }
.itms-1-2 .txt li span{  display: block;
    background: #30318d;
    width:60px;
    height:60px;
    margin: 0 auto;
    padding: 20px;
    line-height:60px;
    border-radius: 50%;
    margin-bottom: 5px;
	color:#fff; box-sizing: content-box;
	}
.itms-1-2 .txt li span i{}


.itms-1-2 .txt li h4{  font-size:20px; }

.itms-1-2 .txt li:nth-child(1) {transform:translate3d(-240px, 120px, 0px); }
.itms-1-2 .txt li:nth-child(2) {transform:translate3d(0px, 20px, 0px);}
.itms-1-2 .txt li:nth-child(3) {transform:translate3d(240px, 120px, 0px);}
.itms-1-2 .txt li:nth-child(4) {transform:translate3d(320px, 350px, 0px);}
.itms-1-2 .txt li:nth-child(5) {transform:translate3d(235px, 560px, 0px);}
.itms-1-2 .txt li:nth-child(6) {transform:translate3d(0px, 655px, 0px);}
.itms-1-2 .txt li:nth-child(7) {transform:translate3d(-235px, 560px, 0px);}
.itms-1-2 .txt li:nth-child(8) {transform:translate3d(-322px, 350px, 0px)}
.itms-1-2 .txt li:nth-child(9) {transform: translate3d(-470px, 350px, 0px);}

 


.about .win.winTop{ position:relative; }
.about .win.winTop::before{ content:''; display: block; width:100%; height:1px; }
.winTop .bg-txt{ top:0px; }
.winTop .idx-tags{margin-top:130px;}


.shibe{ margin-top:100px; margin-bottom:100px; }
.shibe .title{ text-align:center; font-weight:bold; font-size: 40px; margin-bottom:50px; }
.shibe .img{ overflow:hidden; }
.shibe .img .imglf{ display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap:35px;
	row-gap:35px; width:65%; box-sizing: border-box; }

.shibe .img .imgrt{ width:calc(35% - 35px);  }

.shibe .img .imglf div,.shibe .img .imgrt div{ border-radius:15px; overflow:hidden; position:relative; cursor:pointer; }

.shibe .img img{ display:block; width:100%; }

.shibe .img .imglf div span,.shibe .img .imgrt div span{     transition: all .5s ease; position: absolute; bottom: 0px; padding:30px; color: #fff; font-size:20px; z-index: 4; }

.shibe .img .imglf div::after,.shibe .img .imgrt div::after {    transition: all .5s ease; 
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 100%;
    content: '';
    display: block;
    z-index: 2;
    background-image: linear-gradient(to top, rgba(48, 49, 141, 1), rgba(48, 49, 141, 0));
}


.shibe .img .imglf div:hover::after, .shibe .img .imgrt div:hover::after{ bottom:-200px; }
.shibe .img .imglf div:hover span, .shibe .img .imgrt div:hover span{     bottom: -80px; }
	


.job h2{ margin:50px 0;  font-size:30px; font-weight:500; font-family: "HarmonyOSHans-Regular";}
.pic_txt{ overflow: hidden; background:#fff; background: url(../images/bglogo.png) no-repeat 98% 88% #fff; }
.pic_txt img{ display: block; width:45%; float: left; }
.pic_txt .txt{ float:right;   width: 52%;  box-sizing: border-box; padding:40px;     margin-right: 3%;}

.pic_txt .txt h3{ font-family: "HarmonyOSHans-Regular"; font-size:25px; font-weight:500; margin-bottom:80px; }
.iconfont {
    font-family: 'iconfont';
}

.txt_con span {
    color: #30318d;
    font-size: 20px;
    margin-bottom: 10px;
    display: block;
}




.job_swiper .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction { top: auto;
    bottom: 30px;
    height: auto;
    width: 55%;
    left: 45%;
    text-align: left;
    margin-left: 47px; }


.job_swiper .swiper-slide {  }
.job_swiper .swiper-slide.swiper-slide-active{ opacity:1; }
.job_swiper .swiper-button-next,.job_swiper .swiper-button-prev {
	
	font-size:40px;
	    width: auto;
	    height: auto;
	    margin-top: -40px;
	    background: #f9f9f9;
	   color: #000;
	
}

.job_swiper .swiper-button-prev:after, .job_swiper  .swiper-container-rtl .swiper-button-next:after{ display:none; }
.job_swiper .swiper-button-next:after, .job_swiper  .swiper-container-rtl .swiper-button-prev:after{ display:none; }


.job_tpye ul{ overflow: hidden; display: grid; grid-template-columns: 1fr 1fr; grid-gap:30px; row-gap:30px; }
.job_tpye ul li{  background: #fff; box-sizing:border-box; position: relative; z-index: 1;}
.job_tpye ul li a{ display: block; color:#fff; padding:30px; }
.job_tpye ul li h3{ font-size:25px;  font-weight: 500; color: #000; margin-bottom:25px; font-family: "HarmonyOSHans-Regular";}

.job_tpye ul li span{ color: #979797; }
.job_tpye ul li:before{ content:""; display: block; width:100%; height:100%; background: linear-gradient(to right, #0E74BB, #30318d); z-index:-1; position:absolute; left:0; top:0; opacity:0; transition: all 0.3s ease-in;}

.job_tpye ul li:hover:before{ opacity:1; }
.job_tpye ul li:hover a h3{ color:#fff; }
.job_tpye ul li:hover a span{ color:#fff; opacity:0.6; }



.joblist{ margin-top:50px; margin-bottom:50px; overflow: hidden; }
.joblist h2{ font-weight: 500; }

.joblist .joblist_left{ float:left;width:315px; }
.navlist{ background:#fff; padding:20px; box-sizing: border-box; margin-top:30px; }
.joblist .joblist_right{ float:right; width:calc(100% - 340px); }
.hot_job .tag{ color: #30318d;
    margin-top: 15px;
 
}

.navlist .navlist_list{ margin-top:20px; border-bottom:1px solid #f1f1f1; padding-bottom: 20px; }
.navlist .navlist_list h3{ font-weight: 500; font-size:18px; }
.navlist .navlist_list:first-child{ margin-top: 0; }
.navlist .navlist_list:last-child{ border-bottom:0; padding-bottom:0;}
.navlist_list_dq .jiansa li{ display:inline-block;  }

.navlist_list .navlist_list_dq{ display:none; margin-top:15px; }
.navlist_list.hover .navlist_list_dq{ display:block;   }

.navlist .navlist_list h3 span{ cursor:pointer; }
.navlist_list .close{ display:none; } 
.navlist_list.hover .add{ display:none; }
.navlist_list.hover .close{ display:inline-block;  }


.job {     padding-top: 100px; }
.jiansb li{ font-size:14px; margin-bottom:10px; cursor: pointer; color: #484848; }
.jiansb li  span{ display:inline-block; }
.jiansb li .b,.jiansb li.hover .a{ display:none; }
.jiansb li.hover{ color:#30318d; }
.jiansb li.hover .b,.jiansb li .a{ display: inline-block; margin-right:5px; }
.jiansb li.hover .b{ color: #30318d; }

	.navlist_list_dq select{ border-radius: 3px;
    padding: 3px 5px;
    border: 1px solid #e9e9e9; max-width: 135px; }
    
    
.sertag{ overflow: hidden; background:#fff; padding:20px; box-sizing: border-box; margin-top:30px; display:none; }
.sertag .sertag_left{ float:left; }
.sertag .sertag_left div{ display: inline-block;
    border: 1px solid #dbdbdb;
    border-radius: 30px;
    padding: 5px 10px;
    font-size: 14px;
    margin-right: 20px; cursor:pointer; }
.sertag .sertag_qc{     float: right;
    color: #30318d;
    font-size: 14px; }


.hot_job li{ background: #fff;
    margin-top: 20px;
    padding: 20px;
    box-sizing: border-box; }
 .hot_job li .text{
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 8;
    -webkit-box-orient: vertical;
    display: -moz-box;
    -moz-line-clamp: 2;
    -moz-box-orient: vertical;
    overflow: hidden; margin-top:20px; line-height:200%; font-size: 14px; color:#000; }

 .hot_job li h2{ color: #000; font-size: 18px; }
 .hot_job li .more{ text-decoration: underline;
    margin-top: 20px;
    display: block;
    font-size: 12px;
    color: #979797;
    transition: all 0.3s ease-in; }
 .hot_job li a{ display: block; }
 .hot_job li a:hover .more{ color: #30318d; }
 
 .hot_job li .text li { background:none; margin:0px; padding:0px; }






.job_con{  margin-top: 150px;
    margin-bottom: 50px;
    position: relative;
    display: flex; 
    box-sizing: border-box;}
.job_left{ -webkit-flex-basis:70%;
    -ms-flex-basis: 70%;
    flex-basis: 70%;
    max-width: 70%; }
.job_left h2{ font-weight:500; font-family: "HarmonyOSHans-Regular"; }
.job_left .tag{ color: #0E74BB;
    margin-top: 10px;
    border-bottom: 1px solid #dbdbdb;
    padding-bottom: 20px; }
.job_left .tag span{ display:inline-block;}

.job_con_text{ line-height:200%; margin-top:40px; margin-bottom:40px; }

.job_right{ -webkit-flex-basis: 24%;
    -ms-flex-basis:24%;
    flex-basis: 24%;
    max-width: 24%;
    padding-left: 6%;
    position: relative; }
.job_right .btn{ position: sticky;
    top: 200px !important;
    text-align: center;
    background: linear-gradient(to right, #0E74BB, #30318d);
    color: #fff;
    border-radius: 30px;
    padding: 15px 0px;
    font-size: 20px; cursor: pointer; }
.job_right .btn a{ color:#fff; } 


 .hot_job li{ background: #fff;
    margin-top: 20px;
    padding: 20px;
    box-sizing: border-box; }
 .hot_job li .text{
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 8;
    -webkit-box-orient: vertical;
    display: -moz-box;
    -moz-line-clamp: 2;
    -moz-box-orient: vertical;
    overflow: hidden; margin-top:20px; line-height:200%; font-size: 14px; }

 .hot_job li h2{ color: #000; }
 .hot_job li .more{ text-decoration: underline;
    margin-top: 20px;
    display: block;
    font-size: 12px;
    color: #979797;
    transition: all 0.3s ease-in; }
 .hot_job li a{ display: block; }
 .hot_job li a:hover .more{ color: #0E74BB; }

.job_con .hot_job li{ padding:0px; }

.job_left_a ,.job_left_b{ background: #fff;  padding: 40px; }
.job_left_b{ margin-top:10px; }
.otherJob{ font-size: 16px; color: #a9a9a9; }

.newstwo{ margin-top: 50px; }
.page{ text-align: center; margin-top: 50px;     margin-bottom: 50px; }
.page b,.page a{     background: linear-gradient(to bottom, #ffffff, #f3f3f3); 
	    height:40px;
	    width:40px;
	    display: inline-block;
	    vertical-align: bottom;
	    line-height:40px;
	    margin: 0 7px;
	    border: 1px solid #ededed;
	    border-radius: 3px; font-size: 18px;
    font-family: "Microsoft YaHei", Helvetica Neue, Helvetica, Arial, sans-serif;}
	 
.page b,.page a:hover{ background: #30318d;
	    color: #fff;
	    font-weight: 500; border: 1px solid #30318d; }


.position {
    background: #fff;
}
.position .text {
    padding: 30px 0;
    color: #898989;
}
.position .text a {
    color: #7e7e7e;
}
.bg-bai {
    background: #fff;
}
.news_art {
    max-width: 1200px;
}
.news_art h1 {
    text-align: center;
    font-weight: 500;
    padding: 50px 0;
}
.biaoqian {
    border-bottom: 1px solid #e3e3e3;
    padding: 20px 0;
    overflow: hidden;
    color: #898989;
}
.news_art .content {
    margin-top: 50px;
    color: #000;
    line-height: 200%;
    font-size: 20px;
}
.gotopage{ text-align: center; padding-bottom:50px; }
.gotopage a{ display: inline-block;
    padding: 20px 80px;
    border: 1px solid #000;
    color: #000;
    font-size: 20px;
    border-radius: 40px;
    margin: 0 60px;
    opacity: 0.4; transition: all 0.3s ease-in; font-family: HarmonyOSHans-Regular; }

.gotopage a:hover{ opacity:1; }

.biaoqian .zuoze {
    float: right;
}

.map {
    background: #fff;
    -moz-box-shadow: 0px 4px 3px rgba(0, 0, 0, 0.04);
    -webkit-box-shadow: 0px 4px 3px rgb(0 0 0 / 4%);
    box-shadow: 0px 15px 27px rgb(0 0 0 / 4%);
    backdrop-filter: blur(6px);
    overflow: hidden;
}
#dituContent {
    height: 50vh;
}
 
.contact_center {
    margin: 0 auto;
    box-shadow: none;
    padding:0px;
}

@font-face {
  font-family: 'iconfonttwo';  /* Project id 2738956 */
  /*src: url('https://at.alicdn.com/t/font_2738956_kx94189vfv.woff2?t=1650900713000') format('woff2'),*/
  /*     url('https://at.alicdn.com/t/font_2738956_kx94189vfv.woff?t=1650900713000') format('woff'),*/
  /*     url('https://at.alicdn.com/t/font_2738956_kx94189vfv.ttf?t=1650900713000') format('truetype');*/
   src: url('https://at.alicdn.com/t/c/font_2738956_klc9gpsm4h.woff2?t=1752050914172') format('woff2'),
       url('https://at.alicdn.com/t/c/font_2738956_klc9gpsm4h.woff?t=1752050914172') format('woff'),
       url('https://at.alicdn.com/t/c/font_2738956_klc9gpsm4h.ttf?t=1752050914172') format('truetype');
}

.iconfonttwo {
    font-family: iconfonttwo;
}


.companyname {  
	border-radius: 15px;
    box-sizing: border-box;
    margin: 0 auto;
    margin-top: 230px;
    margin-bottom: 130px;
}

.companyname h3 ,.contact_a h3,.companyname h2 ,.contact_a h2 { font-size:48px;  margin-bottom:20px; display:inline-block; margin-bottom:20px; 
color:#fff; }
.companyname span{ color: #3b3c45; font-size:20px; }
.companyname_info span small{ font-family:"Microsoft YaHei", Helvetica Neue, Helvetica, Arial, sans-serif; }
.companyname_info span{ color: #fff;
    display: block;
    margin-right: 3vh;
    line-height: 45px; }
.companyname_info span i{ margin-right: 6px; }
.contact_center .position-right{ margin-bottom: 60px; }

.contact_a{  margin-top: 5vh; display:block; }
.contact_a::after{ content:''; display:block; clear: both;}
.contact_a h3 { display:block; flex:1; }
.contact_a .father{ 
    
    background: #fff;
    moz-box-shadow: 0px 4px 3px rgba(0, 0, 0, 0.04);
    -webkit-box-shadow: 0px 4px 3px rgb(0 0 0 / 4%);
    box-shadow: 0px 0px 20px rgb(0 0 0 / 4%);
    backdrop-filter: blur(6px);
    overflow: hidden;
    padding: 4vh 3vh;
    width: 48%;
    display: block; 
    float: left;
    box-sizing: border-box;
    margin-right: 4%;
    margin-bottom: 5vh;
    
    
}

.contact_a .father:nth-child(2n){ margin-right:0; }
.contact_a .father span{ color: #3b3c45;   display: inline-block;  margin-right: 3vh; line-height: 3vh; }
.contact_a .father span:last-child{  margin-right:0vh; }

.p-list7 {
	position: absolute;
    right: 10%;
    top:230px;
    z-index: 2;
	text-align: right;
}
.p-list7 li {
    width: 120px;
    height: 40px;
    background: #30318d;
    cursor: pointer;
    margin:0;
    font-size: 18px;
    color: #ffffff;
    line-height: 40px;
    text-align: center;
	border-radius: 30px;
	    border-bottom-left-radius: 0px;
}

.p-list7 li.wei {
    display: inline-block;
	padding: 8px;
	position: relative;
	box-sizing: border-box;
	margin-top: 182px;
	width: 55px;
	background: #fff;
	border: 1px solid #dddddd;
	height: 45px;
}
.p-list7 li.wei .txt {
    top: 90px;
    opacity: 1;
    pointer-events: auto;
    background: #f1f1f1;
    padding: 10px;
    left: 50%;
    width: 120px;
    margin-left: -60px;
    box-sizing: border-box;
    border-radius: 3px;
    position: absolute;
    opacity: 0;
    pointer-events: none;
    transition: all .5s ease;
}
.p-list7 li.wei .txt img{ display: block; width:100%; }
.p-list7 li.wei:hover .txt {
    top: 70px;
    opacity: 1;
    pointer-events: auto;
}
.p-list7 li.wei .txt::before {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 7px solid #f1f1f1;
    position: absolute;
    right: 50%;
    top: -7px;
    margin-right: -3px;
}

.p-list7 li.wei svg{ width: 30px;   height: 30px; }
.p-list7 li.wei svg path{ fill: #30318d; }

.p-list7 li.wei:hover{ background:#30318d; border:1px solid #30318d; }
.p-list7 li.wei:hover path{ fill: #fff; }


.contact{  }
.cotantmap { height:1200px;  overflow: hidden; position: relative; border-radius:0px;  background: url(../images/contactbg.jpg) no-repeat left top; }

#map {
    height: 900px;
    width: 100%;
	position:relative;
}
#map img{-webkit-transition:none;-moz-transition:none;-ms-transition:none;-o-transition:none;transition:none;max-width:none}

#map::before{ content: '';
    display: block;
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 1) 30%, rgba(255, 255, 255, 0));
    position: absolute;
    top: 0;
    left: 0;
    height:200px;
    width:100%;
    z-index: 1; opacity:0; }

.map-con li{position:relative;padding-left:16px;font-size:14px;line-height:22px;margin-bottom:6px;}
.map-con li a{ font-family: "Microsoft YaHei", Helvetica Neue, Helvetica, Arial, sans-serif; }
.map-con li:after{content:'';position:absolute;left:0;top:8px;width:6px;height:6px;background-color:#30318d;border-radius:50%}

.map-con h3{font-family:FandolSong-Bold;font-size:20px;margin-bottom:16px}

.map-con .desc{padding:9px 0 12px;margin-bottom:10px;border-top:2px solid #eee;border-bottom:2px solid #eee}

 .weixin-qrcode-box{position: relative;}
 .weixin-qrcode-box .weixin-qrcode{display:none;position: absolute;width:108px;height: 108px;top:0;left: 0;transform: translate(0, -100%);background:#fff;border-radius: 3px;padding:3px;}
 .weixin-qrcode-box .weixin-qrcode img{max-width: 100%;max-height: 100%}
 .weixin-qrcode-box:hover .weixin-qrcode{display:block;}
 .weixin-qrcode-box .m-weixin-qrcode{display:none;position: absolute;width:108px;height: 108px;top:50%;left: 0;transform: translate(-100%, -50%);background:#fff;border-radius: 3px;padding:3px;}
 .weixin-qrcode-box .m-weixin-qrcode img{max-width: 100%;max-height: 100%}
 .weixin-qrcode-box:hover .m-weixin-qrcode{display:block;}


.showpronav_open,.showpronav_close{ display:none; }


 

.company_li::after{ content:''; display:block; clear:both; }
.company_li li{width: 49%;
    float: left;
    margin-right: 2%;
    text-align: center; margin-bottom:30px; }
.company_li li:nth-child(2n){ margin-right:0; }
.company_li li img{ width:100%; display:block; border-radius:10px; overflow:hidden; }
.company_li li a{     display: block; position:relative; border-radius: 10px;  overflow: hidden; }
.company_li li a::after {  content: '';  display: block;   position: absolute;  bottom: 0;  width: 100%;  left: 0;  height:70%;
    background-image: linear-gradient(to top, rgba(1, 81, 152, 1), rgba(1, 81, 152, 0));  z-index: 1; transition: all 1s ease;
}


.company_li li .more{  position: absolute;  z-index: 5;  bottom:7%;  width: 90%;  text-align: left;  margin-left: 5%;  color: #fff; }
.company_li li h4{ position: absolute;
    bottom: 20%;
    color: #fff;
    z-index: 5;
    width: 90%;
    text-align: left;
    margin-left: 5%;
    font-size: 25px;
    font-weight: 500; transition: all 1s ease; }

.company_li li a:hover::after { height:100%;}
.company_li li a:hover h4 { font-size:28px; }


.xle_swp { overflow: hidden;
    margin-top:0;
    position: relative;
    padding-bottom: 100px; margin-bottom:100px}
.xle_swp .swiper-slide{ border-radius:10px; overflow:hidden; }
.xle_swp img{ display:block; width:100%; }

.xle_swp .section-title{ margin-bottom: 40px; color: #000; }

.xle_swp .swiper-slide a{ position:relative; }
.xle_swp .swiper-slide a::after {
    position: absolute;
    bottom:-100px;
    width: 100%;
    height: 100%;
    content: '';
    display: block;
    z-index: 2;
    background-image: linear-gradient(to top, rgba(0, 0, 0, 1), rgba(48, 49, 141, 0));
    transition: all .5s ease;
}
.xle_swp .swiper-slide a:hover::after {
    bottom: -200px;
}
.xle_swp .swiper-slide  span {
    position: absolute;
    bottom: 0;
    z-index: 5;
    color: #fff;
    padding: 40px;
    font-weight: bold;
    font-size: 40px;
    transition: all .5s ease;
}
.xle_swp .swiper-slide :hover span {
    
}



.who{ position:relative; overflow: hidden;}
.who video{ width:100%; position:absolute; left:0px; top:0px; z-index:1; }
.who:after{     content: "";
    display: block;
    width: 100%;
    height: 100%;
    background: #30318d;
    position: absolute;
    z-index: 2;
    top: 0;
    opacity: .5; }
.who .win{ position:relative; z-index:5; padding:100px 0px; }
.who .section-title{ margin-bottom:30px; text-align:center; }
.who ul{ display: grid; grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr; grid-gap:30px;     display: flex
;
    flex-wrap: wrap;
    justify-content: center;
    padding-top: 5vh; }
.who ul div{ width: 80px;
    height: 80px;
    background: #ffffff;
    padding: 15px;
    border-radius: 50%;
    margin: 0 auto;
    margin-bottom: 20px; }
.who ul div img{ display:block; width:100%;}
.who ul span{ color: #fff;  font-size: 18px; }
.who ul li{ text-align: center;
    width: 23%;
    background-color: rgba(28, 29, 100, 0.23);
    backdrop-filter: blur(6px);
    border-radius: 10px;
    padding:30px 20px; }




.network{ background-color: #f8f8f8;
    text-align: center;
    padding: 100px 0px; margin-top:0px; }

.network .con{}
.network .con h2{     font-size: 40px; font-weight:bold; }
.network .con .miaoshu{ font-size: 20px;  margin-top: 10px; }
.network .con ul{ display: flex; grid-gap: 30px; margin: 0 auto; width: 720px; margin-top: 50px; }
.network .con ul li{ flex: 1;
    position: relative;
    background: #fff;
    border-radius:10px;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-align: center;
    align-items: center;
    display: -ms-flexbox;
    display: flex;
    height: 100px;
    font-size: 18px; }
.network .con ul li .icon{ width: 100px;
    height: 100%;
    position: relative;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    display: -ms-flexbox;
    display: flex; }
.network .con ul li .icon em{    width: 6px;
    height: 6px;
    background-color: #30318d;
    border: 1px solid #30318d;
    border-radius: 50%;
    position: absolute;
    top: 20px;
    left: 20px; }
.network .con ul li .icon img{     width: 42%;
    height: 30%;
    object-fit: contain; }
.network .con ul li small{ margin-top: 16px;
    font-size: inherit;
    color: inherit;
    font-family: inherit; }
.network .con ul li .num-b{ font-size:50px; margin-left:30px; margin-right:10px; font-weight:bold; font-family: "Heebo", sans-serif; }
.network .img{  }
.network .img img{ display:block; width:100%; }




.global{ padding:300px 0px; padding-top:250px; background:url(../images/pic11.png) no-repeat bottom center; }
.global_div{ margin:0 auto; }
.global_div::after{ content:''; display:block; clear: both; }
.global_right{ position:relative;     margin-left: 110px;}
.global_right .img{ width: 384px; height:384px; }
.global_right .img img{ display: block; }

.global_right ul{ position:absolute; width:100%; height:100%; top: 0; left: 0; z-index:5; }
.global_right ul li{ position: absolute;  font-size:20px; width:max-content; cursor: pointer; opacity: .7; transition: all .5s ease;  }
.global_right ul li span{ display: block; transition: all .5s ease; }
.global_right ul li.hover{ font-weight:bold; opacity:1; }
.global_right ul li.hover span{ transform: scale(1.1); color:#30318d; }
.global_right ul li.hover::after{ border: 2px solid #30318d;  opacity: 1; }
.global_right ul li::after{ content:''; display:block;height:5px; width:5px; border-radius:50%; border:2px solid #000; opacity:.5; position:absolute; left: -21px; top: 9px;  margin-left: -3px; box-sizing: unset; }
.global_right ul li:nth-child(1){ display: block; left:152px;  top: -50px; }
.global_right ul li:nth-child(1)::after{ left: 50%;  top: 47px; margin-left:-5px;}

.global_right ul li:nth-child(2){ display: block;  left: 360px;  top: 62px; }
.global_right ul li:nth-child(2)::after{ left: -21px; top: 9px; margin-left: -3px; }

.global_right ul li:nth-child(3){ display: block; left:398px; top: 221px; }
.global_right ul li:nth-child(3)::after{ left: -21px; top: 9px;  margin-left: -3px; }

.global_right ul li:nth-child(4){ display: block; left: 295px; top: 367px; }
.global_right ul li:nth-child(4)::after{ left: -21px; top: -10px; }

.global_right ul li:nth-child(5){ display: block; left: -17px; top: 367px; }
.global_right ul li:nth-child(5)::after{ left: 122px; top: -10px; }

.global_right ul li:nth-child(6){ display: block; left: -108px; top: 216px; }
.global_right ul li:nth-child(6)::after{ left: 110px; top: 9px; }

.global_right ul li:nth-child(7){ display: block; left: -55px; top: 62px; }
.global_right ul li:nth-child(7)::after{ left: 92px;  top: 9px;  }

.global_left{ width:calc(100% - 870px); margin-top:100px; }
.global_left ul{ position:relative; }
.global_left ul li{ position:absolute; opacity:0; z-index:0; }
.global_left ul li img{ display: block; width:100%; }
.global_left ul li.hover{ opacity:1; z-index:5; }
.global_left ul li a{ opacity:0; margin-top:20px; display: block;     margin-left: -100px; transition: all .5s ease; transition-delay: .3s; }
.global_left ul li h2{ opacity:0; margin-bottom: 18px; font-size: 40px;  margin-left: -100px; transition: all .5s ease; transition-delay: .1s; }
.global_left ul li .miaoshu{ opacity:0; line-height:1.8; color: #6e6e6e;  margin-left: -100px; transition: all .5s ease; transition-delay: .2s; font-size:20px; }

.global_left ul li.hover a{ margin-left:0px; opacity:1 }
.global_left ul li.hover h2{ margin-left:0px;  opacity:1;}
.global_left ul li.hover .miaoshu{ margin-left:0px; opacity:1; }

.global_left ul li:before{ background: url(../images/jt.png) no-repeat center;
    content: '';
    display: block;
    width: 30px;
    height: 59px;
    position: absolute;
    left:-206px;
    top: 50%;
	margin-top: -28px;
    opacity: 0;
    transition: all 1s; transition: all .5s ease; }
	
.global_left ul li.hover:before{ opacity:.3; left: -136px; }

.img_ro{ position: absolute; top: 0; left: 0; width: 100%;  height: 100%; transition: all .5s ease; }
.img_ro img{margin-left: 62px; margin-top: 6px;}




.step .section-title{ text-align:center; color:#000; }
.step ul{ flex-wrap:wrap; justify-content:center; padding-top:5vh; overflow:hidden; }
.step ul li{ width:25%; box-sizing:border-box; text-align:center; padding:70px 20px; font-size:14px; font-weight:500; float:left; position:relative; transition: all 0.3s ease-in; z-index: 5;  }
.step ul li .nr{ transition: all 0.3s ease-in;  }
.step ul li .nr .img{ width:60px; height:60px; margin:0 auto; overflow: hidden; }
.step ul li:hover .nr{ transform:scale(1.1); }
.step ul li:hover .nr img{ filter: drop-shadow(70px 0px 0 #fff);
    margin-left: -140px; }
.step ul li span{     background: #f1f1f1;
    display: block;
    width: 150px;
    height: 150px;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -75px;
    margin-top: -75px;
    z-index: -1; transition: all 0.5s ease-in; }
.step ul li:hover span{ background:#30318d; }
.step ul li:after{ content: '';
    display: block;
    position: absolute;
    /*background: url(../images/jtstep.png) no-repeat center #00a0ea;*/
    background: url(../images/jtstep2.png) no-repeat center #fff;
    width:40px;
    height:40px;
    background-size: 60%;
    top: 43%;
    right:-13px;
    border-radius: 50%;
    padding: 10px;
    box-sizing: border-box; border: 1px solid #dfdfdf; transition: all 0.3s ease-in; }


.step ul li:hover{   }
.step ul li:before{content: '';
    display: block;
    position: absolute;
    height: 1px;
    width: 150px;
    right: -75px;
    top:50%;
    margin-top: 1px;
    z-index: -1;
    border-bottom: 1px dashed #d1d1d1; }
.step ul li:nth-child(4):before{    left: 50%;
    bottom: -26px;
    top: auto;
    width: 1px;
    height: 60px;
    border-right: 1px dashed #d1d1d1; }

.step ul li:nth-child(4):after{     left: 50%;  transform: rotate(90deg); bottom:-15px;  top: auto; margin-left:-19px; }

.step ul li:nth-child(n+5):nth-child(-n+7):after {  left: -16px;  transform: rotate(180deg);}

.step ul li:nth-child(n+4):nth-child(-n+8){ float:right; }

.step ul li:nth-child(8):after {
    left: 50%;
    transform: rotate(90deg);
    top: auto;
    bottom: 0;
        margin-left: -14px;
}


.step ul li:nth-child(n+5):nth-child(-n+7):before{ right: auto;
    left: -50px; }

.step ul li:nth-child(8):before{     left: 50%;
    bottom: -16px;
    top: auto;
    width: 1px;
    height: 60px;
    border-right: 1px dashed #d1d1d1; display:none; }

.step ul li:last-child:after { display:none; }



.step ul li:hover:after{ background: url(../images/jtstep.png) no-repeat center #30318d; background-size: 60%; right:-20px; border: 1px solid #30318d; }

.step ul li:hover:nth-child(n+5):nth-child(-n+7):after {  left: -22px;  }
.step ul li:hover:nth-child(4):after,.step ul li:hover:nth-child(8):after { bottom: -10px; }




.step ul li h4{ font-size: 17px; margin:15px 0px; margin-top: 0; max-width: 150px; margin: 0 auto; }
.step ul li h4 i{ color: #b3b3b3;
    background: #ffffff;
    display: block;
    position: absolute;
    height: 20px;
    width: 20px;
    border-radius: 50%;
    vertical-align: bottom;
    font-size: 15px;
    margin: 0 auto;
    margin-bottom: 10px;
    font-weight: bold;
    top: 50%;
    left: 50%;
    margin-top: -50px;
    margin-left: -40px; }
.step ul li img{ display: inline-block;
    max-width: 100%;
    height:60px;
    width: auto;
    border-radius: 10px;  }

.step ul li:hover img{ opacity:1; }
.step ul li:hover i{color:#30318d; }

.step ul li:hover h4{ color:#fff; }




.iconimgtxt{ margin-top:50px; }
.iconimgtxt .section-title{ text-align:center; color:#000; }
.iconimgtxt ul{ display:flex;  grid-template-columns: 1fr 1fr 1fr 1fr;  grid-gap:50px; row-gap:50px; margin-top:8vh; } 
.iconimgtxt ul li{ background: #fff; padding:20px;  border-radius: 20px; text-align:center; flex:1; }
.iconimgtxt ul li .pic img{ display: block; margin:0 auto; width: 100%; border-radius:8px; }
.iconimgtxt ul li .smallpic{ background: #30318d;
    border-radius: 50%;
    width: 100px;
    height: 100px;
    line-height: 100%;
    margin: 0 auto;
    display: flex;
    margin-top: 20px;
    margin-bottom: 20px; }
.iconimgtxt ul li .smallpic img{ display: block;
    flex: 1;
    padding: 20%; }
.iconimgtxt ul li h3{ margin-bottom:15px; }
.iconimgtxt ul li span{ color: #7f7f7f; font-weight: 500; line-height: 1.5; }




.why{ padding: 100px 0px; }
.why .section-title{ text-align:center; color:#000; }
.why_li{ 
	display: grid;
    margin: 0 auto;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    grid-gap:50px;
    row-gap:50px;
    margin-top:30px; 
}
.why_li li{
	background:#fafafa;
	padding:50px;
	border-radius:20px;
	padding-right:5vw;
	position:relative;
	transition: all .5s ease;
	cursor:pointer;
}
.why_li li .num{ color:#0071be; font-weight:bold; font-size:30px;  transition: all .5s ease;   font-size: 70px;  }

.why_li li .num span{ font-family: 'Conv_Interstate-Light'; transition: all .5s ease;  }

.why_li li .num i{ font-size: 30px;  vertical-align: text-top;  font-weight: 400; transition: all .5s ease; }
.why_li li .txt{ margin:30px 0px; color:#7f7f7f; line-height: 1.8; height: 85px; overflow: hidden;  transition: all .5s ease;}
.why_li li .img{ width:80px; overflow:hidden; }
.why_li li img{ display: block; width: 80px; }

.why_li li:hover{ background:#30318d; color:#fff; border-bottom-right-radius:100px; }
.why_li li:hover .txt{ color:#fff; }
.why_li li:hover .num span{ color:#fff; }
.why_li li:hover i{ color:#fff; }

.why_li li:hover  img{     filter: drop-shadow(90px 0px 0 #fff);  margin-left: -90px; }



.iconimgtxt_out{ background:#f1f1f1; padding:100px 0px; margin-top:100px; }





.lc04{position:relative;height:842px;overflow:hidden;background:#fff;}

.lc04 .win{ overflow: hidden; }
.lc04 .win .section-title{     color: #000000;  float: left; }
.lc04 .win ul{ float: right; display: flex; grid-gap: 30px; width: 450px;  overflow: hidden;     margin-bottom: 0px;
    margin-top: 16px; }
.lc04 .win ul li{ flex: 1;
    position: relative;
    background:#f1f1f1;
    border-radius:10px;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-align: center;
    align-items: center;
    display: -ms-flexbox;
    display: flex;
    height:70px;
    font-size: 18px; cursor:pointer; }
.lc04 .win ul li .icon{ width: 100px;
    height: 100%;
    position: relative;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    display: -ms-flexbox;
    display: flex; }
.lc04 .win ul li .icon em{    width: 6px;
    height: 6px;
    background-color: #30318d;
    border: 1px solid #30318d;
    border-radius: 50%;
    position: absolute;
    top: 20px;
    left: 20px; }
.lc04 .win ul li .icon img{     width: 42%;
    height: 30%;
    object-fit: contain; }
.lc04 .win ul li small{ margin-top: 16px;
    font-size: inherit;
    color: inherit;
    font-family: inherit; }
.lc04 .win ul li .num-b{ font-size:50px; margin-left:30px; margin-right:10px; font-weight:bold; font-family: "Heebo", sans-serif; }

.lc04 .win .img img{ display:block; width:100%; }

.lc04 .win ul li.hover{ background: #30318d;  color: #fff; font-weight: bold; overflow:hidden; }
.lc04 .win ul li.hover .icon em{ background-color: #fff;  border: 1px solid #fff; }
.lc04 .win ul li.hover .icon img{ filter: drop-shadow(70px 0px 0 #fff);  margin-left: -140px; }


.lc04::before{ content:''; display:none; position:absolute; width:100%; height:200px; top:0; z-index:100; }
.lc04::after{ content:''; display: block; position: absolute; width:100%; height:190px; bottom:0; z-index:100;  display:none;}

.lc04 .titleh2{ position: absolute; left: 5%;  text-align: left;  top: 100px; }


 .lc04 .swiper-container {
      width: 100%;
      height: auto;
      margin-left: auto;
      margin-right: auto;
	  padding-top:77px;
	}
.lc04 .swiper-slide {
  font-size: 18px;
  padding-left: 30px;
  padding-top:15px;
  /* Center slide text vertically */

  -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-property:all;
  background:url(../images/qi.png) no-repeat left top;
  
-webkit-transition: all 0.5s ease-in;
    -moz-transition: all 0.5s ease-in;
    -o-transition: all 0.5s ease-in;
    transition: all 0.5s ease-in;
  
  box-sizing: border-box;
  opacity:0.1;
  padding-bottom: 140px;
  margin-top: 400px;
}




.lc04 .swiper-slide .txt{font-size: 18px;line-height:2;color: #000;height: 70px;}
.lc04 .swiper-slide.swiper-slide-active .txt{ font-weight:bold; }
.lc04 .swiper-slide .txt span{font-size: 10px;
    display: block;
    max-height: 60px;
    overflow: hidden;
    color: #b3b3b3;
    line-height: 1.5; font-weight:500; }
.lc04 .swiper-slide .year{
    color: #30318d;
    font-family: CgFuturaMaxiLt;
    font-size: 60px;
    font-weight: bold;
    position: absolute;
    bottom: -19px;
    font-family: "Heebo", sans-serif;
    -webkit-transition: all 0.5s ease-in;
    -moz-transition: all 0.5s ease-in;
    -o-transition: all 0.5s ease-in;
    transition: all 0.5s ease-in;
    }
.lc04 .lc-bg{ position:absolute; bottom:0; }	
.lc04 .lc-bg img{ display: block; position: absolute; bottom:0; }	
.lc04 .lc-bg .lc-bg-2	{ z-index: 10; }



.topbg{ position:fixed; z-index:100; width:100vw; height:100vh; background:#fff; top:0; left:0;  }

.topbg_top{ position:fixed; z-index:101; width:100vw; height:100vh; top:0; left:0;     background: #30318d; display:none; }
.topbg_top.showdiv{ display:block; }
.topbg_top video{ display: block; min-width: 100vw; min-height: 100vh;  }
.topbg_top::before{ content:''; display: block; position:absolute; width:100vw; height:100vh; background-image: linear-gradient(to right, rgb(48 49 141 / 86%) 30%, rgb(48 49 141 / 66%)); }

.flash{ position: absolute;
    z-index: 102;
    width: 442px;
    height: 98px;
    left: 50%;
    top: 40%;
    margin-left:-221px;
    margin-top: -36px; }
.flash .logo_a{ position: relative; width: 100%;  height: 100%; }

.flash .logo_a .img1{ width: 100px;
    position: absolute;
    left: 50%;
    margin-left: -35px;
	animation-name: circleline;
	transition-timing-function:linear;
	animation-delay: .4s;
	animation-duration: 2s;
	animation-fill-mode: both;
	z-index: 10;
	}


	
	

@keyframes circleline {
  0% { 
	filter: blur(28px);
	opacity: 0;
	left: 50%;
	margin-left: -35px;
  }
  70%{
	  filter: blur(0px);
	  opacity:1;
	  left: 50%;
	  margin-left: -35px;
  }
  100% { 
	left:0;
	margin-left:0px;
  }
}


.flash .logo_a .txt{ color: #fff;
    font-size: 49px;
    font-weight: 600;
    margin-left: 30px;
    letter-spacing: -3px;
    width: 150px;
    display: flex;
    position: absolute;
    top: 0px;
    left: 104px;
    z-index: 10;}
	

.flash .logo_a .txt span{
	
	margin-right: 6px;
	
	animation-name: showa;
	transition-timing-function:linear;
	animation-delay: 2s;
	animation-duration: 1s;
	animation-fill-mode: both;
	
 }
.flash .logo_a .txt span:nth-child(2){
	animation-delay: 2.2s;
}
.flash .logo_a .txt span:nth-child(3){
	animation-delay: 2.4s;
}
.flash .logo_a .txt span:nth-child(4){
	animation-delay: 2.5s;
}

.flash .logo_a .txt span:nth-child(5){
	animation-delay: 2.6s;
}
.flash .logo_a .txt span:nth-child(6){
	animation-delay: 2.7s;
}



@keyframes showa {
  0% { 
	filter: blur(5px);
	opacity: 0;
  }
  100% { 
	  filter: blur(0px);
	  opacity:1;
  }
}


.flash .logo_a .img2{  
	position: absolute;
    top:150px;
    left: -200px;
    z-index: 4;
	left: 50%;
	margin-left: -329px;
	animation-name: showb;
	transition-timing-function:linear;
	animation-delay: 2s;
	animation-duration: 2s;
	animation-fill-mode: both;
	
}

@keyframes showb {
  0% {
	top: 150px;
	opacity: 0;
  }
  100% {
	  top: -20px;
	  opacity:1;
  }
}





.flash .logo_a .txt_2{  position: absolute;
    color: #fff;
    text-transform: uppercase;
    right: 0;
    font-weight: 300;
    font-size: 25px;
    bottom: 0px;
    letter-spacing: 0px;
    z-index: 10;
    animation-name: showc;
    transition-timing-function: linear;
    animation-delay: 3s;
    animation-duration: 2s;
    animation-fill-mode: both;
}


@keyframes showc {
  0% {
	opacity: 0;
  }
  100% {
	  opacity:1;
  }
}

.flash .link{ position: absolute;
    top: 190px;
    z-index: 10;
    display: flex;
    grid-gap: 30px;
    width: 290px;
    text-align: center;
    left: 50%;
    margin-left: -145px;
	 
	animation-name: showd;
	transition-timing-function:linear;
	animation-delay: 2.5s;
	animation-duration: 2s;
	animation-fill-mode: both;
	 
	 }
 .flash .link span{ color: #fff;
    border: 2px solid #fff;
    padding: 8px 15px;
    border-radius: 12px;
    flex: 1; transition: all 0.3s ease-in; cursor:pointer; }
 .flash .link span:hover{ background:#fff; color:#30318d; transform:scale(1.1); }	
.flash .link span a{ color:#fff; display:block; }
.flash .link span:hover a{ color:#30318d; }	
@keyframes showd {
  0% {
	top:350px;
	opacity: 0;
  }
  100% {
	  top:250px;
	  opacity:1;
  }
}	






@media screen and (max-width: 1600px) {
    
    .pic_txt .txt h3 { margin-bottom:40px;}
    .pic_txt .txt { padding: 23px 40px; }
    .win {    width:90%;}
    .global_right{ transform: scale(.8); }
    .global_left ul li h2{ font-size: 25px; }
    .global_left ul li .miaoshu{ font-size: 16px; line-height: 1.5; }
    
}




@media screen and (max-width:1500px){
    
    .nav { width: 960px; }
    .nav li a{ font-size: 16px; }
    .bg-txt span{ font-size:140px; }
    .global {  padding:200px 0px;  padding-top:180px;}
    
    .who ul div{ width: 70px;  height: 70px; margin-bottom: 15px; }
    .who ul span{ font-size: 14px; }
    
    
}

@media screen and (max-width:1366px){
	
	.logo{ width: 130px; }
	.nav{ width: 740px; }
	.nav li{ margin: 0px 20px; }
	.nav li a{ font-size: 14px; padding: 7px 0px; }
	.nav li .nav_two{ width: 170px; margin-left: -85px; }
	.nav .nav_two li a{ line-height: 35px; height: 35px; font-size:12px; }
	.erj::after{ top: 40%; border-bottom: 1px solid #fff;  border-right: 1px solid #fff; }
	header .search{ line-height: 32px; height: 32px; }
	header .search > .lang{ height:32px; }
	header .search > .lang .img svg{ width:20px; height:20px; }
	header .search > .lang .img{ padding-top: 5px; }
	
	
	.banner .txt h2{ font-size:28px; }
	.banner .txt h3{ font-size:20px; }
	.banner .swiper-slide .video{     top: calc(50% + 30px); font-size:14px; }
	.banner .swiper-slide .video svg{ width:30px; height:30px; }
	.banner .swiper-pagination-bullet{ font-size:14px; }
	.scroll{ transform:scale(.6) }
	
	
	.indexabout{ padding: 100px 0px; padding-bottom: 200px; }
	.indexabout .indexabout-left h2{ font-size:25px; }
	.indexabout .indexabout-left .txt {margin: 40px 0px; font-size:14px; }
	.idx-tags ul li{ font-size: 14px; }
	.idx-tags ul li .tags_left span.counter{ font-size:40px; line-height: 60px; }
	
	.indexabout-right .txt{ font-size:18px; }
	.link-more-inner{ font-size:12px; }
	.link-more-inner svg{ width:35px; height:35px; }
	.idx-tags{     margin-bottom: 30px; }
	
	.section-title h2{ font-size:25px; }
	.section-title .miaoshu{font-size:14px; }
	
	.photo-nav .swiper-slide{font-size:14px; }
	.photo-nav img{ width:20px; margin-right:5px; }
	.indexPro .photo-nav{     padding: 10px 0px; }
	
	.photo .swiper-slide .txt h3{ font-size:25px; }
	
	.photo .swiper-slide .prolist{ width: 250px; }
	.photo .prolist li a span{ font-size:14px; bottom:-25px; }
	
	.case-lise{ grid-gap: 30px; }
	.case-lise li{ border-radius:12px; }
	.case-lise li .img{ height:70vh; }
	.case-lise li .txt h2 { padding-bottom: 15px; font-size: 14px; }
	.case-lise li .txt .miaoshu{ padding-top: 15px;  margin-bottom: 15px; height: 18px; font-size: 12px; }
	.case-lise li .txt{ bottom:20px; }
	
	.index-news-list li a .txt{ padding: 20px; }
	.index-news-list li a h2{ font-size:14px; padding-bottom: 40px; }
	.index-news-list li a time{ font-size:12px; }
	
	.up{font-size:12px; }
	.code{ font-size:12px; }
	.bot_nav{ margin-left: 40px; }
	.bot_nav ul{ margin-left: 30px; }
	.bot_nav ul li a{ font-size:12px; }
	
	.tel h3{ font-size:14px; }
	.tel .tel_text h3{ font-size:20px; }
	.tel .tel_text span{ font-size:14px; }
	
	.bannerPage .txt .ico span{ width: 13px;  height: 9px; }
	.bannerPage .txt h2{ font-size:25px;  }
	.bannerPage .txt h3{ font-size:25px; }
	.bannerPage .txt span{ font-family:"Microsoft YaHei", Helvetica Neue, Helvetica, Arial, sans-serif; }
	.bannerPage .win{ margin-top: -55px; }
	
	.about{ padding: 80px 0px; padding-bottom:0px; }
	
	
	.about .profile h2{ font-size:28px; margin-bottom:25px; }
	.profile .miaoshu{ font-size:14px; }
	
	
	.about .idx-tags{ margin-top: 80px; max-width:950px; }
	.bg-txt { top: 320px; }
	.bg-txt span{ font-size: 120px; }
	
	
	
	.about-3{ margin-top: 70px; }
	.about-3 .about-3-li h3{ font-size:14px; }
	.about-3 .about-3-li .miaoshu{ font-size:12px; margin: 20px 0px;  margin-bottom: 0px; }
	
	.about-3 .about-3-li .ico{ width: 40px; height: 40px;  padding: 10px; margin-top: 30px; }
	.about-3 .about-3-li{ padding:7%; }
	
	.hon_con_box .swiper-container .honor_con_me .honor_img_{ height: 220px; }
	.hon_con_box .swiper-container .honor_con_me .honor_t{margin-top: 18px; font-size: 14px; }
	
	.swiper-button-prev, .swiper-container-rtl .swiper-button-next, .swiper-button-next, .swiper-container-rtl .swiper-button-prev{ width:30px; height:30px; }
	.about.abouta { padding-top: 130px; }
	
	.products-left{ padding: 10px 0px; width: 260px; }
	.products-left dl{ text-indent:0; max-height: 55px; }
	.products-left dl dt img{ width:25px; }
	.products-left dl dt{ padding: 15px; }
	.products-left dl dt a{ font-size:14px; }
	.products-left dl dd a{ text-indent: 55px; line-height: 30px; font-size: 12px; }
	.products-left dl dd a::before{ width: 4px; height: 2px;     margin-right: 7px; }
	.products-right { width: calc(100% - 300px); }
	.products-right ul li .title a{ height: 50px; line-height: 50px;font-size:14px; }
	.products-right ul li svg{  width: 30px;  height: 30px; margin-top: 10px; }
	.products-left dl dt span{ height: 25px;  line-height: 25px; font-size: 30px; font-weight: 300; }
	
	.page b, .page a{ font-size:14px; line-height: 30px; height: 30px; width: 30px; }
	
	.products-show-rt h1{ font-size:18px; }
	.products-show-rt .miaoshu{ font-size:12px; margin: 20px 0px; }
	.products-show-rt .prokf li.kf a { padding: 15px 30px; font-size: 12px;}
	.products-show-rt .prokf li.wei{ padding: 13px 13px; }
	.products-show-rt .prokf li.wei img{ width: 20px;  height: 20px; }
	.products-show-nr{font-size:12px; }
	table td{ font-size:12px; }
	.products_pic { padding: 20px 0px;  padding-top: 50px; }
	.products-show-rt{ width:60%; }
	.products-show-lf{ width:35%; }
	.products_pic .gallery-thumbs .swiper-slide{ width: 40px !important; border:2px solid #f1f1f1; }
	.gallery-thumbs .swiper-slide.swiper-slide-thumb-active {  border:2px solid #30318d !important; }
	
	.linkpro ul li .title a{ font-size:14px;     height: 50px; line-height: 50px; }
	.linkpro ul li svg{ margin-top: 10px; width: 30px;  height: 30px; }
	
	
	
	.companyname_info span{     line-height: 35px; font-size: 14px; }
	.companyname h3, .contact_a h3, .companyname h2, .contact_a h2{ font-size:28px; }
	.contact { padding-top: 84px; }
	.p-list7{     top: 80px; }
	.p-list7 li{ font-size: 14px;  width: 100px;  height: 35px;     line-height: 35px; }
	.p-list7 li.wei{ margin-top: 112px; }
	
	.lm_nav_ul_li li a{     min-width: 70px; font-size: 14px; }
	.lm_nav_ul_li li.hover a, .lm_nav_ul_li li:hover a{ font-size:18px; }
}




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

	header{ padding:10px 0px;  }
	.win{ min-width:auto;     width: 90%; }
	
	.nav{ position: fixed;
    float: none;
    margin-left: 0;
    width: 100%;
    opacity:0;
    left: 0;
    background: #fff;
    top:57px;
    display: block;
    transition: opacity .3s cubic-bezier(.43,.195,.02,1),transform 1s cubic-bezier(.43,.195,.02,1);
    transform: translateY( calc(-100% - 71px) ); z-index: -1; padding-bottom: 30px; }
    .nav li{ margin-left: 0;  width: 100%; text-align: left; border-bottom: 1px solid #f1f1f1; }
	.nav li a{ width:auto; display:inline-block; font-size: 18px; padding: 20px 0px;         padding-left: 5%;
        padding-right: 5%; }
	.nav .nav_two li{ text-align:left;         border: none; } 
	.nav .nav_two li a{ display: inline-block; width:auto; font-size:16px; }
	.nav li a.erj {
        width: 100%;
        text-align: left;
        padding-left: 5%;
        padding-right: 5%;
        box-sizing: border-box;
    }
	
	.nav.appDown{ opacity: 1; pointer-events: auto; transform: none; max-height: 75vh;
    overflow-y: scroll;
    box-sizing: border-box;
    overflow-x: hidden;}
    
    .nav li span{         opacity: 0;
        display: inline-block;
        height: 20px;
        width: 190px;
        margin-left: -11px;
        padding: 20px 0px;
        vertical-align: middle;
        position: absolute;
        right: 0; }
    .nav li a{ color: #000; }
    .erj::after{         right: 5%;     border-bottom: 2px solid #000;
    border-right: 2px solid #000; }
    
    
    .erj i{border: 1px solid #000;
    display: inline-block;
    height: 10px;
    width: 30px;}
    
    .nav li .nav_two{     transition: all 0s ease; padding-left: 5%; }
    
    .nav>li:hover>.nav_two{ position: relative; border-top: 0; box-shadow: none; margin-top: 0; padding-top: 0; width: 100%; left: 0; margin-left:20px; }
    
	.logo{ width:150px; margin-top:0px; }
	.logo a img{ width:100%; }
	.logo a img.pc{   }
    .logo a img.app{   }
    header .search{ height: 36px;  line-height: 36px; }
    header .search > .lang{ height:36px; }
    .jd-icon-search {
    font-family: icomoon;
    color: #fff;
    font-size: 15px;
    font-weight: bold;
}
header .search > .lang{ margin-left: 20px; }

 

     header .bg{ z-index:-2; pointer-events: none; background-color: rgba(0,0,0,.5); width: 114%; height: 120vh; transition: opacity .3s ease-in-out; position: absolute; top: 71px; left: -7%; opacity:0; }
     
    header .bg.appDown{ opacity: 1; pointer-events: auto; }
    
    #app header .appNav .right .menu.active .line:before {
        background-color: #131212;
        transform: rotate(45deg);
        }
    
    .sj_nav{ float: right; width: 30px; height: 36px; position: relative; margin-left: 25px; }
    .sj_nav span{ background-color: #fff; border-radius:2px;  width:15px; height:3px; margin:auto 0; transition: all .4s; display: block;  position: absolute; top: 0; bottom: 0; transition: all .4s; }
    
    .sj_nav.close span{ background-color: #fff; }
    
    .sj_nav span:before {
    content: "";
    backface-visibility: hidden;
    background-color: #fff;
    border-radius: 2px;
    width:25px;
    height: 3px;
    margin: auto;
    transition: all .4s;
    display: block;
    position: absolute;
    transform: translateY(8px);
    transition: all .4s;
    }
    
    .sj_nav.close span:before {
        background-color: #131212;
        transform: rotate(45deg);
    }
    

    .sj_nav span:after {
    content: "";
    backface-visibility: hidden;
    background-color: #fff;
    border-radius: 2px;
    width:25px;
    height: 3px;
    margin: auto;
    transition: all .4s;
    display: block;
    position: absolute;
    transform: translateY(-8px);
    transition: all .4s;
    }
    
    .sj_nav.close span:after {
        background-color: #131212;
        transform: rotate(-45deg)translateY(0);
    }
    
    header.on .sj_nav span{ background-color: #000; }
    header.on .sj_nav span:after{ background-color: #000; }
    header.on .sj_nav span:before{ background-color: #000; }
    
    .sj_nav.close span{         background-color: rgba(255, 255, 255, 0); }
    header.on .sj_nav.close span{ background-color: rgba(255, 255, 255, 0); }
    
	.banner{ margin-top:0px; }
	.banner img{ height:auto; width:100%; right:0; }
	.banner .swiper-pagination{ width:90%; min-width:auto;  left: 5%; bottom:20px }
	.banner .swiper-slide::before{     background-image: linear-gradient(to right, rgb(255 255 255) 50%, rgb(255 255 255 / 0%)); }
	.banner .swiper-slide{ overflow:hidden; }
	.banner .txt{ margin-top:130px;
        width: 90%;
        margin-left: 0;
        top: 0;
        left: 5%;
        min-width: auto;  }
	.banner .txt h2{ font-size:18px; margin-bottom:15px; }
	.banner .txt h3{ font-size:16px; }
	.banner .txt span{ font-weight:500; font-size:12px; width: 100%; margin-top:20px; overflow: hidden;  text-overflow: ellipsis;   display: -webkit-box;  -webkit-line-clamp: 3;  -webkit-box-orient: vertical;   height:55px; }
	.banner .swiper-slide img{     width:220%; margin-left: -55%; }
	.banner .swiper-slide img.pc{ display:none; }
	.banner .swiper-slide img.app{ display:block; width:100%; margin-left:0px; }
	.swiper-button-next:after, .swiper-button-prev:after{ font-size:20px; font-weight: bold; }
	.banner .swiper-slide .video{ top:190px; line-height: 50px;  font-size: 14px;          left: 5%;}
	.banner .swiper-slide .video svg{ width:25px; height: 25px; margin-right:7px; }
	.bigpic img{ width:100%; display:block; }
	.banner .swiper-pagination-bullet{ font-size:18px; }
	header .search .enter{ position: absolute;
    top: 65px;
    left: auto;
    width:100%;
    right: 0;
    padding: 0;
    box-sizing: border-box;
    display: none;
    z-index: 5;
    background: #fff;
    border-radius: 10px;  }
    .sear_list{     padding-top: 56px; }
	.search .searname{     height: 50px;  line-height: 50px;         font-size: 14px; }
	header .search .enter .txt{ height: 50px;  line-height: 50px;         font-size: 14px; }
	header .search .enter .sub{ right: 15%; line-height: 50px; width: 13px; background-size: 100%; }
	header .search .enter .close{ padding-top:1px; right: 5%; width: 13px; }
	header .search .enter .close img{ width:100%; }
	header .search .enter form{ height:58px; }
    
    header .search > .lang .img{ width:auto;  padding-top:0px; height:100%; }
    .kefu ul li .box{ width:170px; font-size:12px; }

    header .search > .lang .txt{     padding: 10px 20px; margin-left: -36px; top: 44px; }
	header .search > .lang .img svg{ width: 25px; height: 25px; margin-top: 5px; }
    header .search > .lang path { fill:#fff; }
	
	.scroll{ right:5%; height:20px; width:13px; bottom:20px; }
	.scroll em{ height:6px; width:2px; }
	@keyframes line1Beforeaa
		{
			from {margin-top:3px;}
			to {margin-top:6px;}
		}
		
	.indexabout{ padding: 30px 0px;background: url(../images/bg1.jpg) no-repeat center bottom #e6f0fa; background-size: contain;  }
	.indexabout .indexabout-left{ width:100%;     margin-bottom: 30px; }
    .indexabout .indexabout-left h2{ font-size:16px; }
	.indexabout .indexabout-left .txt{ margin: 30px 0px; font-size:14px; color:#5c5c5c; }
	.idx-tags{     margin-bottom:20px; }
	.idx-tags ul li{ margin-right:20px; font-size: 14px; margin-bottom:10px; }
	.idx-tags ul li .tags_left span.counter{ font-size:25px;  line-height:35px;}
	
	.indexabout-right .txt{     padding: 5%; font-size: 16px; }
	.indexabout .indexabout-right{ width:100%;     border-radius: 10px; }
	.link-more-inner .link-more-main{ font-size:12px; }
	
	.indexPro .section-title,.indexPro .photo-nav{ float:none; }
	.indexPro .photo-nav{ margin-top: 15px; float: none; padding: 10px 10px; }
	.indexPro .indexPro-top.win{ top:30px }
	.section-title h2{ font-size:16px; }
	.section-title .miaoshu{ font-size:14px; }
	.photo-nav .swiper-slide{ font-size:14px; }
	.photo-nav img{     width: 25px; }
	
	.photo-nav .swiper-slide.swiper-slide-thumb-active{ transform:scale(1); }
	
	.indexPro .photo-nav{ margin-top:10px; }
	.photo .img img{ height:500px; margin-left: -340px; width:auto; }
	.photo .win{ bottom:40px; }
	.photo .swiper-slide .txt .link-more-inner{ font-size:14px; margin-bottom:10px; }
	.link-more-inner svg{ width:30px; }
	.photo .swiper-slide .txt h3{ font-size:14px; }
	.photo .swiper-slide .txt,.photo .swiper-slide .prolist{ position:static; }
	.photo .swiper-slide .prolist{ margin-top:30px; width:70%; margin-top: 15px; grid-gap: 20px; }
	.photo .prolist li{  border-radius: 5px; }
	.photo .prolist li a span{ font-size:14px; font-weight:500; bottom: -25px; white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden; }
	
	
	
	.case{     padding: 30px 0px; }
	.case-lise{display:flex;  }
	
	.case .case-lise{ display: block; }
	.case .case-lise li {         margin-bottom: 20px; }
	.case-lise li { margin-bottom:0px;     border-radius: 10px; }
	.case-lise li .img{     height:260px;  overflow: hidden; }
	.case .win .link-more-inner-case{ font-size:14px;         left: 0;  top:80px; }
	.case .section-title{     margin-bottom: 70px; }
	.case-lise li .txt{ bottom:20px; width: 90%; left: 5%; }
	.case-lise li .txt h2{ font-size:14px; padding-bottom: 15px; }
	.case-lise li .txt .miaoshu{     padding-top: 10px; margin-bottom: 10px; font-size:12px;         height: auto; }
	.case-lise li .txt .link-more-inner{ font-size:12px; }
	.index-news { padding:30px 0px; }
	
	.swiper-button-prev, .swiper-container-rtl .swiper-button-next, .swiper-button-next, .swiper-container-rtl .swiper-button-prev{     width: 40px;
    height: 40px; }
	
	
	
	.index-news .win .link-more-inner-case{ font-size:14px;  left: 0;  top:60px; }
	
	.index-news .section-title{ margin-bottom:80px; }
	.index-news-list{     grid-template-columns:1fr; grid-gap: 20px; }
	.index-news-list li a .txt{ padding:20px; }
	.index-news-list li a h2{     font-size: 14px;  padding-bottom: 30px; }
	.index-news-list li a time{ font-size:12px; }
	.index-news-list li{     border-radius: 10px; }
	
	
	.bot_nav{ display:none; }
	.code{ margin-left: 20px;
        width: 80px;
        font-size: 12px;}
	.code img{ width:100%; }
	.tel .tel_text h3{ font-size:18px; }
	.beian .rt{ display:none; }
	
	.bannerPage .win{     margin-top:-30px; }
	.bannerPage .txt .ico span{     height: 10px; margin-right: 6px; width: 12px; }
	.bannerPage .txt h2,.bannerPage .txt h3{ font-size:18px; margin-bottom:10px; margin-top:0px; white-space:nowrap;}
	.bannerPage .txt h3{ font-size:14px; }
	.bannerPage .img img{ height:300px; margin-left:-100px;         width: 200%; }
	.bannerPage.bannerPage_about .img img{ margin-left: -300px; }
	.bannerPage.bannerPage_news .img img{ margin-left: -300px;  }
	.about{     padding: 30px 0px; background-size: cover; }
	.about.abouta { padding-top:100px; }
	.about .profile{ text-align:left; }
	.about .profile h2{ font-size: 18px;  margin-bottom: 10px;   line-height: 30px; font-weight:600; margin-bottom: 30px; line-height: 1.5; }
	.profile .miaoshu{ font-size:14px; letter-spacing:0px; }
	.bg-txt{ display: none; }
	.bg-txt span{ font-size:36px; }
	.about .idx-tags {         margin-top: 30px;  max-width:none; }
	.about .idx-tags ul{ overflow:hidden; }
	.about .idx-tags ul li{ width:33%; margin-right:0px; float:left; margin-bottom:10px; }
	.idx-tags ul li .col2{ margin-left:0px; opacity:.5; }
	.company_right.company_right_nr{ padding-top:50px; }
	.company_right_nr .back{ margin-left:0px;         font-size: 14px; }
	
	.xle_swp{ margin-top:0px; padding-bottom: 60px;  margin-bottom: 30px; }
	.xle_swp .section-title .miaoshu{ display:none; }
	.xle_swp .section-title{ margin-bottom: 20px; }
	.xle_swp img{   }
	.xle_swp .swiper-slide a::after{ bottom: 0; display:none; }
	.xle_swp .swiper-slide a{   display:block;  border:0px solid #ff0000; }
	.xle_swp .swiper-slide a span{  padding:10px;  font-size: 14px; width:100%; box-sizing: border-box;  display:block; opacity:1; }
	.about-3{ margin-top:30px;     grid-template-columns:1fr; }
	.about-3 .about-3-li{ border-right:1px solid #dddddd; border-bottom:0px;     padding:5%; }
	.about-3 .about-3-li:last-child{ border-bottom:1px solid #dddddd; }
	.about-3 .about-3-li h3{ font-size:16px; }
	.about-3 .about-3-li .miaoshu{ font-size:14px;     margin:15px 0px; }
	.about-3 .about-3-li .ico img{ width:100%; }
	.about-3 .about-3-li .ico{  width: 40px;
        height: 40px;
        margin-top: 30px;
        padding: 10px;}
	.aboutVideo{ padding:30px 0px; }
	.aboutVideo .video{  width: 100%;  height: 265px; }
	.aboutVideo::after{ top: 160px; }
	.play{     top: 40%; }
	
	.hon_con_box{     padding:30px 0px;         padding-bottom: 0px; }
	.hon_con_box .swiper-container{ width:70%;     padding-bottom: 30px; }
	.hon_con_box .swiper-container .honor_con_me .honor_t { font-size: 14px;     margin-top: 20px; }
	
	.company{ padding:30px 0px; }
	
	.company_left{ float:none; position:static; overflow-x: scroll; width: 100%; }
	.company_right{ width:100%;  padding-left: 0px; }
	
	.company_left ul li{ display:inline-block; margin-right:10px; font-size:14px; padding: 10px 15px; }
	.company_left ul{ width:640px; }
	.company_left ul li a{     padding:10px 16px; font-size: 15px; }
	.company_left ul li.hover a::after, .company_left ul li:hover a::after{     right: 50%;  margin-right: -5px; opacity:1; }
	.company_left ul li a::after{ right: 50%;  margin-right: -5px; opacity:0; }
	
	.company_left ul li.hover::after, .company_left ul li:hover::after,.company_left ul li::after, .company_left ul li::after{ right: 50%;  margin-right: -5px; top: 32px; }
	
	.company_right .title{     margin-bottom: 20px;  margin-top: 20px;         margin-left: 0px;  font-size: 18px; }
	.companyA .company_banner{     margin-bottom: 20px; border-top-left-radius: 20px; border-bottom-right-radius: 20px; }
	.companyA .company_con{     margin-bottom:30px; font-size: 14px; color: #656565; line-height:1.5; }
	.companyA .company_con h3{ font-size:18px; margin-top:10px;  margin-bottom: 10px; }
	.companyA .idx-tags{ margin-bottom:0px; }
	.companyB .company_case{     padding-bottom: 60px; }
	
	.companyB .swiper-button-next, .companyB .swiper-container-rtl .swiper-button-prev{  margin-left: 60px; }
	
	.companyB{ margin-bottom:30px; }
	
	.companyC .img { grid-gap:10px; row-gap:10px; }
	.companyC .img li span{ font-size:12px; padding:10px; }
	.companyC .img li{     border-radius:5px; }
	
	.company_right_nr .companyC .img{     grid-template-columns: 1fr 1fr; }
	
	.about .box{     margin-top:30px;   margin-bottom:30px; }
	.about .box .list{ width:100%; margin-bottom:30px; }
	.about .box .list .num{ font-size: 46px; top: -20px; left: -26px; }
	.about .box .list .photo{     border-radius: 30px 0 30px 0; }
	.about .box .list:nth-of-type(2n){ margin-top:0px; }
	.about .box .list .msg h3{ font-size:18px; }
	
	.hon_con_box .swiper-container .honor_con_me .honor_img_{     height: 178px; }
	
	.about .sl{     margin: 30px 0px; }
	.itms-1-2{ width:100%; height:auto; }
	.itms-1-2 .img{ display: block;
        width: 210px;
        height: 210px;
        margin: 0 auto;
        padding: 20px;}
	
	.itms-1-2 .text{ position: absolute;
        top: 0;
        font-size: 25px;
        width: 70px;
        height: 70px;
        padding: 25px;
        margin-left:-60px;
        margin-top: 68px;}
	.itms-1-2 img{     width: 86%;
    display: block;
    margin-left: 7%;
    margin-top:0px; }
	.itms-1-2 .img img{         margin-top: auto;
        padding-top: 10px; }
	
	
	.itms-1-2 .c1png{ margin-left: -75px;  margin-top: -75px; width: 150px; }
	.itms-1-2 .txt{ margin:0 auto; position:static; width:100%; height:auto; display: grid;  grid-template-columns: 1fr 1fr 1fr;  grid-gap:20px; row-gap:20px; margin-top:30px; }
	.itms-1-2 .txt li{  position: static; transform: none !important; }
	.itms-1-2 .txt li h4{ font-size:14px; }
	.itms-1-2 .txt li span{ width: 40px;  height: 40px;line-height: 40px; }
	
	
	.shibe .title{ font-size: 18px; margin-bottom: 30px; }
	.shibe .img .imglf{ width:100%; grid-gap: 20px; row-gap: 20px;     grid-template-columns: 1fr; }
	.shibe .img .imglf div, .shibe .img .imgrt div{ border-radius: 10px; }
	.shibe .img .imglf div span, .shibe .img .imgrt div span{ font-size:14px; padding: 15px; transition: all .5s ease; }
	.shibe .img .imgrt{ width:100%;         margin-top: 20px; }
	
	.shibe{     margin-top:30px;  margin-bottom:30px; }
	
	.casePage{     padding: 20px 20px;    margin-top: -70px; border-radius: 15px; min-height:auto; }
	.back {  margin-bottom: 20px; font-size:12px; }
	.back a{     padding-left: 13px; }
	.back a::before{ margin-left: 0px; top: 3px; }
	
	.casePage h1 { margin-bottom:20px; font-size: 18px; }
	.casePage .miaoshu{ font-size:14px;         margin-bottom: 30px; }
	.shoppic_title{ font-size:14px;     padding-bottom: 20px; }
	.shoppic_title::after{ height: 3px;  width: 26px; }
	
	.piclist{ margin:30px 0px;         margin-bottom: 0px; }
	
	.win.lm_nav{ width:100%;     padding: 0 5%;  }
	.lm_nav_ul_li{ float:none; overflow-x: scroll;   }
	.lm_nav_ul_li .lm_nav_ul_li{ width:1000px; }
	.lm_nav_ul_li li{ display:inline-block; float: none; margin-right:30px; }
	.lm_nav_ul_li li a{ font-size:16px;     padding: 30px 0px; min-width:auto; }
	.lm_nav_ul_li li.hover a, .lm_nav_ul_li li:hover a{ font-size:18px; }
	
	.products{ padding: 30px 0px; }
	.products-left{ width: 100%;
        float: none;
        min-height: auto;
        background: #fff;
        position: fixed;
        bottom: 0;
        left: 0;
        padding: 0px;
        box-sizing: border-box;
        border-bottom-left-radius: 0px;
        border-bottom-right-radius: 0px;
        box-shadow: 0 10px 35px 5px rgba(0, 0, 0, 0.1);
        z-index: 10;
        height: 50vh;
        overflow-y: scroll;
        border: 20px solid #fff;
		display:none;}
	
	.products-right{ width:100%; }
	.products-right ul{ grid-template-columns:1fr 1fr; grid-gap: 15px; row-gap: 15px; }
	
	.products-right ul li .title a{ font-size:14px;     height: 40px;  line-height: 40px; }
	.products-right ul li svg{ width: 40px;     margin-top: 4px; }
	
	.products-show{ padding:30px 0px; padding-bottom: 0px; }
	.products-show-lf{ width:100%; position:relative;         top: 0px !important; }
	.products_pic{ padding:0px; box-sizing: border-box; }
	.products-show-rt{ width:100%; margin-top:30px; }
	.products-show-rt h1{ font-size:18px; }
	.products-show-rt .miaoshu{ font-size:14px; margin: 15px 0px; }
	.products-show-nr{ font-size:14px; }
	.products-show-rt .prokf li.kf a { padding:10px 30px; font-size:14px; }
	.products-show-rt .prokf li img{ width:20px; }
	.products-show-rt .prokf li.wei{ padding:10px; }
	.products-show-rt .prokf li.download a{ padding:5px; }
	.products-show-rt .prokf{ margin-bottom:15px; }
	.products-show-nr table td{ font-size:14px; }
	
	.xgpro{ padding: 30px 0px; }
	.xgpro h3{ font-size:18px;         text-align: left; border-bottom: 1px solid #f1f1f1;
    padding-bottom: 20px; }
	.linkpro ul li .title a{ font-size:14px; }
	
    footer{ padding: 30px 0px; padding-bottom: 0; }
	.tel h3{ font-size:12px; margin-top:0px; }
	.tel .tel_text span{ font-size:12px; }
	.companyB .swiper-button-next, .companyB .swiper-container-rtl .swiper-button-prev, .companyD .swiper-button-next, .companyD .swiper-container-rtl .swiper-button-prev{ margin-left: 60px; }
	.companyD{ margin-top: 30px; }
	.companyD .honor .swiper-slide img{ max-height: 170px; margin: 0 auto; }
	.companyD .honor .swiper-slide span{ font-size: 12px;
        max-width: 190px;
        margin: 0 auto;
        line-height: 1.5;
        margin-top: 10px; }
	.companyD .honor{ padding-bottom: 50px; }
	
	.pic_txt img{ width:100%; }
	.pic_txt .txt{ width: 100%;
        padding: 15px;
        box-sizing: border-box;
        margin: 0px;}
	.pic_txt .txt h3{ margin-bottom: 15px; font-size:18px; }
	
	.job {padding-top: 70px;}
	.job h2{ font-size:18px; margin: 0;  margin-bottom: 20px; }
	.txt_con {
		font-size: 14px;
	}
	.txt_con p {
		line-height:1.5;
		color: #979797;
	}
	.txt_con span {
		font-size: 14px;
	}
	.job_swiper .swiper-button-next, .job_swiper .swiper-button-prev {
		font-size: 40px;
		margin-top: -110px;
	}
	.hot_job .tag{font-size:12px; }
	.joblist{ margin-top: 30px;  margin-bottom: 30px; }
	.navlist .navlist_list h3 span{ float: right; line-height: 20px; }  
	.joblist h2{ font-size:18px; }
	.navlist{ margin-top:20px; }
	.navlist .navlist_list h3{ font-size:14px; }
	.jiansb li{ font-size:12px; }
	.joblist .joblist_left{ width:100%; float:none; }
	.joblist .joblist_right{ width:100%;  float:none; margin-top:20px;}
	.hot_job li .text{ color: #3b3b3b;         font-size: 12px; }
	.hot_job li h2{font-size:14px; }
	
	.job_con{ margin-top: 70px; display: block; }
	.job_left{ -webkit-flex-basis:100%; -ms-flex-basis: 100%; flex-basis:100%; max-width:100%; width:100%; }
	.job_left_a, .job_left_b{ padding: 20px; }
	.job_left h2{ font-size:18px; }
	.job_left .tag span{ font-size:14px; }
	.job_con_text{ margin-top: 20px; margin-bottom:0; font-size: 14px; }
	.job_right{ width: 100%; max-width: none; padding: 0px; }
	.job_right .btn{ margin-top: 20px; padding: 10px 0px; font-size: 18px; }
	
	.products-left dl{ text-indent: 0px;  max-height: 55px;}
	.products-left dl dt{ padding:20px 0px; margin-bottom:0px; }
	.products-left dl dt a{ font-size:16px; }
	.products-left dl dt img{ margin-right:5px; width: 25px; }
	
	.products-left dl dd a{ font-size:14px;     text-indent: 30px; line-height: 35px; }
	.products-left dt span{ height: 30px; line-height: 30px; }
	.products_pic .gallery-thumbs .swiper-slide{ width:50px !important; border-radius: 5px;     border: 2px solid #30318d !important; }
	
	.showpronav_open { display: block; }
	.showpronav_open,.showpronav_close{ position: fixed;
        bottom: 40px;
        height: 45px;
        width: 45px;
        text-align: center;
        line-height: 45px;
        font-size: 25px;
        border-radius: 50%;
        background: #fff;
        color: #000;
        font-weight: bold;
        right: 5%; z-index: 11;         box-shadow: 0px 0px 10px 2px rgba(0, 0, 0, 0.2); }
	
	.products_out{ min-height:600px; }
	
	.ronyu img{ width:30px; }
	
	.p-list7 li{ width: 90px;  height: 35px; line-height: 35px; font-size:14px; }
	.p-list7 li.wei{ height: 40px;margin-top: 78px; width: 45px; padding: 7px; }
	
	.contact { padding-top:0px;}
	.companyname h3, .contact_a h3, .companyname h2, .contact_a h2{  font-size: 16px; margin-bottom: 15px; }
	.companyname_info span{ font-size: 14px;
        position: relative;
        padding-left: 21px;
        line-height: 1.3;
        margin-bottom: 12px; }
    .companyname_info span i{     position: absolute; left: 0px; }
    .p-list7{ display:none; }
	.companyname{ margin-top: 100px; margin-bottom: 40px; }
	.p-list7{ right: 5%;  top: 20px; }
	.p-list7 li.wei svg{ width:25px; height:25px; }
 
	
	.map-con .con {
		width: 100% !important;
	}
	
	.map-con{ width:220px; }
	.cotantmap{  height:700px;    background: url(../images/contactbg.jpg) no-repeat center top;  background-size: 250%; }
	.map-con h3 {
		font-family: FandolSong-Bold;
		font-size: 14px;
		font-weight: 500;
		margin-bottom: 16px;
	}
	.map-con li {
		position: relative;
		padding-left: 16px;
		font-size: 12px !important;
		line-height: 18px;
		margin-bottom: 6px;
	}
	.p-list7 li.wei .txt{ width: 90px;  margin-left: -50px; }
	.p-list7 li.wei:hover .txt{ top: 52px; }
	.nav li .nav_two{ border:none; }
	header.on .nav li .nav_two li a,header .nav li .nav_two li a{  color: #6d6d6d; font-size:14px; line-height: 40px;  height: 40px; }
 
	
	.news_art h1{ padding:0; font-size: 16px; text-align:left; }
	.position .text{ padding: 15px 0; font-size: 12px; }
	.biaoqian{ font-size:12px; }
	
	.news_art .content img{ max-width:100%; height:auto !important; }
	.products-right ul li .title a span{ width:70%; }
	
	.piclist .swiper-slide img, .piclist .swiper-slide video{ height:300px; }
	
	.page b, .page a{ font-size:14px; height: 26px; width: 26px;  line-height: 26px; text-align:center; margin: 0 4px; }
	
	.page a:first-child{ margin-left:0px; }
	.page a:last-child{ margin-right:0px; }
	
	.page { text-align: left; margin-top: 30px; margin-bottom: 30px; }
	
	.company_li li{ width:100%; margin-right:0px; }
	.company_li li h4,.company_li li a:hover h4{ font-size:18px; bottom: 23%; }
	
	 
	.gotopage a{    padding: 10px 40px; font-size: 14px;
    border-radius: 40px;
    margin: 0 15px; }
	.news_art .content{ font-size:14px; margin-top: 20px; }
	
	.about.abouta::before{ height: 16vh; }
	.products-show-nr table{ min-width:850px; }
	
	
	.global{ padding: 0px 0px; padding-top: 0px; margin-top: 30px; padding-bottom: 220px; background-size: cover; }
	.global_right{margin: 0 auto;  float: none;  margin-left: -35px;  transform: scale(.5);  width: 384px; margin-top: -50px; }
	.global_left{ float: none; width: 100%;  margin-top: -70px; text-align: center; }
	.global_left ul li{ width:100%; }
	.global_left ul li h2{ margin-left: 0; font-size:16px; margin-bottom: 10px; }
	.global_left ul li a{     margin-top: 10px; }
	.global_left ul li .miaoshu{ font-size:14px; }
	.global_left ul li .link-more-inner{ text-align: center;  display: inline-block; }
	
	.who .win{ padding: 30px 0px; }
	.who .section-title{ margin-bottom: 10px; }
	.who .section-title h2{ margin-top:0px; }
	.who video{ height:100%; width:auto; }
	
	.who ul{ grid-template-columns: 1fr 1fr; display: grid; grid-gap: 15px;  padding-top: 10px; }
	.who ul li{ padding: 20px 15px; width:100%; }
	.who ul div{ width: 50px; height: 50px;  margin-bottom: 10px;  padding: 10px; }
	
	.network{     padding: 30px 0px; }
	.network .con {
    width: 90%;
    margin: 0 auto;
}
	.network .con h2 {
    font-size: 16px;
    font-weight: 600; margin-top:0px; }

.network .con .miaoshu {
    font-size: 14px;  color: #bebebe;
}

.network .con ul{ width: 100%;
        grid-template-columns: 1fr 1fr;
        display: grid;
        grid-gap: 15px; width: 100%; margin-top:10px; }
.network .con ul li{ height:50px; font-size: 14px; }
.network .con ul li .num-b{ font-size:20px; margin-left: 0px; }
.network .con ul li small{ font-size: 12px;   margin-top: 0px; }

.network .con ul li .icon{ width:35px; }
.network .con ul li .icon em{ width: 3px;  height: 3px;top:17px;  left: 8px; }
 .hon_con_box .win {
    margin-bottom: 30px;
}
.hon_con_box  .section-title { text-align: center; }
.hon_con_box  .section-title h2{ margin-top:0px; }
.hon_con_box .swiper-container .honor_con_me .honor_img_{ width:100%; height:auto; }
.hon_con_box .swiper-container .swiper-slide.active .honor_con_me .honor_t{ opacity:1; }
.hon_con_box .swiper-slide.active img{ transform: scale(1);  transition: all .5s ease-in; opacity: 1;}

    .hon_con_box .swiper-container {
        width:60%;
        padding-bottom:40px;
    }
.hon_con_box .swiper-button-next{ right: 10%; }
.hon_con_box .swiper-button-prev {left: 10%;}


    .lc04{ height:550px; }
.lc04 .win ul{ width:100%; 
        grid-template-columns: 1fr 1fr;
        display: grid;
        grid-gap: 15px; }
.lc04 .win ul li{ height:50px;     font-size: 14px; }
.lc04 .win ul li .icon{ width:80px; }
.lc04 .win .section-title{ text-align: center; float:none; }
.lc04 .win .section-title h2{ margin-top:0px; }
 .lc04 .titleh2{ top: 30px; text-align:center; }
    .lc04 .swiper-slide{ margin-top: 120px;  padding-bottom: 50px;  padding-top: 20px;font-size: 16px; padding-left: 15px; }

    .lc04 .swiper-slide.swiper-slide-active{ margin-top:0px; }
    .lc04 .swiper-slide.swiper-slide-next{ margin-top:50px; }
    .lc04 .swiper-slide .txt{ transition: all 0.5s ease-in; }
    .lc04 .swiper-slide.swiper-slide-next .txt{ height:88px; }
    .lc04 .swiper-slide.swiper-slide-prev{ margin-top: 155px !important; }

    .lc04 .swiper-slide .txt{ font-size:12px; height: 97px; line-height: 1.5; }
    .lc04 .swiper-slide .year{ font-size:20px; bottom: -30px; }
    .lc04 .lc-bg img.lc-bg-1{ width: 750px;  margin-left:-211px; }
    .lc04 .lc-bg img.lc-bg-2{ width: 260px;}
    .lc04 .swiper-slide.swiper-slide-active .txt{ font-weight: 400; }
    .lc04 {  padding: 30px 0px; }
    .lc04 .swiper-container {  padding-top: 50px;  }
    
    .about .profile h2{ margin-top:0px; }

 
	.step ul li h4{ font-size:14px; margin: 10px 0px;  width: 90%;
        margin: 0 auto;}
	.step ul li h4 i{ font-size: 12px;
        height: 15px;
        width: 15px;
        line-height: 15px;
        font-weight: 500;
        color: #000;  }
	.step ul{ padding-top:40px;
    grid-template-columns: 1fr 1fr;
    grid-gap: 15px;
    row-gap: 45px;
    display: grid; overflow: unset;}
	.step ul li:before,.step ul li:after{ display:none; }
	.step ul li{ padding: 0; width: auto; }
	.step ul li img{ display: block; margin: 0 auto;  height:auto; width:100%; }
	.step ul li span{ top: 58px; width: 100%;  height: 130%; border-radius: 10px; }
	.step ul li .nr .img{ width: 50px;   height: 50px; margin-bottom:10px; }
	
	.iconimgtxt_out{     margin-top: 30px; padding: 30px 0px; }
	.iconimgtxt_out .iconimgtxt{ margin-top:0px; } 
	.iconimgtxt ul{ display:block;         margin-top: 20px; }
	.iconimgtxt ul li{ padding:0px; border-radius: 8px; overflow:hidden; padding-bottom:20px; margin-bottom: 20px; }
	.iconimgtxt ul li:last-child{ margin-bottom:0px; }
	.iconimgtxt ul li .pic img{ border-radius:0px }
	.iconimgtxt ul li h3{ font-size:14px; margin-bottom: 10px; }
	.iconimgtxt ul li .smallpic{ width:50px; height:50px; margin-top: 10px;  margin-bottom: 10px; display: block; }
	.iconimgtxt ul li span { color: #7f7f7f;  font-weight: 500; line-height: 1.5; width: 90%; display: block; margin: 0 auto;  font-size: 14px;}
	.iconimgtxt ul li .smallpic img{ width: 30px; }
	
	
	.why {
    padding: 30px 0px; padding-bottom: 0;
}
.why_li{ grid-template-columns: 1fr 1fr; margin-top: 20px;     grid-gap: 15px;  row-gap: 15px; }
	.why_li li{ padding: 10px;
        background: #f1f1f1;
        border-radius: 10px; }
	.why_li li img{width:40px; }
	.why_li li .txt{ font-size: 14px;
        line-height: 1.3;
        margin:10px 0px;
        min-height: 85px;
        height: auto; }
	.why_li li h3{ font-size:14px; }
	
	.about_ys{ background:none; }
	
.xle_swp .swiper-button-next {
    right: auto;
    left: 0px;
    margin-left:80px;
}
	#map::before{ display:none; }
	.map-con .desc ul{ margin-top:10px; }
	.map-con .desc ul li a{     font-family:"Microsoft YaHei", Helvetica Neue, Helvetica, Arial, sans-serif; }
	#map{ height:600px; }
	
	
	
	.flash{ width: 217px; height: 50px; margin-left: -108px; }
	.flash .logo_a .img1{ width: 50px; }
	.flash .logo_a .txt{ font-size: 24px; width: 156px; margin-left: 59px; left: 0px; }
	.flash .logo_a .txt_2{ font-size: 13px; }
	.flash .link { width: 240px; margin-left: -120px; display: grid; grid-template-columns: 1fr 1fr; }
	.flash .link span{ padding: 6px 10px;     font-size: 14px; }
	.flash .link span a{ font-size:14px; }
	
    @keyframes showb {
      0% {
    	top: 150px;
    	opacity: 0;
      }
      100% {
    	  top: -120px;
    	  opacity:1;
      }
    }

    @keyframes showd {
      0% {
    	top:300px;
    	opacity: 0;
      }
      100% {
    	  top:120px;
    	  opacity:1;
      }
    }	


	
}