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:iconfontA;src:url(https://at.alicdn.com/t/c/font_5063598_8t9ku359yqh.woff2?t=1767517846409) format("woff2"),url(https://at.alicdn.com/t/c/font_5063598_8t9ku359yqh.woff?t=1767517846409) format("woff"),url(https://at.alicdn.com/t/c/font_5063598_8t9ku359yqh.ttf?t=1767517846409) format("truetype")}

.iconfontA{font-family:iconfontA}

@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: iconfontB;
    src: url(//at.alicdn.com/t/c/font_4640056_uavfz20zxb.woff2?t=1727680425332)format("woff2"),url(//at.alicdn.com/t/c/font_4640056_uavfz20zxb.woff?t=1727680425332)format("woff"),url(//at.alicdn.com/t/c/font_4640056_uavfz20zxb.ttf?t=1727680425332)format("truetype")
}

.iconfontB{font-family:iconfontB}


@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:#004ad6;
}

:root {
    --main: rgba(150, 185, 49, 1);
    --white: #ffffff;
    --black: rgba(30, 40, 26, 1);
    --gray: rgba(15, 30, 53, .4);
    --green: rgba(42, 53, 37, 1);
    --orange: #f8c291;
    --ease: cubic-bezier(.25, .74, .22, .99);
    --ease1: cubic-bezier(.39, .575, .565, 1);
    --ease2: cubic-bezier(.4, 0, .2, 1);
    --picEase: cubic-bezier(.76, 0, .24, 1);
}


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


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{ min-width:1300px; 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) center no-repeat; 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 #004ad6;
    border-right: 2px solid #004ad6; }





.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:295px;
    overflow: hidden;
}
.logo a{
	display: block; padding: .16rem 0px;
} 
.logo a img{ display: block; width:100%; }
	

.navtop li a:hover{ color:#004ad6; }


.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:#004ad6; 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:#004ad6; }
.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;
}
 
.top-lianx {
    float: right;
    margin-top:.1rem;
}
.top-lianx a{ background:#004ad6;
    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{ font-size: .18rem;}
.top-lianx a:hover{   background: #004ad6;  }
.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:100%; 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: .15rem .28rem;
    border-radius: 2.5vw;
    display: inline-block;
    color: #ffffff;
    text-align: center;
    background: #004ad6;
    border-bottom-right-radius: 0;
    font-weight: 500;
    font-size: .18rem;
}
.btn a:hover,.btn a.nobg:hover{ background: #004ad6;
    color: #000000; }

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

.banner .btn a{   }
.banner .btn a:hover {
    background: #004ad6;
    color: #ffffff;
}





.banner .swiper-slide h2 span font{ font-size:.7rem; 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
}


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

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

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

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

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

.fontShow [data-txt]>div span:nth-child(36) font {
    transition: opacity 1s 1.05s,transform 1s 1.05s;
    display: block;
    opacity: 1!important;
    transform: translate(0)!important
}
.fontShow [data-txt]>div span:nth-child(37) font {
    transition: opacity 1s 1.08s,transform 1s 1.08s;
    display: block;
    opacity: 1!important;
    transform: translate(0)!important
}
.fontShow [data-txt]>div span:nth-child(38) font {
    transition: opacity 1s 1.11s,transform 1s 1.11s;
    display: block;
    opacity: 1!important;
    transform: translate(0)!important
}
.fontShow [data-txt]>div span:nth-child(39) font {
    transition: opacity 1s 1.14s,transform 1s 1.14s;
    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:#004ad6; }
.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:bold; margin-bottom:.2rem; } 
.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;  
}
 
 
.txt_left{ text-align:left; }









.con4{ background:#eefaff; overflow:hidden; padding:190px 0px; position: relative; }
.con4.aboutbg{ background:url(../images/aboutbg.jpg) 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; font-weight:bold; }

.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: 55%;
    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; width:5.7rem;     grid-gap:.5rem; }
.con4 .txt ul li{ flex:1; }
.con4 .txt ul li span{ font-size:18px; color: #004ad6; position: relative;   display: inline-block; color: #999999; }
.con4 .txt ul li span i{ font-size: 80px; font-weight:bold; font-family: "Oswald-Bold" !important;  color: #004ad6;}

.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, #004ad6); color:#fff; }

.con4 .txt a.more.yanfa_btn { margin-left: 40px;
    border: none;
    background:#004ad6;
    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:#004ad6; }
.pro_nav ul li:hover h2 svg path,.pro_nav ul li.hover h2 svg path{ fill:#004ad6; }
.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: #004ad6; }


.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: #004ad6;
    font-weight: 500;
    font-size: .16rem;  }
.con8  .swiper .swiper-wrapper .swiper-slide h4 i{ display: block;
    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 #004ad6;
    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: #004ad6;
}

.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: .5rem;
    margin-top: .3rem;
    line-height: 1.2; }
.pro_title .miaoshu{ font-size: .25rem;
    margin-bottom: .3rem;
    font-weight: 500;
    opacity: .5; color:#666;  }
.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, #004ad6, #007dd6);
    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, #004ad6, #004ad6);
    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:6rem;
    left: 5%; z-index:11; }
.con9 .title h4{    font-size: .25rem;
    margin-bottom: .3rem;
    font-weight: 500;
    opacity: .5; color:#fff; }
.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; font-weight:bold; color:#fff; }
.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: #0021ccbf;
    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; color:#fff; }
.con9 .txt .miaoshu{ font-size: .2rem;
    color:#fff;
    margin-top: .3rem;
    line-height: 1.8;
    font-weight: 400; }

.con9 .txt a{  
    margin-top: .2rem; display: block;
      }

.con9  .btnIcon .mask {
    background-color: rgb(255 255 255);
}
.con9 .btnIcon .mask:after {
    background: linear-gradient(90deg, #fff, #fff);
}

.con9 .txt a:hover .btnIcon .txta
 {
        opacity: 1;
        transform: translate(-.15rem);
       
}
.con9 .txt a:hover .btnIcon .layer-icon {
        transform: translate(.2rem);
    }
.con9 .txt a:hover .btnIcon {
        width: 1.2rem; color:#004ad6;
    }

.con9 .txt a:hover .btnIcon .mask:after {
        opacity: 1
    }





    
.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; color:#fff; }
    
    
.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;
    max-width: 10rem;
    margin: 0 auto;
    margin-bottom: 1rem;  } 
.con10 .title h2{ display: initial;
    font-weight:bold;
    color: #000;
    background: #000000 -webkit-linear-gradient(left, #004ad6, #00318d) no-repeat 0 0;
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
    background-size: 0 100%; }



.playbtn{
	z-index:10;
	position: absolute;
	    top: 50%;
	    left: 50%;
	    width: 50px;
	    height: 50px;
	    line-height: 50px;
	    text-align: center;
	    border-radius: 100%;
	    background: #fff;
	    margin: -25px;
	    color: #9a9998;
	    font-size: 20px;
	    cursor: pointer;
	    transition: all 0.1s ease-out;
	    -webkit-transition: all 0.1s ease-out;
	    -o-transition: all 0.1s ease-out;
	    -moz-transition: all 0.1s ease-out;
}
.playbtn:before {
    content: '';
    display: block;
    width: 180px;
    height: 180px;
    position: absolute;
    top: 50%;
	z-index:10;
    left: 50%;
    margin: -90px;
    background: url(../images/playcircle.png) no-repeat top center;
    -webkit-animation: infinteRotate 10s infinite linear;
    -o-animation: infinteRotate 10s infinite linear;
    -moz-animation: infinteRotate 10s infinite linear;
    animation: infinteRotate 10s infinite linear;
}
.playbtn .iconfont{
    transform: translateX(3px);
    -webkit-transform: translateX(3px);
    display: inline-block;
}

.playbtn:hover{
    width: 60px;
    height: 60px;
    line-height: 60px;
    margin: -30px;
}


@keyframes 'infinteRotate' {
    0% {
        transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
    }
}

@-webkit-keyframes 'infinteRotate' {
    0% {
        transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
    }
}



.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.5;
    font-weight: bold;
    font-size:.28rem;
    opacity:1;
    display: initial;
    color: #000;
    background: #000000 -webkit-linear-gradient(left, #004ad6, #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:4rem; }
.con12 .profileBig:nth-child(3){ top:6rem; }
.con12 .profileBig .profile.active{ transition: all 0.5s ease-in;  }
.con12 .profileBig  .profileBig-1{ background-color: #bdd4ff;
    padding: 1rem 15%;
    box-sizing: border-box;
    margin: 0 auto; }
.con12 .profileBig  .profileBig-2{     margin-top: 0; } 









    .bag-products{ padding:1.5rem 5%; overflow:hidden;  }

    .bag-products .big-title{ text-align:center; }
    .bag-products .big-title span{ font-size: .25rem;
    margin-bottom: .3rem;
    font-weight: 500;
    opacity: .5;
    color: #666;
    display: block; }
    
    .bag-products-nav{  display: flex;
    justify-content: center;
    text-align: center;
    align-items: flex-end;
    grid-gap: .5rem;
    margin-top: .6rem;  }
    .bag-products-nav li{ cursor:pointer; }
    .bag-products-nav li.hover,.bag-products-nav li:hover{ color:#004ad6; }
    .bag-products-nav li svg{     display: block;
    width: .8rem;
    height: auto;
    margin: 0 auto; }
    .bag-products-nav li.hover svg path,.bag-products-nav li:hover svg path{  fill:#004ad6; }
    .bag-products-nav li i{ display: block; }
    .bag-products-nav li span{ display: block;
    margin-top: .2rem;
    font-size: .22rem;
    font-weight: 600; }
    .xle_swp { overflow: visible; margin-top:.6rem; }
    .xle_swp.yc{ display:none; }
    .xle_swp .swiper-slide {
        overflow: hidden;
    	background:#fff; border-radius:.3rem;
    }

	.xle_swp .swiper-slide a{ display: flex;  color: #000;  align-items: center; background:#f1f1f1; }
	.xle_swp .swiper-slide a:hover h2{ color: #004ad6; }
	.xle_swp .swiper-slide .img{     flex: 1; border-radius: .3rem; overflow: hidden; background:url(../images/probg.jpg) no-repeat; background-size:cover; }
    .xle_swp .swiper-slide img{ width:100%; display: block; }
    .home-service-info{ padding: 0 .5rem;  flex: 1; }
	.home-service-info h2{ font-size: .4rem;
    font-weight:bold;
    line-height: 1.3; }
	.home-service-info .miaoshu{ font-size: .2rem;
    margin: .3rem 0px;
    line-height: 1.6;  color:#666;}
	.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; }




.mr-20 {
    margin-right: .2rem;
}
span.row-mid-c {
    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;
}
.layer-btn .txta{ color:#fff; }
.layer-btn .fxc{ font-size:.16rem; display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex !important;
    -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; }

 .layer-btn {
	transition:all 1s ease-in;

     border-radius: 2rem;
     position: relative;
     padding: 0 .3rem;
     background-color:#004ad6;
     cursor: pointer;
     width: 1rem;
     height: .58rem;
     overflow: hidden;
     -webkit-transform: translateZ(0px);
     transform: translateZ(0)
 }
 
 .layer-btn>.mask,.layer-btn a>.mask {
     position: absolute;
     width: 100%;
     border-radius: 2rem;
     height: 102%;
     left: 0;
     top: 0;
     -webkit-transform: translateX(-102%);
     -ms-transform: translateX(-102%);
     transform: translate(-102%);
     -webkit-transition: -webkit-transform .8s var(--ease);
     transition: -webkit-transform .8s var(--ease);
     transition: transform .8s var(--ease);
     transition: transform .8s var(--ease),-webkit-transform .8s var(--ease);
     z-index: 1;
     background-color:#115ff3;
     display: block
 }
 
 .layer-btn.light {
     background-color: #115ff3
 }
 
 .layer-btn.light>.mask {
     background-color:#004ad6
 }
 
 .layer-btn.light .arrow {
     background-color:#004ad6
 }
 
 .layer-btn.null {
     background-color: transparent;
     border: 1px solid rgb(150,185,49)
 }
 
 .layer-btn.null>.mask {
     background-color:#004ad6
 }
.layer-btn .iconfontA { color: #e2e4ff; }
 
 .layer-btn .fxc,.layer-btn .develop .r5 .inner .layer-form .btm,.develop .r5 .inner .layer-form .layer-btn .btm,.layer-btn .develop .r5 .inner .layer-form .inRow .manEl .clearRow,.develop .r5 .inner .layer-form .inRow .manEl .layer-btn .clearRow,.layer-btn .develop .r5 .inner .layer-form .inRow .personEl .clearRow,.develop .r5 .inner .layer-form .inRow .personEl .layer-btn .clearRow,.layer-btn .develop .r5 .inner .top .items,.develop .r5 .inner .top .layer-btn .items,.layer-btn .develop .r3 .bg .sliderPic .photo,.develop .r3 .bg .sliderPic .layer-btn .photo,.layer-btn .business .treeRow .inner .tab .layer-icon,.business .treeRow .inner .tab .layer-btn .layer-icon,.layer-btn .business .treeRow .inner .tab,.business .treeRow .inner .layer-btn .tab,.layer-btn .green .r1 .inner>.btm .items>li,.green .r1 .inner>.btm .layer-btn .items>li,.layer-btn .news .r3 .inner .btm .items>li,.news .r3 .inner .btm .layer-btn .items>li,.layer-btn .news .r2 .inner .btm .items>li,.news .r2 .inner .btm .layer-btn .items>li,.layer-btn .news .r1 .inner .btm .items>li,.news .r1 .inner .btm .layer-btn .items>li,.layer-btn .joinPop .inner .btm .items>li,.joinPop .inner .btm .layer-btn .items>li,.layer-btn .joinPop .inner .swiper .swiper-pagination .swiper-pagination-bullet,.joinPop .inner .swiper .swiper-pagination .layer-btn .swiper-pagination-bullet,.layer-btn .joinPop .inner .swiper .swiper-pagination,.joinPop .inner .swiper .layer-btn .swiper-pagination,.layer-btn .join .r2 .inner .group .swiper .swiper-wrapper .swiper-slide .box .layer-img .layer-player,.join .r2 .inner .group .swiper .swiper-wrapper .swiper-slide .box .layer-img .layer-btn .layer-player,.layer-btn .home .r5 .inner .group .items .list .num,.home .r5 .inner .group .items .list .layer-btn .num,.layer-btn #app header .appNav .right .layer-search,#app header .appNav .right .layer-btn .layer-search,.layer-btn #app header .appNav .right,#app header .appNav .layer-btn .right,.layer-btn #app header .appNav .set .languageIcon,#app header .appNav .set .layer-btn .languageIcon,.layer-btn #app header .appNav .set>a,#app header .appNav .layer-btn .set>a,.layer-btn #app header .pcNav .right .languageIcon,#app header .pcNav .right .layer-btn .languageIcon,.layer-btn #app header .pcNav .right>a,#app header .pcNav .layer-btn .right>a,.layer-btn .layer-mouse,.layer-btn .layer-toast,.layer-btn .layer-check,.layer-btn .layer-popStyle .inner,.layer-popStyle .layer-btn .inner,.layer-btn .layer-media .inner,.layer-media .layer-btn .inner,.layer-btn .layer-pop {
     width: 100%;
     height: 100%
 }
 
 .layer-btn .txta {
     position: relative;
     z-index: 6;
     -webkit-transition: color .5s var(--ease);
     transition: color .5s var(--ease)
 }
 
 .layer-btn .arrow {
     width: .22rem;
     height: .22rem;
     border-radius: 50%;
     background-color:#115ff3;
     position: relative;
     z-index: 6;
     -webkit-transition: -webkit-transform .5s var(--ease);
     transition: -webkit-transform .5s var(--ease);
     transition: transform .5s var(--ease);
     transition: transform .5s var(--ease),-webkit-transform .5s var(--ease)
 }
 
 .layer-btn .iconfontA {
     position: relative;
     z-index: 6;
     -webkit-transition: color .5s var(--ease),-webkit-transform .6s var(--ease);
     transition: color .5s var(--ease),-webkit-transform .6s var(--ease);
     transition: color .5s var(--ease),transform .6s var(--ease);
     transition: color .5s var(--ease),transform .6s var(--ease),-webkit-transform .6s var(--ease)
 }
 
 .layer-btn{ opacity: 0;
     transform: translate(5.20833vw) }
 
 .fontShow .layer-btn{ 
     display: block;
     opacity: 1!important;
     transform: translate(0)!important }
	 
	 
 @media screen and (orientation: landscape) {
     .layer-btn:hover {
         background-color:#115ff3;
     }
 
     .layer-btn:hover.light {
         background-color:#004ad6
     }
 
     .layer-btn:hover>.mask,.layer-btn a:hover>.mask {
         -webkit-transform: translateX(0)!important;
         -ms-transform: translateX(0)!important;
         transform: translate(0)!important
     }
 
     .layer-btn:hover .txt {
         color: #fff
     }
 
     .layer-btn:hover .arrow {
         -webkit-transform: scale(1);
         -ms-transform: scale(1);
         transform: scale(1)
     }
 
     .layer-btn:hover .iconfontA {
         -webkit-transform: translateX(.05rem);
         -ms-transform: translateX(.05rem);
         transform: translate(.05rem);
         color: #fff
     }
 
     .layer-btn:hover.null {
         background-color: transparent;
         border-color: transparent
     }
 
     .layer-btn:hover.null .iconfont {
         -webkit-transform: translateX(0);
         -ms-transform: translateX(0);
         transform: translate(0);
         color: #fff
     }
 }
 





.partnerlogo{   }
.partnerlogo ul{ display: flex;
    width: 80%;
    margin: 0 auto;
    gap: 1rem;
    justify-content: center; }
.partnerlogo ul li{ flex: 1;}
.partnerlogo ul li img{     display: block;
    margin: 0 auto;
    height: 100%;
    width: auto; }



















.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:#004ad6; text-decoration: underline; }
.products ul li .more:hover{ color:#004ad6; }
.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:#004ad6; }
.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: #004ad6;
    border-radius: 2.5vw;
    border-bottom-right-radius: 0;
    font-weight: 600;
    font-size:16px;}
    
.list .txt a:hover {
    background: #004ad6;
    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: #004ad6;  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: #004ad6; 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: #004ad6;
    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, #004ad6, #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:#004ad6; }
.news_list .title ul li a:hover:after {
    background: #004ad6;
    width: 100%;
}
.goto{     background: url(../images/probg.jpg) no-repeat;
    background-size: cover;
    padding: 10vh 0; }
.goto_txt{  text-align:center; }
.goto_txt p{ font-size:38px; font-weight:bold; }





        .footer-wrapper {
     width: 100%;
    background-color: #f4f5f7;
    padding: .5rem 0px;
    position: relative;
    overflow: hidden; padding-bottom: 0;
        }

        /* ========= 顶部区域 ========= */
        .footer-top {
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding-bottom: 24px;
            position: relative;
            z-index: 2;
        }

        .footer-logo-area {
            display: flex;
            align-items: center;
            gap: 10px;
        }

        .footer-logo-area svg {
            width: 28px;
            height: 28px;
            fill: #0030f2;
        }

        .footer-logo-area h1 {
            font-size: 20px;
            font-weight: 700;
            color: #0030f2;
            letter-spacing: 0.5px;
        }

        .footer-top-slogan {
            font-size: 18px;
            color: #0030f2;
            font-weight: 400;
        }

        /* ========= 背景装饰弧线 ========= */
        .footer-bg-curve {
           position: absolute;
            top: 1.25rem;
            left: 0;
            width: 80%;
            height: 6rem;
            border: 1px solid #dce1f0;
            border-top-right-radius: 3.8rem;
            border-bottom-right-radius: 3.8rem;
            pointer-events: none;
            z-index: 0;
        }

        /* ========= 中间内容区域 (四分栏) ========= */
        .footer-middle {
            display: grid;
            grid-template-columns:1fr 1fr 1fr 2.2fr;
            gap: 40px;
            padding: 40px 0 50px 0;
            position: relative;
            z-index: 1;
        }
        .footer-middle .footer-col:last-child{     justify-self: right; }
        
        .footer-col h4 {
            font-size:.18rem;
            font-weight: 600;
            color: #1a1a1a;
            margin-bottom: 20px;
            display: flex;
            align-items: center;
            gap: 6px;
        }

        .footer-col .icon-arrow {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            width: 18px;
            height: 18px;
            background-color: #0030f2;
            border-radius: 50%;
        }
        .footer-col .icon-arrow svg {
            width: 8px;
            height: 8px;
            fill: #fff;
        }

        .footer-col p, .footer-col a {
            font-size:.16rem;
            line-height: 1.8;
            color: #2a2a2a;
            text-decoration: none;
            display: block;
            margin-bottom: 6px;
        }

        .footer-col a:hover {
            color: #0030f2;
        }

        .footer-col-1 p {
            color: #2a2a2a;
            margin-bottom: 6px;
        }

        .footer-col-1 .address-text {
            max-width:3rem;
            line-height: 1.6;
        }

        /* 社交媒体图标 */
        .social-icons {
            display: flex;
            gap: 12px;
            margin-top: 5px;
        }

        .social-icons a {
            display: flex;
            align-items: center;
            justify-content: center;
            width: 28px;
            height: 28px;
            background-color: #2a2a2a;
            border-radius: 4px;
            transition: background-color 0.3s;
            margin-bottom: 0;
        }

        .social-icons a:hover {
            background-color: #0030f2;
        }

        .social-icons svg {
            width: 16px;
            height: 16px;
            fill: #ffffff;
        }

        /* ========= 底部区域 ========= */
        .footer-bottom {
            position: relative;
    height: 1rem;
    display: flex;
    align-items: center;
        }

        .footer-bottom-left {
           font-size: .16rem;
        }

        .footer-bottom-right-curve {
                position: absolute;
    bottom: -2.2rem;
    right: 0;
    width: 65%;
    height: 3.5rem;
    background-color: #001aff;
    border-top-left-radius: 20rem;
    display: flex;
    align-items: stretch;
    justify-content: flex-end;
    z-index: 1;
        }

        .footer-bottom-right-curve p {
            color: #fff;
    font-size: .16rem;
    letter-spacing: 0.5px;
    font-weight: 400;
    padding-top: .55rem;
    margin-right: 7%;
        }

        /* ========= 响应式适配 (移动端) ========= */
        @media (max-width: 900px) {
            .footer-wrapper { padding: 1rem 0; box-sizing: border-box; }
            .footer-middle { grid-template-columns: repeat(2, 1fr); gap: 30px; }
            .footer-top-slogan { font-size: .4rem;
        display: none;}
            .footer-bottom-right-curve { width: 75%; }
        }

        @media (max-width: 600px) {
            .footer-wrapper { padding: 1rem 0; padding-bottom:0px; }
            .footer-top { flex-direction: column; align-items: flex-start; gap: 10px; border-bottom: none; }
            .footer-top-slogan { margin-left:0; }
            .footer-middle { grid-template-columns: 1fr 1fr;  gap: 25px;   padding-top:0;         padding-bottom: 0; }
            .footer-middle .footer-col:last-child{ justify-self: normal; }
            .footer-middle .footer-col.footer-col-1{ grid-column: 1 / -1; }
            .footer-bottom-right-curve { 
                right: -15px;
                width: 90%;
                height: auto;
                justify-content: center;
                position: static;
                border-radius: 0;
                text-align: center;
                display: block;
                padding: .4rem 5%;
                border-top-left-radius: 4rem;
                border-top-right-radius: 4rem;
            }
            .footer-bottom-right-curve p{  
                width: 100%;
                height: auto;
                font-size: .4rem;
                margin: 0;
                padding: 0;
            }
            .footer-bottom-left{ display:none; }
            .footer-bg-curve { display: none; }
        }








.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: #004ad6;
    color: #fff;
    text-transform: uppercase;
    padding: 20px 50px;
    display: inline-block;
    font-weight: bold;
    border: 3px solid #004ad6;
    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: #004ad6;     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: #004ad6; 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.8;
    font-weight: 500; }    
    
.nr_banner .neiron div{ font-size: .2rem;
    color: #4c4c4c;
    margin-top: .1rem;
    line-height: 1.8;
    font-weight: 400; margin-bottom:.6rem; }
.nr_banner .neiron a{ display: block;
    transition: all 0.3s;
    cursor: pointer;
    width:1.4rem;
    height:.6rem;
    border-radius:.3rem;
    overflow: hidden;
    border: 1px solid #999;
    text-align: center;
    line-height:.58rem;
    font-size:.18rem;
    font-family: 'ML';
    color: #4c4c4c; }
.nr_banner .neiron a:hover{ background: linear-gradient(59deg, #004ad6, #5fbd31);  color: #fff; border: 1px solid #004ad6; }    
.nr_banner .title{  }
.nr_banner .title h2{ font-weight:bold;   }
.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: #004ad6;}
.data-li li i{}
.data-li li i:before{    content: "+";
    color: #004ad6;
    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; text-transform: capitalize; font-weight: 100; transition: all .5s cubic-bezier(.38, 0, 0, 1); }
.con15 .data-pro img{ width: 100%; 
    display: block; margin:.2rem 0; }
.con15 .data-pro h4{    font-size: .2rem;}
.con15 .data-pro p{display: block;
    font-size: .2rem;
    margin: .3rem 0px;
    line-height: 1.6;
    color: #666; text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden; }
.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; }


.data-pro:hover .btnIcon .txta
 {
        opacity: 1;
        transform: translate(-.15rem);
       
}
.data-pro:hover .btnIcon .layer-icon {
        transform: translate(.2rem);
    }
.data-pro:hover .btnIcon {
        width: 1.2rem; color:#fff;
    }

.btnIcon .mask:after {
    content: "";
    opacity: 0;
    background: linear-gradient(90deg, #004ad6, #004ad6);
    transition: opacity .5s cubic-bezier(.38, 0, 0, 1);
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
.data-pro:hover .btnIcon .mask:after {
        opacity: 1
    }
.btnIcon {
    width: .5rem;
    transition: width .6s cubic-bezier(.38,0,0,1);
    position: relative
}

.btnIcon .mask {
    
}



.btnIcon .mask {
    height: .5rem;
    width: 100%;
    z-index: 1;
    background-color: rgba(28,31,31,.1);
    border-radius: 1rem;
    overflow: hidden;
    
 
    position: absolute;
    top: 0;
    left: 0;
    
    
}

 

.btnIcon .txta {
    text-align: center;
    opacity: 0;
    width: 100%;
    z-index: 9;
    line-height: .5rem;
    transition: opacity .6s cubic-bezier(.38,0,0,1),transform .6s cubic-bezier(.38,0,0,1);
    position: absolute;
    top: 0;
    left: 0
}

.btnIcon .layer-icon {
    height: .5rem;
    z-index: 10;
    transition: opacity .6s cubic-bezier(.38,0,0,1),transform .6s cubic-bezier(.38,0,0,1);
    position: relative
}

.layer-icon {
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    display: -ms-flexbox;
    display: flex;
}




.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, #004ad6, #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;
}






.faq{ padding: 100px 0px; }
.faq .win{
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;  }
.faq .faq_txt{     width: 40%; }
.faq .faq_txt .miaohsu{ font-size: .25rem;
    margin-bottom: .3rem;
    font-weight: 500;
    opacity: .5;
    color: #666; }
.faq .faq_txt h2{ 
    font-size:.5rem; }
.faq .faq_txt .faq_miao{ margin: .5rem 0px;
    line-height: 1.8;
    font-size: .2rem;
    font-weight: 500;
    color: #666; }
.faq .faq_txt a{   }
.faq .faq_txt a:hover{  }
.faq .fq-list{ width: 55%;}






.fq-item{
    cursor: pointer;
    transition: .3s;
    padding: 20px;
    margin-bottom: 20px;
    background-color: #ffffff59;
    box-shadow: .1rem .2rem 1rem -2px #04418d1a;
    border-radius: .2rem;
}
.fq-list-all .fq-item:last-child{ border:none; }
.fq-item:hover{   }

.fq-item-row{
       display: flex;
       align-items: center;
       gap: 40px;
}
.fq-item-icon{
    width:.82rem;
        height: .82rem;
        border-radius: 50%;
        border:.02rem solid #000;
        background: #fff;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size:.38rem;
        color: #000;
        font-weight: 500;
        padding-bottom:.1rem;
        flex-shrink: 0;
}
.fq-item-question{
   flex: 1;
font-size: .22rem;
    font-weight: 600;
}
.open .fq-item-question{ color:#004ad6; }
.fq-item-toggle{
    width:52px;
        height:52px;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 40px;
        color: #004ad6;
        font-weight: 300;
        flex-shrink: 0;
        transition: transform .3s;
}
.fq-item.open .fq-item-toggle{ transform:rotate(45deg); }

.fq-item-answer{
    max-height:0px; overflow: hidden;
    transition: max-height .3s ease;
    padding-left:0px;
    font-size:17px;
    color: #444444;
    line-height: 1.8;
}
.fq-item.open .fq-item-answer{
    max-height:200px; padding-top:0px; width: 95%;
}






.idx-tags{ width: 80%;   margin: 0 auto; padding: 0;  position:relative;      padding: 1rem 0;}
.idx-tags ul{position: relative;
    z-index: 5;
    display: inline-flex;
    gap: 1rem;}
.idx-tags ul li{ flex: 1;
    color: #000;
    display: inline-block; }
.idx-tags ul li:last-child{ ; }
.idx-tags ul li:nth-child(2){  }
.idx-tags ul li .col2{ display:none; }
.idx-tags ul li	.tags_left span{ display:block; font-size:.16rem; white-space: pre; }
.idx-tags ul li	.tags_left span.counter{ font-size:.7rem;  line-height:.9rem; font-weight: bold; color:#004ad6; line-height:1; }
.idx-tags::after{ content: 'LUBAN ART';
    font-weight: bold;
    position: absolute;
    top: 0;
    display: block;
    left: 0;
    font-size:11.8vw;
    letter-spacing:1vw;
    color: #dbdbdb;
    opacity: 0.2;  white-space: nowrap; display:none; }

.idx-tags ul li .tags_left .shu{     position: relative;
    display: flex;
    align-items: flex-end; }
.idx-tags ul li .tags_left .shu i{ color: #919191;
    margin-bottom: .08rem;
    margin-left: .1rem; } 
.idx-tags ul li .tags_left .shu span{}

.en_b {
        position: absolute;
        color: #b3b3b3;
        font-size: 2.8rem;
        white-space: nowrap;
        font-family: en_b;
        text-align: center;
        z-index: 1;
        width: 100%;
        display: block;
        font-weight: bold;
        top: 0.6rem;
        letter-spacing: .7rem;
        line-height: 1;
        text-transform: uppercase;
        transform: scale(.01);
        display: flex;
        justify-content: center;
        opacity: 0.1;
}
.en_b i{ font-size: 1.8rem;
    text-align: center;
    letter-spacing: .2rem; }











.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-image: linear-gradient(59deg, #004ad6, #007dd6); 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, #004ad6);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; }









.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;color: #666;  }
.con18 .section-title h2{     font-size: .5rem;
    line-height: 1.6;  }

.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: 1rem 0px; 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:0; }
.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; font-weight:bold; }

.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{
    font-size: .28rem;
    opacity: 1;
    display: initial;
    color: #000;
    background: #000000 -webkit-linear-gradient(left, #004ad6, #5fbd31) no-repeat 0 0;
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
    background-size: 0 100%;
    margin: .3rem 0px;
    line-height: 1.5;
    font-weight: bold; }


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



 
    
 
 
 .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{  }
    
	.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);}
.b-pic:hover 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}
#pro_list .title{font-size:32px;line-height:48px;color:#4d4d4d;text-align:center;max-width:70%;margin:0 auto 92px;}
#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 .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, #004ad6, #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:50px;}
    #pro_list .listPro .li .pic{width:92%;margin:0 auto;border-radius:20px !important;}
    #pro_list .listPro .li .box{position:static;transform:translate(0);}
    #pro_list .listPro .li .box .cont{width:100%;}
    #pro_list .listPro .li .box .cont .left{width:calc(100% - 50px);padding:20px;}
    #pro_list .listPro .li .box .cont .left .name{font-size:26px;line-height:1.5;}
    #pro_list .listPro .li .box .cont .left .brief{margin-top:10px;}
    #pro_list .listPro .li .box .cont .right{width:50px;}
}





.products-show{     background: linear-gradient(0deg, #004ad633, #b4fcff1f);
    padding-top:1.2rem;
    position: relative; }
.products-show .layer-btn{ width:2.5rem; }
.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:#004ad6; }
.products-show .win{ position: relative;
    display: flex;
    align-items: center;
    gap: .5rem; }
.products-show .title{ width:13rem; flex: 1; }
.products-show .title h1{ font-size: .35rem;
    line-height: 1.4;
    display: initial;
    color: #000;
    background: #000000 -webkit-linear-gradient(left, #004ad6, #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;
 
    font-size: .25rem;
 
    font-weight: 500;
    opacity: .5;
    color: #666; }
.products-show .title .title-top{ margin:.3rem 0; }
.products-show .picshow{ flex: 1.5; }
.products-show .txt{ position: absolute;
    top: 40%;
    right: 0;
    z-index: 90;
    width: 500px;
    text-align: center; display:none; }
.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, #004ad6, #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:100%; 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; }

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


.products-show .big li:before{ content: '';
    display: block;
    background: url(../images/yz.png) no-repeat;
    background-size: 100%;
    height:120px;
    width: 100%;
    position: absolute;
    bottom:-40px;
    left: 0;
    z-index: -1;}
	
	

.products-show .sml{    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    width:100%;
    margin: 0 auto; padding-bottom:1rem; }
	
.products-show .sml li{     cursor: pointer;
    max-width: 1.2rem;
    width: 32%;
    box-sizing: border-box;
    text-align: center;
    padding: .1rem;
    background: #e0e9ff;
    border-radius: .2rem;
    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: #004ad6;
    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: #004ad6;
    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; padding-bottom:10vh; }
.contact .titleh2{ max-width:none; }

.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 svg{ height: 100%;
    width: auto; }
.contact .info .txt .url li a svg path{ fill:#004ad6 }
.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;  padding-left:.3rem; min-height:.3rem;  margin-bottom:.4rem;    font-size:.2rem;  color: #606060; position:relative; }
 
.contact .info .adder li i{ position:absolute; left:0;     font-size: .2rem; }
 

.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; font-size:.2rem; }
.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: #004ad6;  color: #fff; text-transform: uppercase; padding: 15px 40px; width: 250px; display: block;  font-weight: bold;   border: 3px solid #004ad6;  border-radius: 3px;  cursor: pointer;  margin: 0 auto;  margin-top: 30px; }
.contact .info .quote input[type="submit"]:hover{ background:#004ad6;  }


.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: #004ad6; 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: #004ad6;  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: #004ad6; 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;
	background: url(../images/probg.jpg) no-repeat;
}
.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: 90%;
    background-repeat: no-repeat;
    left: -1px;
	transform: translate(0px, 20px);
	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:bold;
    color: #000;
    background: #000000 -webkit-linear-gradient(left, #004ad6, #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, #004ad6, #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:#004ad6 }
.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; }






.con22 {
 margin-top:1rem;
}
.con22 .win{  display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 1.5rem;  }
        /* 左侧图片区域 */
        .con22-image-wrapper {
           max-width:7.18rem;
        }
        .con22-image-wrapper.con22-image-wrapper-page{ background-color: #ffffff59;
    border-radius: .2rem;
    box-shadow: .1rem .2rem 1rem -2px #04418d1a;
    padding: .5rem;
    box-sizing: border-box; }
        .con22-image-wrapper img {
            width: 100%;
            height: auto;
            border-radius: 24px; /* 圆角设计 */
            display: block;
            object-fit: cover;
            box-shadow: 0 10px 20px rgba(0, 0, 0, 0.08);
        }
        .con22-image-wrapper.con22-image-wrapper-page img {  box-shadow:none; }
        /* 右侧文本内容区域 */
        .con22-content {
            flex: 1 1 450px;
            min-width: 300px;
        }

        .con22-content h2 {
            font-size:.5rem;
            font-weight: 700;
            line-height: 1.2;
            color: #1a1a1a;
        }

        .con22-content p {
               margin: .5rem 0px;
    line-height: 1.8;
    font-size: .2rem;
    font-weight: 500;
    color: #666;
        }

        /* 特性网格 (2x2) */
        .con22-features {
            display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: .3rem;
    margin-bottom:.5rem;
        }

        .con22-feature-item {
            display: flex;
            align-items: center;
            gap: 12px;
            font-size: 14px;
            font-weight: 600;
            color: #222;
        }

        /* 图标样式 */
        .con22-feature-item svg {
            width: 24px;
            height: 24px;
            stroke: #1a1a1a;
            stroke-width: 1.5;
            fill: none;
            stroke-linecap: round;
            stroke-linejoin: round;
            flex-shrink: 0;
        }

        /* 移动端适配 */
        @media (max-width: 768px) {
            .con22 {
                padding: 20px;
                gap: 30px;
            }
            .con22-content h2 {
                font-size:.8rem;
            }
            .con22-content p{ margin: .4rem 0px;  font-size: .4rem; }
            .con22-features {
                grid-template-columns: 1fr; /* 手机上变为单列 */
                gap: 20px;
            }
        }
        
        
        
        
.bodybg{ background-image: url(../images/b1.jpg?a=.11);
    background-size: 100%;
    background-position: center top; }

.con23{ margin-top:1.5rem; }
.con23 .flex-wrap {
    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;
}
.con23  .list{ overflow: visible; margin-bottom:0px; }
.con23  .list .li {
    width: calc((100% - .4rem) / 2);
    margin: 0 .4rem .4rem 0;
    background-color: #ffffff59;
    box-shadow: .1rem .2rem 1rem -2px #04418d1a;
    padding: .4rem .4rem;
    border-radius: .2rem;
    overflow: hidden; box-sizing: border-box;
}
.con23 .list .li:nth-child(2n) {
    margin-right: 0;
}
.con23 .flex-top2 {
    align-items: flex-start;
    display: -webkit-flex;
    display: -ms-flex;
    display: -webkit-box;
    display: -moz-box;
    display: flex;
    justify-content: flex-start;
}


.con23 .list .li .numb{width:.4rem;height:.4rem;margin-right:.15rem;}
.con23 .list .li .info{width:calc(100% - .55rem);}
.con23 .list .li .info .name{ font-size: .22rem;
    font-weight: 600;color:#004ad6;line-height:.36rem;}
.con23 .list .li .info .brief{margin:.22rem 0 0px;}
.con23 .list .li .info .brief p{ font-size: .2rem;
    margin: .3rem 0px;
    line-height: 1.6;
    color: #666; }
.con23 .list .li .info .brief p::after{ position:absolute;left:0;top:.07rem;border-radius:50%;width:.06rem;height:.06rem;background-color:#4d4d4d;}
.con23 .list .li .info .brief p:last-child{margin-bottom:0;}
.con23 .list .li .info .more{margin-top:.27rem;width:1.4rem;height:.6rem;border-radius:.3rem;border:1px solid #999;line-height:.58rem;text-align:center;font-size:.18rem;color:#4c4c4c;font-family:'ML';}
.con23 .list .li .info .more:hover{border-color:#004ad6;background-color:#004ad6;color:#fff;}
@media (max-width:1440px) {
    .con23 .title{font-size:.42rem;}
    .con23 .list .li .info .name{font-size:.18rem;line-height:.3rem;}
    .con23 .list .li .info .brief p{font-size:.16rem;}
}



@media (max-width:750px) {
    .con23 .title{font-size:.32rem;line-height:normal;margin-bottom:.3rem;}
    .con23 .list .li{         width: 100%;
        margin: 0 0 .5rem 0;
        padding: .8rem;
        display: block;
        text-align: center;
        border-radius: .4rem; }
    .con23 .list .li .numb{     
        width: 1.5rem;
        height: 1.5rem;
        margin-right: .5rem;
        margin: 0 auto;
        margin-bottom: .5rem; 
    }
    .bodybg{     background-size: cover; }
    .con23 .list .li .info .name{ font-size: .8rem;  line-height: 1.2; }
    .con23 .list .li .info .brief {  margin: .5rem 0 0px;}
    .con23 .list .li .info .brief p{ font-size: .5rem; }
}






.con24{ position:relative; overflow:hidden; }
.con24 .pro_title {
       width: 9rem;
    top: 0;
    position: relative;
    left: 0;
}
.con24 .jxkj{ position:relative; }
.con24 .home-service-info{ margin-top: .2rem; padding:0px; }
.con24 .home-service-info h2{}

.con24 .xle_swp .swiper-slide{ background:none; border-radius:0; }












.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(#004ad6), to(#f7ca09));
    background: -o-linear-gradient(left, #004ad6, #f7ca09);
    background: linear-gradient(-90deg, #004ad6, #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: #004ad6; 
    
}








.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: #004ad6;
    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: #004ad6;
    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(#004ad6), to(#f7ca09));
    background: -o-linear-gradient(left, #004ad6, #f7ca09);
    background: linear-gradient(-90deg, #004ad6, #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:#004ad6; 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:#004ad6;
    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: #004ad6; 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 #004ad6; border-right:1px solid #004ad6; 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: #004ad6;
    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: 20px; 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:#004ad6; }





.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 #004ad6 !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:#004ad6; }
.proBtn li a:hover span{ color:#fff; }
.proBtn li:last-child a { background: #ffeeef; }
.proBtn li:last-child a:hover{ background:#004ad6; }

.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;
    line-height: 1;
    text-align: center;
    display: initial;
    font-weight:bold;
    color: #000;
    background: #000000 -webkit-linear-gradient(left, #004ad6, #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:6.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 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;
    background: #eaecff;
    color: #000000;
}

.productDetails table td,.productDetails table th {
    border: 0;
    line-height: 1.5;
    border: 1px solid #dfe1ff;
    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:#004ad6; 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{ padding:10px; }

.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: #004ad61c;
    position: absolute;
    width: 100%;
    height:5.6rem;
    border-top-right-radius: 3rem;
    border-bottom-right-radius: 3rem;
    bottom: -.2rem;
    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:8vw; }
	
	.win{ min-width:auto;     width: 90%; }
	
	.nav{ position: fixed;
    float: none;
    margin-left: 0;
    width: 100%;
    opacity:0;
    left: 0;
    background: #fff;
    top:2rem;
    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: 170px; }
	.logo a {
    display: block;
    padding: 10px 0px;
}
	.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; top: 3px; }
    
    .sj_nav.close span{   }
    
    .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 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{ transform: rotate(45deg); width: 25px; }
    .sj_nav.close span:after {
        background-color: #fff;
         transform: rotate(-90deg) 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; }
    
    .sj_nav span:before{ display:none; }
    
	.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{ font-weight:500; font-size:12px;  text-overflow: ellipsis;   display: -webkit-box;  -webkit-line-clamp: 3;  -webkit-box-orient: vertical; display:none; }
	.btn{ margin-top: 20px; }
	.btn a{ font-size:.5rem; padding: .3rem .5rem; font-weight: 500;  min-width: 70px;   border-radius: 20px;  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:.8rem; }
	
	
	.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: 30px 0;
        background: #f1f1f1;
        padding: 1rem 0px; }
	.news_list .title{ width:100%; float:none; }
	.news_list .title p{ font-size:12px; margin:10px 0; }
	.jt_btn {margin-top: 20px;}
	.news-swiper{ width:100%; margin-top: .5rem;}
	.jt_btn span:nth-child(2) {  margin-left: 20px; }
	
	footer{ padding:50px 0; }
	.bot_logo{ text-align:center; width:100%; }
	.bot_nav{ display:none; }
	
	.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:50px 0; }
	.con3 .miao{ margin-top:30px; overflow: scroll; }
	
	table td{ font-size:12px; padding: 10px; }
	table td strong{ font-size:14px; }
	
	
	.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:.8rem;  }
	.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; }
	.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; }
    .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:.8rem; }
    .title h2{ font-size:.8rem; }
    .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:.5rem; }
    .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:0px;  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 .titleA{ margin-bottom:1rem; }
    .productInfo .title{  padding:0 20px; font-size: 20px;  -webkit-text-fill-color: #000; }
    .productDetails{ padding:20px;  padding-top: 0px;         font-size: 14px; }
    
    .postion.postion_1{     margin-top: 63px; }
    
    .contact{ padding-bottom:1rem; }
    .contact .titleh2{ width:100%; font-size:16px; }
    .contact .titleh2 h2{ margin-bottom:0; }
    .contact .titleh2 span{ font-size: 14px;
        margin: 0;
        padding: 0;
        line-height: 1;
        margin: .5rem 0px;
        display: block;
        width: 100%;
        max-width: none;
        text-align: left; }
    .contact .info{     margin-top:.5rem; }
    .contact .info .txt .url li a{     width: 36px; height: 36px;  padding: 0;}
    .contact .info .txt .url li a img{ width:100%; }
    .contact .info .txt .url li { margin-right: 30px;}
    .contact .info .adder{     margin-top: .5rem; }
    .contact .info .txt{ width:100%; }
    .contact .info .adder li i{ font-size: .4rem; }
    .contact .info .adder li{         font-size: .4rem;  margin-bottom: .5rem;  padding-left: .5rem;}
    .contact .info .adder li:last-child{ margin-bottom: 0; }
    .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 .adderimg{     grid-template-columns: 1fr 1fr 1fr;     margin-top: .5rem; }
    .contact .info .adderimg span {
    display: block;
    text-align: center;
    font-size: .4rem;
    margin-top: .3rem;}
    .contact .info .quote ul li input {
        padding: 10px 0;
    }
    .contact .info .quote h3{ font-size:.6rem;     margin-bottom: .5rem; }
    .contact .info .quote ul li span{ font-size:.4rem; }
    .banner .swiper-slide h2 span font{ margin-bottom:0px; }
    
    
    .con4{ padding:1rem 0; }
	.con4 .win .img{  margin-top: 1rem; width: 100%;    height: 9.4rem; }
	.con4 .win{ display:block; }
	.con4 .win .txt{ width:100%; }
	
	.con4 .miao{ margin: .4rem 0px;  font-size: .4rem; }
	
	.con4 .miao ul{ grid-template-columns: 1fr 1fr;  grid-gap:15px; row-gap:15px;}
	.con4 .txt ul li p{ font-size:.4rem; }
	.con4 .txt ul{ width:100%; }
	.con4 .txt ul li span{ font-size:.4rem; }
	.con4 .txt ul li span b {
    position: absolute;
    top: 5px;
    right: 13px;
    font-weight: 500;
    font-size: .4rem;}
    .con4 .txt a.more.yanfa_btn {
    margin-left: .3rem;
    border: none;
    background: #004ad6;
    color: #fff; text-transform: capitalize;
}
.con4 .txt a.more {
    text-transform: capitalize;
    padding: .3rem .5rem;
    display: inline-block;
    font-size: .9vw;
    border-radius: 53px;
    margin-top: 1rem;
    background: #fff;
    color: #666;
    font-size: .5rem;
}
.ab-2-img { 
    bottom: 2rem;
}
	.con4 .miao ul li{ font-size:12px; }
	.con4 .miao ul li:before{ width: 15px; height: 15px; }
	.con4 .txt ul li span i{ font-size:1.2rem; }
    .con4 h2{ font-size: .5rem; }
    .con4 .miaoshu{ font-size: .8rem; }
    
     .con9{ height:auto; }
    .con9 .title h4{         font-size: .5rem;   text-transform: capitalize;         margin-bottom: .5rem; }
    .con9 .bg-img img{ width: 250%;  margin-left: -40%; }
    .con9 .bg-img .swiper-pagination,.con9 .bg-img .swiper-pagination span{ font-size:12px; }
    .con9 .title ul li{ font-weight:500; font-size: .8rem;  line-height: 1; }
    .con9 .txt h2{ font-size: .4rem; }
    .btnIcon{ width: .8rem; }
    .con9 .title{ width:100%; }
    .con9 .txt .miaoshu{ font-size: .4rem; line-height: 1.4; }
    .con9 .txt{ width:8rem; background: #0021cc8c; backdrop-filter: blur(5px);  }
    .con9 .txt a:hover .btnIcon{ width:2.5rem }
    .con9 .txt a:hover .btnIcon .layer-icon {  transform: translate(.7rem);}
    .btnIcon .mask,.btnIcon .layer-icon {   height: .8rem;}
    .btnIcon .txta{ line-height: .8rem; }
    .con9 .txt .iconfontB{ font-size: .4rem; }
    .con9 .mySwiper_btn {   top: .8rem; display:none; }
    .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; }
    
    .bag-products .big-title span{ font-size: .5rem;   text-transform: capitalize;   margin-bottom: .5rem; }
    .bag-products-nav li svg{ width:1.5rem; }
    .bag-products-nav li span{     font-size: .5rem; }
    
    
    .partnerlogo ul{flex-wrap: wrap;
        width: 90%;
        gap: .5rem;
        row-gap: 1rem;
        display: grid;
        margin: 0 auto;
        grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr; }
    .partnerlogo ul li {
    flex: 1;
    display: flex;
    align-items: center;
}
    .partnerlogo ul li img{ max-width: 100%; max-height: 100%; height: auto; width: auto; }
    
    .xle_swp .swiper-slide a{ display: block; }
    .xle_swp .swiper-slide .img{ border-bottom-left-radius: 0;  border-bottom-right-radius: 0; background: url(../images/probg.jpg) no-repeat -1rem; }
    .home-service-info{ padding:.5rem; } 
        .home-service-info h2 {
        font-size: .4rem;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }
    .home-service-info .miaoshu{ display:none; }
    .layer-btn .txta{ font-size:.4rem; }
    .layer-btn{ width: 3rem;
        height: 1.3rem;
        margin-top: .3rem; } 
    
    .bag-products{     padding: 1rem 5%; }
    
    .con22{ padding: 0; }
    .con22-image-wrapper{ width:auto; max-width:none; margin-bottom:.5rem; }
    .con22-content{ min-width:none; } 
    
    .con22 .win{     gap:0; }
    .con22-feature-item span{ font-size:.4rem; }
    .con22-feature-item svg{     width: .4rem;  height: .4rem; }
    
    
    .news{ margin:0; margin-top: 1rem; }
    .news-swiper .swiper-slide p{ display:none; }
	.news_list .title{ width:100%; float:none; }
	.news_list .mySwiper_btn{ top: 0;   right: 0; }
	.news-swiper .swiper-slide h4 a{     font-size: .6rem; }
	.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%;   }
	.jt_btn span:nth-child(2) {  margin-left: 20px; }
	
	.footer-logo-area img{ width: 5rem; }
	.footer-col h4{ font-size: .4rem; margin-bottom:.3rem; }
	.footer-col p, .footer-col a{  font-size: .4rem; }
	.footer-col-1 .address-text{ max-width:none; }
	.footer-col .icon-arrow{ margin-left:.15rem; }
	
	.con19 .pic-txt{ display:block; }
	.con19 .pic-txt .pic-txt-1 h1{ font-size: 1.2rem; }
	.con19 .pic-txt .pic-txt-1 .txt{ font-size:.8rem; line-height:1.3;  bottom: -1rem;}
	
	
	.hon_con_box{ padding:1rem 0; }
	.hon_con_box .section-title h4{ font-size: .5rem; }
	.hon_con_box .section-title h2{ font-size:.8rem; }
	.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: .5rem;  margin-top: .2rem;}
	.hon_con_box .swiper-container{ padding-bottom: .4rem; }
	
	.con18 .section-title h4{ font-size: .5rem; }
	.con18 .section-title h2{ font-size:.8rem;line-height: 1.3; }
	
	.lishi .swiper-slide{ padding: .8rem; }
	.lishi .swiper-slide .year{  font-size: .8rem; }
	.lishi .swiper-slide .year i { font-size: .4rem; }
	.lishi .miaoshu h2{ font-size: .8rem; }
	.lishi .miaoshu span{ font-size: .4rem; }
	
	
	
	.con10 .bg-img{ width:90%; }
	.con10 .bg-img img{ height:auto; }
	.playbtn{ transform: scale(.5);  top: 3rem; }
	
	
	.idx-tags{width:90%;         padding-bottom: 0; }
	.idx-tags ul{     grid-template-columns: 1fr 1fr;  display: grid;  grid-gap: 20px; row-gap: 20px; }
	.idx-tags ul li .tags_left span{ font-size:.4rem; }
	.idx-tags ul li .tags_left span.counter{ font-size:1rem; }
	.idx-tags ul li .tags_left .shu i{ font-size:.4rem; }
	.en_b{ display:none; }
	
	.con22-feature-item{ font-size:.5rem; }
	.con22-image-wrapper.con22-image-wrapper-page{ margin-top:.5rem;        margin-bottom: 0; }
	
	.con15 .data-pro{ padding: .6rem; }
	.con15 .win .data-item{ grid-template-columns: 1fr; }
	.con15 .data-pro h3{ font-size:.8rem; }
	.con15 .data-pro img{     margin: .5rem 0; }
	.con15 .data-pro h4{ font-size:.6rem; }
	.con15 .data-pro p{ font-size:.4rem; }
	.data-pro:hover .btnIcon .layer-icon {  transform: translate(.7rem);}
	.data-pro:hover .btnIcon{ width: 2.2rem; }
	.iconfontB{     font-size: .3rem; }
	
	
	.pro_title .miaoshu{ font-size:.5rem; }
	.pro_title h2{ font-size:.8rem; }
	
	.con24 .xle_swp .swiper-slide .img { border-radius: .4rem;  }
    .con24 .pro_title{ width:100%; }
    
	.faq {  padding:1rem 0px;}
	.faq .win{ display:block; }
	.faq .faq_txt{ width:100%; margin-bottom: .5rem; }
	.faq .fq-list{ width:100%; }
	
	.faq .faq_txt .miaohsu{ font-size:.5rem; }
	.faq .faq_txt .faq_miao { font-size:.4rem; }
	.faq .faq_txt h2{ font-size:.8rem; }
	
	.fq-item-question{ font-size:.5rem; }
	
	.products-show{ padding-top: 3rem; margin-bottom:0px; }
	.products-show .title{ width:100%; }
	.products-show .title h2{  font-size: .5rem; }
	.products-show .title .title-top{ font-size: .8rem;         margin: .5rem 0; }
	.products-show .win{ display:block; }
	.products-show .big li img{ width: 100%; }
	
	.products-show .title h1{  font-size: .8rem;  display: block; -webkit-text-fill-color: #000; }
	.products-show .layer-btn {  width:6.5rem;}
	
	.products-show .big{ height:10rem; }
	.products-show .sml li{ width:1.6rem; max-width: 1.6rem; }
	
	.productDetails table{  } 
	
	
	
	
	.con20 .shuanc{     display: block;
    position: static;
    width: 100%;
    text-align: center;
    padding: 1rem 0px;     font-size: .8rem; }
	.con20 .items .col{ display:block; margin-top:0; }
	.con20 .items .col>a .photo, .con20 .items .col>div .photo{ height:65vw; }
	.con20 .items .col>a:nth-of-type(2), .con20 .items .col>div:nth-of-type(2){ margin-top:0px; }
	.con20 .items .col>a .photo figure .videoBox, .con20 .items .col>div .photo figure .videoBox{ transform: translate(0px, 0); background-position: center; }
	.con20 .items .col>a .photo figure, .con20 .items .col>div .photo figure{ height:100%; }
	.con20 .items .col>a, .con20 .items .col>div {  width: 100%;  margin-bottom: .5rem;  display: block;}
	.con20 .home-service-info h2{ margin: .4rem 0px;   font-size: .4rem;   color: #666; }
	.con20  .home-service-info {   padding: .8rem;   }
	.con20 .home-service-info {
        background: #fff;
        overflow: hidden;
        margin-top: -.3rem;
        padding-top: 1rem;
        padding-bottom: .8rem;
        border-radius: .2rem;
    }
	
}




      /* ===== 方案一：传统表格 + 横向滚动（保底方案） ===== */
        .productDetails {
            overflow-x: auto;
            -webkit-overflow-scrolling: touch;
            margin: 0 -4px;
            padding: 0 4px;
            border-radius: 12px;
            /* 在极窄屏上保留滚动能力 */;
        }

        /* 表格本体 */
        .productDetails table {
            width: 100%;
            min-width: 480px;
            /* 小于此宽度时触发滚动，保证列不被压扁 */
            border-collapse: collapse;
            font-size: 14px;
            background: #ffffff;
            border-radius: 12px;
            overflow: hidden;
            box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);
        }

        .productDetails th,
        .productDetails td {
            padding: 12px 14px;
            text-align: left;
            border-bottom: 1px solid #eef2f6;
            white-space: nowrap;
            /* 默认不换行，保证表格紧凑 */;
        }

        .productDetails th {
            background: #f8fafc;
            font-weight: 600;
            color: #334155;
            font-size: 13px;
            letter-spacing: 0.3px;
            width: 22%;
        }

        .productDetails td {
            color: #1e293b;
            width: 28%;
        }

        .productDetails tr:last-child th,
        .productDetails tr:last-child td {
            border-bottom: none;
        }

        /* ===== 方案二：移动端卡片式布局（主力方案） ===== */
        /* 在平板/手机下触发卡片布局 */
        @media (max-width: 640px) {
            
            .productDetails table td, .productDetails table th{ border:none; }
            /* 隐藏传统表格的滚动条（但保留滚动能力作为保底） */
            .productDetails {
                overflow-x: auto;
                margin: 0;
                padding: 0;
            }

            .productDetails table {
                min-width: unset;
                /* 解除最小宽度限制，让表格可以撑满 */;
                width: 100%;
                display: block;
                box-shadow: none;
                background: transparent;
            }

            .productDetails tbody {
                display: block;
            }

            /* 每一行变成一个卡片 */
            .productDetails tr {
                display: block;
                background: #ffffff;
                border-radius:0;
                padding: 14px 16px;
                margin-bottom:0;
                box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
                border-bottom: 1px solid #edf2f7;
                transition: box-shadow 0.2s;
            }

            .productDetails tr:last-child {
                margin-bottom: 0;
            }

            /* 每个单元格变成行内元素，使用 grid 重新排列 */
            .productDetails th,
            .productDetails td {
                display: inline-block;
                border: none;
                padding: 4px 0;
                white-space: normal;
                word-break: break-word;
                width: auto !important;
                background: transparent !important;
                font-size: 14px;
                line-height: 1.6;
                vertical-align: baseline;
            }

            /* ---- 使用 Grid 将每行重排为 2 行 2 列 ---- */
            .productDetails tr {
                display: grid;
                grid-template-columns:5rem 1fr;
                /* 标签列固定宽，值列撑满 */
                grid-template-rows: auto auto;
                /* 两行 */
                gap: 2px 0;
                align-items: baseline;
            }

            /* 第1个 th → 第1行第1列（标签1） */
            .productDetails th:nth-child(1) {
                grid-column: 1;
                grid-row: 1;
                font-weight: 600;
                color: #475569;
                font-size: 13px;
                letter-spacing: 0.2px;
                padding-top: 0;
                padding-left: 0;
                padding-right: 0;
            }

            /* 第2个 td → 第1行第2列（值1） */
            .productDetails td:nth-child(2) {
                grid-column: 2;
                grid-row: 1;
                color: #0f172a;
                font-weight: 500;
                padding-top: 0;
                padding-bottom:0px;
            }

            /* 第3个 th → 第2行第1列（标签2） */
            .productDetails th:nth-child(3) {
                grid-column: 1;
                grid-row: 2;
                font-weight: 600;
                color: #475569;
                font-size: 13px;
                letter-spacing: 0.2px;
                padding-bottom: 0;
                border-top: 1px dashed #e9edf2;
                padding-top: 10px;
                margin-top: 2px;
                padding-left:0;
                padding-right: 0;
            }

            /* 第4个 td → 第2行第2列（值2） */
            .productDetails td:nth-child(4) {
                grid-column: 2;
                grid-row: 2;
                color: #0f172a;
                font-weight: 500;
                padding-bottom: 0;
                border-top: 1px dashed #e9edf2;
                padding-top: 10px;
                margin-top: 2px;
            }

            /* 对于特殊情况：如果某行只有2列（如标题行），用后备样式 */
            .productDetails th:only-child,
            .productDetails td:only-child {
                grid-column: 1 / -1;
            }

            /* 卡片之间的分割线已由 margin-bottom 和 border 提供 */
            .productDetails tr:last-child {
                margin-bottom: 0;
            }

            /* 去掉表格自带的边框和阴影 */
            .productDetails table {
                border-radius: 0;
                box-shadow: none;
                background: transparent;
            }

            /* 微调标签与值的颜色对比 */
            .productDetails td {
                color: #0f172a;
            }

            /* 让长值自动换行 */
            .productDetails td {
                word-break: break-word;
                white-space: normal;
            }

            /* 值中的 "Customization" 等较长内容可换行 */
            .productDetails td br {
                display: none;
            }
        }

        /* ===== 超小屏（< 400px）进一步压缩 ===== */
        @media (max-width: 400px) {
           
            .productDetails tr {
                padding: 12px 12px;
                grid-template-columns: 68px 1fr;
                gap: 2px 8px;
                border-radius:0;
            }

            .productDetails th,
            .productDetails td {
                font-size: 13px;
            }

            .productDetails th {
                font-size: 12px;
            }

            
        }

        /* ===== 桌面端微调（> 640px） ===== */
        @media (min-width: 641px) {
            .productDetails table {
                min-width: 520px;
            }

            .productDetails th,
            .productDetails td {
                padding: 14px 18px;
            }

            .productDetails th {
                font-size: 13.5px;
            }

            .productDetails td {
                font-size: 14px;
            }
        }

        /* ===== 辅助：滚动提示（仅对支持 scroll 的浏览器） ===== */
        @media (max-width: 640px) {
            .productDetails {
                position: relative;
            }
            /* 在卡片模式下，如果表格内容溢出，会出现滚动条，但我们的卡片已经自适应，所以一般不会溢出 */
            /* 但为了保底，保留 overflow-x: auto，一旦内容超出，用户可以滑动 */
        }

        /* 美化滚动条 */
        .productDetails::-webkit-scrollbar {
            height: 4px;
            width: 4px;
        }
        .productDetails::-webkit-scrollbar-track {
            background: #f1f5f9;
            border-radius: 8px;
        }
        .productDetails::-webkit-scrollbar-thumb {
            background: #cbd5e1;
            border-radius: 8px;
        }
        .productDetails::-webkit-scrollbar-thumb:hover {
            background: #94a3b8;
        }