html{ font-size: 5.20833vw; }



@font-face{font-family:iconfont;src:url(//at.alicdn.com/t/c/font_4717600_lxk0bkxf1jc.woff2?t=1739863090200) format("woff2"),url(//at.alicdn.com/t/c/font_4717600_lxk0bkxf1jc.woff?t=1739863090200) format("woff"),url(//at.alicdn.com/t/c/font_4717600_lxk0bkxf1jc.ttf?t=1739863090200) format("truetype")}

.iconfont{font-family:iconfont;font-size:.14rem}



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

.iconfonttwo{ font-family:iconfonttwo; }

@font-face {
    font-family:"MB";
    src: url('/fonts/Montserrat-Bold-3.otf');
}
@font-face {
    font-family:"MSB";
    src: url('/fonts/Montserrat-SemiBold-9.otf');
}
@font-face {
    font-family:"MR";
    src: url('/fonts/Montserrat-Regular-8.otf');
}
@font-face {
    font-family:"MM";
    src: url('/fonts/Montserrat-Medium-7.otf');
}
@font-face {
    font-family:"ML";
    src: url('/fonts/Montserrat-Light-6.otf');
}
*{font-family: 'ML';}



@font-face{
    font-family:"osp-din";
    src:url(/fonts/DINAlternate-Bold.7c40d05.woff2) format("woff2"),url(/fonts/DINAlternate-Bold.9394074.woff) format("woff")}


.oswald{
  font-optical-sizing: auto;
  font-style: normal;
}
*{ padding:0px; margin:0px; list-style-type: none; outline:none; font-style:normal; font-size:16px; }
a {
    color: #000;
	text-decoration: none;
    background-color: transparent;
    -webkit-tap-highlight-color: transparent;
    -webkit-user-select: none;
    -webkit-transition: all .5s;
}



a:hover {
    color:#2e9dd1;
}


.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: #5fbd31
}


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

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: #1865ae;
    color: #fff
}

body::-moz-selection,html::-moz-selection {
    background: #1865ae;
    color: #fff
}

body::selection,html::selection {
    background: #1865ae;
    color: #fff
}

.disable-hover {
    pointer-events: none
}

.scroll-animate.animated {
    visibility: hidden
}


h2{ font-size:.5rem; text-transform: capitalize; }


html,body{ }
*{  }


header {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 99;
    box-sizing: border-box;
    padding: .2rem 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;
}




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

header .win{ position:relative;  }
header .win:after{ display:block; content:""; clear:both; }

.bghd,.onon {  }
    
.onon { background: rgba(255, 255, 255, 0.5);
    backdrop-filter: blur(10px); }
    
header.yincan {  margin-top: -150px;}
.bghd .logo a img,.onon .logo a img{ opacity:0; }
.bghd .logo a,.onon .logo a{ background:url(../images/logobg.png); background-size: 100%; }   
.bghd .nav li a,.onon .nav li a{ color:#000; }
.bghd .erj::after,.onon .erj::after{     border-bottom: 2px solid #000000;
    border-right: 2px solid #000000; }
.bghd .nav li a.erj:hover::after,.onon .nav li a.erj:hover::after{ border-bottom: 2px solid #2e9dd1;
    border-right: 2px solid #2e9dd1; }





.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;
	color: #000;
	text-decoration:none; }
	
	
	


.logo {
    float: left;
    width:1.2rem;
    overflow: hidden;
}
.logo a{
	display: block;
}
.logo a img{ display: block; width:100%; }
	

.navtop li a:hover{ color:#2e9dd1; }


.nav {
    margin: 0 auto;
    float: left;
    text-align: center;
    width: calc(100% - 5.4rem);
}
.nav li {
        position: relative;
    text-align: right;
    margin: 0 .35rem;
    display: inline-block;
}
.nav li a {
    display: block;
    padding:.25rem 0;
    text-align: center;
    position: relative;
    font-weight:500;
    font-size:.2rem;
    color: #fff;
    text-decoration: none;
}
.nav li a.hover{ font-weight:bold; }
.nav li a.erj{ padding-right:15px;  }

.nav li a:hover{ color:#2e9dd1; font-weight:bold; }
.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: 10px 0;
    border-radius: 5px;
    overflow: hidden;
    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:hover>.nav_two {
    opacity: 1;
    pointer-events: auto;
    transform: none;
    margin-top: -10px;
}
.nav .nav_two li {
    float: none;
    margin-left: 0px;
    width: 100%;
    padding: 0;
    background-color: rgba(255, 255, 255, 0.73);
        margin: 0;
}
.nav .nav_two li a {
    line-height: 40px;
    height: 40px;
    font-weight:500;
    text-align: center;
    padding: 0;
	width: 100%;
	color:#000;
	font-size:18px;
}
.nav .nav_two li a:hover{ color:#2e9dd1; }
.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;
	-webkit-transition: all .5s;
}
 
.top-lianx {
    float: right;
    margin-top:.1rem;
}
.top-lianx a{   background: linear-gradient(59deg, #2e9dd1, #5fbd31);
    color: #fff;
    padding: .15rem .28rem;
    font-weight: 500;
    font-size: .2rem;
    border-radius: 2.5vw;
    border-bottom-right-radius: 0;
    display: flex;
    justify-content: center;
    align-items: center; text-decoration: none;}
.top-lianx a .txt{ margin-left: .1rem; }
.top-lianx a:hover{   background: #2e9dd1;  }
.top-lianx .icon img{ display: block; }
.header .sj_nav {
    display: none;
}


.banner{
	margin-top:0px; height:100vh; overflow:hidden;
}
.banner .swiper-slide::before{     content: ''; 
    display:none;
    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 img{ display: block; width:100%; }
.banner video{ display:block; margin-top:-1rem; }
.banner .app{ display:none; }
.banner .web{ display:block; }
.banner .txt{ 
    color: #fff;
    position: absolute;
    z-index: 3;
    top:auto;
    bottom:1rem;
    left: 0;
    right: 0;
}
.banner .txt h2{ width:1010px; font-size:.7rem;  }
.banner .txt span{
 
}


.banner .btn{ transition: all 1s ease-in; opacity: 0;   transform: translate(5.20833vw); }

.banner .fontShow .btn{ opacity: 1 !important;   transform: translate(0) !important; }

.banner .swiper-slide {
    flex-shrink: 0;
    width: 100% !important;
    height: 100vh;
    position: relative;
    transition-property: transform;
    text-transform: capitalize;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: 22px;
    font-weight: 600;
    overflow: hidden;
}

.btn{
	margin-top:3vh;
}
.btn a{
text-transform: uppercase;
    padding: .25rem .6rem;
    display: inline-block;
    color: #ffffff;
    text-align: center;
    background: #2e9dd1;
    border-radius: 2.5vw;
    border-bottom-right-radius: 0;
    font-weight: 600;
    font-size: .2rem;
}
.btn a:hover,.btn a.nobg:hover{ background: #2e9dd1;
    color: #000000; }

.btn a.nobg{ background: #fff;color: #2e9dd1; margin-left: 40px; }

.banner .btn a{ background: #fff;
    color: #969696; }
.banner .btn a:hover {
    background: #2e9dd1;
    color: #ffffff;
}





.banner .swiper-slide h2 span font{ font-size:.65rem; margin-bottom:20px; font-weight:bold; }
.banner .swiper-slide h2 span{
    display: inline-block;
}


.fontAni>div span font {
    opacity: 0;
    transform: translate(5.20833vw)
}

.fontAni>div span:nth-child(1) font {
    transition: opacity 1s 30ms,transform 1s 30ms;
}

.fontShow [data-txt]>div span:nth-child(1) font {
    transition: opacity 1s 30ms,transform 1s 30ms;
    display: block;
    opacity: 1!important;
    transform: translate(0)!important
}

.fontAni>div span:nth-child(2) font {
    transition: opacity 1s 60ms,transform 1s 60ms;
}
.fontShow [data-txt]>div span:nth-child(2) font {
    transition: opacity 1s 60ms,transform 1s 60ms;
    display: block;
    opacity: 1!important;
    transform: translate(0)!important
}

.fontAni>div span:nth-child(3) font {
    transition: opacity 1s 90ms,transform 1s 90ms;
}
.fontShow [data-txt]>div span:nth-child(3) font {
    transition: opacity 1s 90ms,transform 1s 90ms;
    display: block;
    opacity: 1!important;
    transform: translate(0)!important
}
.fontAni>div span:nth-child(4) font {
    transition: opacity 1s .12s,transform 1s .12s;
}
.fontShow [data-txt]>div span:nth-child(4) font {
    transition: opacity 1s .12s,transform 1s .12s;
    display: block;
    opacity: 1!important;
    transform: translate(0)!important
}

.fontAni>div span:nth-child(5) font {
    transition: opacity 1s .15s,transform 1s .15s;
}
.fontShow [data-txt]>div span:nth-child(5) font {
    transition: opacity 1s .15s,transform 1s .15s;
    display: block;
    opacity: 1!important;
    transform: translate(0)!important
}

.fontAni>div span:nth-child(6) font {
    transition: opacity 1s .18s,transform 1s .18s;
}
.fontShow [data-txt]>div span:nth-child(6) font {
    transition: opacity 1s .18s,transform 1s .18s;
    display: block;
    opacity: 1!important;
    transform: translate(0)!important
}

.fontShow [data-txt]>div span:nth-child(7) font {
    transition: opacity 1s .21s,transform 1s .21s;
    display: block;
    opacity: 1!important;
    transform: translate(0)!important
}

.fontShow [data-txt]>div span:nth-child(8) font {
    transition: opacity 1s .24s,transform 1s .24s;
    display: block;
    opacity: 1!important;
    transform: translate(0)!important
}

.fontShow [data-txt]>div span:nth-child(9) font {
    transition: opacity 1s .27s,transform 1s .27s;
    display: block;
    opacity: 1!important;
    transform: translate(0)!important
}

.fontShow [data-txt]>div span:nth-child(10) font {
    transition: opacity 1s .3s,transform 1s .3s;
    display: block;
    opacity: 1!important;
    transform: translate(0)!important
}

.fontShow [data-txt]>div span:nth-child(11) font {
    transition: opacity 1s .33s,transform 1s .33s;
    display: block;
    opacity: 1!important;
    transform: translate(0)!important
}

.fontShow [data-txt]>div span:nth-child(12) font {
    transition: opacity 1s .36s,transform 1s .36s;
    display: block;
    opacity: 1!important;
    transform: translate(0)!important
}

.fontShow [data-txt]>div span:nth-child(13) font {
    transition: opacity 1s .39s,transform 1s .39s;
    display: block;
    opacity: 1!important;
    transform: translate(0)!important
}

.fontShow [data-txt]>div span:nth-child(14) font {
    transition: opacity 1s .42s,transform 1s .42s;
    display: block;
    opacity: 1!important;
    transform: translate(0)!important
}

.fontShow [data-txt]>div span:nth-child(15) font {
    transition: opacity 1s .45s,transform 1s .45s;
    display: block;
    opacity: 1!important;
    transform: translate(0)!important
}

.fontShow [data-txt]>div span:nth-child(16) font {
    transition: opacity 1s .48s,transform 1s .48s;
    display: block;
    opacity: 1!important;
    transform: translate(0)!important
}

.fontShow [data-txt]>div span:nth-child(17) font {
    transition: opacity 1s .51s,transform 1s .51s;
    display: block;
    opacity: 1!important;
    transform: translate(0)!important
}

.fontShow [data-txt]>div span:nth-child(18) font {
    transition: opacity 1s .54s,transform 1s .54s;
    display: block;
    opacity: 1!important;
    transform: translate(0)!important
}

.fontShow [data-txt]>div span:nth-child(19) font {
    transition: opacity 1s .57s,transform 1s .57s;
    display: block;
    opacity: 1!important;
    transform: translate(0)!important
}

.fontShow [data-txt]>div span:nth-child(20) font {
    transition: opacity 1s .6s,transform 1s .6s;
    display: block;
    opacity: 1!important;
    transform: translate(0)!important
}

.fontShow [data-txt]>div span:nth-child(21) font {
    transition: opacity 1s .63s,transform 1s .63s;
    display: block;
    opacity: 1!important;
    transform: translate(0)!important
}

.fontShow [data-txt]>div span:nth-child(22) font {
    transition: opacity 1s .66s,transform 1s .66s;
    display: block;
    opacity: 1!important;
    transform: translate(0)!important
}

.fontShow [data-txt]>div span:nth-child(23) font {
    transition: opacity 1s .69s,transform 1s .69s;
    display: block;
    opacity: 1!important;
    transform: translate(0)!important
}

.fontShow [data-txt]>div span:nth-child(24) font {
    transition: opacity 1s .72s,transform 1s .72s;
    display: block;
    opacity: 1!important;
    transform: translate(0)!important
}

.fontShow [data-txt]>div span:nth-child(25) font {
    transition: opacity 1s .75s,transform 1s .75s;
    display: block;
    opacity: 1!important;
    transform: translate(0)!important
}

.fontShow [data-txt]>div span:nth-child(26) font {
    transition: opacity 1s .78s,transform 1s .78s;
    display: block;
    opacity: 1!important;
    transform: translate(0)!important
}

.fontShow [data-txt]>div span:nth-child(27) font {
    transition: opacity 1s .81s,transform 1s .81s;
    display: block;
    opacity: 1!important;
    transform: translate(0)!important
}

.fontShow [data-txt]>div span:nth-child(28) font {
    transition: opacity 1s .84s,transform 1s .84s;
    display: block;
    opacity: 1!important;
    transform: translate(0)!important
}

.fontShow [data-txt]>div span:nth-child(29) font {
    transition: opacity 1s .87s,transform 1s .87s;
    display: block;
    opacity: 1!important;
    transform: translate(0)!important
}

.fontShow [data-txt]>div span:nth-child(30) font {
    transition: opacity 1s .9s,transform 1s .9s;
    display: block;
    opacity: 1!important;
    transform: translate(0)!important
}





.banner_nav{    position: absolute;  bottom:50px;  z-index: 1; width:100%; }
.banner_nav ul{ margin:0 auto; overflow:hidden; }
.banner_nav li{ display: block; flex:1; text-align:center; float:left; margin-right:20px; width:95px; cursor:pointer; } 
.banner_nav li.on div{ background:url('../images/icon_bg.png') center no-repeat;  background-size: 100%;
    padding: 12px;
    width: 30px;
    height: 30px;  }
	
 .banner_nav li div{
     padding: 12px;
     width: 30px;
     height: 30px;     margin: 0 auto;
    margin-bottom: 5px;   }
.banner_nav li.on span{ color:#2e9dd1; }
.banner_nav li.on img{ filter: none; width:80%; }
.banner_nav li img { filter:grayscale(1); width:80%; height:auto; position: static; margin:0 auto; margin-top: 3px; width: 90%; transition:all 0.3s ease-in; }
.banner_nav li span{ font-size:12px; }



.lm_banner{ position: relative;
    max-height: 100vh;
    overflow: hidden; }
.banner_txt{ position: absolute;
    width: 90%;
    margin: 0 auto;
    left: 0;
    right: 0;
    top: auto;
    bottom: 100px;
    color: #fff; }
.banner_txt h1{ font-size: .62rem; }
.banner_txt h4{ font-size: .32rem; font-weight: 500; }

.titleh2{  text-align: center;   color: #000;  font-size:38px;  font-weight:500; max-width:1000px; margin:0 auto;}
.titleh2 h2{ font-weight:500; margin-bottom:20px; } 
.titleh2 span{  font-size:.32rem;
    line-height:.48rem;
    color: #292c33;
    text-align: center;
    max-width: 84%;
    margin:.44rem auto 0;  }
.titleh2 span a{ font-size:.32rem;  }    
.titleh2 span img{      
    margin-top: 15px;
    max-width: 80%;
    width: auto !important;
    height: auto !important;  
}
a{ color:#2e9dd1;  }
 
.txt_left{ text-align:left; }









.con4{ background:#eefaff; overflow:hidden; padding:190px 0px; position: relative; }
.con4.aboutbg{ background:url(../images/aboutbg.png) no-repeat center top; }

.con4 h2 {
    font-size: .25rem;
    margin-bottom: .3rem;
    font-weight: 500;
    opacity: .5;
    color:#666;
}

.con4 .miaoshu{ font-size: .5rem;
    line-height: 1.8; }

.con4 .miao {
    margin:.3rem  0px;
        line-height: 1.8;
        font-size:.2rem;
        font-weight: 500;
    color: #666;
}
.con4 h2 span{ color:#00a0ea; }
.con4 .win .img { 
	float: right;
    width: 40%;
    height: 7rem;
    position: relative;
}
.ab-1-img{ position: absolute;
    width: 70%;
    right: 0;
    border-radius: .4rem;
    overflow: hidden;  }
.ab-1-img img{ width:100%; }

.ab-2-img{ position: absolute;
    width:65%;
    left: 0;
    border-radius: .4rem;
    overflow: hidden;
    bottom: .5rem; }
.ab-2-img img{ width:100%; }
.con4 .win .img img{ display:block;  }

.play{  transition:all 0.3s ease-in;  background: #00a0ea;
    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; }
.con4 .win .img video{ width:100%; border-radius:10px; display: block; }
.con4 .win .txt {
    float:left;
    width:50%;
}

.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; }

.con4 .txt ul{ overflow: hidden; display:flex; max-width: 500px; }
.con4 .txt ul li{ flex:1; }
.con4 .txt ul li span{ font-size:18px; color: #2e9dd1; position: relative;   display: inline-block; }
.con4 .txt ul li span i{ font-size: 80px; font-weight:bold; font-family: "Oswald-Bold" !important; }

.con4 .txt ul li span b{     position: absolute;
    top:22px;
    right:5px;
    font-weight: 500; font-size: 25px; }

.con4.con4_en .txt ul li span b{ right: 35px; }
.con4.con4_jp .txt ul li span b{   }


.con4 .txt ul li p{ font-size: 18px; color: #a9a9a9; }
.con4 .txt a.more {
text-transform: uppercase;
    padding: 12px 40px;
    display: inline-block;
    font-size: .9vw;
    border-radius: 53px;
    margin-top:80px;
    background:#fff;
    color: #666;
    font-size: 18px;
}


.con4 .txt a:hover.more{ background: linear-gradient(59deg, #5fbd31, #2e9dd1); color:#fff; }

.con4 .txt a.more.yanfa_btn { margin-left: 40px;
    border: none;
    background: linear-gradient(59deg, #2e9dd1, #5fbd31);
    color: #fff; }

 


.con8{ position:relative; overflow:hidden; }
.con8 .bg{ width:100%; }
.con8 .bg img{ display:block; width:100%; }
.pro_nav{ position: absolute;
    bottom: 1rem;
    width: 10rem;
    margin: 0 auto;
    left: 50%;
    margin-left: -5rem; z-index:10; }
.pro_nav ul{ display: flex;   flex-wrap: wrap;   justify-content: center !important; grid-gap: 50px; }
.pro_nav ul li{ background: rgba(255, 255, 255, 0.1);
    backdrop-filter: blur(10px);
    border: 3px solid rgba(255, 255, 255, 0.2);
    padding: .3rem .2rem;
    color: #ffffff;
    text-align:center;
    border-radius: .15rem;
    cursor: pointer;
    width: 3rem; transition:all 0.5s ease-in;}
.pro_nav ul li *{ transition:all 0.5s ease-in; }
.pro_nav ul li h2{     font-size: .3rem;
    padding-top: .3rem; transition:all 0.5s ease-in; }
.pro_nav ul li h2 svg{ height: .4rem;  width: auto; }
.pro_nav ul li:hover,.pro_nav ul li.hover{ background:#fff; color:#2e9dd1; }
.pro_nav ul li:hover h2 svg path,.pro_nav ul li.hover h2 svg path{ fill:#2e9dd1; }
.pro_nav ul li i{display: block;
    background-color: rgba(255, 255, 255, 0.3);
    border-radius: 50%;
    width: .3rem;
    height: .3rem;
    position: absolute;
    left: 50%;
    top: .15rem;
    margin-left: -.15rem;
    transform: rotate(-90deg); }
.pro_nav ul li i svg{ display:block; width:100%; height:auto; }

.pro_nav ul li:hover i,.pro_nav ul li.hover i{ background: #2e9dd1; }


.con8  .swiper{ width: 90%;
    margin: 0 auto;
    position: absolute;
    left: 0;
    right: 0;
    bottom:2.5rem; z-index:10; }
.con8  .swiper .swiper-wrapper .swiper-slide {
    -webkit-transform: translate3d(0, 150%, 0);
    transform: translate3d(0, 150%, 0);
    -webkit-transition: -webkit-transform .8s cubic-bezier(.43, .195, .02, 1);
    transition: -webkit-transform .8s cubic-bezier(.43, .195, .02, 1);
    transition: transform .8s cubic-bezier(.43, .195, .02, 1);
    transition: transform .8s cubic-bezier(.43, .195, .02, 1), -webkit-transform .8s cubic-bezier(.43, .195, .02, 1);
    text-align: center;
}
.con8  .swiper .swiper-wrapper .swiper-slide h4{ opacity: 0;
    transition: all 0.5s ease-in;
    text-align: center;
    margin-top: .3rem;
    color: #2e9dd1;
    font-weight: 500;
    font-size: .18rem;  }
.con8  .swiper .swiper-wrapper .swiper-slide h4 i{ display:none;
    margin-bottom: .1rem;}
.con8  .swiper .swiper-wrapper .swiper-slide h4 span{ display: block;
    font-size: .2rem;}
.con8  .swiper .swiper-wrapper .swiper-slide img{ display:block; width:4rem;  margin: 0 auto; transform: scale(.6); transition:all 0.5s ease-in; }

.con8  .swiper .swiper-wrapper .swiper-slide:before{ transition: all 0.4s ease-in;
    background: #fff;
    width: 0rem;
    height: 0rem;
    content: "";
    display: block;
    position: absolute;
    border-radius: 50%;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto; opacity:.2; }    
    
.con8.active .swiper .swiper-wrapper .swiper-slide.swiper-slide-next,.con8.active .swiper .swiper-wrapper .swiper-slide.swiper-slide-duplicate-next {
        -webkit-transform: translate3d(0, 40%, 0);
        transform: translate3d(0, 40%, 0);
}

.con8.active .swiper .swiper-wrapper .swiper-slide.swiper-slide-prev, .con8.active .swiper .swiper-wrapper .swiper-slide.swiper-slide-duplicate-prev {
        -webkit-transform: translate3d(0, 40%, 0);
        transform: translate3d(0, 40%, 0);
}

.con8.active  .swiper .swiper-wrapper .swiper-slide.swiper-slide-active,.con8.active  .swiper .swiper-wrapper .swiper-slide.swiper-slide-duplicate-active {
        -webkit-transform: translate3d(0, -20%, 0);
        transform: translate3d(0, -20%, 0);
    }
    
.con8.active   .swiper .swiper-wrapper .swiper-slide.swiper-slide-active:before{ width:6rem; height:6rem; } 
    
    
    
.con8.active   .swiper .swiper-wrapper .swiper-slide.swiper-slide-active img,.con8.active   .swiper .swiper-wrapper .swiper-slide.swiper-slide-duplicate-active img
{
   transform: scale(1);
}  
.con8.active   .swiper .swiper-wrapper .swiper-slide.swiper-slide-active h4,.con8.active   .swiper .swiper-wrapper .swiper-slide.swiper-slide-duplicate-active h4
{
   opacity:1;
}  


.con8  .swiper.yc{ display:none; }
.ycdiv{ display:none !important; }

.imgBox .ripple {
    border-radius: 50%;
    width: 100%;
    height: 100%;
    border: 1px solid #2e9dd1;
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    left: 0;
    right: 0;
}

.imgBox .ripple.p1 {
    opacity: .8;
    -webkit-animation: roll 22s linear infinite;
    animation: roll 22s linear infinite
}

.imgBox .ripple.p1 .arrow {
    position: absolute; color: #2e9dd1;
}

.imgBox .ripple.p1 .arrow:nth-of-type(1) {
    left: 27%;
    top: 5%;
    -webkit-transform: rotate(-30deg);
    -ms-transform: rotate(-30deg);
    transform: rotate(-30deg)
}

.imgBox .ripple.p1 .arrow:nth-of-type(2) {
    right: 20%;
    top: 9%;
    -webkit-transform: rotate(30deg);
    -ms-transform: rotate(30deg);
    transform: rotate(30deg)
}

.imgBox .ripple.p1 .arrow:nth-of-type(3) {
    right: 22%;
    bottom:8%;
    -webkit-transform: rotate(138deg);
    -ms-transform: rotate(138deg);
    transform: rotate(138deg)
}

.imgBox .ripple.p1 .arrow:nth-of-type(4) {
    left: 19%;
    bottom: 10%;
    -webkit-transform: rotate(220deg);
    -ms-transform: rotate(220deg);
    transform: rotate(220deg)
}

.imgBox .ripple.p1 .arrow:nth-of-type(5) {
    right: 0;
    bottom: 43%;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg)
}

.imgBox .ripple.p1 .arrow:nth-of-type(6) {
    left: -.5%;
    bottom: 50%;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

.imgBox .ripple.p2 {
    width: 70%;
    height: 70%;
    opacity:0.3;
}

.imgBox .logoImg {
    height: 6.2rem;
    display: block
}


.imgBox {
   width: 18rem;
    height: 18rem;
    pointer-events: none;
    position: absolute;
    z-index: 6;
    left: 0;
    right: 0;
    bottom:-12.5rem;
    margin: 0 auto;
    opacity:.5;
}

.imgBox .logoImg {
    height: 6.2rem;
    display: block
}

.pro_title{ position: absolute;
    top: 1.5rem;
    left: 5%;
    width: 5rem; }
.pro_title h2{ font-size: .25rem;
    margin-bottom: .3rem;
    font-weight: 500;
    opacity: .5; color:#666; }
.pro_title .miaoshu{    font-size: .5rem;
    margin-top: .3rem;
    line-height: 1.8; }
.pro_title.pro_title_en .miaoshu{ font-size:.33rem; font-weight:bold; }
.mySwiper_btn{position: absolute;
    right: 19%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center !important;
    grid-gap: .1rem;
    top: 3rem;
    z-index: 11; }
.mySwiper_btn svg{ display: block;
    width: 50%;
    height: auto;
    margin: 0 auto;
    position: relative;
    z-index: 2;
    width: .1rem;
    height: auto;}
.mySwiper_btn svg path{ fill: #fff; }
.mySwiper_btn div{ background-image: linear-gradient(59deg, rgba(46, 157, 209, .8), rgba(95, 189, 49,.8));
    border-radius: 50%;
    width: .5rem;
    height: .5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: row; cursor:pointer}
.mySwiper_btn div.swiper-button-disabled{ opacity:.5; }
.r3Prev,.r3Next{ overflow:hidden; position:relative; }
.r3Prev svg{     margin-left: .18rem;
    transition: all 0.3s ease-in;
    transform: rotate(180deg); }
.r3Next svg{ transition:all 0.3s ease-in; margin-left: .2rem; }
.r3Prev:before,.r3Next:before{ content: "";
    width: 100%;
    height: 100%;
    display: block;
    background-image: linear-gradient(59deg, rgba(46, 157, 209, 1), rgba(95, 189, 49, 1));
    position: absolute;
    left: -100%;
    border-radius: 50%;
    z-index: 1; transition:all 0.2s ease-in;}

.mySwiper_btn div:hover:before{ left:0; }
.mySwiper_btn div.r3Prev:hover svg{ margin-left: .12rem;  }
.mySwiper_btn div.r3Next:hover svg{ margin-left: .25rem;  }




@keyframes roll {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0)
    }

    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}





.con9{ position:relative; overflow:hidden; height:100vh; }
.con9 .bg{ width:100%; }
.con9 .bg img{ display:block; width:100%; }

.con9 .title{ position: absolute;
    top: 1rem;
    width: 5rem;
    left: 5%; z-index:11; }
.con9 .title h4{    font-size: .25rem;
    margin-bottom: .3rem;
    font-weight: 500;
    opacity: .5; color:#666; }
.con9 .title h2{ font-size: .3rem;
    color: #4c4c4c;
    margin-top: .3rem;
    line-height: 1.8;
    font-weight: 400; display:none; }

.con9 .title ul li{     font-size: .5rem;
    margin-bottom: .3rem;
    opacity: .2;  transition:all 0.5s ease-in; display: flex;
    align-items: center; cursor:pointer; }
.con9 .title ul li em{ transform: scale(0);
    transition: all 0.5s ease-in;
    font-size: .2rem;
    position: absolute;
    left: 0; }
.con9 .title ul li.title-active{ opacity:1; padding-left: .4rem; }
.con9 .title ul li.title-active em{ transform: scale(1); }
.con9 .txt{     position: absolute;
    background: #ffffffbf;
    border-radius: .2rem;
    padding: .5rem;
    width: 5rem;
    right: 5%;
    bottom: 1rem; backdrop-filter: blur(8px); z-index:10; }
    
.con9 .txt .swiper-slide{ opacity:0 !important; transition:all 0.5s ease-in; }
.con9 .txt .swiper-slide-active{ opacity:1 !important; }
    
.con9 .txt .swiper-wrapper{  }
.con9 .txt h2{font-size: .3rem;
    font-weight: 500; }
.con9 .txt .miaoshu{ font-size: .2rem;
    color: #4c4c4c;
    margin-top: .3rem;
    line-height: 1.8;
    font-weight: 400; }

.con9 .txt a{ text-transform: uppercase;
    padding: 12px 40px;
    display: inline-block;
    border-radius: 53px;
    margin-top: .2rem;
    font-size: 18px;
    border: none;
    background: linear-gradient(59deg, #2e9dd1, #5fbd31);
    color: #fff; display:none; }

.con9 .bg-img img{ display:block; width:100%; }
.con9 .bg-img{ position:relative; height:100%; }
.con9 .bg-img .swiper-slide{ overflow:hidden; }
.con9 .bg-img .swiper-pagination{ width: 90%;
    text-align: left;
    left: 0;
    right: 0;
    margin: 0 auto;
    bottom: 1rem; }
    
    
.con9 .mySwiper_btn{ right: 5%; }





.con10{ position:relative; overflow:hidden; padding:1rem 0; padding-bottom:0px; }
.con10 .bg-img{ width:1000px;
    height:5rem;
    margin: 0 auto;
    position: sticky;
    position: -webkit-sticky;
    top: 0;
    border-radius: 0.15rem; overflow: hidden; }
.con10 .bg-img img{ width: 100%; height:100%;
    position: absolute;
    top: 0; 
    object-fit: cover;
    transition: all 0.5s; }

.con10 .title{ text-align:center; margin-bottom:1rem; }
.con10 .title h2{ display: initial;
    font-weight: 500;
    color: #000;
    background: #000000 -webkit-linear-gradient(left, #2e9dd1, #5fbd31) no-repeat 0 0;
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
    background-size: 0 100%; line-height:1.6; }

.con12{ position:relative;  padding:0px; perspective: 5rem;   }


.con12 .profileBig{ width:90%; margin: .6rem auto; margin-top:0px;  position: sticky;
    top:2rem;
    opacity:0;
    border-radius:.3rem;
    transform: translate3d(0px, 95.3px, -100px) rotateX(10deg);
    overflow: hidden;
}
    
    
    
.con12 .profile{ width:100%;
    
    line-height: 1.8;
    font-size: .36rem;
    font-weight: 500;
    opacity:1;
    display: initial;
    font-weight: 500;
    color: #000;
    background: #000000 -webkit-linear-gradient(left, #2e9dd1, #5fbd31) no-repeat 0 0;
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
    background-size: 0 100%; }
    
    
.con12 .profileBig:nth-child(1){ padding-top:0px; border:0px; }
.con12 .profileBig:nth-child(2){ top:2.5rem; }
.con12 .profileBig:nth-child(3){ top:5rem; }
.con12 .profileBig .profile.active{ transition: all 0.5s ease-in;  }
.con12 .profileBig  .profileBig-1{ background-color: #bfecff;
    padding: 1rem 15%;
    box-sizing: border-box;
    margin: 0 auto; }
.con12 .profileBig  .profileBig-2{     margin-top: 0; } 

















.products { padding:10vh 0; }
.products ul{ display:grid; margin:0 auto;  grid-template-columns: 1fr 1fr 1fr;  grid-gap: 30px;  row-gap: 30px; margin-top:100px; }
.products ul li{ margin-bottom:50px; }
.products ul li div span img{ display:block; width:25px; }
.products ul li div span{ display: inline-block; vertical-align: middle; }
.products ul li div h4{ display: inline-block;  line-height: 26px;  vertical-align: middle; text-transform: uppercase; }
.products ul li a{ display: block; }
.products ul li a img{ display: block; border-radius: 15px; width:100%; }
.products ul li p{ display:block; margin:18px 0px; color:#4c4c4c; font-size: 17px;  line-height: 1.6; }
.products ul li p a{ display:inline-block; }
.products ul li .more{ font-weight:bold; color:#2e9dd1; text-decoration: underline; }
.products ul li .more:hover{ color:#2e9dd1; }
.products ul li div{ margin-bottom:18px; }




.solutions2_li{    display: grid;
    margin: 0 auto;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-gap: 25px;
    row-gap: 25px;
    min-width: 1300px;
    width: 90%; }
.solutions2_li li{margin: 0 0.18rem 0.36rem;
    border: 1px solid #eaeaea;
    border-radius: 10px;
    position: relative;
    padding: 20px;
    box-sizing: border-box;
    overflow: hidden;     padding-top: 40px; }
.solutions2_li li img{     width: 54px;
    height: 54px;
    margin:20px 0px 20px; }
.solutions2_li li h2{       font-weight: 500;
    color: #000;
    font-size: .32rem;
    font-family: 'MM'; }
.solutions2_li li p{ color: #666;
    margin-top: 13px;
    line-height: 1.5; }
.solutions2_li li dl{    clear: both;
    border-top: 1px solid #eee;
    padding-top: 20px; color: #999;  }
.solutions2_li li dl dt{
    margin-bottom: 20px; }
.solutions2_li li dl dd{     line-height: 30px; }
.solutions2_li li dl svg{}
.solutions2_li li dl svg path{ fill: #fff000; }

.solutions2_li li::before {
    content: '';
    width: 100%;
    height:10px;
    background: #eaeaea;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 0.15rem 0.15rem 0 0;
}


.quality{ padding:10vh 0px;
    background: url(../images/bgpro.jpg); }
.quality ul{ 
	display: grid;
    margin: 0 auto;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-gap:50px;
    row-gap:50px;
    margin-top:50px;
}
.quality ul li{}
.quality ul li h4{ margin-bottom:15px; }
.quality ul li h4 b{ color:#2e9dd1; }
.quality ul li p{ line-height:160%; }


.multi{ padding:1.4rem 0; }

.multi .titleh2{ margin-bottom:50px; }

.multi:nth-child(2){}

.list{ overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center; margin-bottom:100px;  }
.list:last-child{ margin-bottom:0; }
.list .img{ flex:1;   border-radius: 10px; overflow:hidden; }
.list .img video{ width:100%; display:block; }
.list .img img{ display: block;
    width: 100%; }
.list .txt{     flex: 1;   margin:0 4%; }

.list .txt a.more{ text-transform: uppercase;
    padding: 25px 60px;
    display: inline-block;
    color: #ffffff;
    text-align: center;
    background: #2e9dd1;
    border-radius: 2.5vw;
    border-bottom-right-radius: 0;
    font-weight: 600;
    font-size:16px;}
    
.list .txt a:hover {
    background: #2e9dd1;
    color: #000;
}

.list .txt i{ display: block; }
.list .txt i img{ display: block;  width: 40px; }
.list .txt h2{  font-size:.62rem; }
.list .txt .miao{ color: #000; font-weight: 500;  line-height: 1.5; font-size:17px;     margin: 30px 0px; }
.list .txt .miao p{ margin-bottom:10px; }
.list .txt .miao strong { display: contents; }
.list .txt .miao ul{ }
.list .txt .miao ul li{  margin-bottom:.14rem;
    display: flex;
    font-size: .25rem;
    color: #606060;
    line-height: 1.4; }
.list .txt .miao ul li:before {
    content: "";
    display: block;
    flex: auto;
    width: 20px;
    height: 20px;
    background-image: url("../images/libefore.png");
    background-size: cover;
    background-repeat: no-repeat;
    margin-right: 10px;
    flex: none; margin-top: 8px;
}
.list:nth-child(2n) .img{}
.list:nth-child(2n) .txt{  }


.review{padding: 10vh 0px; }
.review ul{ display: grid; grid-template-columns: 1fr 1fr 1fr; grid-gap:50px;  row-gap:50px;  margin-top:50px; }
.review ul li{ border: 1px solid #f1f1f1; padding: 20px; box-sizing: border-box; border-radius: 10px; }
.review ul li .title{ overflow:hidden; }
.review ul li .title img{ display: block;  float: left;  width: 60px; }
.review ul li .title .name{ float: left; margin-left: 10px;  margin-top: 8px; }
.review ul li .title .name b{ display: block; color: #2e9dd1;  margin-bottom: 5px;}
.review ul li .title .name i{ font-size: 14px; }

.review ul li .title .star{ float: right; position:relative;     width: 69px;  height: 11px; margin-top: 40px; }
.review ul li .title .star i{ background:url(../images/star.png) no-repeat left center; display:block; width:50%;  height: 11px;}
.review ul li .title .star i:nth-child(2){ opacity:0.2; position:absolute; left:0; top:0; width:100%; }
.review ul li .txt{ margin-top: 20px; font-size:14px; line-height:1.5; }

.news{ margin:10vh 0; }
.news_list{ overflow:hidden; }
.news_list .title{ float:left; width:3rem; position:relative; }
.news_list .title p{ margin:20px 0; color: #000;  font-weight: 500;  line-height: 1.5; }
.news-swiper{ float:right; width:calc(100% - 350px); overflow: hidden; }
.news_list .mySwiper_btn{ right:auto; }

.news-swiper .swiper-slide{   overflow:hidden; box-sizing: border-box;}
.news-swiper .swiper-slide a{ display:block; }
.news-swiper .swiper-slide img{ display:block; width:100%; border-radius:.1rem; }

.news-swiper .swiper-slide h4{ font-weight:500; margin:.2rem 0; }
.news-swiper .swiper-slide h4 a{ color: #000; font-size:22px; text-decoration:none; }
.news-swiper .swiper-slide h4 a:hover{ color: #2e9dd1; text-decoration: underline; }

.news-swiper .swiper-slide time{ margin-bottom:20px; display:block; padding:0 20px; font-size:12px;     color: #9f9f9f; }
.news-swiper .swiper-slide span{    font-size: 0.8333vw;
    line-height: 1.5625vw;
    color: #2e9dd1;
    opacity: .5; display: block;
    margin-top: .2rem;  }
.news-swiper .swiper-slide p{  display: block; color:#666666; margin-bottom:20px; line-height:1.5; font-size:14px; }
.news-swiper .swiper-slide i{ color: #999999;  
    font-size: 0.78125vw;
    line-height: 1.5625vw; }
.news-swiper .swiper-slide .more{ padding: 0 20px; padding-bottom: 20px;  display: block; font-weight:bold; }

.jt_btn{ margin-top:100px; display:flex; }
.jt_btn span{ display:inline-block; cursor:pointer; background: linear-gradient(59deg, #2e9dd1, #5fbd31);
    width: 3.125vw;
    height: 3.125vw;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
    transition: all 1s cubic-bezier(.4, 0, .2, 1);
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap; }
.jt_btn span svg{display: block;
    width: 0.41666vw;
    height: 0.7291666vw;
    fill: #ffffff;
    -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
    transition: all 1s cubic-bezier(.4, 0, .2, 1); }
    
.jt_btn span.jt_btn_left{ -webkit-transform: rotate(180deg);   transform: rotate(180deg); }
.jt_btn span img{ display:block; width:30px; height:auto; }
.jt_btn span:nth-child(2){ margin-left:40px; }
.jt_btn .swiper-button-disabled{ opacity:0.5; }
.news_list .title ul{     margin-top: .7rem; }
.news_list .title ul li a{     font-size: 1.041666vw;
    line-height:1.5vw;
    color: #999999;
    position: relative;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
    text-decoration:none;
    padding-bottom: .05rem;
    display: inline-block;}
.news_list .title ul li:first-child{ margin-bottom:.25rem; }
.news_list .title ul li a:after {
    content: "";
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    bottom: 0;
    width: 0;
    height: 0.15625vw;
    background: #999999;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}
.news_list .title ul li a:hover{ color:#2e9dd1; }
.news_list .title ul li a:hover:after {
    background: #2e9dd1;
    width: 100%;
}
.goto{ background:#f3f3f3; padding:10vh 0; }
.goto_txt{  text-align:center; }
.goto_txt p{ font-size:38px; font-weight:bold; }



footer{ background: url(/images/f001.jpg); padding:10vh 0; padding-bottom:0; position: relative;
    z-index: 2; }
footer .win{ overflow: hidden; }
.bot_logo{ float: left;
    margin-bottom: .5rem;
    font-size: .18rem;
    color: #6d6d6d;
    max-width: 4rem;
    line-height: 1.6;}
.bot_logo .miaosh{ margin-top:.2rem; }
.bot_logo .tel{ font-size:.18rem;      margin-top: .1rem; }
.bot_logo .youx,.bot_logo .add{  font-size:.18rem;      margin-top: .1rem;  }
.bot_logo .youx a{ font-size:.18rem; color: #606060;    }
.bot_logo .tel a{  text-decoration: none;     font-size: 17px;
    color: #606060; }
.bot_logo img{ width:1rem; }
 

 
.bot_nav{  text-align: right; text-align:center; float:right; }
.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-size:.2rem; color: #000; }
.bot_nav ul li a{ color: #4c4c4c; text-decoration:none; font-size:.16rem; }
.bot_nav ul li a:hover{     color: #2e9dd1;     text-decoration: underline;}

.bot_txt{ margin-top:5vh; font-size:12px; line-height:1.5;     padding: 20px 0px; overflow:hidden; }
.bot_txt .copyright{     float: left;
    line-height: 26px;
    font-size: .14rem;
    opacity: .4;}
.bot_txt ul{ display: flex;  margin-left: 0; text-align: left; float: right;}
.bot_txt ul li{ flex: 1; width: 23px; height: 26px; margin-left: 20px; text-align: right; }
.bot_txt ul:first-child{ margin-left:0; }
.bot_txt ul li a{ display:inline-block; }
.bot_txt ul li img{ display: block; width:100%; }
.bot_txt ul li img:hover{ }


.postion{ font-size: 12px;
    height: 50px;
    line-height: 50px;
    position: absolute;
    margin-top: 30px;
    width: 100%;
    z-index: 1;
    color: #a5a5a5;
    min-width: 1300px; top:50px; color:#fff; }
    
    
.postion a{ font-size:12px; color:#fff; }

.postion.postion_1{ top:0px; margin-top:110px; position:relative }
.postion.postion_1 a{  color:#666; }

.top_title{ background:#f1f1f1; padding:50px 0; }
.top_title .bot_txt{ margin-top: 0;  display: flex; padding:0; }
.top_title .txt{ flex:1; align-content: center; }
.top_title .txt p{ margin-top: 20px;     font-size: 17px; font-weight:500; }
.top_title .txt .btn{ background: #2e9dd1;
    color: #fff;
    text-transform: uppercase;
    padding: 20px 50px;
    display: inline-block;
    font-weight: bold;
    border: 3px solid #2e9dd1;
    border-radius: 3px;
    font-size: 17px; }
.top_title .img{  flex:1; text-align: right; margin-left:30px; }
.top_title .img img{ display:block; width:100%; }

.bot_li{ overflow:hidden; margin-top:40px; }
.bot_li .bot_li_txt{ float: left; font-size:12px; line-height:1.5; }
.bot_li ul{ display:flex; float:right; }
.bot_li ul li{  margin-left:50px; font-size:12px; }
.bot_li ul li:first-child{ margin-left:0px; }
.bot_li ul li b{ display: block; margin-bottom: 10px; font-size:14px; }

.con1{ padding:10vh 0; }
.con1 .win{ overflow:hidden; }
.con1 .win:after{ content:''; display:block; clear:both;  }
.con1 .jump{ float:left; width:30%; transition: all .4s; }
.con1 .jump .title{ font-weight:600; font-size:20px; margin-bottom:30px; }
.con1 .jump ul li{ margin-bottom:15px; font-size:13px; }
.con1 .jump ul li a{ font-size:17px; color: #000; text-decoration:none;     font-weight: 500; }
.con1 .jump ul li a:hover{   color: #2e9dd1;     text-decoration: underline; }



.jump i{ display:none; }
.jump.float{
    
	position: fixed;
    top: 35%;
    left: -254px;
    border: 1px solid #f1f1f1;
    padding: 20px;
    background: #fff;
    height: 33px;
    overflow: hidden;
    width: 280px;
    z-index:100;
}

.jump.float.hover{
    
    left:0;
    height:auto;
    
}

.jump.float .title i{ float:right;  font-weight: 600; vertical-align: middle; display: inline-block; font-size: 36px; cursor:pointer; margin-left:10px; }
.jump.float .title i.close{ display:none; }
.jump.float.hover i.close{ display:inline-block; }
.jump.float.hover i.open{ display:none; }

.con1 .txt{  width:65%; float:right; }
.con1 .txt h2{ margin-bottom:30px; }
.con1 .txt .miao{ font-size:17px;     font-weight: 500; line-height:1.5; }
.con1 .txt ul{ margin-top: 20px; }
.con1 .txt ul li { margin-bottom: 20px; display: flex; }
.con1 .txt ul li:last-child{ margin-bottom:0px; }
.con1 .txt ul li:before {
    content: "";
    display: block;
    flex: auto;
    width: 20px;
    height: 20px;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAyMSAyMSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEwLjUgMEM0LjcwMTU2IDAgMCA0LjcwMTU2IDAgMTAuNUMwIDE2LjI5ODQgNC43MDE1NiAyMSAxMC41IDIxQzE2LjI5ODQgMjEgMjEgMTYuMjk4NCAyMSAxMC41QzIxIDQuNzAxNTYgMTYuMjk4NCAwIDEwLjUgMFpNMTUuMDM1MiA3LjA3MTA5TDEwLjA5OTIgMTMuOTE0OEMxMC4wMzAyIDE0LjAxMTEgOS45MzkyOSAxNC4wODk2IDkuODMzOTIgMTQuMTQzN0M5LjcyODU2IDE0LjE5NzggOS42MTE4MSAxNC4yMjYxIDkuNDkzMzYgMTQuMjI2MUM5LjM3NDkxIDE0LjIyNjEgOS4yNTgxNiAxNC4xOTc4IDkuMTUyOCAxNC4xNDM3QzkuMDQ3NDMgMTQuMDg5NiA4Ljk1NjQ5IDE0LjAxMTEgOC44ODc1IDEzLjkxNDhMNS45NjQ4NCA5Ljg2NDg0QzUuODc1NzggOS43NDA2MiA1Ljk2NDg0IDkuNTY3MTkgNi4xMTcxOSA5LjU2NzE5SDcuMjE2NDFDNy40NTU0NyA5LjU2NzE5IDcuNjgyODEgOS42ODIwMyA3LjgyMzQ0IDkuODc4OTFMOS40OTIxOSAxMi4xOTQ1TDEzLjE3NjYgNy4wODUxNkMxMy4zMTcyIDYuODkwNjIgMTMuNTQyMiA2Ljc3MzQ0IDEzLjc4MzYgNi43NzM0NEgxNC44ODI4QzE1LjAzNTIgNi43NzM0NCAxNS4xMjQyIDYuOTQ2ODggMTUuMDM1MiA3LjA3MTA5WiIgZmlsbD0iIzE2QkM5QyIvPgo8L3N2Zz4K);
    background-size: cover;
    background-repeat: no-repeat;
    margin-right: 10px;
    flex: none;
}

.step{ background:#eaf7f6; padding:10vh 0;     padding-bottom: calc(10vh - 40px); }
.step ul{ display:flex; flex-wrap:wrap; justify-content:center; padding-top:5vh; }
.step ul li{ width:25%; box-sizing:border-box; text-align:center; padding:40px 20px; font-size:14px; font-weight:500; }
.step ul li h4{ font-size: 17px; margin:15px 0px; }
.step ul li h4 i{ color: #fff; background: #2e9dd1; display: inline-block;  height: 20px;  width: 20px;  font-weight: 500; border-radius: 50%;  line-height: 18px;     vertical-align: bottom; }
.step ul li img{ display:inline-block; max-width:100%; }


.con3{ padding:10vh 0; }

.con3 .miao{ margin-top:50px; }
table { width: 100% !important;     border: 0; box-sizing: border-box; border-spacing: 0; border-collapse: collapse;}
table td{    border: 0;  line-height:1.5; border-bottom: 1px solid #000;  text-align: left; padding:15px; font-size:16px; }
table td strong{ font-weight:500; font-size:18px; }

 



.con5{ padding:10vh 0; background:#eaf7f6; }

.con5 .case-swiper{ width:90%; overflow:hidden; margin:0 auto; margin-top:50px; }
.con5 .case-swiper .swiper-slide img{ display: block; border-radius:10px; width:100%; }
.left_right { text-align: center;  margin-top: 50px; }
.left_right .btn_left,.left_right .btn_right{ color: #5b6770 !important;
    height: 56px;
    width: 56px;
    display: inline-block !important;
    vertical-align: middle;
    position: relative;
    margin: 0 10px;
    border-radius: 28px;
    border:1px solid #e5e5e5;
    box-sizing: border-box;
	cursor:pointer;
}

.left_right .btn_left:hover,.left_right .btn_right:hover{
	
	background-color: #ddebeb;
}

.left_right .btn_left.swiper-button-disabled,.left_right .btn_right.swiper-button-disabled{
	opacity:0.6;
}
.left_right .btn_left.swiper-button-disabled:hover,.left_right .btn_right.swiper-button-disabled:hover{
	background:none;
}

.left_right  i{ position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    font-weight: 700; }



.con6{ padding:10vh 0; }
.con6 ul{ display: grid;  grid-template-columns: 1fr 1fr 1fr 1fr;  grid-gap:50px; row-gap:50px; margin-top:50px; }
.con6 ul li{ font-weight: 500; color: #000; text-align:center; font-size:14px; }
.con6 ul li h3{ margin:15px 0px; font-size:17px }
.con6 ul li p{ line-height:1.5;  display: block; padding: 0 15px; font-size:14px; }
.con6 ul li .img { border:1px solid #f1f1f1; padding:20px; }
.con6 ul li .img img{ display:block; width:100%; }
.con6 ul li a{ font-weight: bold;  margin-top: 10px; display: block; }


.con7{padding:10vh 0; }
.con7 .win{ display:flex; }
.con7 .win:after{ content:''; display:block;     clear: both; }
.con7 .title{ float: left; width: 540px;  margin-right: 150px; }
.con7 .title p{ margin:40px 0; color: #000; font-weight: 500;  line-height: 1.5; }

.con7 .title .titlecon{ position: sticky; top:150px !important; }

.con7 .title .jt_right{ color: #5b6770 !important; height: 56px; width: 56px; display: inline-block !important; vertical-align: middle; position: relative; margin: 0; border-radius: 28px; border: 1px solid #e5e5e5; box-sizing: border-box;}
.jt_right i { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%);  transform: translate(-50%, -50%);  font-weight: 700;}
.con7 .miao{ float:right; width:calc(100% - 600px); line-height:1.5; font-weight: 500;  font-size: .25rem; }
.con7 .miao p{ font-size: .25rem; }
.con7 .miao strong{ margin-bottom:10px; display:inline-block; font-size: .25rem;}
.con7 .miao img{ max-width:100%; width:auto !important; height:auto !important; }
.con7 .miao ul{ margin-top:20px; }
.con7 .miao ul li{     margin-bottom: 20px;  display: flex; font-size: .25rem; }
.con7 .miao ul li:before {
    content: "";
    display: block;
    flex: auto;
    width:.2rem;
    height:.2rem;
    background: url(../images/libefore.png) no-repeat;
    background-size: cover;
    background-repeat: no-repeat;
    margin-right:.1rem;
    flex: none; margin-top:.09rem;
}




.con11{ padding:10vh 0; }
.con11 .win{ overflow:hidden; }
.con11 .win:after{ content:''; display:block; clear:both;  }
.con11 .txt h2{ margin-bottom: 20px; }
.con11 .txt .miao {  font-size: 17px;  font-weight: 500;  line-height: 1.5;}
.con11 .txt .miao p{ margin-bottom:10px; }
.con11 .miao strong{ margin-bottom:10px; display:inline-block; }

.nr_banner{    background-size: cover;
    color: #fff;
    position: relative;
    height:75vh; border-bottom-left-radius: .5rem;
    border-bottom-right-radius: .5rem; overflow:hidden; }
.nr_banner:before{ }
.nr_banner.nr_banner_two{ padding: 340px 0;  padding-top: 270px; }
.nr_banner .win{ overflow: hidden;
    position: absolute;
    z-index: 1;
    left: 0;
    right: 0;
    margin: 0 auto;
    bottom: 1rem; }
.nr_banner .win.winB{ position: static; }
.nr_banner .neiron{background: #ffffffd6;
    color: #000;
    padding: 0.5rem;
    border-radius: .1rem;
    width: 4rem;
    top: 50%;
    margin-left: 1rem;
    transform: translateY(-35%);
    position: absolute;
    box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.08);
    backdrop-filter: blur(8px);}

.nr_banner .neiron h2{ font-size: .5rem;
    line-height:1;
    font-weight: 500; }    
    
.nr_banner .neiron div{ font-size: .18rem;
    color: #4c4c4c;
    margin: .3rem 0;
    line-height: 1.8;
    font-weight: 400; }
.nr_banner .neiron a{ display: block;
    transition: all 0.3s;
    cursor: pointer;
    width: 1.4rem;
    padding: .15rem 0;
    border-radius: .3rem;
    overflow: hidden;
    border: 1px solid #999;
    text-align: center;
    font-size: .18rem;
    font-family: 'ML';
    color: #4c4c4c; }
.nr_banner .neiron a:hover{ background: linear-gradient(59deg, #2e9dd1, #5fbd31);  color: #fff; border: 1px solid #2e9dd1; }    
.nr_banner .title{  }
.nr_banner .title h2{ font-weight: 500;   }
.nr_banner .title p{ line-height: 1.5;
    margin-top: 20px;
    font-size: .25rem;
    margin-bottom: .3rem;
    font-weight: 500;
    opacity: .5;
    color: #666; }
.nr_banner .title.title-po{ color:#fff; }
.nr_banner .title p{ color:#fff; }
.nr_banner .title.title-po h2{ color:#fff; }
.nr_banner .miao{ float:right; width:calc(100% - 500px); line-height:1.5; }




.con13{ padding:10vh 0; padding-bottom:0px; }
.con13 .win{ overflow:hidden; }
.con13 .win:after{ content:''; display:block; clear:both;  }
.con13 .txt h2{ width: 60%; }
.con13 .txt_show{ justify-content: space-between;
    display: grid;
    grid-template-columns: 9rem 1fr;
    gap: .3rem;
    align-items: center; }
.con13 .txt_show .miao{}
.con13 .txt_show .img img{ display:block; width:100%; }
.con13 .txt_show ul{}
.con13 .txt_show ul li{     margin-bottom: .14rem;
    display: flex;
    font-size: .25rem;
    color: #606060;
    line-height: 1.4;}
    
.con13 .txt_show ul li:before {
    content: "";
    display: block;
    flex: auto;
    width:.2rem;
    height:.2rem;
    background-image: url(../images/libefore.png);
    background-size: cover;
    background-repeat: no-repeat;
    margin-right: 10px;
    flex: none;
    margin-top: 8px;
}



.con14{}
.data-li{ justify-content: start;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: .3rem;
    align-items: center;
    justify-items: center; }
    
.data-li li{}
.data-li li p{ font-size: 0.16rem;
    display: block;
    color: #606060;
    text-transform: capitalize; }
.data-li li span{}
.data-li li em{ font-size: 4.125vw;
    font-weight: bold;
    color: #2e9dd1;}
.data-li li i{}
.data-li li i:before{    content: "+";
    color: #2e9dd1;
    font-size: .5rem;
    margin-right: 10px;}


.con15{     padding: 1rem 0px; }
.con15 .win .data-item{ justify-content: start;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: .3rem;
    align-items: center;
    justify-items: center; margin-top: .5rem;}
.con15 .data-pro{ box-shadow: 0 0rem .6rem 0rem rgba(0, 0, 0, .1);
    transition: box-shadow .5s cubic-bezier(.38, 0, 0, 1), transform .5s cubic-bezier(.38, 0, 0, 1);
    border-radius: .2rem;
    padding: .4rem;
    background: #fff;}
.con15 .data-pro:hover{ transform: translateY(-2%);
        box-shadow: 0 .8rem 1.2rem rgba(0, 0, 0, .2);}
.con15 .data-pro:hover h3{ font-weight:bold; letter-spacing: -.03em;
        font-weight: 700; }
.con15 .data-pro h3{ font-size: .3rem; font-weight: 100; transition: all .5s cubic-bezier(.38, 0, 0, 1); }
.con15 .data-pro img{ width: 100%; 
    display: block;}
.con15 .data-pro h4{    font-size: .18rem;}
.con15 .data-pro p{ margin: 10px 0px;
    display: block;
    font-size: .18rem;
    padding-bottom: .1rem;
    border-bottom: 1px dashed rgb(0 0 0 / 21%); }
.con15 .data-pro ul{}
.con15 .data-pro ul li{   line-height: 1.4;
    color: #939393;
    margin: .2rem 0;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: .1rem; }
.con15 .data-pro ul li em{ font-size: .14rem;
    color: #000; }
.con15 .data-pro ul li em:first-child{ color: #666;
    text-align: left; }
.con15 .data-pro ul li:last-child{ margin-bottom:0px; }


.con16{ position: relative;
    overflow: hidden;
    padding: 1rem 0;}
.con16 .title{     text-align: center;
    margin-bottom:.5rem;  }
.con16 .title h2{ display: initial;
    font-weight: 500;
    color: #000;
    background: #000000 -webkit-linear-gradient(left, #2e9dd1, #5fbd31) no-repeat 0 0;
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
    background-size: 0 100%;
    text-align: center;
 }
.con16 .img{ width: 1000px;
    height: 5rem;
    margin: 0 auto;
    position: sticky;
    position: -webkit-sticky;
    top: 0;
    border-radius: 0.15rem;
    overflow: hidden; }
.con16 .img img{     width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    object-fit: cover;
    transition: all 0.5s; }

.con16 ul{ display: box;
    display: -webkit-flex;
    display: -ms-flex;
    display: -webkit-box;
    display: -moz-box;
    display: flex;
    justify-content: flex-start;
    align-content: flex-start;
    flex-wrap: wrap;
    width:90%;
    margin: 0 auto; margin-top:.5rem; grid-gap: 50px;
    row-gap: 50px; }
.con16 ul li{ flex: 1; 
    padding: 3.215%; 
    border-radius: 20px;
    overflow: hidden; text-align:center; background:url(../images/e1.jpg.webp) no-repeat #ffffff; }
.con16 ul li .name {
    font-size:.24rem;
    line-height:.36rem;
    font-family: 'MR';
    color: #292c33;
    margin:.22rem 0 .12rem;
}
.con16 ul li .brief {
    font-size:.18rem;
    line-height:.3rem;
    color: #4d4d4d;
}



















.hon_con_box {
  position: relative;
  padding: 100px 0px;
  z-index:5;  overflow: hidden;
  background: linear-gradient(180deg, rgba(222, 238, 252, .8) 0%, rgb(222, 238, 252) 25%);
}
.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%;     border: 8px solid #c8eeff; }
.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(222 238 252 / 90%), rgba(0, 0, 0, 0)); }
.swiper-container-3d .swiper-slide-shadow-right {
        background-image: linear-gradient(to right, rgb(222 238 252 / 90%), rgb(222 238 252 / 0%));
}


.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: linear-gradient(59deg, #2e9dd1, #5fbd31); 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: linear-gradient(59deg, #5fbd31, #2e9dd1);transform: scale(1.1); }

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



.hon_con_box .section-title{ color:#000; position:relative; z-index:10; }
.hon_con_box .win{ margin-bottom:50px; }
.hon_con_box .section-title h4{ font-size: .25rem;
    margin-bottom: .3rem;
    font-weight: 500;
    opacity: .5;
    color: #666; }
.hon_con_box .section-title h2{     font-size: .5rem;
    line-height: 1.6;
    font-weight: 500; }









.logogd_a{ position:relative; }
.logogd_a .logogd_a{ margin-bottom:80px; }
.logogd_a .swiper-slide{ width:auto; }
.logogd_a  .swiper-container .swiper-wrapper {
    transition-timing-function: linear;
} 

.logogd_a::after{ content: '';
    display: block;
    background-image: linear-gradient(to left, rgba(255, 255, 255, 1), rgba(238, 250, 255, 0));
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    width:40%;
    z-index: 10;}

.logogd_a::before{ content: '';
    display: block;
    background-image: linear-gradient(to right, rgba(255, 255, 255, 1), rgba(238, 250, 255, 0));
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width:40%;
    z-index: 10;}
.logogd_a .swiper-slide img{ display: block; height:65px; width: auto; filter: grayscale(1); }


.con17{ padding: 1rem 0px; }
.con17 .win{ justify-content: start;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1rem;
    align-items: stretch;
    justify-items: center; }

.con17 .encyclopedia{ box-shadow: 0 0rem .6rem 0rem rgba(0, 0, 0, .1);
    transition: box-shadow .5s cubic-bezier(.38, 0, 0, 1), transform .5s cubic-bezier(.38, 0, 0, 1);
    border-radius: .2rem;
    padding: .4rem;
    background: #fff; }
.con17 .encyclopedia *{ font-size: .18rem;
    line-height: 1.8; }
.con17 .encyclopedia h1,.con17 .encyclopedia h2{ font-size: .3rem;margin-bottom:.15rem }
.con17 .encyclopedia h3{ font-size:.3rem; margin-bottom:.1rem;}
.con17 .encyclopedia h4{font-size:.3rem; margin-bottom:.1rem;}
.con17 .encyclopedia h5{ font-size:.2rem; margin-bottom:.05rem; }
.con17 .encyclopedia p{ margin-bottom:.1rem; }

.con17 .encyclopedia ul li{ list-style-type: disc; margin-left: 16px; padding-bottom: 12px;}
 





.con18{ padding: 1rem 0px;
    position: relative; overflow:hidden; }
.con18 .lishi{  
    overflow: hidden;
    margin-top: 1rem; }

.con18 .section-title h4{ font-size: .25rem;
    margin-bottom: .3rem;
    font-weight: 500;
    opacity: .5;  }
.con18 .section-title h2{     font-size: .5rem;
    line-height: 1.6;
    font-weight: 500;  }

.lishi .swiper-slide { background:url(../images/e1.jpg.webp) no-repeat #ffffff; padding: .3rem;
    border-radius: .3rem;
    box-sizing: border-box; }
.lishi .swiper-slide .year{ font-size: .5rem;
    line-height: 1;  }
.lishi .swiper-slide .year i{  }
.lishi .miaoshu{}
.lishi .miaoshu h2{ font-weight: 500;
    font-size: .3rem;
    margin: .3rem 0px; }
.lishi .miaoshu span{line-height: 1.8;
    font-size: .16rem;
    color: #5f5f5f;}
.lishi .mySwiper_btn{ right:5%; top:1.9rem; }

.con18 .video-background{ position:absolute; z-index:-1; bottom:1rem; bottom: -5rem;}





.con19{ padding-top: 1rem; background: url(../images/bgpro2.jpg);  background-size: cover; position:relative; }
.con19 .pic-txt{ display: flex;  grid-gap: 1.5rem;}
.con19 .pic-txt .pic-txt-1{ flex: 1;   position: relative;   padding-top: 2rem;  }
.con19 .pic-txt .pic-txt-1 h1{ -webkit-text-stroke: 1px rgb(4 91 168 / 18%);
    position: absolute;
    color: transparent;
    font-size: 1.3rem;
    white-space: nowrap;
    font-family: en_b;
    text-align: center;
    width: 100%;
    top: .66rem;
    z-index: -1; }
.con19 .pic-txt .pic-txt-1 .img{ border-radius: .3rem;  overflow: hidden; }
.con19 .pic-txt .pic-txt-1 .img img{     display: block;  width: 100%; }

.con19 .pic-txt .pic-txt-1 .txt{position: absolute;
    bottom: -.6rem;
    width: 134%;
    font-size: .5rem;
    margin-top: .3rem;
    line-height: 1.5;}

.con19 .pic-txt .pic-txt-2{ flex: 1; }
.con19 .pic-txt .pic-txt-2 .img{ border-radius: .3rem;  overflow: hidden; }
.con19 .pic-txt .pic-txt-2 .img img{     display: block;  width: 100%; }
.con19 .pic-art {
    margin-left: 30%;
    margin-top: -1rem; }
.con19 .pic-art .wenzi{
    line-height: 1.8;
    font-size: .36rem;
    font-weight: 500;
    opacity: 1;
    display: initial;
    font-weight: 500;
    color: #000;
    background: #666 -webkit-linear-gradient(left, #2e9dd1, #5fbd31) no-repeat 0 0;
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
    background-size: 0 100%; }


.con19 .c-bg2{ 
   position: absolute;
    left: -200px;
    top:40%;
    z-index:0;
    width: 7.3rem;
    height: 7.3rem;
    pointer-events: none;
    animation: circleRotate 60s linear infinite;
 } 




    .bag-products{ padding:1.5rem 5%;     padding-top: 2.2rem; position:relative; overflow:hidden; margin-top:1rem; }
    .bag-products.bag-products-img .xle_swp .swiper-slide .img{ padding:0px; }
    .bag-products .pro_title{ width:9rem; top:0; }
    .xle_swp { overflow: visible; margin-top:.6rem; }
    .xle_swp .swiper-slide {
        overflow: hidden;
    	background:#fff; border-radius:.3rem;
    }

	.xle_swp .swiper-slide .jxkj{ color: #000;
    align-items: center;
    position: relative; }
	.xle_swp .swiper-slide .jxkj:hover h2{   }
	.xle_swp .swiper-slide .img{     flex: 1; border-radius: .3rem; overflow: hidden; padding: .3rem; }
    .xle_swp .swiper-slide img{ width:100%; display: block; }
    
    
 
 
 .home-service-info{padding: 0 .5rem;flex: 1;}
	.home-service-info h2{ font-size: .3rem;
    font-weight: 400;
    line-height: 1.3;
    color: #000;}
	.home-service-info .miaoshu{ font-size: .2rem;
    margin: .3rem 0px;
    line-height: 1.6;  color:#666;}
    .home-service-info .layer-btn{ width: .8rem;
    text-align: center;
    border: 1px solid #e1e1e1;
    border-radius: .1rem;
    padding: .1rem;
    color: #818181; }
    
	.btn-circle{ width: .2rem;
    height: .2rem;
    color: var(--crush-black);
    background-color: #fff;
    border-radius: 50vw;
    justify-content: center;
    align-items: center;
    display: flex; }
	.btn-circle svg{ display: block; }

















.cw1400 {
    max-width: 1400px;
    width: 92%;
    margin: auto;
}
[class^="cw"][absolute],[class*=" cw"][absolute],
[class^="cw"].absolute,[class*=" cw"].absolute{left: 50%;transform: translate(-50%,0)}
[class^="cw"][absolute][max],[class*=" cw"][absolute][max],
[class^="cw"].absolute.max,[class*=" cw"].absolute.max{left: 50%;top: 50%;transform: translate(-50%,-50%);bottom: auto;right: auto;}


.m-pic,[m-pic]{position: relative;text-align: center;font-size: 0;line-height: 1;background:  url() no-repeat center / contain;}
.m-pic.absolute,[m-pic][absolute]{position: absolute;}
.m-pic.fixed,[m-pic][fixed]{position: fixed;}
.m-pic:before,[m-pic]:before{display: inline-block;height: 100%;vertical-align: middle;content: '';}
.m-pic:after,[m-pic]:after{display: inline-block;vertical-align: middle;content: '';padding-top: 0px;}
.m-pic svg,[m-pic] svg,
.m-pic img,[m-pic] img{max-width: 100%; max-height: 100%; vertical-align: middle;}
.m-pic svg[absolute],[m-pic] svg[absolute],
.m-pic svg.absolute,[m-pic] svg.absolute,
.m-pic img[absolute],[m-pic] img[absolute],
.m-pic img.absolute,[m-pic] img.absolute{top: 0;bottom: 0;left: 0;right: 0;margin: auto;}
.m-pic .v-top,.m-pic [v-top],[m-pic] [v-top],[m-pic] .v-top,
.m-pic .v-middle,.m-pic [v-middle],[m-pic] [v-middle],[m-pic] .v-middle,
.m-pic .v-bottom,.m-pic [v-bottom],[m-pic] [v-bottom],[m-pic] .v-bottom{display: inline-block;max-width: 100%;}
.m-pic .v-top,.m-pic [v-top],[m-pic] [v-top],[m-pic] .v-top{vertical-align: top;}
.m-pic .v-bottom,.m-pic [v-bottom],[m-pic] [v-bottom],[m-pic] .v-bottom{vertical-align: bottom;}
.max-img img,.m-img img{max-width: 100%;}
.b-pic,[b-pic]{overflow: hidden;}
.b-pic img,[b-pic] img{-webkit-transition: 0.5s;transition: 0.5s;-webkit-transform: scale(1);-moz-transform: scale(1);transform: scale(1);}

.listPro .li:hover .b-pic img,[b-pic]:hover img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);transform: scale(1.1);}

.absolute,[absolute]{position: absolute;}


.flex-between,
.flex-around,
.flex-reverse,
.flex-wrap,
.flex-nowrap,
.flex-reverse2,
.flex-row,
.flex-column,
.flex-line,
.flex-left,
.flex-right,
.flex-center,
.flex-middle,
.flex-top,
.flex-bottom,
.flex-middle2,
.flex-top2,
.flex-bottom2,
.flex-max,
.flex-max2,
.flex-height,
.flex{display: box;display: -webkit-flex;display: -ms-flex;display: -webkit-box;display: -moz-box;display: flex;justify-content: flex-start;align-content: flex-start;}
.flex-column{flex-direction: column;}
.flex-height{align-content: flex-start;}
.flex-left:not(.flex-column){justify-content: flex-start;}
.flex-center:not(.flex-column){justify-content: center;}
.flex-right:not(.flex-column){justify-content: flex-end;}
.flex-between{justify-content: space-between;}
.flex-around{justify-content: space-around;}
.flex-wrap{flex-wrap: wrap;}
.flex-nowrap>*{-webkit-flex-shrink: 0;flex-shrink: 0;}
.flex-reverse2{flex-wrap: wrap-reverse;}
.flex-row{flex-direction: row;}
.flex-reverse{flex-direction: row-reverse;}
.flex-top:not(.flex-column){align-content: flex-start;}
.flex-middle:not(.flex-column){align-content: center;}
.flex-bottom:not(.flex-column){align-content: flex-end;}
.flex-top2{align-items: flex-start;}
.flex-middle2{align-items: center;}
.flex-bottom2{align-items: flex-end;}
.flex-line{align-content: baseline;}
.flex-column.flex-center{align-items: center;}
.flex-column.flex-right{align-items: flex-end;}
.flex-column.flex-left{align-items: flex-start;}
.flex-column.flex-top{justify-content: flex-start;}
.flex-column.flex-middle{justify-content: center;}
.flex-column.flex-bottom{justify-content: flex-end;}
.flex-max{justify-content: center;align-items: center;flex-direction: column;}
.flex-max2{justify-content: center;align-items: center;}

#pro_list{padding:80px 0 40px; padding-top:0px; background: url(../images/bgpro1.jpg);
    background-size: cover; }
#pro_list .title{font-size:32px;line-height:48px;color:#4d4d4d;text-align:center;max-width:70%;margin:0 auto 92px; max-width:9rem; }
#pro_list .listPro .li{position:relative;width:100%;margin-bottom:100px;}
#pro_list .listPro .li .pic{width:73.337%;overflow:hidden;border-radius:0 20px 20px 0;}
#pro_list .listPro .li:nth-child(2n) .pic{border-radius:20px 0 0 20px;margin-left:auto;}
#pro_list .listPro .li .pic .img{width:100%;height:100%;padding-top:51.429%;}
#pro_list .listPro .li .pic .img img{width:100%;height:100%; object-fit:cover;}
#pro_list .listPro .li .box .cont{width:57.143%;border-radius:10px;overflow:hidden;box-shadow: 20px 35px 80px 0px rgba(0, 0, 0, 0.1);background-color:#fff;}
#pro_list .listPro .li:nth-child(2n-1) .box .cont{margin-left:auto;}
#pro_list .listPro .li .box .cont .left{width:calc(100% - 120px);padding:6.25% 50px 8.125%;}
#pro_list .listPro .li .box .cont .left i svg{ width: .7rem;  height: auto; }
#pro_list .listPro .li .box .cont .left i svg path{ fill: #2e9dd1; }
#pro_list .listPro .li .box .cont .left .name{font-size:32px;font-family:'MM';color:#292c33;    margin: .25rem 0px;}
#pro_list .listPro .li .box .cont .left .name i{ font-size: .32rem;  color: #a9a9a9; }
#pro_list .listPro .li .box .cont .left .brief{font-size:18px;line-height:30px;color:#4d4d4d; }
#pro_list .listPro .li .box .cont .right{width:120px;border-left:1px solid rgba(55,55,55,0.11); transition:all 0.3s ease-in;}
#pro_list .listPro .li .box .cont:hover .right{     background: linear-gradient(59deg, #2e9dd1, #5fbd31); }
#pro_list .listPro .li .box .cont:hover .right .i1{display:none; }
#pro_list .listPro .li .box .cont:hover .right .i2{display:inline-block;}
@media (max-width:1440px) {
    #pro_list .title{font-size:26px;line-height:42px;}
    #pro_list .listPro .li .box .cont .left .name{font-size:30px;}
    #pro_list .listPro .li .box .cont .left .brief{font-size:16px;line-height:28px;margin-top: 25px;}
}
@media (max-width:1024px) {
    #pro_list{padding:80px 0 0;}
    #pro_list .title{max-width:92%;margin-bottom:50px;font-size:26px;line-height:1.5;}
}
@media (max-width:750px) {
    
    
    
    #pro_list{padding-top:50px;}
    #pro_list .listPro .li{ margin-bottom: .5rem; }
    #pro_list .listPro .li .pic{ width: 90%;
        margin: 0 auto;
        border-radius: .2rem;
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0; }
    #pro_list .listPro .li .box{position:static;transform:translate(0); width:90%}
    #pro_list .listPro .li .box .cont{width:100%;     border-top-left-radius: 0px;  border-top-right-radius: 0px;}
    #pro_list .listPro .li .box .cont .left{width:100%;padding:20px;}
    #pro_list .listPro .li .box .cont .left .name{ font-size: .5rem; line-height:1.5;}
    #pro_list .listPro .li .box .cont .left .brief{margin-top:10px;         font-size: .3rem;}
    #pro_list .listPro .li .box .cont .right{display:none}
    
    #pro_list .title{ margin-bottom: .5rem; font-size: 16px; }
    #pro_list .con10{ padding: 0; }
    
    #pro_list .listPro .li .box .cont .left i svg{width:1.2rem; }
    
    #pro_list .listPro .li:nth-child(2n) .pic{ width: 90%;
        margin: 0 auto;
        border-radius: .2rem;
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0; }
    
}





.products-show{     background: linear-gradient(0deg, #2e9dd133, #b4fcff1f);
    padding-top:1.5rem;
    position: relative; }
.products-show .svg{ position: absolute;
    bottom: 0;
    text-align: center;
    width: 90%;
    top: 50%;
    transform: translateY(-50%);
    margin: 0 auto;
    left: 0;
    right: 0;
    height: 4.5rem; opacity:.1;
    z-index: -1; }
.products-show .svg svg{ width:auto; height:100%; }
.products-show .svg path{ fill:#2e9dd1; }
.products-show .win{ position:relative; }
.products-show .title{ position: absolute;
    top: 30%;
    width:5rem; }
.products-show .title h1{ font-size: .5rem;
    line-height: 1.6;
    display: initial;
    font-weight: 500;
    color: #000;
    background: #000000 -webkit-linear-gradient(left, #2e9dd1, #5fbd31) no-repeat 0 0;
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
    background-size: 0 100%; }
.products-show .title h2{ font-size: .18rem;
    margin: 0;
    font-weight: 500;
    margin-bottom: 10px;
    font-size: .25rem;
    margin-bottom: .3rem;
    font-weight: 500;
    opacity: .5;
    color: #666; }
.products-show .title h2 svg{ width: .7rem;  height: auto; }
.products-show .title h2 svg path{ fill: #2e9dd1; }
.products-show .txt{ position: absolute;
    top: 40%;
    right: 0;
    z-index: 90;
    width: 500px;
    text-align: center; }
.products-show .txt ul{ display:block;  }
.products-show .txt ul li {
    margin: 0px 15px;
    display: inline-block;  vertical-align: middle;
}
.products-show .txt ul li:last-child{  }
.products-show .txt ul li a{ display: block;
    background: linear-gradient(59deg, #2e9dd1, #5fbd31);
    color: #fff;
    padding: 10px;
    border-radius: 50%;
    width: .4rem;
    height: .4rem;
    text-align: center;
    line-height: .2rem;
    position: relative; }
.products-show .txt ul li a span{ display:none;   }
.products-show .txt ul li a i{    display: block;
    top: .12rem;
    left: .1rem;
    position: absolute; }
.products-show .txt ul li a i svg{ width:.4rem; height:.4rem; }
.products-show .txt ul li a:hover span{ display:block;  }
.products-show .txt ul li a:hover i{ display:none; }

.products-show .big { position: relative; width:600px; height:72vh; margin:0 auto;  }
.products-show .big li{ position: relative;  position:absolute; width:100%; height:100%; opacity: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;  }
.products-show .big li img{  margin:0 auto; display: block; height:100%; }

.products-show .big li.hover{ opacity:1;   }


.products-show .big li:before{  }
	
	

.products-show .sml{    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    width: 340px;
    margin: 0 auto; }
	
.products-show .sml li{ cursor:pointer; width:32%;
    box-sizing: border-box;
    text-align: center;
    padding: 40px 20px;
    font-size: 14px;
    font-weight: 500; margin-right:1%; opacity:0.5; -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;  }
.products-show .sml li.hover{ 
	opacity: 1;
}
.products-show .sml li:last-child{ margin-right:0; }
.products-show .sml li img{ display: block; width:100%;  }






.what{ padding:10vh 0; padding-top:0px; }
.what ul{ display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; grid-gap: 30px; row-gap: 50px; margin-top: 50px; }
.what ul li{ border: 1px solid #f1f1f1;
    padding: 50px 50px;
    border-radius: 5px;
    text-align: center; }
.what ul li .img{ align-content: center;
    flex: 2;
    padding: 0;
    margin-right: 0;
    margin-bottom: 30px; }
.what ul li .img img{ display: block;
    width: 80px;
    margin: 0 auto; }
.what ul li .txt{flex:6; }
.what ul li .txt h4{ margin-bottom:10px; font-size:30px; }
.what ul li .txt p{ font-size: 17px;
    line-height: 1.5;
    font-weight: 500;
    color: #646464; }



.more_pic{ margin-bottom:80px; }
.more_pic ul{ display:flex; width:1000px; margin:0 auto; margin-bottom:50px; }
.more_pic ul li{ flex:1; text-align:center; color:#8d8d8d; position:relative; cursor:pointer; }
.more_pic ul li h2{ font-size:30px; }
.more_pic ul li.hover{ color: #000; }
.more_pic ul li.hover i{ display: block; position: absolute; left: 50%; z-index: -1; margin-left: -110px; top: -12px; }
.more_pic ul li.hover i::before{     content: '';
    display: block;
    background: #2e9dd1;
    width: 48px;
    height: 48px;
    opacity: .3;
    margin-top: 0;
    border-radius: 40px;
    float: left;
    border-bottom-left-radius: 40px;
    border-top-left-radius: 40px;}
.more_pic ul li.hover i::after{ content: '';
    display: block;
    background: #2e9dd1;
    width: 20px;
    height: 20px;
    opacity: 1;
    margin-left: -20px;
    margin-top: 3px;
    float: right;
    border-radius: 40px;
    border-bottom-left-radius: 40px;
    border-top-left-radius: 40px;
    z-index: 10;
    position: relative; }
.more_pic .pic_list{ margin-top:50px;   }
.more_pic .pic_list div { display: grid;  grid-template-columns: 1fr 1fr 1fr 1fr;  grid-gap:50px; row-gap:50px; margin-top:50px; display:none; }
.more_pic .pic_list div img{ display: block; border-radius:10px; width:100%; }
.more_pic .pic_list div:first-child{ display:grid; }

.contact { padding:1rem 0; }
.contact .titleh2{ margin: initial; }

.contact .info { overflow:hidden; margin-top:80px; }
.contact .info .txt{ float:left; width: 500px; }
.contact .info .txt .url{display: flex;}
.contact .info .txt .url li{ margin-right:70px;}
.contact .info .txt .url li:last-child{ margin-right:0;}
.contact .info .txt .url li a{     position: relative;  display: block;  width: 66px;  height: 66px; padding: 15px 0px; }
.contact .info .txt .url li a img{ position:absolute; border-radius:50%; transition: all 0.6s ease-in;   box-shadow: 9px 14px 16px -6px rgb(16 135 125 / 21%);}
.contact .info .txt .url li a:hover img{ top:8px; }

.contact .info .adder{ margin-top:80px; font-size:18px; }
.contact .info .adder li{  line-height: 1.5;  min-height:30px;  margin-bottom:40px; 
    font-size:.25rem;
    color: #606060; }
.contact .info .adder li i{    font-size: .25rem; }
.contact .info .adder li.add{ background-position: 0px 2px; }
.contact .info .adder li.email{ background-position: 0px -98px; }
.contact .info .adder li.tel{ background-position: 0px -198px; }
.contact .info .adder li.whatapp{background-position: 0px -291px; }

.contact .info .adderimg{ display: grid;
    margin: 0 auto;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-gap: 30px;
    row-gap: 30px;
    margin-top: 50px; text-align:center; }
    
.contact .info .adderimg img{ width: 100%;
    display: block;
    border: 1px solid #f1f1f1;
    border-radius: 5px; }
.contact .info .adderimg span{ display:block; text-align:center; font-size:14px; margin-top:10px; }

.contact .info .quote{ font-size:16px; float:right; border:1px solid #b1b1b1; padding:50px; border-radius:10px; width: calc(100% - 650px); box-sizing: border-box; }
.contact .info .quote h3{ margin-bottom:50px; }
.contact .info .quote ul{ overflow: hidden; }
.contact .info .quote ul li{ width:48%; margin-right:4%; float:left; margin-bottom:35px; }
.contact .info .quote ul li span{ display: block; }
.contact .info .quote ul li input{ font-size:16px; width:100%; display:block; box-sizing: border-box; border:none; border-bottom:1px solid #b1b1b1; padding:15px 0; }
.contact .info .quote ul li:nth-child(2n){ margin-right:0; }
.contact .info .quote ul li.msg{ width:100%; margin-right:0; }
.contact .info .quote ul li textarea{ height:100px; font-size:16px; width:100%; display:block; box-sizing: border-box; border:none; border-bottom:1px solid #b1b1b1; padding:15px 0; }
.contact .info .quote input[type="checkbox"] { width: 16px;  height: 16px;  vertical-align: middle; }
.contact .info .quote input[type="submit"]{     font-size: 16px;
    background: #2e9dd1;
    color: #fff;
    text-transform: uppercase;
    padding: 15px 40px;
    width: 250px;
    display: block;
    font-weight: bold;
    border: none;
    background: linear-gradient(59deg, #2e9dd1, #5fbd31);
    border-radius: 33px;
    cursor: pointer;
    margin: 0 auto;
    margin-top: 30px; }
.contact .info .quote input[type="submit"]:hover{ background:#2e9dd1;  }


.all_news{ padding: 10vh 0;
    padding-top: 2rem; }
.all_news .win{ }
.all_news .win::after{ content:''; display: block; clear: both; }
.all_news .news_con{ width: 13rem;  margin: 0 auto; }
.all_news .news_con .title{ display: flex;  align-items: center; }



.all_news .news_con h1{ font-size: .5rem;
    font-weight: 500;
    width: 9rem; }
.all_news .news_con time{ font-size: .16rem;
    margin: .3rem 0px;
    display: block;
    color: #898989; }
.all_news .news_con .author{ overflow: hidden;font-size: 12px; }
.all_news .news_con .avatar{ float:left; }
.all_news .news_con .avatar img{ display: block; width: 50px; border-radius: 50%; }
.all_news .news_con .profile{ float: left; margin-left: 15px; margin-top: 10px; }
.all_news .news_con .profile p{ font-size: 14px; margin-bottom: 5px; }

.content{ font-weight:500; line-height:1.6; padding:1rem 0px; background: url(../images/bgpro2.jpg);
    background-size: cover;
    position: relative; }
.content ul{ margin-top:20px; }
.content ul li{     margin-bottom: 20px;  display: flex; }
.content ul li:before {
    content: "";
    display: block;
    flex: auto;
    width: 20px;
    height: 20px;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAyMSAyMSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEwLjUgMEM0LjcwMTU2IDAgMCA0LjcwMTU2IDAgMTAuNUMwIDE2LjI5ODQgNC43MDE1NiAyMSAxMC41IDIxQzE2LjI5ODQgMjEgMjEgMTYuMjk4NCAyMSAxMC41QzIxIDQuNzAxNTYgMTYuMjk4NCAwIDEwLjUgMFpNMTUuMDM1MiA3LjA3MTA5TDEwLjA5OTIgMTMuOTE0OEMxMC4wMzAyIDE0LjAxMTEgOS45MzkyOSAxNC4wODk2IDkuODMzOTIgMTQuMTQzN0M5LjcyODU2IDE0LjE5NzggOS42MTE4MSAxNC4yMjYxIDkuNDkzMzYgMTQuMjI2MUM5LjM3NDkxIDE0LjIyNjEgOS4yNTgxNiAxNC4xOTc4IDkuMTUyOCAxNC4xNDM3QzkuMDQ3NDMgMTQuMDg5NiA4Ljk1NjQ5IDE0LjAxMTEgOC44ODc1IDEzLjkxNDhMNS45NjQ4NCA5Ljg2NDg0QzUuODc1NzggOS43NDA2MiA1Ljk2NDg0IDkuNTY3MTkgNi4xMTcxOSA5LjU2NzE5SDcuMjE2NDFDNy40NTU0NyA5LjU2NzE5IDcuNjgyODEgOS42ODIwMyA3LjgyMzQ0IDkuODc4OTFMOS40OTIxOSAxMi4xOTQ1TDEzLjE3NjYgNy4wODUxNkMxMy4zMTcyIDYuODkwNjIgMTMuNTQyMiA2Ljc3MzQ0IDEzLjc4MzYgNi43NzM0NEgxNC44ODI4QzE1LjAzNTIgNi43NzM0NCAxNS4xMjQyIDYuOTQ2ODggMTUuMDM1MiA3LjA3MTA5WiIgZmlsbD0iIzE2QkM5QyIvPgo8L3N2Zz4K);
    background-size: cover;
    background-repeat: no-repeat;
    margin-right: 10px;
    flex: none;
}

.content img{ display:inline-block; max-width:100%; height:auto !important; }
.content video{ display:inline-block; max-width:100%; height:auto !important;}

.content *{ margin:revert; font-size: revert; line-height:2; font-size:.2rem}
.content strong{ display: contents; }
.content .win{ margin:0 auto;     width: 13rem; }
.all_news .news_hot{ float:right; width:350px; position: sticky; top: 130px; }
.all_news .news_hot h4{  margin-bottom:30px;}
.all_news .news_hot ul li{ margin-bottom:20px; border-bottom:1px solid #f1f1f1; padding-bottom:20px; }
.all_news .news_hot ul li a{ display: block; overflow:hidden; }
.all_news .news_hot ul li a:hover p{ color: #2e9dd1; text-decoration: underline; }
.all_news .news_hot ul li img{ float:left; display: block; width: 80px; }
.all_news .news_hot ul li p{ float: right; display: block; width: calc(100% - 100px); font-size: 14px; line-height: 1.5;color: #000; font-weight: 500; }



.news_page{ padding:10vh 0; }
.news_page .win{ overflow:hidden; }
.news_page .catalogue{ float:left; width:300px; }
.news_page .catalogue ul{ border:1px solid #f1f1f1; padding:30px; box-sizing:content-box; }
.news_page .catalogue ul li{ margin-bottom:20px; }
.news_page .catalogue ul li a{ color: #000; text-decoration:none }
.news_page .catalogue ul li a:hover{ color: #2e9dd1;  text-decoration: underline; }

.news_page .news_page_list{ float:right; width:100%; }
.news_page_list ul{ display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: .5rem;
    row-gap: .5rem; }
.news_page_list li{ border:1px solid #f1f1f1; border-radius:10px; overflow:hidden; }
.news_page_list li img{ display:block; width:100%; }
.news_page_list h4{ padding:.2rem; font-weight:500; }
.news_page_list h4 a{ color: #000; font-size:22px; text-decoration:none; }
.news_page_list h4 a:hover{ color: #2e9dd1; text-decoration: underline; }
.news_page_list p{ padding: 0 .2rem;
    display: block;
    line-height: 1.5;
    font-size: .16rem;
    color: #5f5f5f;
    height: 1rem;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 7;
    -webkit-box-orient: vertical;}
.news_page_list li time{ font-size: .16rem;
    padding: 0 .2rem;
    display: block;
    margin-bottom: .2rem;
    color: #b9b9b9; }
.news_page_list .more{ padding: 0 .2rem;
    padding-bottom: .2rem;
    display: block;
    color: #b9b9b9; }










.con20{ padding: 1rem 0;
    background: url(../images/bgpro2.jpg);
    background-size: cover; }
.con20 .win{ position:relative; }
.con20 .items{ width: 100%;
    -ms-flex-flow: column wrap;
    flex-flow: column wrap;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: start;
    align-items: flex-start;
    display: -ms-flexbox;
    display: flex; }
.con20 .items .col{ width: 100%;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-top: -3rem;
    display: -ms-flexbox;
    display: flex; }
.con20 .items .col:nth-child(1){ margin-top:-2rem; }

.con20 .items .col:nth-of-type(1) {
    margin-top: 0;
}
.con20 .items .col>a, .con20 .items .col>div {
    width: 45%;
}
.con20  .items .col>a .photo, .con20 .items .col>div .photo {
    width: 100%;
    height:30vw;
    position: relative;
    overflow: hidden;
	border-radius:.2rem;
}
.con20  .items .col>a .photo figure, .con20  .items .col>div .photo figure {
    width: 100%;
    height: 140%;
    pointer-events: none;
    margin: 0;
    position: absolute;
    top: 0%;
    left: 0;
}
.con20 .items .col:nth-child(1)>a:nth-of-type(2), .con20 .items .col:nth-child(1)>div:nth-of-type(2) {
    /* margin-top: 5rem; */
}

.con20 .items .col>a:nth-of-type(2), .con20 .items .col>div:nth-of-type(2) {
    margin-top:5rem;
}
 

.con20   .items .col>a .photo figure .videoBox, .con20  .items .col>div .photo figure .videoBox {
    pointer-events: auto;
    width: calc(100% + 2px);
    background-position: bottom;
    background-size: cover;
    left: -1px;
	transform: translate(0px, 100px);
	border-radius: .2rem;
}
.con20  .items .col>a .photo figure .videoBox{     height: 100%;
    position: absolute;
    top: 0; }

.con20  .home-service-info{ background: #fff; overflow:hidden;
    margin-top: -.3rem;
    padding-top: .7rem;
    padding-bottom: .5rem;
    border-radius: .2rem; }


.con20 .shuanc{ position: absolute;
    width: 8.5rem;
    right: 0;
    font-size: 16px;
    text-align: right; padding-top:1rem;}
.con20 .shuanc h2{  line-height: 1.5;   display: initial;
    font-weight: 500;
    color: #000;
    background: #000000 -webkit-linear-gradient(left, #2e9dd1, #5fbd31) no-repeat 0 0;
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
    background-size: 0 100%;
    font-size: .7rem;
    text-transform: capitalize; }










.con21{ padding: 1rem 0; background: url(../images/aboutbg.png) no-repeat center top; }
.con21 .win{ width:80%; }
.con21 .rcln{ display: flex;
    grid-gap: 1rem;
    align-items: center;
    justify-content: center; }
.con21 .rcln .text{flex: 1; transform: translate3d(0, 235%, 0);}
.con21 .rcln .text h2{ font-size: .25rem;
    margin-bottom: .3rem;
    font-weight: 500;
    opacity: .5;
    color: #666; }
.con21 .rcln .text .miaoshu{   font-size: .5rem;
    line-height: 1.8;
    display: initial;
    font-weight: 500;
    color: #000;
    background: #000000 -webkit-linear-gradient(left, #2e9dd1, #5fbd31) no-repeat 0 0;
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
    background-size: 0 100%; }
.con21 .rcln .box{ position: relative;
    width:7rem; flex: 1;}
.con21 .rect{ -webkit-mask-size: 100%;  -webkit-mask-position: center bottom;  opacity:0.1; transform: translate3d(0, 35%, 0); }
.con21 .rcln .box svg{ display: block;
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0; }
.con21 .rcln .box .svgRect{ }
.con21 .rcln .box svg path{ fill:#2e9dd1 }
.con21 .rcln .box img{ max-width: 100%; opacity:0.1;
    position: relative;
    z-index: 5;
    display: block;
    width: 100%;
    transform: translate3d(0, 35%, 0);
    margin-left: -.3rem; }








        .recruitment-wrapper {
           width: 100%;
    background: url(../images/home-4.jpg?a=0.1);
    background-size: cover;
    padding: 1rem 0; overflow: hidden;
        }

        /* ========== 头部弹性容器 (space-between) ========== */
        .recruitment-header {
            display: flex;
            justify-content: space-between;
            align-items: flex-end;
            flex-wrap: wrap;
            margin-bottom:.5rem;
            gap:.25rem;
        }

        .header {
           display: flex;
    flex-direction: column;
    justify-content: space-between;
    text-align: left;
    margin-bottom: 0;
    flex: 0 1 auto;
    width: 7rem;
        }

        .header h1 {
           font-size: .25rem;
    margin-bottom: .3rem;
    font-weight: 500;
    opacity: .5;
    color: #666;
        }

        .header h1 span {
            background: linear-gradient(135deg, #2563eb, #7c3aed);
            font-size: 18px;
            color: #fff;
            padding: 2px 16px;
            border-radius: 40px;
            font-weight: 500;
        }

        .header p {
            font-size: .5rem;
    line-height: 1.8;
    display: initial;
    font-weight: 500;
    color: #000;
    background: #000000 -webkit-linear-gradient(left, #2e9dd1, #5fbd31) no-repeat 0 0;
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
    background-size: 0 100%;
        }

        .tabs {
            display: flex;
            justify-content: space-between;
            align-items: center;
            flex-wrap: wrap;
            margin-bottom: 0;
            gap: 12px;
            flex: 0 1 auto;
        }

        .tab-btn {
            padding:.12rem .28rem;
            font-size:.18rem;
            font-weight:500;
            border: none;
            border-radius:.6rem;
            cursor: pointer;
            background: #f1f4f9;
            color: #475569;
            transition: all 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94);
            letter-spacing: 0.5px;
            box-shadow: 0 2px 4px rgba(0, 0, 0, 0.02);
            display: inline-flex;
            align-items: center;
            gap: 6px;
        }

        .tab-btn:hover {
            background: #e4e9f2;
            transform: translateY(-2px);
        }

        .tab-btn.active {
            background: linear-gradient(59deg, #2e9dd1, #5fbd31);
    color: #fff;
    box-shadow: 0 12px 28px -8px rgba(37, 99, 235, 0.40);
    transform: translateY(-2px);
        }

        .tab-btn .badge {
            display: inline-block;
            background: rgba(255, 255, 255, 0.20);
            color: inherit;
            font-size: 12px;
            font-weight: 600;
            padding: 0 10px;
            border-radius: 30px;
            margin-left: 2px;
        }

        .tab-btn.active .badge {
            background: rgba(255, 255, 255, 0.25);
        }

        /* ========== Swiper 容器 ========== */
        .swiper-wrapper-container {
            position: relative;
            height:4.5rem;
            border-radius:.2rem;
        }

        .swiper-container-custom {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            padding:0;
            opacity: 0;
            visibility: hidden;
            transition: opacity 0.45s ease, visibility 0.45s ease;
            z-index: 1;
            padding-bottom:.5rem;
        }

        .swiper-container-custom.active {
            opacity: 1;
            visibility: visible;
            z-index: 2;
        }

        .swiper-container-custom .swiper {
            width: 100%;
            height: 100%;
        }

        /* ========== 职位卡片 ========== */
        .job-card {
            background: #ffffff;
    border-radius: .2rem;
    padding: .4rem;
    box-shadow: 0 8px 24px rgba(0, 20, 50, 0.06);
    border: 1px solid rgba(226, 232, 240, 0.60);
    transition: all 0.3s ease;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    cursor: default;
    box-sizing: border-box;
        }

        .job-card:hover {
            transform: translateY(-6px);
            box-shadow: 0 18px 40px -8px rgba(37, 99, 235, 0.15);
            border-color: #b9d0ff;
        }

        .job-card .card-top {
            display: flex;
            align-items: flex-start;
            justify-content: space-between;
            margin-bottom: 12px;
        }

        .job-card .job-icon {
            width: 44px;
            height: 44px;
            border-radius: 14px;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 22px;
            flex-shrink: 0;
            background: #eef3ff;
            color: #2563eb;
        }

        .job-card .job-tag {
            font-size: 11px;
            font-weight: 600;
            padding: 4px 14px;
            border-radius: 40px;
            background: #eef3ff;
            color: #2563eb;
            letter-spacing: 0.3px;
            white-space: nowrap;
        }

        .job-card .job-tag.campus {
            background: #ecfdf5;
            color: #059669;
        }

        .job-card .job-title {
            font-size: .3rem;
    font-weight: 500;
    color: #0b1a33;
    line-height: 1.3;
        }

        .job-card .job-dept {
            font-size: .18rem;
            color: #64748b;
            margin: .2rem 0;
        }

        .job-card .job-dept i {
            font-style: normal;
        }

        .job-card .job-meta {
                display: flex;
    flex-wrap: wrap;
    gap: 12px 18px;
    font-size: 13px;
    color: #475569;
    border-top: 1px solid #f1f1f1;
    padding-top: .2rem;
    margin-top: auto;
        }

        .job-card .job-meta span {
            display: flex;
            align-items: center;
            gap: 4px;
        }

        .job-card .job-meta .location::before {
            
            margin-right: 2px;
        }
        .job-card .job-meta .type::before {
            
            margin-right: 2px;
        }
        .job-card .job-meta .date::before {
            
            margin-right: 2px;
        }
        .job-card .miaoshu{text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp:5;
    -webkit-box-orient: vertical;
    overflow: hidden;
    line-height: 1.8;
    font-size: .18rem;
    color: #666;
    border-top: 1px solid #f1f1f1;
    padding-top: .2rem;}
        /* ========== Swiper 导航 ========== */
        .swiper-container-custom .swiper-button-next,
        .swiper-container-custom .swiper-button-prev {
            color: #2563eb;
            background: rgba(255, 255, 255, 0.85);
            backdrop-filter: blur(6px);
            width: 42px;
            height: 42px;
            border-radius: 50%;
            box-shadow: 0 4px 14px rgba(0, 0, 0, 0.06);
            transition: all 0.3s;
        }

        .swiper-container-custom .swiper-button-next::after,
        .swiper-container-custom .swiper-button-prev::after {
            font-size: 18px;
            font-weight: 700;
        }

        .swiper-container-custom .swiper-button-next:hover,
        .swiper-container-custom .swiper-button-prev:hover {
            background: #ffffff;
            box-shadow: 0 8px 24px rgba(37, 99, 235, 0.20);
            transform: scale(1.05);
        }

        .swiper-container-custom .swiper-pagination {
            bottom: 4px;
        }

        .swiper-container-custom .swiper-pagination-bullet {
            background: #cbd5e1;
            opacity: 1;
            width: 8px;
            height: 8px;
            transition: all 0.3s;
        }

        .swiper-container-custom .swiper-pagination-bullet-active {
            background: #2563eb;
            width: 26px;
            border-radius: 6px;
        }

        /* ========== 响应式 ========== */
        @media (max-width: 900px) {
            .recruitment-wrapper {
                
            }
            .header h1 {
                font-size: 26px;
            }
            .tab-btn {
                padding: 10px 20px;
                font-size: 15px;
            }
            .swiper-wrapper-container {
                height: 360px;
            }
            .job-card .job-title {
                font-size: 16px;
            }
        }

        @media (max-width: 640px) {
            .recruitment-wrapper {
               width:100%; 
            }
            .recruitment-header {
                flex-direction: column;
                align-items: stretch;
                gap:0;
            }
            .recruitment-header .header{ margin-bottom:.3rem; }
            .header h1 {
                font-size: .35rem;
                justify-content: center;
            }
            .header p {
                font-size: .5rem; 
            }
            .tabs {
                justify-content: center;
                flex-wrap: wrap;         grid-template-columns: 1fr 1fr;   display: grid;
            }
            .tab-btn {
                padding: 8px 18px;
                font-size: 14px;
                flex: 1 1 auto;
                min-width: 100px;
                justify-content: center;
            }
            .swiper-wrapper-container {
                height:40vh;
            }
            .swiper-container-custom {
                padding: 10px 6px 44px 6px;
            }
            
            .join{ height:50vh; }
            .join .group h2{ font-size:.5rem; }
            .join ul li{     border-radius: .5rem; }
            .join ul li i{ font-size: .35rem; }
            .join ul li span{ font-size: .35rem; }
            .job-card {
                padding: 16px 14px;
            }
            .job-card .job-title {
                font-size: 15px;
            }
            .job-card .job-meta {
                font-size: 12px;
                gap: 8px 12px;
            }
            .swiper-container-custom .swiper-button-next,
            .swiper-container-custom .swiper-button-prev {
                width: 34px;
                height: 34px;
            }
            .swiper-container-custom .swiper-button-next::after,
            .swiper-container-custom .swiper-button-prev::after {
                font-size: 14px;
            }
        }

        @media (max-width: 400px) {
            .swiper-wrapper-container {
                height: 440px;
            }
            .tab-btn {
                font-size: 13px;
                padding: 6px 12px;
                min-width: 70px;
            }
            .job-card .job-meta {
                flex-direction: column;
                gap: 4px;
            }
        }
        
        
.zyfz{ margin:1rem 0; margin-top:1.5rem; }        
.zyfz h2{ font-size: .25rem;
    margin-bottom: .3rem;
    font-weight: 500;
    opacity: .5;
    color: #666; }       
.zyfz .miaoshu{ font-size: .5rem;
    line-height: 1.8;
    width:10rem;
    display:block;
    font-weight: 500;
    color: #000;
    margin-bottom:.5rem;
    background-size: 0 100%; }
.zyfz .flimg{ background: #fff;
    text-align: center;
    border-radius: .2rem;
    padding: .5rem 0; }
.zyfz .flimg img{ }



.join  {
    height: 100vh;
    overflow: hidden;
    position: relative;
    z-index: 1;
}
.join .bg{ position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    visibility: visible; }
.join .bg .pic {       position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;  background-size: cover;
    background-repeat: no-repeat;
    background-position: center; }
.join .win{ height:100%;     position: relative; color: #fff; }
.join .group { text-align: center; height:100%; display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column; }
.join .group h2{ font-weight:500; }

.join ul{ display:flex; margin-top: .5rem; }
.join ul li{ margin: 0 .3rem;
    background: linear-gradient(59deg, #2e9dd1, #5fbd31);
    border-radius: .3rem;
    padding: .15rem .2rem; }
.join ul li a{}
.join ul li i{ color: #ffffff; font-size:.25rem;  }
.join ul li span{ color: #ffffff; font-size:.25rem; }





.idx-tags-2{ }
.idx-tags-2 ul{ text-align:center; }
.idx-tags-2 ul li h4{ 
    position:relative;
    font-size: 3.125vw; font-weight: bold;
    background: -webkit-gradient(linear, right top, left top, from(#2e9dd1), to(#f7ca09));
    background: -o-linear-gradient(left, #2e9dd1, #f7ca09);
    background: linear-gradient(-90deg, #2e9dd1, #f7ca09);
    -webkit-background-clip: text;
    -webkit-text-fill-color: rgba(0, 0, 0, 0);
    
}

.idx-tags-2 ul li h4:before{ 
    content: '+';
    display: block;
    position: absolute;
    right: -10px;
    top: 0px;
    color: #000;
    font-size: 26px;
    width: 10px;
    height: 10px;
    -webkit-text-fill-color: #2e9dd1; 
    
}


.about_txt{ overflow: hidden;  margin-top: 60px; display: flex; justify-content: center;
    align-items: center; }
.about_txt .img{ width: 50%; flex: 1.3; }
.about_txt .img img{border-radius:2.5vw;  border-bottom-right-radius: 0;   display: block;  width: 100%;}
.about_txt .txt {width: 47%;
    font-weight: 500;
    flex: 1;
    margin-left: 80px;
    font-size: .25rem;
    color: #606060;
    line-height: 1.4;}
.about_txt .txt p{ font-size: .25rem;  line-height: 1.4; }
.about_txt .txt a{ text-transform: uppercase;
    padding: 25px 60px;
    display: inline-block;
    color: #ffffff;
    text-align: center;
    background: #2e9dd1;
    border-radius: 2.5vw;
    border-bottom-right-radius: 0;
    font-weight: 600;
    font-size: 16px;
    margin-top: 50px; display: block;
    width: 110px; -webkit-transition: all .5s;}
.about_txt .txt a:hover{ background: #2e9dd1;
    color: #000; }
.probg{   }    
.pro_list_1{   }
.pro_list_1 .win{ padding-top:150px;
    overflow: hidden;
    justify-content: space-between;
    align-items: center;
    display: flex; height:350px; }    
.pro_list_1 .title{     float: left; }
.pro_list_1 .title h2{     background: -webkit-gradient(linear, right top, left top, from(#2e9dd1), to(#f7ca09));
    background: -o-linear-gradient(left, #2e9dd1, #f7ca09);
    background: linear-gradient(-90deg, #2e9dd1, #f7ca09);
    -webkit-background-clip: text;
    -webkit-text-fill-color: rgba(0, 0, 0, 0); }
.pro_list_1 .pro_li{ float:right; width: 500px; min-width:50%; }
.pro_list_1 .pro_li li{ line-height:5; position: relative; }
.pro_list_1 .pro_li li a{display: block;
    font-size: 20px;
    color: #8f8f8f;
    text-decoration: none;
    border-top: 1px solid #efefef;
    font-weight: 500;
    position: relative;
    padding-left: 40px; }
.pro_list_1 .pro_li li a em{ 
    font-size: 30px;
    font-weight: 500;
    opacity: 0.2;
    margin-right: 10px;
    vertical-align: middle;
    font-style: italic;
    transition: all .5s;
    position: absolute;
    left: 0;
    line-height: 1;
    top: 35px; }
.pro_list_1 .pro_li li a:hover,.pro_list_1 .pro_li li.hover a{ color:#2e9dd1; font-size: 24px; padding-left:100px; }
.pro_list_1 .pro_li li a:hover em,.pro_list_1 .pro_li li.hover a em{ color:#2e9dd1;
    opacity: 1;
    font-size: 95px;
    top: 10px; }


.pro_list_1 .pro_li li a:before{ position:absolute; display:block; content:""; width:10px; height:10px; border-bottom:1px solid #000; border-right:1px solid #000; bottom: 10px;  right: 0; transition: all .5s; opacity:.2;  }
.pro_list_1 .pro_li li a:after{ position:absolute;  display:block; content:""; width:10px; height:10px; border-bottom:1px solid #000; border-right:1px solid #000; bottom: 15px; right: 5px; transition: all .5s; opacity:.2;   }

.pro_list_1 .pro_li li:before{ transition: all .5s;
    position: absolute;
    display: block;
    content: "";
    width: 0px;
    height: 3px;
    top: 0;
    left: 0px;
    background: #2e9dd1; z-index:1;  }
.pro_list_1 .pro_li li:hover:before,.pro_list_1 .pro_li li.hover:before{ width:100%;  }

.pro_list_1 .pro_li li:hover a:before,.pro_list_1 .pro_li li:hover a:after{ border-bottom:1px solid #2e9dd1; border-right:1px solid #2e9dd1; opacity:1; }






.products-list-pro{ display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-gap: 50px;
    row-gap: 70px; margin-top:50px;   }
.products-list-pro li{}


.products-list-pro li a:hover .img i {
    opacity: 1;
    margin-left: -15px;
}

.products-list-pro .img i {
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 10px;
    height: 10px;
    background: #2e9dd1;
    padding: 20px;
    margin-top: -25px;
    margin-left: -40px;
    opacity: 0;
    transition: all 0.3s 
ease-in;
}


.products-list-pro .img i::before{ content: '';
    display: block;
    height: 10px;
    width: 10px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    transform: rotate(45deg); } 
.products-list-pro .img i::after{ content: '';
    display: block;
    width: 15px;
    height: 2px;
    background: #fff;
    margin-top: -7px;
    margin-left: -4px; }

.products-list-pro li:first-child{grid-column: span 2;   grid-row: span 2; }
.products-list-pro li:first-child .img{ padding: 30px 20px; }
.products-list-pro li .img{ background-color: rgb(255 255 255 / 75%); padding: 30px; border-radius:.2rem; transition: all 1.5s; }
.products-list-pro li:hover .img{
    transform: scale(1.05) !important;
    transform-origin: center center; }
.products-list-pro li img{ display: block;  width: 100%;}
.products-list-pro li a h4{ font-size: 20px;
    font-weight: 500;
    line-height:50px; white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden; width:100%; position: absolute; transition: all .5s; }
.products-list-pro li a:hover h4{  }
.products-list-pro li a{  transition: all .5s; position: relative;   text-decoration:none; color:#585858; }
.products-list-pro li a:hover{ text-decoration: underline; color:#2e9dd1; }





.ser-sup{ padding:10vh 0px;  }
.ser-sup ul{ display: grid;  grid-template-columns: 1fr 1fr 1fr;  grid-gap: 30px;  row-gap: 30px; }
.ser-sup ul li{ background: #f1f1f1;  border-radius: 15px; position:relative; overflow: hidden; }
.ser-sup ul li:first-child{ grid-column: span 1; grid-row: span 2; }
.ser-sup ul li:last-child{ grid-column: span 2; }


.ser-sup ul li .img{ height: 100%; }
.ser-sup ul li img{ display: block;  width: 100%; height: 100%; }
.ser-sup ul li .txt{ position: absolute;
    top: 10%;
    left:50px;
    color: #fff;
    width: 80%;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.5; }
.ser-sup ul li .txt h4{ font-size: 30px;  margin-bottom:20px; }
 


.postion.postionCantact {
    position: unset;
    margin-top: 123px;     color: #979797;
}
.postion.postionCantact a{     color: #979797; }




/* products show*/
.products_pic{ width:100%; overflow:hidden; margin-top:30px;  }
.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:45px;  margin-bottom: 30px;   }
.products_nr .txt p{     line-height: 1.5;  color: #787878; }

.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: 1px solid #f1f1f1;
    border-radius: 10px; 
    width: 100%;  background:#fff;}
.products_pic  .gallery-thumbs .swiper-slide{  opacity:0.5;  }
.products_pic  .gallery-thumbs .swiper-slide{ height:150px;}
.products_pic  .gallery-thumbs img{ height: auto;
    max-height: 100%;
    width: auto;
    max-width: 100%;margin:0 auto; display:block; }

.products_pic  .gallery-thumbs .swiper-wrapper{    display: block;}
.gallery-thumbs .swiper-slide.swiper-slide-thumb-active {
    opacity: 1;
	border:3px solid #2e9dd1 !important;
}
 

 
.products_pic .gallery-thumbs{   }

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

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

.products_pic .gallery-thumbs .swiper-slide{height: 80px !important; border:3px solid #f1f1f1; width:80px !important; display: inline-block; border-radius: 50%; 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; }


.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{   }



.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);  }
	
	
	
.proBtn{ display:block; margin-top:30px;  }
.proBtn li {
	margin-right:20px;
	display: inline-block;  vertical-align: middle;
}
.proBtn li:last-child{   }
.proBtn li a{ display: block;
	background: #f3f3f3;
	padding: 10px;
	border-radius: 50%;
	font-size: 25px;
	width: 30px;
	height: 30px;
	text-align: center;
	line-height: 14px; position: relative; text-decoration:none  }
.proBtn li a:hover{ background:#2e9dd1; }
.proBtn li a:hover span{ color:#fff; }
.proBtn li:last-child a { background: #ffeeef; }
.proBtn li:last-child a:hover{ background:#2e9dd1; }

.proBtn li a span{ display:none; font-size: 12px; }
.proBtn li a i{ display: block;
    position: absolute; }
.proBtn li a i svg{ width: 30px; height: 30px; }

.proBtn li a:hover span{   }
.proBtn li a:hover i{  }

.proBtn li a:hover svg path{ fill:#fff; }

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


.productInfo{ padding-top: 1rem;
    padding-bottom: 1rem;
    background: url(../images/bgpro1.jpg); background-size: cover; overflow:hidden; }
.productInfo .win{   }
.productInfo .win:after{ content:""; display:none;     clear: both; }
.productInfo .titleA{ text-align:center; }
.productInfo .title{ color: #000;
    position: relative;
    font-size: .5rem;
    font-weight: 500;
    line-height: 1;
    text-align: center;
    display: initial;
    font-weight: 500;
    color: #000;
    background: #000000 -webkit-linear-gradient(left, #2e9dd1, #5fbd31) no-repeat 0 0;
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
    background-size: 0 100%; }

.productInfo .title::after{
    display: block;
    height:13px;
    width:13px;
    border-top: 1px solid #c9c9c9;
    border-right: 1px solid #c9c9c9;
    position: absolute;
    right: 23px;
        top: 27px;
    transform: rotate(-45deg); }

.productInfoTxt{ 
  box-sizing: border-box;
    border-radius: 10px;
    min-height: 5rem;
    width: 1200px;
    margin: 0 auto; position:relative; }
.productInfoTxt .c-bg2{ 
   position: absolute;
    right: -69%;
    top: 10%;
    z-index: 1;
    width: 7.3rem;
    height: 7.3rem;
    pointer-events: none;
    animation: circleRotate 60s linear infinite;
 } 
.productInfoTxt .down-right{ width:100%; }
.productInfoTxt .down-right ul{ grid-template-columns: 1fr; grid-gap:0px;  row-gap:0px; }
.productInfoTxt .down-right ul li{ border:none; }
.productInfoTxt .down-right ul li a{ padding:15px 15px; }
.productInfoTxt .down-right ul li a .txt svg{ width:50px; height:50px; }
.productInfoTxt .down-right ul li a .txt{ display: flex; justify-content: center; align-items: center; }
.productInfoTxt .down-right ul li a .txt .txt-1 h3{ font-size:16px; }
.down-right ul li a .btn i svg{ width: 15px; height: 15px; vertical-align: bottom; }
.down-right ul li a:hover .btn i svg path{ fill:#fff }
@keyframes circleRotate {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

.like{
    width:100%;
    box-sizing: border-box;
    border-radius: .2rem;
    padding: .3rem 0;
    padding-top: 0; margin-top:1rem;  position:relative; min-height:7.5rem; }
.productInfo .like .titleA{  margin-bottom:1.3rem; }
.productDetails{ padding-top: 0px;
    margin: .7rem 0px;
    line-height: 2;
    font-size: .2rem;
    font-weight: 500;
    color: #464646; margin-bottom:0px; }
.productDetails *{ font-size: .2rem; }
.productDetails img{ display:inline-block; max-width:100%!important; height:auto !important; border-radius:.15rem; }
.productInfoTxt hr{
    background: #e5e5e5;
    border-color: #fff;
    height: 1px;
    border: none; }

.productDetails table {
    width: 100% !important;
    border: 0;
    box-sizing: border-box;
    border-spacing: 0;
    border-collapse: collapse;
}

.productDetails table td {
    border: 0;
    line-height: 1.5;
    border: 1px solid #e5e5e5;
    text-align: left;
    padding: 15px;
    font-size: 16px;
}

.productDetails ul{ margin-top:20px; }
.productDetails ul li{  align-items: center;   margin-bottom: 20px;  display: flex; }
.productDetails ul li:before {
    content: "";
    display: block;
    flex: auto;
    width: 20px;
    height: 20px;
    background-image: url("/images/conullibg.png");
    background-size: cover;
    background-repeat: no-repeat;
    margin-right: 10px;
    flex: none;
}


/* end products show*/



.like .products-list .img img{ display: block; width:100%;  }
.like .products-list .img i{ border-radius: 50%; position:absolute; top:50%; left:50%; width:10px; height:10px; background:#2e9dd1; padding:20px;     margin-top: -25px;
    margin-left: -40px; opacity:0; transition:all 0.3s ease-in; }
    
.like .products-list .img i::before{ content: '';
    display: block;
    height: 10px;
    width: 10px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    transform: rotate(45deg); } 
.like .products-list .img i::after{ content: '';
    display: block;
    width: 15px;
    height: 2px;
    background: #fff;
    margin-top: -7px;
    margin-left: -4px; }
.like .products-list .products-list-pro li a{ text-decoration:none }
.like .products-list .products-list-pro li a:hover{ }
.like .products-list h4{ transition:all 0.3s ease-in;  text-align: center; color: #858585; width:100%; margin: 0 auto; font-size:.2rem;
    line-height: 1.5;
    font-weight: 500; }
.like .products-list .products-list-pro li a:hover h4{ color: #00a0ea;  }
.like .products-list .products-list-pro li a:hover .img{   }
.like .products-list .products-list-pro li a:hover .img i{ opacity:1; margin-left: -15px; }

.like .products-list-pro li:first-child .img{   }

.like .products-list-pro li:first-child{     grid-column: span 1;
    grid-row: span 1; }
.like .products-list .products-list-pro{  min-width: auto;
    width: 100%;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-gap: .5rem;
    float: none;
    margin-top: 0px; }
.like .products-list{ padding-bottom:0; }
.like .products-list .products-list-pro li .img{ margin-bottom:.2rem; }
.like .win{ width:100%; min-width:auto; }
.like .products-list h4{  
    width: 100%;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    position: relative;
    white-space: break-spaces; }
.like .products-list .products-list-pro li:nth-child(3n+1):hover .img,.products-list .products-list-pro li:nth-child(3n):hover .img{   }
.like .products-list .products-list-pro li:nth-child(3n+1):hover,.products-list .products-list-pro li:nth-child(3n):hover{ transform-origin: center; }

.like .products-list .img i{padding: 10px;}
.like .products-list .img i::before {
    content: '';
    display: block;
    height: 6px;
    width: 6px;
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
    transform: rotate(45deg);
    margin-top: 1px;
    margin-left: 2px;
}
.like .products-list .img i::after {
    content: '';
    display: block;
    width: 10px;
    height: 1px;
    background: #fff;
    margin-top: -4px;
    margin-left: -2px;
}
.like:before{ content: "";
    display: block;
    clear: both;
    background: #b8e8ff8a;
    position: absolute;
    width: 100%;
    height: 6.6rem;
    border-top-right-radius: 3rem;
    border-bottom-right-radius: 3rem;
    bottom: -.3rem;
    left: -15%; }


.partner { padding: 10vh 0; background: #eefaff;  }
.partner .title{ text-align:center; }
.partner .title .small_title { font-size: 18px;}
.partner .titleh2{ max-width:1000px; }
.logogd{ margin-top:10vh; position:relative; }
.logogd .logogd_a{ margin-bottom:80px; }
.logogd .swiper-slide{ width:auto; }
.logogd  .swiper-container .swiper-wrapper {
    transition-timing-function: linear;
}

.logogd::after{ content: '';
    display: block;
    background-image: linear-gradient(to left, rgba(238, 250, 255, 1), rgba(238, 250, 255, 0));
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    width:40%;
    z-index: 10;}

.logogd::before{ content: '';
    display: block;
    background-image: linear-gradient(to right, rgba(238, 250, 255, 1), rgba(238, 250, 255, 0));
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width:40%;
    z-index: 10;}
.logogd .swiper-slide img{ display: block; height:80px; width: auto; }


@media screen and (max-width: 640px){
	
	
	html {
        font-size:10.20833vw;
    }


	.win{ min-width:auto;     width: 90%; }
	
	.nav{ position: fixed;
    float: none;
    margin-left: 0;
    width: 100%;
    opacity:0;
    left: 0;
    background: #fff;
    top: 71px;
    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:center; }
	.nav li a{ display: inline-block;
        font-size: 16px;
        padding: 15px 0px;
        color: #000;
        width: 100%;
        text-align: left;
        padding-left: 5%;
        padding-right: 5%; color:#000; }
	.nav .nav_two li{ text-align:left; } 
	.nav .nav_two li a{ display: inline-block;
        width: auto;
        font-size: 16px;
        color: #5d5d5d;
        text-indent: 10px; }
	.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; }
    
    .erj::after{         right: 5%;         border-bottom: 2px solid #6b6b6b;   border-right: 2px solid #6b6b6b; }
    
    
    .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:0; }
    
	.logo{ width:60px;  margin-top: 5px; }
	.logo a img{ width:100%; }
    
     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: 50px; 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: rgba(255, 255, 255, 0); }
    
    .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: #fff;
        transform: rotate(45deg);
    }
    .sj_nav.close span{ background-color: #ffffff00 !important; }

    .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: #fff;
        transform: rotate(-45deg)translateY(0);
    }
    
    
    
    .onon .sj_nav span,.onon .sj_nav span:before,.onon .sj_nav span:after,
    .bghd .sj_nav span,.bghd .sj_nav span:before,.bghd .sj_nav span:after
    
    { background: #000; }
    
    
    
	.banner{ margin-top:0; height:auto; }
	.banner img{ height:auto; width:100%; right:0; }
	.banner .web{ display:none; }
	.banner .app{  display: block;
        height:auto;
        background: no-repeat center;
        background-size: cover; }
	.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; height:auto; }
	.banner .txt{ margin-top: 0;
        width:80%;
        margin-left: 5%; }
	.banner .txt h2{ font-size:30px; width:100%; }
	.banner .txt span{   }
	.banner .swiper-slide h2 span font{  margin-bottom:.2rem; }
	.btn{ margin-top:.2rem; }
	.btn a{ font-size: .35rem;
        padding: .3rem .4rem;
        font-weight: 500;
        min-width: 70px;
        border-radius: .5rem;
        border-bottom-right-radius: 0;}
	.btn a.nobg{ display:none; }
	
	.banner_nav{ bottom:20px; }
	.banner_nav ul{ text-align: right; }
	.banner_nav li{ display:inline-block; float:none;  width:auto; margin-right:15px; }
	.banner_nav li:last-child{ margin-right:0px; }
	.banner_nav li div,.banner_nav li.on div{ background: #fff; padding: 0; margin-bottom: 0; padding: 7px; box-sizing: border-box; border-radius: 50%; }
	.banner_nav li span{ display:none; }
	.banner_nav li img ,.banner_nav li.on img{ display: block; width: 100%; position: static; margin-top: 0; }
	 
	 
	h2{ font-size:32px; }
	
	
	.products{ padding:5vh 0; }
	
	.titleh2{ width:80%; }
	.titleh2 h2{ margin-bottom: 10px; }
	.titleh2 span{ font-size:14px; }
	.titleh2 span img{ margin-top:15px; }
	
	.products ul{ grid-template-columns: 1fr; grid-gap: 0; row-gap: 0; margin-top:5vh; }
	.products ul li{ margin-bottom:25px; }
	.products ul li:last-child{ margin-bottom:0; }
	.products ul li div span img{ width:18px; }
	.products ul li div h4{ font-size:14px; }
	.products ul li p { display: block; margin: 10px 0px;  color: #4c4c4c; font-size: 12px; line-height: 1.6; font-weight:500; }
	.products ul li .more{ font-size:12px; }
	.products ul li div h4{ margin-left:0px; }
	
	.quality ul{ grid-template-columns: 1fr 1fr;  grid-gap: 15px;  row-gap: 15px;  margin-top:20px; }
	.quality ul li{ text-align: center; }
	.quality ul li h4 { margin-bottom:0px; font-size:30px; }
	.idx-tags-2 ul li h4:before{ font-size:14px; }
	.quality ul li p { line-height: 1.5; font-size: 12px; font-weight: 500; color: #4c4c4c; }
	
	
	.multi{ margin:0; padding:50px 0; }
	.list{ display: block; margin-bottom:5vh; display: flex;   flex-direction: column;  }
	
	.multi_two{ }
	.multi_two .list{ flex-direction: column-reverse; }
	
	.list:nth-child(2n){  flex-direction: column-reverse }
	.list .txt{ margin:0; margin-top:0px; }
	.list .txt i{   }
	.list .txt i img{ width:20px; }
	.list .txt h2 { margin: 10px 0; font-size: 16px;   font-weight: 500; margin-top:0px; }
	.list .txt .miao{ font-size:14px; margin: 0; }
	.list .txt .miao ul li:last-child{ margin-bottom:0; }
	.list .txt .miao ul li:before{ width:15px; height:15px;         margin-top: 3px; }
	.list .txt .miao ul li{ margin-bottom: 15px; }
	
	.multi .titleh2{ margin-bottom: 20px; }  

	.con11{ padding:50px 0; }
	.con11 .txt .miao img{ width:100%; }
	.con11 .txt .miao{ font-size:14px; }
	
	.review{  margin-top: 0;   padding: 50px 0px; }
	.review ul{ margin-top: 3vh; grid-template-columns: 1fr; grid-gap: 0; row-gap: 25px; }
	.review ul li .title img{ width:50px; }
	.review ul li .txt,.review ul li .title .name i{ font-size:12px; }
	.review ul li .title .name b{ font-size:14px; }
	
	.left_right .btn_left, .left_right .btn_right{ height: 40px; width: 40px; }
	
	.news{ margin:1rem 0; }
	.news_list .title{ width:100%; float:none; }
	.news_list .mySwiper_btn{ top: 0;   right: 0; }
	.news-swiper .swiper-slide h4 a{     font-size: .4rem; }
	.news-swiper .swiper-slide i,.news-swiper .swiper-slide span{ font-size:12px; }
	.news-swiper .swiper-slide span{ margin-top:.4rem; }
	.news-swiper .swiper-slide h4{     margin: .4rem 0; }
	.news_list .title ul{ display:none; }
	.news_list .title p{ font-size:12px; margin:10px 0; }
	.jt_btn {margin-top: 20px;}
	.news-swiper{ width:100%; margin-top: 5vh; }
	.jt_btn span:nth-child(2) {  margin-left: 20px; }
	
	footer{ padding:1rem 0; padding-bottom:.6rem; }
	.bot_logo{ text-align:center; width:100%; }
	.bot_nav{ display:none; }
	.bot_logo .miaosh{     font-size: .3rem; }
	.bot_logo .tel a{ font-size:.3rem; }
	.bot_logo .youx a{ font-size:.3rem; }
	.bot_logo .youx, .bot_logo .add{font-size:.3rem;  }
	.postion{ margin-top: 170px;  min-width: auto;  top: 0; opacity:0.3; }
	.titleh2{ width:90%; }
	.top_title{ padding-bottom:50px; }
	.top_title .bot_txt{ display:block; }
	.top-lianx{ margin-top:10px; display:none; }
	.top-lianx .btna a{ padding:5px 10px; }
	.all_news .news_hot{ width:100%; }
	.top_title .txt p{ margin-top:10px; font-size:14px; }
	.top_title .img{ margin-top:10px; margin-left:0px; }
	.top_title .txt .btn{ padding: 10px 20px; font-size:14px; }
	.bot_li{ margin-top:10px; }
	.con1{ padding: 50px 0; }
	.con1 .win{ display:block; }
	.con1 .jump{  float: none; width: 100%; margin-bottom: 30px; }
	.con1 .jump ul li a{ font-size:14px; }
	.con1 .txt{ width:100%; }
	.jump.float{ width: 280px; top: auto; bottom: 0; margin-bottom: 0; }
	
	.con1 .txt h2,.con1 .jump .title{ margin-bottom: 20px; font-size: 16px; }
	
	.con1 .txt .miao{ font-size:14px}
	
	.step{ padding:50px 0; }
	.step ul li h4{ font-size:14px; margin: 10px 0px; }
	.step ul li h4 i{ font-size:12px; height: 15px;
    width: 15px;
    line-height: 15px; }
	.step ul{ padding-top:30px;  grid-template-columns: 1fr 1fr; grid-gap: 30px; row-gap: 30px; display: grid;}
	
	.step ul li{ padding: 0; width: auto; }
	.step ul li img{ display: block; margin: 0 auto; width: 60px; }
	
	.bot_li ul{ width:100%; margin-top:10px; }
	.bot_li ul li{ flex:1;     margin-left: 25px; }
	
	.con3{ padding:1rem 0; }
	.con3 .miao{ margin-top:30px; overflow: scroll; }
	
	table td{ font-size:12px; padding: 10px; }
	table td strong{ font-size:14px; }
	
	.con4{ padding:1rem 0; }
	
	.con4 h2{ font-size:.4rem; }
	.con4 .win .img{ width:100%; margin-top: .6rem; }
	.con4 .win{ display:block; }
	.con4 .win .txt{ width:100%; }
	.con4 .txt a.more.yanfa_btn{ margin-left: .3rem; }
	.con4 .miao{margin-top: 15px; font-size:14px; }
	
	.con4 .miao ul{ grid-template-columns: 1fr 1fr;  grid-gap:15px; row-gap:15px;}
	
	.con4 .miao ul li{ font-size:12px; }
	.con4 .txt ul li span{ font-size:.35rem; }
	.con4 .txt ul li span b{ top:0px; font-size:.35rem; }
	.con4 .txt ul li p{ font-size:.4rem; }
	.con4 .txt ul li span i{ font-size:1rem; }
	.con4 .txt a.more{     margin-top:.5rem; font-size: .4rem;         padding: .2rem .5rem; }
	.con4 .miao ul li:before{ width: 15px; height: 15px; }
	
	.con5{ padding:50px 0; }
	.con5 .case-swiper,.left_right{ margin-top: 30px; }
	
	.list .img{ margin-bottom:20px; border:none; }
	.list .txt a.more{     padding: 10px 20px;  font-size: 12px; margin-top:10px; border-radius: 30px;
        border-bottom-right-radius: 0; }
	.list .txt .miao ul{ margin-top:0px; }
	.con6{ padding:50px 0;  }
	.con6 ul{ margin-top:20px; grid-template-columns: 1fr 1fr; grid-gap: 14px; row-gap: 14px; }
	.con6 ul li h3{     margin: 10px 0px; font-size:14px; }
	.con6 ul li p{ padding:0px;     font-size: 12px; }
	
	.con7{ padding:50px 0; }
	.con7 .win{ display:block; }
	.con7 .title{ width:100%; }
	.con7 .miao{ width:100%; font-size:14px; }
	.con7 .miao ul li:last-child{ margin-bottom:0px; }
	.con7 .miao img{ max-width:100%; }
	

	
	.goto{ padding:30px 0; }
	.goto_txt p{ font-size:25px;  }
	.con7 .title { margin-bottom:10px;          margin-right: 0;}
	.con7 .title p{ font-size:14px; margin: 10px 0; }
	
	.con7 .title .jt_right{
	    color: #5b6770 !important;
        height: 45px;
        width: 45px;
        display: inline-block !important;
        vertical-align: middle;
        position: relative;
        margin: 0;
        border-radius: 28px;
        border: 1px solid #e5e5e5;
        box-sizing: border-box;
        transform: rotate(90deg);
        margin: 10px 0px;
	}
	.bot_logo{ font-size:12px; margin-bottom: 5px; float: none;   max-width: none;  }
	.bot_txt{  padding: 0; margin-top:0px; }
	
	.news_page{ padding:50px 0px; padding-top:0px; }
	
	.news_page .catalogue{ width:100%; }
	.news_page .news_page_list{ width:100%; }
	.news_page .news_page_list ul{ grid-template-columns: 1fr;  grid-gap: 50px; row-gap: 50px; }
	
	.news_page_list h4 a{ font-size:18px; }
	.news_page_list p{ height:auto; }
	.news_page .catalogue { width: 100%;
        margin-bottom: 40px;
        margin-top: 0;
        border-bottom: 1px solid #f1f1f1; }
	.news_page .catalogue ul{ border: none; padding: 0; display: flex; }
	.news_page .catalogue ul li{ margin-right:20px; margin-bottom:0px; }
	.news_page .catalogue ul li:last-child{ margin-right:0px; }
	.news_page .catalogue ul li a { color: #000;  text-decoration: none; display: block;  line-height: 50px;}
	
	.all_news{ padding:0; }
	
	.all_news .news_con{ float: none; width: 100%; margin-bottom:30px; }
	
	.all_news .news_con h1{ font-size:20px; }
    .bot_txt .copyright{ float:none; text-align: center;  margin-bottom: 15px; font-size:.3rem; }
    .bot_txt ul{ float:none; }
    .bot_txt ul li{ text-align:center; margin-left:0px}
    .bot_logo img{ width:80px; }
    .bot_logo .tel{ font-size:16px; }
     .nr_banner .title h2{ font-size:.5rem; }
    .title h2{ font-size:.5rem; font-weight:500; }
     .nr_banner{ background-size: cover !important; padding: 80px 0;   padding-top:0px;  background-position: center !important;         height: 15vh; }
    .nr_banner .win{ bottom: .6rem; }
    .nr_banner .title{ width:100%; }
    .nr_banner .title p{ margin-top: 0px;  font-size:.35rem; }
    .nr_banner .miao{ width: 100%; margin-top: 30px;  font-size: 14px; }
    .what{     padding:50px 0; padding-top:0px; }
    .what ul{ grid-template-columns: 1fr;  grid-gap:15px; row-gap:15px;  margin-top: 30px; }
    .what ul li{ padding: 20px; }
    .what ul li .img img{ width:40px; }
    .what ul li .img{ margin-bottom:15px; }
    .what ul li .txt h4{ font-size:18px; }
    .what ul li .txt p{ font-size:14px; }
    .more_pic ul{ width:100%; }
    .more_pic .pic_list,.more_pic .pic_list div{ margin-top:0px; }
 
    .more_pic .pic_list div{ grid-template-columns: 1fr 1fr; grid-gap:15px; row-gap:15px; }
    .more_pic .pic_list div img{ width:100%; }
    .more_pic ul{ margin-bottom:15px; }
    .more_pic ul li.hover i{     left: 90%;
    transform: scale(0.6); }
    
    .quality{ padding: 50px 0px;   background-size: cover; }
    .about_txt{     margin-top: 20px;         display: block; }
    .about_txt .img{ width:100%; }
    .about_txt .txt{width:100%; margin-left:0px; margin-top:20px;         font-size: 14px; }
    .about_txt .txt a { padding: 10px 20px;
        font-size: 12px;
        margin-top: 10px;
        border-radius: 30px;
        border-bottom-right-radius: 0; }
        
    
    .partner{ padding:50px 0px; }
    .logogd{ margin-top:30px; }
    .logogd .swiper-slide img {
        height:40px;
    }
        .logogd .logogd_a {
        margin-bottom: 20px;
    }
    .more_pic{ margin-bottom:30px; }
    .more_pic ul li h2{ font-size:20px; }
    
    
    .pro_list_1 .win{ display:block;  padding-top: 100px; height: auto; }
    
    .pro_list_1 .pro_li{ width:100%; margin-top: 30px; }
    .pro_list_1 .pro_li li a em{ top:17px; font-size:20px; }
    .pro_list_1 .pro_li li{ line-height:3.5; }
    .pro_list_1 .pro_li li a{ font-size:16px; padding-left: 30px; }
    .products-list-pro{ grid-template-columns: 1fr 1fr; grid-gap: 15px;  row-gap:20px; margin-top: 30px; padding-bottom:30px; }
    .products-list-pro li .img{ padding:10px;  border-radius: 10px; }
    .products-list-pro li:first-child .img{ padding: 20px 10px; }
    .products-list-pro li a h4{ font-size: 14px;
        line-height: 16px;
        position: relative;
        white-space: break-spaces;
        margin-top: 10px; }
        
    .pro_list_1 .pro_li li a:before,.pro_list_1 .pro_li li a:after{ width: 6px;  height: 6px; }
    .pro_list_1 .pro_li li a:hover, .pro_list_1 .pro_li li.hover a{     font-size: 20px; padding-left: 40px; }
    .pro_list_1 .pro_li li a:hover em, .pro_list_1 .pro_li li.hover a {   font-size: 20px; padding-left: 40px;   }
    .pro_list_1 .pro_li li a:hover em, .pro_list_1 .pro_li li.hover a em{ font-size: 35px;  top: 17px; }
    
    .nr_banner.nr_banner_two{ background-size: cover !important;
    padding: 80px 0;
    padding-top: 120px;
    background-position: center !important; }
    
    .ser-sup{ padding:50px 0px; }
    .ser-sup ul{ grid-template-columns:1fr; }
    .ser-sup ul li:first-child {  grid-column: span 1;  grid-row: span 1;}
    .ser-sup ul li:last-child { grid-column: span 1;}
    
    .ser-sup ul li .txt{     font-size: 14px; top: 15px;  left: 15px; font-size:12px; }
    .ser-sup ul li img{ width: 100%;  min-height: 300px; }
    .ser-sup ul li:last-child img{ height:100%;  width: auto; }
    
    .ser-sup ul li .txt h4{ font-size:18px; margin-bottom: 10px; }
    .bot_txt ul li a{ height: 100%; }
    .bot_txt ul li img{ display:block; width:auto; height: 100%; }
    
    .goto .btn a:first-child{ margin-right:10px; }
    
    .products_nr{ margin-top:0px; }
    .products-list-left .like{ display:none; }
     .products-list .products-list-left{ width:100%; margin-bottom: 20px;}
     .products_nr .pic{ width:100%; }
     .products_nr .txt{ width:100%;  padding: 0;  margin-top: 30px; }
     .products_nr .txt h1{ font-size:19px; margin-bottom: 10px; }
     .proBtn{ margin-top: 10px; }
     
     .products_nr .btn a{ font-size: 14px;
        padding: 10px 15px;
        font-weight: 500;
        width: 100%;
        text-align: center;
        box-sizing: border-box; }
        
        .productInfo{         margin-top:0;  margin-bottom:0; }

        .productInfoTxt{ width:100%; }
        .like{ width:100%; margin-top:30px; }
    .productDetails ul{ margin-top:10px; }
    .productDetails ul li{ margin-bottom: 10px; }
    .productDetails img{ max-width:100% !important; height:auto !important; }
    .productInfoTxt .down-right ul li a .txt .txt-1 h3{ font-size:14px; }
    .down-right ul li a .btn{ font-size:12px; margin-top: 0; padding: 5px 10px;}
    .productInfoTxt .down-right ul li a .txt svg{ width: 35px;  height: 35px; }
    .productInfoTxt .down-right ul li a{ padding-top:0px; }
    .like .products-list ul{ grid-template-columns: 1fr 1fr;  grid-gap: 15px;  row-gap: 20px; }
    .productDetails table td{ padding:6px; font-size:12px; }
    .like .products-list{ padding-bottom: 20px; }
    .productInfo .title::after{ height: 10px;  width: 10px; }
    .products_pic .gallery-thumbs .swiper-slide:last-child{ margin-right:0px !important; }
    
    .postion.postionCantact{     margin-top: 63px; }
    
        .products_pic .gallery-thumbs .swiper-slide {
        height: 50px !important;
        width: 50px !important;
    }
    .like{ display:none; }
    .productInfo .title{  padding: 20px; font-size:.5rem; }
    .productDetails{ padding:0px;  padding-top: 0px;         font-size: 14px; }
            .productDetails * {
    font-size: .35rem;
} 
    .postion.postion_1{     margin-top: 63px; }
    
    .contact{ padding:1rem 0; }
    .contact .titleh2{ width:100%; font-size: 16px; }
    .contact .titleh2 h2{ font-size:.5rem; }
    .contact .titleh2 span{     font-size: .36rem; line-height: 1.6; }
    .contact .info{ margin-top:0; }
    .contact .info .txt .url li a{     width: 36px; height: 36px; }
    .contact .info .txt .url li a img{ width:100%; }
    .contact .info .txt .url li { margin-right: 30px;}
    .contact .info .adder{     margin-top: 30px; }
    .contact .info .txt{ width:100%; }
    .contact .info .adder li{ font-size: .35rem;  line-height: 1.8; margin-bottom: 20px; }
    
    .contact .info .quote{   font-size: 14px;  width: 100%; margin-top: 30px;  padding: 25px;}
    .contact .info .quote ul li {
        width: 100%;
        margin-right: 0;
    }
    
    .contact .info .quote ul li input {
        padding: 10px 0;
    }
    .contact .info .adderimg{ margin: 0; }
    
    
    .con8 .bg{ height: 80vh; }
    .con8 .bg img{ height: 100%;  width: auto; }
    .con8 .swiper .swiper-wrapper .swiper-slide{ transform: translate3d(0, 0, 0); opacity:.4; }
    .con8 .swiper .swiper-wrapper .swiper-slide.swiper-slide-active{ opacity:1; }
    .pro_title { top:1rem; }
    .con8 .swiper{ top: 4.5rem; bottom:auto; }
    .con8 .swiper .swiper-wrapper .swiper-slide img{ width:100%; transform: scale(1); }
    .pro_title .miaoshu{ line-height:1.5; }
    .pro_title h2{ font-size:.4rem; }
    .mySwiper_btn{     top:2.7rem; right: 5%; gap: .3rem;}
    .mySwiper_btn div{ width: .8rem;  height: .8rem; }
    .mySwiper_btn svg{ width: .2rem; }
    .r3Prev{ margin-right:.5rem; }
    .r3Prev svg{ margin-left: .25rem; }
    .r3Next svg{ margin-left: .3rem; }
    
    
     .pro_nav{ width: 90%;  left: 5%;  margin: 0; }
    .pro_nav ul{ grid-gap: .5rem;
        grid-template-columns: 1fr 1fr;
        display: grid;
        justify-items: center;  }
    .pro_nav ul li{ width:100%; box-sizing: border-box; }
    .con8 .pro_nav ul li:first-child{ margin-right:0; }
    .pro_nav ul li:first-child{ margin-right:0; }
    .pro_nav ul li span{     font-size: 12px; }
    .pro_nav ul li h2 svg{ height: .5rem; }
    
    .imgBox{ left: 50%; margin-left: -7.5rem; bottom: -6.5rem; width: 15rem;  height: 15rem; }
    
    .con9{ height:auto; }
    .con9 .title h4{ font-size:.4rem; }
    .con9 .bg-img img{ width: 200%;
        margin-left: -30%; }
    .con9 .bg-img .swiper-pagination,.con9 .bg-img .swiper-pagination span{ font-size:12px; }
    
    
    
    .con10{ padding:1rem 5%; }
    .con10 .title{ margin-bottom: .5rem; }
    .con10 .title h2{ font-size: .46rem; }
    .con10 .bg-img{ width:40%; height:20vh; }
    
    
    .con12 .profileBig{ top: 0rem; }
    
    .con16{ padding-top:0; width:90%; margin:0 auto; }
    .con16 .img{ width: 40%;  height: 20vh; }
    
    
    .con16 ul{ width: 100%; grid-template-columns: 1fr; display: grid;   gap: .3rem; }
    .con16 ul li{     border-radius: .2rem; }
    .con16 ul li .name{ font-size:.4rem; margin: .3rem 0; }
    .con16 ul li .brief{ font-size:.3rem; }
    
    .m-pic svg, [m-pic] svg, .m-pic img, [m-pic] img{ width: 1rem; }
    
    
    
    .hon_con_box{ padding:1rem 0; }
	.hon_con_box .section-title h4{ font-size:.35rem; }
	.hon_con_box .section-title h2{ font-size:.5rem; }
	.hon_con_box .win{ margin-bottom:.5rem; }
	
	.con19 .pic-txt .pic-txt-1 .txt{width:100%; }
	
	.hon_con_box .swiper-button-prev,.hon_con_box .swiper-button-next{     width: .8rem;   height: .8rem; }
	.hon_con_box .swiper-container .swiper-slide.swiper-slide-active .honor_con_me .honor_t {   font-size: .35rem;  margin-top: .2rem;}
	.hon_con_box .swiper-container{ padding-bottom: .4rem; }
	
	.lishi .swiper-slide{     padding: .5rem; }
	.con18 .section-title h4{ font-size: .35rem; }
	.lishi .miaoshu h2{font-size: .5rem;   }
	.lishi .miaoshu span{ font-size:.35rem; }
	.con18 .video-background{ display:none; }
	.lishi .mySwiper_btn{ top: 1.7rem; }
	
	
	
	
	.nr_banner .neiron{     margin-left: auto;  padding: 0;  background: none;  backdrop-filter: none;  top: 73%;  box-shadow: none; }
    .nr_banner .neiron div{ display:none; }
    .nr_banner .neiron a{ display:none; }
    
    
    
    
    
    .products-show { padding-top:2rem;  margin-bottom: 0px; }
    .products-show .title{ position: static;
        text-align: center;
        width: 100%;
        margin-bottom: .4rem;}
    .products-show .txt{ display:none; }
    .products-show .big{ width:90%; height:9rem; }
    .products-show .big li img{ width: 100%; height:auto; }
    .products-show .svg{     height: 2.5rem; }
	.products-show .svg svg {  width: 100%;  height: auto;}
	.products-show .title h2 svg{ width: 2rem; }
	
	
	.con19 .pic-txt{ display:block;  }
	.con19 .pic-txt .pic-txt-1 h1{ position:static; line-height:1; }
	.con19 .pic-txt .pic-txt-1{ padding-top:0; }
	.con19 .pic-txt .pic-txt-2{ margin-top:1.5rem; }
	.con19 .pic-art{ margin:0; margin-top: .5rem; }
	
	
	.bag-products.bag-products-img{ margin-top: 1rem;     padding: 1rem 5%;  padding-top: 0;}
	.bag-products.bag-products-img .pro_title{     position: static; }
	
	
	.con20 .shuanc{ display:none; }
	.con20 .items .col{ display:block; margin-top:0; }
	
	.con20 .items .col>a .photo figure .videoBox, .con20 .items .col>div .photo figure .videoBox{     transform: none; }
	.con20 .items .col>a .photo, .con20 .items .col>div .photo{ height: 50vw; }
	.con20 .items .col>a, .con20 .items .col>div{ margin-bottom:.5rem; display: block; width:100%; }
	
	.con20 .items .col>a:nth-of-type(2), .con20 .items .col>div:nth-of-type(2){ margin-top:0px; }
	
	.home-service-info h2{ font-size: .5rem; }
	.home-service-info .miaoshu{ font-size: .35rem; }
	.home-service-info .layer-btn{width:1rem; font-size: .3rem; }
	
	.con21 .win{ width:90%; }
	.con21 .rect{ transform: translate3d(0, 0, 0); opacity:1; }
	.con21 .rcln .box img{ transform: translate3d(0, 0, 0);  opacity: 1; }
	.con21 .rcln{ grid-gap: .5rem; grid-template-columns: 1fr 1fr;   display: grid; }
    .con21 .rcln .box{ width:auto; }  
    .con21 .rcln .text h2{ font-size: .35rem; }
    .con21 .rcln .text{ transform: translate3d(0, 0, 0); }
    .con21 .rcln .text .miaoshu{ line-height:1.5; }
    
    
    .join{ height:50vh; }
    .join .group h2{ font-size:.5rem; }
    .join ul li{     border-radius: .5rem; }
    .join ul li i{ font-size: .35rem; }
    .join ul li span{ font-size: .35rem; }
    .job-card {
        padding: 16px 14px;
    }
    
    
    
   
    
    
	
}