@font-face {
  font-family: "HarmonyOSHans-Medium";
  src: url("../fonts/HarmonyOSHans-Medium.woff2") format("woff2"),
    url("../fonts/HarmonyOSHans-Medium.woff") format("woff");
}
@font-face {
  font-family: "HarmonyOSHans-Regular";
  src: url("../fonts/HarmonyOSHans-Regular.woff2") format("woff2"),
    url("/fonts/HarmonyOSHans-Regular.woff") format("woff");
}
@font-face {
  font-family: "HarmonyOSHans-Light";
  src: url("../fonts/HarmonyOSHans-Light.woff2") format("woff2"),
    url("../fonts/HarmonyOSHans-Light.woff") format("woff");
}


@font-face {
	font-family: CgFuturaMaxiBd;
	src: url('../font/CgFuturaMaxiBd.eot');
	src: local('鈽�'), url('../font/CgFuturaMaxiBd.woff') format('woff'), url('../font/CgFuturaMaxiBd.ttf') format('truetype'), url('../font/CgFuturaMaxiBd.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: CgFuturaMaxiLt;
	src: url('../font/CgFuturaMaxiLt.eot');
	src: local('鈽�'), url('../font/CgFuturaMaxiLt.woff') format('woff'), url('../font/CgFuturaMaxiLt.ttf') format('truetype'), url('../font/CgFuturaMaxiLt.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}


::selection {
    background: #c72c32; /* 绮夌孩鑹茬殑搴曡壊 */
    color: #fff; /* 鏂囧瓧鐨勯鑹� */
}

.iconfonttwo{ font-family:iconfonttwo; }


*{ padding:0px; margin:0px; list-style-type: none; outline:none; font-style:normal; }
a {
    font-family: "Microsoft YaHei", Arial, Helvetica, sans-serif;
    color: #000;
	text-decoration: none;
    background-color: transparent;
    -webkit-tap-highlight-color: transparent;
    -webkit-user-select: none;
}


a:hover {
    color:#c72c32;
}

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


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

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

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

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

.disable-hover {
    pointer-events: none
}

.scroll-animate.animated {
    visibility: hidden
}




.yuan {
  font-family: "yuan" !important;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}



html,body{ min-width:1300px; overflow-x:hidden; }
body{ color: #4B4948;   font-family: "Microsoft YaHei",Helvetica Neue, Helvetica, Arial, sans-serif; }


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

.header.headerindex { box-shadow: none; padding:0px 5%; min-width:1200px;  }



.header.no{    background-color: rgba(255, 255, 255);  }

.header:hover .logo a,.header.no .logo a{  }
.header:hover .logo a img,.header.no .logo a img{   }



.header.headerindex.no .nav a,
.header.headerindex.no .lang a,
.header.headerindex.no .jd-icon-search,
.header.headerindex.no .kwm-icon--delete,
.header.headerindex.no .lang a.hover,
.header.headerindex .lang a,
.header.headerindex.no .lang a

{ color: #000; }


.header.headerindex:hover .lang::before{ background:none; opacity:1; }

.header .logo { float:left;
    width:280px;
    overflow: hidden;
    background: 0px 10px;
    background-size: 280px; }
.header.headerindex .logo {  
	
		background-size: 100%;
	    margin-left:0;
	    top: 0;
	    padding:13px  0px;
	    text-align: center;
}
.header .logo a{ display: block;  float: left; }
.header .logo img {    width: 130px;  height: auto;  display: block;}
 
 .header .logo span{     display: block;
    float: left;
    font-size: 12px;
    line-height: 140%;
    margin-left: 20px;
    margin-top: 25px;
    border-left: 1px solid #b7b7b7;
    padding-left: 20px;
    color: #fff; }
    
.header.headerindex.no .logo span{ color:#838383; }

 .logo .bai{ display: inline-block; }
  .logo .hei{ display:none; }
 
 .header .close{ display:none; }
 
 .dbno .header-search{ margin-top: 22px; }
 
 
 
  .dbno .logo{ margin-top: 28px; }
 
 .header-search{ display: inline-block; float:left;     margin-top: -8px; } 
 .header-search .search-input{background:none;
     border: none;
     color: #222;
     font-size: 14px;
     width:150px;
     height: 30px;     border: 1px solid #f1f1f1;
     padding-left: 15px;
     float: left; border-top-left-radius: 20px;
    border-bottom-left-radius: 20px; border-right:none; }
 .header-search .search-submit{ border: none;
     box-shadow: none;
     color: #fff;
     font-size: 14px;
     height: 32px;
     line-height: 32px;
     width:33px;
     text-align: center;
     text-transform: uppercase;
     background-image: url(../images/search.png);
     background-size: 20px;
     background-repeat: no-repeat;
     background-position: center;
     cursor: pointer;     border: 1px solid #f1f1f1;     
	 background-color: inherit;
    border-left: none;
    border-bottom-right-radius: 20px;
    border-top-right-radius: 20px; border-left:none; }
	 
	 
	 
	 
 
 .top-lianx{ float: right;  }
 .top-lianx .tle{     font-size: 20px;   color: #fff;  line-height: 99px;  margin-right: 40px; float:left; font-family: 'CgFuturaMaxiLt';
    font-weight: bold; }
  .top-lianx .in_weixin{ color: #000; position:relative; float:right; cursor:pointer; }
  .top-lianx .in_weixin img{ display: inline-block;  margin-top: 38px; width:28px; filter: invert(1); }
  .top-lianx .in_weixin span img{ filter:none; }
  
.header.headerindex.no .in_weixin img{ filter: invert(0);  }
.header.headerindex.no .tle{ color:#000; }
 .top-lianx .in_weixin span{ display: none;
    position: absolute;
    top:100px;
    left: -37px;
    width: 120px;
    height: 120px; }
.top-lianx .in_weixin span img{     width: 100%;   margin-top: 0; }
.top-lianx .in_weixin:hover span{ display:block; }  


.nav { margin: 0 auto; float:left; margin-left: 4vw;}

.nav li {  position: relative;  text-align:right; margin-left:35px; float: left; opacity:0; }

.nav li:first-child{  margin-left:0px; }
.nav a { position: relative;  display: inline-block; height:50px;  line-height:50px;  width:100%; font-size:18px; color: #5e5e5e;}
.nav a:hover{ color: #007548; }
.nav .logocen{width: 300px; flex: inherit; }
 
.nav li .erj::after{ border-bottom: 1px solid #fff;  border-right: 1px solid #fff; }

@media screen and (max-width: 1500px) {
    
    .nav {margin-left:2vw;}
    .nav li{     margin-left: 30px; }

}

.header.no .nav li .erj::after{ border-bottom: 1px solid #000;  border-right: 1px solid #000; }

.header:hover .nav li .erj::after{  }

.nav li .noe .en{ position: absolute;
    width: 100%;
    top: 25px; opacity:0; }
    
.nav li .nav_two li a .en{  position: absolute;
    opacity: 0;
    top: 0;
    width: 100%;
    left: 0;
    font-size: 14px;
    line-height: 1;
    height: 100%;
    justify-content: center;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 10px;
    box-sizing: border-box;  }

.nav li .noe .en,.nav li:hover .noe .cn{ opacity:0; overflow: hidden; }
.nav li:hover .noe .en { opacity:1; }

.nav li .nav_two li{ opacity:1; }
.nav li .nav_two li a .en,.nav li .nav_two li a:hover .cn{ opacity:0; font-weight:400; color: #c72c32; }
.nav li .nav_two li a:hover .en { display:flex; opacity:1; }
 

.header.headerindex .lang{ color: #fff;  padding-left: 40px; position: absolute; right: 0; }
.header.headerindex .lang a{ color:#fff; display: inline-block;     width: auto; margin:0px 10px; }
.header.headerindex .lang a:hover{  color: #272064; }
.header.headerindex .lang a.hover{  color: #272064; }

.lang .outmember{ position: absolute;
    top: 70%;
    text-align: center;
    width: 100%;
    z-index: 10;
        color: #3d3d3d;
    font-size: 14px;
    background: #fff;
    width: 150%;
    left: -25%;
    border-radius: 5px;
    box-shadow: 0px 0px 9px rgb(0 0 0 / 16%);
    cursor: pointer; display:none; }

.lang .sou{ float: left;
    text-align: center;
    padding: 25px 0px;
    height: 50px;
    line-height: 50px;
    width:90px; cursor:pointer; }  
    
    
.lang .sou .enter{ display:block;
    position: absolute;
    right: 222px;
    top: 26px;
    line-height: normal;
    overflow: hidden;
    }
    
.lang .sou .enter .txt{ -webkit-transition: all 0.5s ease-in;
    -moz-transition: all 0.5s ease-in;
    -o-transition: all 0.5s ease-in;
    transition: all 0.5s ease-in; width:0; }
.lang .sou .enter button{ display:none; }
.lang .sou .enter .jd-icon-search{ color: #4b4b4b; }
.lang .sou .enter form { line-height: unset; overflow: hidden;  display: flex; }

.lang .sou .enter.hover{ display:block; }    
.lang .kwm-icon--delete{ display:none; }
.lang .sou .enter.hover .txt{ width:210px; padding: 15px 15px; }
.lang .sou .enter.hover button{ display:block; }
.lang .sou .enter.hover form{ border: 1px solid #f1f1f1; }

.lang .lang_b{ float: left;
    text-align: center;
    padding: 25px 0px;
    height: 50px;
    line-height: 50px;
    width: 90px; position:relative; display:none; }

.lang .lang_b:hover .outmember{ display:block; }

.lang .lang_c{ float: left;
    text-align: center;
    padding: 25px 0px;
    height: 50px;
    line-height: 50px;
    width: 90px;}

.lang::before{ content:''; display:block; width:1px; height:100px; background:#ffffff36;   top: 0px;  float:left; }

.header.dbno a,.header.dbno .lang{ color:#505050; }


 .header .nav li .nav_two {
    position: absolute;
    left: -20%;
    width: 140%;
    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%);
 }
 
 
 
 
 .header .nav>li:hover>.nav_two {
    opacity: 1;
    pointer-events: auto;
    transform: none;
    margin-top:-10px;
 }
 
 
 
 .header .nav .nav_two li {
     float: none;
     margin-left: 0px;
     width: 100%;
	 padding: 0;
	 background-color: rgba(255, 255, 255, 0.73);
 }
 
 .header .nav li .nav_two a {
     text-align:right;
 }
 .header .nav .nav_two li a {
     line-height: 45px;
     height: 45px;
     font-weight: 400; text-align:center; padding:0; color:#000;
 }
 
 .header .nav .nav_two li a:hover{ font-weight:bold; }
 .header .nav .nav_two.nav_two_en a {
     font-size:14px; text-transform: capitalize;
 }
 .header.dbno .nav a:hover{ font-weight:bold; }
  .header.dbno .nav li .nav_two {  background: #ffffff;   top: 75px;}
 
 
  @media screen and (min-width:1700px){
      .top-lianx .tle{ font-size:18px; }
      .nav li{ margin-left: 20px; }
      .nav li a{ font-size: 16px; }
      
  }
 @media screen and (max-width:1350px){
	 .header.headerindex .lang{     padding-left: 20px; }
	 .nav li{ margin-left: 30px; }
	 .header.headerindex .lang a{ margin: 0px 5px; }
	 .nav a{ font-size:14px; }
 }
 

.outwin .close_win {
        display: block;
    position: absolute;
    width: 20px;
    height: 20px;
    top: 40%;
    left: 50%;
    z-index: 101;
    margin-left: 150px;
    margin-top: 20px;
    cursor: pointer;
}
.outwin .close_win::before {
    content: '';
    position: absolute;
    height: 1px;
    width: 100%;
    background: #000;
    transform: rotate(-45deg);
    bottom: 50%;
}
.outwin .close_win::after {
    content: '';
    position: absolute;
    height: 1px;
    width: 100%;
    background: #000;
    transform: rotate(45deg);
    bottom: 50%;
}
.outwin{ position: fixed;
    z-index: 99;
    top: 0;
    width: 100%;
    height: 100%; display:none; }
.outwin .outmember_a{ position: absolute;
    background: #ffffff;
    z-index: 99;
    border-radius: 10px;
    padding: 20px;
    box-sizing: border-box;
    top: 40%;
    width: 400px;
    left: 50%;
    margin-left: -200px;
    box-shadow: 0px 0px 9px rgb(0 0 0 / 48%); }
.outwin .outmember_a h3{ font-weight: 500;
    font-size: 18px;
    color: #000000; }
.outwin .outmember_a ul{     margin-top: 50px;
    text-align: right; }
.outwin .outmember_a ul li{ display: inline-block;
    border-radius: 5px;
    background: #f1f1f1;
    padding: 8px 15px;
    font-size: 16px;
    margin-left: 20px; cursor:pointer; }
.outwin .outmember_a ul li.quxiao{}
.outwin .outmember_a ul li.ok{ background: #272064; }
.outwin .outmember_a ul li a{ color: #fff; }
.outwin .bg{ background: #0000007a;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0; }
 
 
 .oth_nav{}
 .oth_nav a{ font-size: 18px; margin-right:50px; background: url(../images/ry.png) no-repeat 118px 17px #f1f1f1; display: inline-block;  padding:20px 40px;  padding-right:67px; background-size: 30px;  -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; }
 
 .oth_nav a:hover{ background: url(../images/ry_hover.png) no-repeat 118px 17px #fff; background-size: 30px; box-shadow: 0vw 0vw 20px rgb(0 0 0 / 10%); transform: scale(1.1); }
 
 .oth_nav a:nth-child(2){ background: url(../images/zl.png) no-repeat 118px 17px #f1f1f1; background-size: 30px; }
 .oth_nav a:nth-child(2):hover{ background: url(../images/zl_hover.png) no-repeat 118px 17px #fff; background-size: 30px; box-shadow: 0vw 0vw 20px rgb(0 0 0 / 10%);}
 
 .oth_nav a.hover{ background-color:#fff;box-shadow: 0vw 0vw 20px rgb(0 0 0 / 10%);  background: url(../images/ry_hover.png) no-repeat 118px 17px #fff; background-size: 30px; color:#045079; }
 
 
 .oth_nav a:nth-child(2).hover{ background-color:#fff;box-shadow: 0vw 0vw 20px rgb(0 0 0 / 10%); background: url(../images/zl_hover.png) no-repeat 118px 17px #fff; background-size: 30px; color:#045079; }
 
 
 #maintwo{ padding-top: 100vh;  z-index: 10; }
 
 
 .lianx{     position: absolute; right: 60px; top: 20px; text-align: right;}
  .lianx span { display:inline-block; margin-left:20px; position:relative; }
 .lianx span a{ color:#fff; font-size: 20px; }
 
 .triangle_icon{position: absolute;
    display: block;
    width: 6px;
    height: 6px;
    background: #fff;
    right: 50%;
    margin-right: -6px;
    -webkit-transform: translateX(-50%) rotate(135deg);
    transform: translateX(-50%) rotate(135deg);
    top: -5px;
    border-color: #e1e6f0 transparent transparent #e1e6f0;
    border-style: solid;
    border-width: 1px;}
	
	
 .lianx span div{     display: none;
    width: 110px;
    position: absolute;
    left: -40px;
    top: 28px;
    background: #fff;
    -webkit-box-shadow: 0 2px 12px 0 rgba(0,0,0,.1);
    box-shadow: 0 2px 12px 0 rgba(0,0,0,.1);
    border: 1px solid #e1e6f0;
    border-radius: 6px;
    -webkit-transition: visibility .1s;
    transition: visibility .1s;
    z-index: 5;
    border-radius: 5px;}
 .lianx span div img{ width:100%; }
 .lianx span:hover div{ display:block; }
 
 
 
 .lianx span:last-child{     display: block; font-size: 20px; font-weight: bold; color: #fff; margin-top: 10px; }
   
   
 .header.dbno .lianx span a{ color:#505050; }
 
.header.dbno .lianx span:last-child{   color: #007548; }
  
 .erj::after {
     content: ' ';
     height: 5px;
     width: 5px;
     display: inline-block;
     transform: rotate(45deg);
     margin-left:41px;
	 vertical-align: super; position: absolute;
    top: 46%;

 }
 .header.dbno .erj::after {
     border-bottom: 1px solid #929292;
     border-right: 1px solid #929292;
 }
 
 
.header.headerindex .nav a { display:block; color: #fff; padding: 25px 0px; width: 94px; position: relative; text-align: center;     font-family: HarmonyOSHans-Regular; position:relative; }

.header.headerindex .nav a span{display:block; overflow:hidden; transition: all .5s ease; }
.nav a span{ opacity:1; }

.header.headerindex .nav .nav_two a{ width:100%; }

.header.dbno .nav a{ height: 80px; line-height: 80px; }


.header.dbno{     -moz-box-shadow: 0px 4px 3px rgba(0, 0, 0, 0.04);
    -webkit-box-shadow: 0px 4px 3px rgba(0, 0, 0, 0.04);
    box-shadow: 0px 4px 3px rgba(0, 0, 0, 0.04); }

.header .sj_nav, .products_list.products_app { display: none;}

.banner { width: 100%;  background-color: #ccc; height: calc(100vh); position: relative; }

.banner .num{
    position: absolute;
    top:20%;
    z-index: 5;
    color: #fff;
    right:4%;
    font-weight: 100;
    font-size: 30px;
    text-align: center;
}

.banner .num .num_a{     display: block;
    font-size: 60px;
    margin-bottom: 0;
    font-family: CgFuturaMaxiBd; }
.banner .num .num_b{ display: block;
    font-size: 20px;
    font-weight: 400;
    margin-top: 10px; font-family: CgFuturaMaxiLt;}    
    
    
.swiper01 {  width: 100%; height: 100%;}
.swiper01 .swiper-slide { position: relative; height: 100%;  background-position: top center; background-repeat: no-repeat !important; background-size: cover !important; overflow: hidden; background: #010001; width:100%; }

.swiper01 .swiper-slide.swiper-slide-video .gif{ display:none; }

.swiper01 .swiper-slide .txt { position: absolute; z-index: 5; top:45%;  width:80%; left:10%;  color: #fff;}


.swiper01 .swiper-slide img {  display: block; width: 100%; height: auto; transition: all 2s ease-in-out 0s; transform: scale(1); }
.swiper01 .swiper-slide.swiper-slide-active img {  transform: scale(1.1); }


    
.swiper01 .swiper-slide .free-bg {
    position: relative;
    z-index: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: top center;
    background-repeat: no-repeat;
	 
}
.free-hide {
    position: relative;
    height: 100vh;  z-index:15;
}

.swiper01 .swiper-slide i{ position: absolute;
    z-index: 20;
    color: #fff;
    bottom: 5%;
    right: 5%;
    cursor: pointer;
    font-size: 25px;
    display:none;
}
.swiper01 .swiper-slide i:before{
    
    content: '';
    display: block;
    width: 60px;
    height: 60px;
    position: absolute;
    top: 50%;
    z-index: 10;
    left: 50%;
    margin: -30px;
    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;
    background-size: cover;
    
}


.swiper01 .swiper-slide i.videosoundopen{ display:block; }


.swiper01 .swiper-slide span { display: block; letter-spacing: 2px;}
 

.swiper01 .swiper-slide .txt_c{ font-size:16px; -webkit-animation: fadeIn 2s; animation: fadeIn 2s; -webkit-animation-fill-mode: both;  animation-fill-mode: both; text-transform: uppercase;  font-weight: 100; color:#000; }

.swiper01 .swiper-slide .banner_txt4{ font-size:20px; -webkit-animation: fadeIn 2s; animation: fadeIn 2s; -webkit-animation-fill-mode: both;  animation-fill-mode: both; text-transform: uppercase;  font-weight: 100; display:none; }


.swiper01 .swiper-slide .txt_b{ font-size:50px; margin-bottom:20px; font-weight:bold; color:#c72c32; }
.swiper01 .swiper-slide .txt_b.txt_b_en{ font-size:40px; }
.swiper01 .swiper-slide .txt_c{ margin-bottom:20px;  -webkit-animation: fadeIn 2s;  animation: fadeIn 2s; -webkit-animation-fill-mode: both; animation-fill-mode: both;}

.swiper01 .swiper-slide .txt_d{ display: block;  color:#6f6f6f; margin: 0 auto;  font-size: 20px; margin-top:10px; -webkit-animation: fadeIn 2s; animation: fadeIn 2s; -webkit-animation-fill-mode: both; animation-fill-mode: both;}

.swiper01 .swiper-slide .txt_line{ display:block; height:1px; width:130px; background:#fff; margin-top: 30px; -webkit-animation: fadeIn 2s; animation: fadeIn 2s; -webkit-animation-fill-mode: both; animation-fill-mode: both;}
 

.swiper01 .swiper-slide.swiper-slide-active .txt_a{ -webkit-animation: fadeIn 1.5s; animation: fadeIn 1.5s; -webkit-animation-fill-mode: both; animation-fill-mode: both; color:#000; }


.swiper01 .swiper-slide.swiper-slide-active .banner_txt4{ -webkit-animation: fadeIn 2s; animation: fadeIn 2s; -webkit-animation-fill-mode: both; animation-fill-mode: both; display:none;}

.swiper01 .swiper-slide.swiper-slide-active .txt_c{ -webkit-animation: fadeIn 1.8s; animation: fadeIn 1.8s; -webkit-animation-fill-mode: both; animation-fill-mode: both;}
.swiper01 .swiper-slide.swiper-slide-active .txt_d{  -webkit-animation: fadeIn 2.5s;  animation: fadeIn 2.5s;  -webkit-animation-fill-mode: both;  animation-fill-mode: both;}

.swiper01 .swiper-slide.swiper-slide-active .txt_line{  -webkit-animation: fadeIn 2s;  animation: fadeIn 2s;  -webkit-animation-fill-mode: both;  animation-fill-mode: both;}

.swiper01.swiper-container-horizontal>.swiper-pagination-bullets{ bottom: 50px;
    width:60%;
    left: 5%;
    text-align: left; }

 
.swiper01 .swiper-slide.swiper-slide-active .txt_b em{ font-style: inherit; letter-spacing: 0; }

.swiper01 video { width: 100%; height: auto\9;  height: 100%;  object-fit: cover; display:block;  }
 
.swiper01 .swiper-pagination{ bottom: 80px; }   


.swiper01 .swiper-button-prev {
    background-image: url(../images/jtleft.png);
    background-size: 24px;
    left: 4%;
}
.swiper01 .swiper-button-next {
    background-image: url(../images/jtright.png);
    background-size: 24px; right:4%;
}
.swiper01 .swiper-button-prev, .swiper01 .swiper-button-next {
    width: 60px;
    height: 60px;
    line-height: 60px;
    background:none;
    color: #fff;
    text-align: center;
    margin: -30px 0 0;
    outline: none;
    border-radius: 100%;
    transition: all .5s ease;
    top:50%;
    font-weight:bold;
}


.swiper01 .swiper-button-prev:hover{ left: 3%; }
.swiper01 .swiper-button-next:hover{ right:3%; }

.swiper01  .swiper-pagination-bullet{  height: 35px; opacity:0.5; width:50px;  border-radius: 0;  background: none; color: #fff; border-bottom:2px solid #fff;  border-bottom-color: rgba(255, 255, 255, 0.4); position:relative;}

.swiper01.swiper-container-horizontal .swiper-pagination-bullets .swiper-pagination-bullet{ margin: 0px;  font-family: CgFuturaMaxiLt;}

.swiper01  .swiper-pagination-bullet.swiper-pagination-bullet-active{ font-weight:bold; opacity:1; }

.swiper01  .swiper-pagination-bullet.swiper-pagination-bullet-active{ border-bottom-color: rgb(255 255 255); }
 
 .swiper02.swiper-container{ overflow:unset; }
.swiper02 .swiper-wrapper{     padding-left: calc(25% + 20px); }

.swiper02 .swiper-slide{ width: calc(20% - 40px);  overflow: hidden;  margin-right: 40px; transition: all 1s ease-in; height:500px; position:relative; border-radius:20px; overflow:hidden; background:#000; }


.swiper02 .swiper-slide.swiper-slide-active{ 
    width: calc(60% - 40px); 
    box-shadow: 0 30px 40px 0px rgb(0 0 0 / 46%);
    transition: all 0.5s ease-in;
}
 
 
 .swiper02 .swiper-slide img{ position:absolute; width:1200px; left:50%; margin-left:-500px; transition: all 1s ease-in; opacity:0.6; }

  
 .swiper02 .swiper-slide.swiper-slide-active img{ filter: grayscale(0); opacity:1; margin-left:-600px; }
 .footer-slide{ 
    height: auto !important;
}
.swiper02 .swiper-slide.swiper-slide-active:hover{ transform:scale(1.05); }

 .swiper02 .txt{     position: absolute;
    z-index: 10;
    color: #fff;
    text-align: center;
    width: 100%; height:100%; color:#000; }


 .swiper02 .swiper-slide-active .txt{ color:#fff;  opacity:1; }
 
  .swiper02 .txt span{  font-size:45px; letter-spacing:15px;
    margin-bottom: 10px;
    display: block; position:absolute; bottom:30px; left:0; opacity:0;  transition: all 0.7s ease-in;}

  .swiper02 .swiper-slide-active .txt span{ bottom:30px; left:5%; opacity:1; }

.swiper02 .txt i { font-weight: 100; position:absolute; display: block; top:30px; opacity:0; right:0;  text-transform: capitalize; font-size:20px; transition: all 1s ease-in;}
 .swiper02 .swiper-slide-active .txt i{ top:30px; opacity:1; right:5%;  }

.swiper02 .txt .svg { margin-bottom:20px; display:none; }
.swiper02 .txt .svg svg{ fill: #000;     width: 60px;
    height: 60px; }
.swiper02 .swiper-slide-active .txt .svg svg { fill: #fff; }
.swiper02 .swiper-slide-active .txt .svg svg path{ fill:#fff }
.swiper02 .swiper-slide .bg{ opacity:0;
    position: absolute;
    bottom: 0;
    width: 100%;
    left: 0;
    height: 50%;
    background-image: linear-gradient(to top, rgb(0 0 0), rgba(1, 81, 152, 0));
    z-index: 1; transition: all 0.7s ease-in; }
    
.swiper02 .swiper-slide.swiper-slide-active .bg{ opacity:1; }

.swiper02 .hand{ text-align: center;   margin-top:30px; display:none; }

.swiper02 .swiper02-prev{ width: 18%;  top: 0;  height: 90%;  opacity: 0; }
.swiper02 .swiper02-next{ width: 18%;  top: 0;  height: 90%;  opacity: 0; }

.swiper01 video{ height: 100vh;    margin-left: 0;  margin-top:0;  }


 .swiper01 .swiper-slide .banner_txt4 {
     z-index: 8;
     font-size: 30px;
     font-weight: 400;
     top: 60%; font-weight:100;

 }
 
 .swiper01 .gif{ position:absolute; top:0; left:0; width:100%; } 
 
 .swiper01 .banner_txt4 a { display:block; color:#fff; }
  .swiper01 .swiper-slide .banner_txt4{}

.swiper01 .banner_txt4 a::before {
    display: inline-block;
    content: '';
    height:15px;
    width:15px;
    border:3px solid #fff;
    border-radius: 50%;
    vertical-align: middle; margin-right: 10px;
}

.swiper01 .banner_txt4 a:hover{ color:#045079; }
.swiper01 .banner_txt4 a:hover::before{ border:3px solid #045079; }

.swiper01 .swiper-slide .txt_b em{ opacity:0;   transition: all 1s ease-in; font-family: HarmonyOSHans-Regular; }
.swiper01 .swiper-slide .txt_b em:nth-child(1){ margin-left:10px;   }
.swiper01 .swiper-slide .txt_b em:nth-child(2){ margin-left:15px;   }
.swiper01 .swiper-slide .txt_b em:nth-child(3){ margin-left:20px;   }
.swiper01 .swiper-slide .txt_b em:nth-child(4){ margin-left:25px;   }
.swiper01 .swiper-slide .txt_b em:nth-child(5){ margin-left:30px;   }
.swiper01 .swiper-slide .txt_b em:nth-child(6){ margin-left:35px;   }
.swiper01 .swiper-slide .txt_b em:nth-child(7){ margin-left:40px;   }
.swiper01 .swiper-slide .txt_b em:nth-child(8){ margin-left:45px;   }
.swiper01 .swiper-slide .txt_b em:nth-child(9){ margin-left:50px;   }
.swiper01 .swiper-slide .txt_b em:nth-child(10){ margin-left:55px;   }
.swiper01 .swiper-slide .txt_b em:nth-child(11){ margin-left:60px;   }
.swiper01 .swiper-slide .txt_b em:nth-child(12){ margin-left:65px;   }
.swiper01 .swiper-slide .txt_b em:nth-child(13){ margin-left:70px;   }
.swiper01 .swiper-slide .txt_b em:nth-child(14){ margin-left:75px;   }

.swiper01 .swiper-slide.swiper-slide-active .txt_b.txt_b_en em{ margin-right:0; }

.swiper01 .swiper-slide.swiper-slide-active .txt_b em{ margin-left:0px; opacity:1; }


/*.swiper01 .swiper-slide.swiper-slide-active .atxt_b em:nth-child(1){  animation: fadeIn 0s; animation-fill-mode: both;   }*/
/*.swiper01 .swiper-slide.swiper-slide-active .txt_b em:nth-child(2){  animation: fadeIn 0.4s; animation-fill-mode: both; }*/
/*.swiper01 .swiper-slide.swiper-slide-active .txt_b em:nth-child(3){  animation: fadeIn 0.8s; animation-fill-mode: both; }*/
/*.swiper01 .swiper-slide.swiper-slide-active .txt_b em:nth-child(4){  animation: fadeIn 1.2s; animation-fill-mode: both; }*/
/*.swiper01 .swiper-slide.swiper-slide-active .txt_b em:nth-child(5){  animation: fadeIn 1.6s; animation-fill-mode: both; }*/
/*.swiper01 .swiper-slide.swiper-slide-active .txt_b em:nth-child(6){ animation: fadeIn 2s; animation-fill-mode: both; }*/
/*.swiper01 .swiper-slide.swiper-slide-active .txt_b em:nth-child(7){ animation: fadeIn 2.4s; animation-fill-mode: both; }*/
/*.swiper01 .swiper-slide.swiper-slide-active .txt_b em:nth-child(8){ animation: fadeIn 2.8s; animation-fill-mode: both; }*/
/*.swiper01 .swiper-slide.swiper-slide-active .txt_b em:nth-child(9){ animation: fadeIn 3.2s; animation-fill-mode: both; }*/
/*.swiper01 .swiper-slide.swiper-slide-active .txt_b em:nth-child(10){ animation: fadeIn 3.6s; animation-fill-mode: both; }*/
/*.swiper01 .swiper-slide.swiper-slide-active .txt_b em:nth-child(11){ animation: fadeIn 4s; animation-fill-mode: both; }*/
/*.swiper01 .swiper-slide.swiper-slide-active .txt_b em:nth-child(12){ animation: fadeIn 4.4s; animation-fill-mode: both; }*/
/*.swiper01 .swiper-slide.swiper-slide-active .txt_b em:nth-child(13){ animation: fadeIn 4.8s; animation-fill-mode: both; }*/
/*.swiper01 .swiper-slide.swiper-slide-active .txt_b em:nth-child(14){ animation: fadeIn 5.2s; animation-fill-mode: both; }*/
/*.swiper01 .swiper-slide.swiper-slide-active .txt_b em:nth-child(15){ animation: fadeIn 5.6s; animation-fill-mode: both; }*/
/*.swiper01 .swiper-slide.swiper-slide-active .txt_b em:nth-child(16){ animation: fadeIn 6s; animation-fill-mode: both; }*/
/*.swiper01 .swiper-slide.swiper-slide-active .txt_b em:nth-child(17){ animation: fadeIn 6.4s; animation-fill-mode: both; }*/
/*.swiper01 .swiper-slide.swiper-slide-active .txt_b em:nth-child(18){ animation: fadeIn 6.8s; animation-fill-mode: both; }*/
/*.swiper01 .swiper-slide.swiper-slide-active .txt_b em:nth-child(19){ animation: fadeIn 7.2s; animation-fill-mode: both; }*/
/*.swiper01 .swiper-slide.swiper-slide-active .txt_b em:nth-child(20){ animation: fadeIn 7.6s; animation-fill-mode: both; }*/
/*.swiper01 .swiper-slide.swiper-slide-active .txt_b em:nth-child(21){ animation: fadeIn 8s; animation-fill-mode: both; }*/


.swiper01 .swiper-slide.swiper-slide-active .txt_b.txt_b_en em:nth-child(1){  animation: fadeIn 0s; animation-fill-mode: both;  }
.swiper01 .swiper-slide.swiper-slide-active .txt_b.txt_b_en em:nth-child(2){  animation: fadeIn 0.1s; animation-fill-mode: both;  }
.swiper01 .swiper-slide.swiper-slide-active .txt_b.txt_b_en em:nth-child(3){  animation: fadeIn 0.2s; animation-fill-mode: both;  }
.swiper01 .swiper-slide.swiper-slide-active .txt_b.txt_b_en em:nth-child(4){  animation: fadeIn 0.3s; animation-fill-mode: both;  }
.swiper01 .swiper-slide.swiper-slide-active .txt_b.txt_b_en em:nth-child(5){  animation: fadeIn 0.4s; animation-fill-mode: both;  }
.swiper01 .swiper-slide.swiper-slide-active .txt_b.txt_b_en em:nth-child(6){  animation: fadeIn 0.5s; animation-fill-mode: both;  }
.swiper01 .swiper-slide.swiper-slide-active .txt_b.txt_b_en em:nth-child(7){  animation: fadeIn 0.6s; animation-fill-mode: both;  }
.swiper01 .swiper-slide.swiper-slide-active .txt_b.txt_b_en em:nth-child(8){  animation: fadeIn 0.7s; animation-fill-mode: both;  }
.swiper01 .swiper-slide.swiper-slide-active .txt_b.txt_b_en em:nth-child(9){  animation: fadeIn 0.8s; animation-fill-mode: both;  }
.swiper01 .swiper-slide.swiper-slide-active .txt_b.txt_b_en em:nth-child(10){  animation: fadeIn 0.9s; animation-fill-mode: both;  }
.swiper01 .swiper-slide.swiper-slide-active .txt_b.txt_b_en em:nth-child(11){  animation: fadeIn 1s; animation-fill-mode: both;  }
.swiper01 .swiper-slide.swiper-slide-active .txt_b.txt_b_en em:nth-child(12){  animation: fadeIn 1.1s; animation-fill-mode: both;  }
.swiper01 .swiper-slide.swiper-slide-active .txt_b.txt_b_en em:nth-child(13){  animation: fadeIn 1.2s; animation-fill-mode: both;  }
.swiper01 .swiper-slide.swiper-slide-active .txt_b.txt_b_en em:nth-child(14){  animation: fadeIn 1.3s; animation-fill-mode: both;  }
.swiper01 .swiper-slide.swiper-slide-active .txt_b.txt_b_en em:nth-child(15){  animation: fadeIn 1.4s; animation-fill-mode: both;  }
.swiper01 .swiper-slide.swiper-slide-active .txt_b.txt_b_en em:nth-child(16){  animation: fadeIn 1.5s; animation-fill-mode: both;  }
.swiper01 .swiper-slide.swiper-slide-active .txt_b.txt_b_en em:nth-child(17){  animation: fadeIn 1.6s; animation-fill-mode: both;  }
.swiper01 .swiper-slide.swiper-slide-active .txt_b.txt_b_en em:nth-child(18){  animation: fadeIn 1.7s; animation-fill-mode: both;  }
.swiper01 .swiper-slide.swiper-slide-active .txt_b.txt_b_en em:nth-child(19){  animation: fadeIn 1.8s; animation-fill-mode: both;  }
.swiper01 .swiper-slide.swiper-slide-active .txt_b.txt_b_en em:nth-child(20){  animation: fadeIn 1.9s; animation-fill-mode: both;  }
.swiper01 .swiper-slide.swiper-slide-active .txt_b.txt_b_en em:nth-child(21){  animation: fadeIn 2s; animation-fill-mode: both;  }
.swiper01 .swiper-slide.swiper-slide-active .txt_b.txt_b_en em:nth-child(22){  animation: fadeIn 2.1s; animation-fill-mode: both;  }
.swiper01 .swiper-slide.swiper-slide-active .txt_b.txt_b_en em:nth-child(23){  animation: fadeIn 2.2s; animation-fill-mode: both;  }
.swiper01 .swiper-slide.swiper-slide-active .txt_b.txt_b_en em:nth-child(24){  animation: fadeIn 2.3s; animation-fill-mode: both;  }
.swiper01 .swiper-slide.swiper-slide-active .txt_b.txt_b_en em:nth-child(25){  animation: fadeIn 2.4s; animation-fill-mode: both;  }
.swiper01 .swiper-slide.swiper-slide-active .txt_b.txt_b_en em:nth-child(26){  animation: fadeIn 2.5s; animation-fill-mode: both;  }
.swiper01 .swiper-slide.swiper-slide-active .txt_b.txt_b_en em:nth-child(27){  animation: fadeIn 2.6s; animation-fill-mode: both;  }
.swiper01 .swiper-slide.swiper-slide-active .txt_b.txt_b_en em:nth-child(28){  animation: fadeIn 2.7s; animation-fill-mode: both;  }
.swiper01 .swiper-slide.swiper-slide-active .txt_b.txt_b_en em:nth-child(29){  animation: fadeIn 2.8s; animation-fill-mode: both;  }
.swiper01 .swiper-slide.swiper-slide-active .txt_b.txt_b_en em:nth-child(30){  animation: fadeIn 2.9s; animation-fill-mode: both;  }
.swiper01 .swiper-slide.swiper-slide-active .txt_b.txt_b_en em:nth-child(31){  animation: fadeIn 3s; animation-fill-mode: both;  }
.swiper01 .swiper-slide.swiper-slide-active .txt_b.txt_b_en em:nth-child(32){  animation: fadeIn 3.1s; animation-fill-mode: both;  }
.swiper01 .swiper-slide.swiper-slide-active .txt_b.txt_b_en em:nth-child(33){  animation: fadeIn 3.2s; animation-fill-mode: both;  }
.swiper01 .swiper-slide.swiper-slide-active .txt_b.txt_b_en em:nth-child(34){  animation: fadeIn 3.3s; animation-fill-mode: both;  }
.swiper01 .swiper-slide.swiper-slide-active .txt_b.txt_b_en em:nth-child(35){  animation: fadeIn 3.4s; animation-fill-mode: both;  }
.swiper01 .swiper-slide.swiper-slide-active .txt_b.txt_b_en em:nth-child(36){  animation: fadeIn 3.5s; animation-fill-mode: both;  }
.swiper01 .swiper-slide.swiper-slide-active .txt_b.txt_b_en em:nth-child(37){  animation: fadeIn 3.6s; animation-fill-mode: both;  }
.swiper01 .swiper-slide.swiper-slide-active .txt_b.txt_b_en em:nth-child(38){  animation: fadeIn 3.7s; animation-fill-mode: both;  }
.swiper01 .swiper-slide.swiper-slide-active .txt_b.txt_b_en em:nth-child(39){  animation: fadeIn 3.8s; animation-fill-mode: both;  }


.jd-icon-search {
    font-family: icomoon;
    color: #fff;
    font-size: 24px;
}

.jd-icon-search:before {
    content: "\e970";
}


.kwm-icon--delete{
    
    font-family: icomoon;
    color: #fff;
    font-size: 24px;
    
}
.kwm-icon--delete:before {
    content: "\e91e";
}

.ywly{ padding:100px 0px; }
.titleh2{ text-align: center;  color: #000;  font-size:35px; font-weight:500; }
.titleh2 .bigtitle{ margin-top:20px; font-size:45px; }
.titleh2 span{ display: block;  font-size:20px; font-weight: 300; text-transform:uppercase; margin-top:15px; }

.ywly .menu{ text-align:center; margin:80px 0px; }
.ywly .menu li{ display: inline-block;
    margin: 0 40px;
    font-size: 24px;
    color: #000; }
.ywly .menu li span{ display: block;
    font-size: 12px;
    text-transform: capitalize;
    color: #7a7a7a; }
.ywly .menu li a{ font-family: HarmonyOSHans-Regular; transform: scale(1); transition: all .5s ease; display: inline-block; }
.ywly .menu li a:hover{ color:#c72c32; }
.ywly .menu li a:hover span{ color:#c72c32; }

.ywly .menu li.hover a{ color:#c72c32; transform: scale(1.1);  }
.ywly .menu li.hover a span{ color:#c72c32; }

.small_title{  font-family: Futura-Light; color: #7a7a7a;     letter-spacing: 4px; }

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

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


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

.news .more{ position: absolute; top: 130px;  right: 5%; }


.news_top{ width:90%; margin-left:10%; padding-bottom:13vh; margin-top: 8vh;}
.news_top .swiper-slide{ background:#000;  width:26.5%; border-radius:10px; overflow:hidden; }

.news_top.news_top_two .swiper-slide{ width:18%; }

.news_top .swiper-slide:nth-child(2n){ background:#f1f1ff; }
.news_top .swiper-slide a{ display:block; }

.news_top .swiper-slide img{ width:100%; display:block; transition: all .4s cubic-bezier(0.45,0.55,0.55,0.45) 0s; }
.news_top .swiper-slide:hover img{ transform:scale(1.1); }

.news_top .swiper-slide h4{ color:#fff; bottom:20px; position:absolute; width:90%; left:5%; z-index:3; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; font-weight: 400;   letter-spacing: 2px; font-weight:500; }
.news_top .swiper-pagination-progressbar{   height: 5px !important;  top: auto !important;  bottom: 0; border-top: 1px solid #dadada; background:none; }

.news_top .swiper-slide a::after{ content:''; display:block; position:absolute; bottom:0; width:100%; left:0; height:50%; background-image: linear-gradient(to top, rgba(0, 0, 0, 1), rgba(1, 81, 152, 0)); z-index:1; }

.news_top .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{ top: -1px;  height: 6px; background:#000; border-radius:10px; }
.news_top .swiper-scrollbar{width: 100% !important;  left: 0 !important;  background: none; bottom: 43px !important;  height: 6px !important;  border-top: 1px solid #dedede;}
.news_top .swiper-scrollbar-drag{ top:-1; background:#000000;}
.news_top .swiper-pagination-custom{ text-align:left;  bottom: 0;   font-family: CgFuturaMaxiLt; font-size:25px;  color: #000; }
.news_top .swiper-pagination-custom div{ display:inline-block; font-family: CgFuturaMaxiBd; color: #c72c32; }
.news_top .swiper-pagination-custom span{ margin: 0 10px; }



.products{ background:url(../images/banner3.jpg) no-repeat center; padding:180px 0; }
.products .products_ul{ width:80%; margin:0 auto; overflow:hidden; }
.products .products_ul li{ float:left; color:#fff; text-align:center; width:30%; }
.products .products_ul li:nth-child(1){ width:40%; }
.products .products_ul li h2{ font-size:45px; margin-bottom:15px; }
.products .products_ul li p{ margin-bottom:15px;  font-size:18px; }
.products .products_ul li a{ color:#fff;  }
.products .products_ul li a:hover span{ text-decoration: underline;  }



.solution .title{ text-align:center; margin-bottom:10vh; }
.solution .title .small_title{ font-size: 18px; }


.download a{ border-radius: 10px;
    background: #ffffffde;
    color: #767676 !important;
    height: 35px;
    line-height: 35px;
    padding: 0px 10px !important;
    text-align: center;   margin-top: 31px;  font-size: 14px; }
    
.download a:hover{ background:#272064; color: #fff !important; } 

.solution .ind_src2_case {
    position: relative;
    z-index: 3;
}

.btn_sty {
    line-height: 1.5;
    font-size: .20rem;
    color: #fff;
    border-radius: 0.6rem;
    padding: 0.15rem 0.85rem;
    display: inline-block;
    position: relative;
    overflow: hidden;
    background: #272064;
    text-align: center;
}
.btn_sty.btn_hover {
    cursor: pointer;
}
.ind_src2_case > .btn_sty {
        width: 20%;
        line-height: 70px;
        position: absolute;
        right: 0;
        top: 0;
        transform: translateY(-50%);
        border-radius: 0;
        z-index: 3;
}
.btn_sty::before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 0;
    height: 100%;
    background: #272064;
    z-index: -1;
    transition: all .3s ease;
}
.btn_sty.btn_hover:hover::before {
    left: 0;
    right: auto;
    opacity: 1;
    background-color: #004079;
    width: 120%;
}

.iconfont {
    font-family: "iconfont" !important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.ind_src2_case > .btn_sty i {
    font-size: .26rem;
    opacity: 0;
    pointer-events: none;
}

.iconfont_sty_hover .iconfont_sty {
    height: 1px;
    width:35px;
    background-color: #fff;
    position: relative;
    transition: all .3s ease-in-out;
}
.iconfont_sty_hover:hover .iconfont_sty {
    width:60px;
}

.swiper-slide.active {
    pointer-events: all !important;
}



.ind_src2_case > .btn_sty .iconfont_sty {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}
.iconfont_sty_hover .iconfont_sty::before, .iconfont_sty_hover .iconfont_sty::after {
    content: '';
    display: block;
    position: absolute;
    height: 1px;
    width:7px;
    right: 0;
    top: 0;
    background-color: #fff;
    transform-origin: 100% 50%;
}
 
.iconfont_sty_hover .iconfont_sty::before {
    transform: rotate(45deg);
}
.iconfont_sty_hover .iconfont_sty::after {
    transform: rotate(-45deg);
}

 .ind_src2_case .ind_src2_l {
    overflow: hidden;
    height: calc(100vh - 0.8rem);
    background-size: cover;
    display: block;
    padding: 1px;
    margin: -1px;
    background-color: #000;
    z-index: 0;
}
 .ind_src2_case .ind_src2_l .ind_src2_img_box {
    opacity: .7;
    width: 100%;
    height: 100%;
    background-position: center;
    background-size: cover;
    position: absolute;
    left: 0;
    top: 0;
}
.ind_src2_case .active .ind_src2_l > div {
    display: block;
}

.pub_case_a {
    width:80%;
    margin: 0 auto;
    overflow:hidden;
    margin-top:100px;
    padding-top: 100px;
}

.pub_case_a.hon_box_case_wh{ width:100%; }

.ind_src2_case .ind_src2_l .ind_src2_tex_box {
    margin: 5% auto 0;
    display: none;
}
.ind_src2_case .active .ind_src2_l > div {
    display: block;
}
.pub_title {
    line-height: 1;
    font-weight:500;
    color: #000;
    font-size:45px;
}
.ind_src2_case .ind_src2_l .ind_src2_tex_box .pub_title {
    color: #fff;
}
.pub_info {
    color: #666666;
    font-size: 18px;
    line-height: 2.14;
    text-align: justify;
}
.ind_src2_case .ind_src2_l .ind_src2_tex_box .pub_info {
    margin-top:40px;
    width: 43%;
    line-height: 1.71;
    color: #fff; font-weight: lighter;
}
.ind_src2_case .ind_src2_l .ind_src2_tex_box .ind_src2_btn_s {
    margin-top: 40px;
    display: flex;
    align-items: center;
    color: #fff;
    text-transform: uppercase;
    line-height: 1;
    cursor: pointer;
    font-family: CgFuturaMaxiLt;
    transition: all .3s ease-in-out;
    letter-spacing: .1em;
}
 
.ind_src2_case .ind_src2_l .ind_src2_tex_box .ind_src2_btn_s .iconfont_sty {
    margin-right:30px;
    transition: all .3s ease-in-out;
}



.sty_p {
    font-family: CgFuturaMaxiLt;
    line-height: 1;
    color: #fff;
}

 .ind_src2_case .swiper-pagination {
    display: flex;
    align-items: flex-start;
    position: absolute;
    width: auto;
    bottom: auto;
    left: auto;
    top: 11%;
    right: 13.5%;
}
 
 .sty_p span {
     display: block;
     text-align: center;
     font-size:18px;
 }
.sty_p span.on {
    font-size:25px;
    font-family: CgFuturaMaxiBd;
}
.ind_src2_case .swiper-pagination span:nth-child(2) {
    margin: 0 12px;
}

 
.ind_src2_case .ind_src2_nav {
    overflow: visible;
    left: 50%;
    bottom:110px;
    transform: translateX(-50%);
    position: absolute;
}

.ind_src2_case .ind_src2_nav .swiper-slide {
    width: auto;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    position: relative;
    overflow: visible;
}
.ind_src2_case .ind_src2_nav .swiper-slide > div {
    text-align: left;
    font-size: 20px;
    line-height: 1;
    padding: 30px 0 30px;
    position: relative;
    cursor: pointer;
}


.ind_src2_case .ind_src2_nav .swiper-slide > div::before {
    content: '';
    display: block;
    position: absolute;
    height: 5px;
    background-color: #fff;
    left: 50%;
    bottom: -3px;
    transform: translateX(-50%);
    transition: all .5s ease-in-out;
    width: 0;
}

.ind_src2_case .ind_src2_nav .swiper-slide.active > div::before {
    width: 100%;
}
.ind_src2_case .ind_src2_nav .swiper-slide > div > div {
    color: rgba(255, 255, 255, 0.5);
    transition: all .5s ease-in-out;
    display: inline-block;
    text-align: center;
}
.ind_src2_case .ind_src2_nav .swiper-slide.active > div > div {
    color: #fff;
    transform: translateY(-30px);
    text-align: left;
}

.ind_src2_case .ind_src2_nav .swiper-slide:hover > div > div {
    color: #fff;
    transform: translateY(-30px);
}

.ind_src2_case .ind_src2_nav .swiper-slide > div i {
    display: block;
    font-size:36px;
    margin-bottom:30px;
	text-align: left;
}


.ind_src2_case .ind_src2_nav .swiper-slide > div i img{ width: 60px; opacity: 0.5; }
.ind_src2_case .ind_src2_nav .swiper-slide.active > div i img{ opacity:1; }

.ind_src2_case .ind_src2_nav .swiper-slide ul {
    display: none;
    position: absolute;
    left: 0;
    width: 100%;
    top: 100%;
    flex-wrap: wrap;
    padding-top:15px;
}
.ind_src2_case .ind_src2_nav .swiper-slide.active ul {
    display: flex;  
}

.ind_src2_case .ind_src2_nav .swiper-slide ul li {
    font-size:16px;
    font-weight: lighter;
    color: #fff;
    cursor: pointer;
    margin-right:15px;
    line-height: 2;
}

.m_nav {
    display: none;
}

.ind_src2_case .ind_src2_nav .swiper-slide ul li:last-child {
    margin-right: 0;
}
@-webkit-keyframes fadeInUpSmall {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 15px, 0);
        transform: translate3d(0, 15px, 0)
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInUpSmall {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 15px, 0);
        -ms-transform: translate3d(0, 15px, 0);
        transform: translate3d(0, 15px, 0)
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }
}

.ind_src2_con  .swiper-slide.active .ind_src2_tex_box .pub_title {
    -webkit-animation-name: fadeInUpSmall;
    animation-name: fadeInUpSmall;
	    -webkit-animation-duration: 0.6s;
	    animation-duration: 0.6s;
	    -webkit-animation-fill-mode: both;
	    animation-fill-mode: both;
		animation-delay: 0s;
}

.ind_src2_con  .swiper-slide.active .ind_src2_tex_box .pub_info {
    -webkit-animation-name: fadeInUpSmall;
    animation-name: fadeInUpSmall;
	    -webkit-animation-duration: 1.2s;
	    animation-duration: 1.2s;
	    -webkit-animation-fill-mode: both;
	    animation-fill-mode: both;
		animation-delay: 0.2s;
		text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient: vertical;
    display: -moz-box;
    -moz-line-clamp:2;
    -moz-box-orient: vertical;
    overflow: hidden;
}

.ind_src2_con  .swiper-slide.active .ind_src2_tex_box .ind_src2_btn_s {
    -webkit-animation-name: fadeInUpSmall;
    animation-name: fadeInUpSmall;
	    -webkit-animation-duration: 1.8s;
	    animation-duration: 1.8s;
	    -webkit-animation-fill-mode: both;
	    animation-fill-mode: both;
		animation-delay: 0.4s;
}


.cases{ margin-bottom:15vh; }
.cases .title{ text-align:center;     margin-bottom: 10vh }
.cases .title .small_title{ font-size:18px; }
.cases_list { width:80%; margin:0 auto; }
.cases_list li{ width: 22%; float: left;  margin-right: 4%; border-radius:10px; overflow:hidden;  }
.cases_list li a{ display:block; position:relative;  }
.cases_list li a img{ display:block; width:100%; }
.cases_list li a span{ transition: all .5s ease-in-out; text-align:center; z-index:3; display:block; width:80%; left:10%; position:absolute; color:#fff;  bottom: 30px; font-weight: bold;}
.cases_list li a::after {
    content: '';
    display: block;
    position: absolute;
    bottom: 0;
    width: 100%;
    left: 0;
    height: 50%;
    background-image: linear-gradient(to top, rgba(1, 81, 152, 1), rgba(1, 81, 152, 0));
    z-index: 1;
}
.cases_list li:last-child{ margin-right:0; }
.cases_list li a:hover span{  bottom: 40px; }
.cases_list li:hover{ -moz-box-shadow: 0 10px 35px 5px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 10px 35px 5px rgb(0 0 0 / 20%);
    box-shadow: 0 10px 35px 5px rgb(0 0 0 / 20%); }

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




.cases .page_list{ margin:0 auto; margin-top:8vh; }
.cases .page_list::after{  content:''; display:block; clear:both; }


.cases .page_list li { float:left; width:46%; margin-right:8%; box-shadow: 0 0px 20px 0px rgb(0 0 0 / 20%); border-radius:10px; overflow:hidden; margin-bottom:8vh; }
.cases .page_list li:nth-child(2n){ margin-right:0; }
.cases .page_list li img{ width:100%; display:block; }
.cases .page_list li .txt{ width:90%; margin:0 auto; padding:30px  0; }
.cases .page_list li .more a{ display:block; }
.cases .page_list li h2{ font-weight: 500;  border-bottom: 1px solid #f1f1f1;  padding-bottom: 10px; }
.cases .page_list li h2 a{ font-size: 20px; }
.cases .page_list li p{ margin: 20px 0;  line-height: 1.8;  color: #7c7c7c; }



.imgtext{ background:#f5f9fa; padding:10vh 0; }
.imgtext.imgtexttwo{ background:#fff; }

.imgtext .pictxt{ width:90%; margin:0 auto; display: flex; align-items: center;  justify-content: center;  } 
.imgtext .pictxt .txt{ width: 38%;  margin-right: 12%; }
.imgtext .pictxt .txt h2{ font-weight: bold;  font-size:35px; color: #000; margin-bottom: 25px; }
.imgtext .pictxt .txt h2 span{ display: block; font-size: 16px; font-weight: 400;  color: #9d9d9d; }

.imgtext .pictxt .txt p{  
    font-size: 16px;
    color: #2e2e2e;
    line-height: 25px; height: auto; }

.imgtext .pictxt .txt p.mbom3_en{  font-size: 12px;
    letter-spacing: normal;
    line-height: 20px;
    display: block;
    color: #cdcdcd; }

.imgtext .pictxt .txt .more{ margin-top:25px; }
.imgtext .pictxt .img{  overflow: hidden;  width: 50%; border-radius:10px; -moz-box-shadow: 0 10px 35px 5px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 10px 35px 5px rgb(0 0 0 / 20%);
    box-shadow: 0 0px 45px 0px rgb(0 0 0 / 5%); }
	
.imgtext .pictxt .img::after,.imgtext .pictxt::after{ content:''; display:block; clear:both; }

.imgtext .pictxt .img img{    width:100%; display:block;  }


.imgtext.imgtexttwo .pictxt .txt{ width: 38%;  margin-left: 12%; margin-right:0; }

.partner { margin: 15vh 10%;   }
.partner .title{   }
.partner .title .small_title { font-size: 18px;}

.news{     background: #ffffff;
    border-top: 1px solid #f1f1f1; }

.logogd{ margin-top:8vh; position:relative; }
.logogd .logogd_a{ margin-bottom:40px; }
.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(255, 255, 255, 1), rgba(255, 255, 255, 0));
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    width: 100px;
    z-index: 10;}

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



.soft{ background:#f5f9fa; padding:10vh 0; text-align:center; }
.soft h3{ font-size: 45px;  color: #272064; margin-bottom:4vh; }
.soft h3 img{ vertical-align: middle; }
.soft h3 span{ color: #83c326; }
.soft .more .link-more-inner{ display: inline-block; color:#272064; }

.enter{ width: auto;
    background: #fff;
    height: auto; }
.enter .txt{ border: none;
    padding: 15px 0;
    width: 210px;
    height: 100%; }
.enter button{ border: none;
    background: none;
    vertical-align: middle;
    padding: 0 20px; cursor: pointer;}


 
footer{ background:#E4E4E4; margin-top:0px; padding:80px 0; padding-bottom: 0; }
footer .win{ overflow: hidden; }
.code{ text-align: center; float: left; font-size:14px; margin-right:80px; }
.code img{ display: block; margin:0 auto; margin-bottom:10px; border-radius:5px; }
footer ul{ float: left;margin-right:60px; }
footer ul li a{ font-size:14px; }
footer ul li a .en{ display:none; }
footer ul li a:hover,footer ul li:first-child a:hover{  color: #c72c32; }
footer ul li:first-child a{ font-size:18px; color: #000;       display: block;  line-height: 25px;}
footer ul li{ line-height:35px; }
footer ul li:first-child { margin-bottom:15px; }

@media screen and (max-width:1600px) {
	
	.code {  margin-right:40px;}
	footer ul{ margin-right:50px; }
}


@media screen and (max-width:1400px) {
	
	.code {  margin-right:40px;}
	.nav.en li{ padding:0 35px; }
	footer ul{ margin-right:35px; }
}


.tel{ float: right; }
.tel h3{ font-size:18px; margin-bottom:22px; color:#000; }
.tel .tel_text { margin-bottom:20px; }
.tel .tel_text h3{ font-weight:bold; font-size:30px; margin-bottom:0px; font-family: CgFuturaMaxiLt; }
.tel .tel_text span{ font-size:14px; }

footer .beian{ width: 100%;
    padding: 0;
    color: #000;
    position: static;
    border-top: 1px solid #cdcdcd;
    padding: 20px 0;
    margin-top: 30px; }

footer .beian .right a{ color: #000;}



footer .beian {
    position: fixed;
    padding: 3vh 2%;
    bottom: 0;
    color: #fff;
    z-index: 2;
    font-size: 1.2vh;
    width: 100%;
    overflow: hidden;
    box-sizing: border-box;
    width: 100%;
    padding: 0;
    color: #000;
    position: static;
    border-top: 1px solid #cdcdcd;
    padding: 20px 0;
    margin-top: 30px;
}
.beian .left {
    float: left;
}
.beian .right {
    float: right;
    text-align: right;
}

.win {
    width: 80%;
}

.center {
    margin: 0 auto;
}


.in_con {
   margin-top: 50px;
    padding: 3vh 0;
    color: #fff;
	    position: static;
	    float: right;
	    padding: 0;
}

.in_con a{display: inline-block; position: relative; color: #fff; margin-left: 30px;}

.in_con a .ico{ width: auto;   height: 35px; display: inline-block; vertical-align: middle; opacity: 0.5; }

.in_con a .ico:hover{ opacity:1; }

.in_con a span{ display:none; position: absolute;
    bottom: 43px;
        left: -37px;
    width: 120px;
    height: 120px; }
.in_con a span img{ width:100%; }
.in_con a:hover span{ display:block; }

.in_con a p{ display: inline-block; vertical-align: middle; }

.nr_banner {
    position: fixed;
    width: 100%;
    overflow: hidden;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 4;
    min-height: 100vh;
}
.nr_banner .text {
    width: 100%;
    height: auto;
    min-height: 100%;
    position: relative;
    left:0;
  
    display: block;
  animation: a2_66 10s ease infinite;
	     animation-iteration-count: 1;
	     -webkit-animation-iteration-count: 1;
}

 @keyframes a2_66{from { transform: scale(1.2);}  to { transform: scale(1);}}
 
.nr_banner h2 {
    text-align: center;
    font-size: 45px;
    line-height: 1;
    color: #fff;
    position: absolute;
    top: 45%;
    margin-top: -30px;
    width: 80%;
    z-index: 5;
    left: 10%;
    font-weight:500;
}

.nr_banner.nr_banner_case h2{ text-align: left;
    font-size: 45px;
    line-height: 1;
    color: #fff;
    position: absolute;
    top:auto;
    bottom:12%;
    margin-top: -30px;
    z-index: 5;
    left: 10%;
    font-weight: 500;
    letter-spacing: 15px; width:auto; backdrop-filter: blur(2px); }

.nr_banner .small_title {
    color: #fff;
    position: absolute;
    top: 50%;
    width: 80%;
    left: 10%;
    text-align: center;
    font-weight:300;
    font-size: 20px;
    text-transform: uppercase;
}

.nr_banner.nr_banner_case .small_title {
    color: #fff;
    position: absolute;
    top:auto;
    bottom:7%;
    left: 10%;
    text-align: left;
    font-weight: 300;
    font-size: 20px;
    text-transform: uppercase;
    width:auto; backdrop-filter: blur(2px);
}

.scroll_hint {
   position: absolute;
    left: 50%;
    bottom: 20%;
    margin-left: -24px;
    z-index: 9;
    pointer-events: none;
}

.nr_banner_case .scroll_hint {
    position: absolute;
    left: 90%;
    bottom: 10%;
    z-index: 9;
    pointer-events: none;
}


.scroll_hint .iconfont {
    font-size: 24px;
    color: #fff;
    display: block;
    text-align: center;
    line-height: 1;
    animation: hint 0.5s cubic-bezier(0.56, 0.01, 0.46, 1) infinite alternate;
}
.scroll_hint .tex {
    margin-top:24px;
    line-height: 1;
    text-align: center;
    text-transform: uppercase;
    font-size: 14px;
    font-family: Futura-Medium;
    color: #fff;
    letter-spacing: .1em;
    text-indent: -0.1em;
}
@keyframes hint {
  0% {
    transform: translateY(0); }
  100% {
    transform: translateY(8px); } 
}


.circle{
    width: 100px;
    height: 100px;
    border-radius: 50%;
    color: #ffffff;
    font-size: 6px;
    font-weight: 100;
    text-transform: uppercase;
    font-family: 'Righteous';
    text-align: center;
    animation: spin 20s linear infinite;
    position: absolute;
    top: 50%;
    margin-top: -40px;
    left: 50%;
    margin-left: -52px;
}
.circle span{
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
}

/* 定义动画 */
@keyframes spin {
    0%{
        transform: rotate(360deg);
    }
    100%{
        transform: rotate(0);
    }
}




.position-right.cl{     float: left; }
.position-right dt, .position-right dd {
    font-size:16px;
    color: #b2b2b2;
}
.position-right dt img {
    width:18px;
    height:18px;
    margin-right:20px;
}
.position-right dd a, .position-right dt a {
    transition: all 0.3s;
    font-size:16px;
    color: #b2b2b2;
}


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

.lm_nav_ul_li.lm_nav_ul_li_new{ display:block; }

.lm_nav_ul_li li{ flex:1; float: left;  width: 110px; }
.lm_nav_ul_li.lm_nav_ul_li_new li{ margin-right:100px; }
.lm_nav_ul_li li a{ display: block; color: #000;  transition: all .3s ease-in-out; line-height: normal; font-family: HarmonyOSHans-Regular; font-size:24px; }
.lm_nav_ul_li li a span{ display: block;
    font-size: 12px;
    line-height: normal;
    margin-top: 5px; }
.lm_nav_ul_li li.hover a,.lm_nav_ul_li li:hover a{ color:#c72c32;  font-size:24px; }

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

.lm_nav_ul_li .line{ position:absolute; width:30px; height:3px; bottom:0; background:#c72c32; transition: all .4s; }


.news_list{     width: 100%;
    padding: 0 10%;
    margin: 0 auto;
    padding-top: 5vh;
    background: #fff;
    box-sizing: border-box; min-height: 50vh; }
.news_list ul{}
.news_list ul li a{ display: flex;   align-items: center;  justify-content: center;  overflow: hidden; }
.news_list ul li{ overflow:hidden; border-bottom:1px solid #f1f1f1; padding:5vh 0; }
.news_list ul li .txt{ float:left; width:60%; margin-right:10%; }
.news_list.news_list_so ul li .txt{ width:100%; margin-right:0;  }
.news_list ul li .img{ border-radius:10px; overflow:hidden; float:right; width:30%; }
.news_list ul li .img img{ width:100%; height:auto; display:block; }
.news_list ul li .time{ font-weight: bold;  font-family: CgFuturaMaxiLt;  color: #676767; }
.news_list ul li h3{font-size: 25px; margin: 15px 0;  letter-spacing: 1px; }
.news_list ul li .miaoshu{ line-height: 1.8; color:#888;}



.news_list.news_list_job{     margin-bottom: 5vh; }
.news_list.news_list_job ul{ overflow: hidden; }
.news_list.news_list_job ul li { width: 48%;
    float: left;
    box-sizing: border-box;
    border: 1px solid #f1f1f1;
    padding: 20px; margin-bottom: 40px; }
.news_list.news_list_job ul li:nth-child(2n){ margin-left: 4%; }
.news_list.news_list_job ul li .miaoshu{ text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp:3;
    -webkit-box-orient: vertical;
    display: -moz-box;
    -moz-line-clamp:3;
    -moz-box-orient: vertical;
    overflow-wrap: break-word;
    word-break: break-all;
    white-space: normal;
    overflow: hidden;     font-size: 14px; height: 75px; }
.news_list.news_list_job ul li h3 {  font-size: 18px; font-weight: 500; }
.news_list.news_list_job ul li .time{ font-weight: 500;
    font-family: CgFuturaMaxiLt;
    font-size: 12px;
    color: #525252; }
.news_list.news_list_job ul li a{ display: block; }

.news_list.news_list_job ul li .txt{ width:100%; margin-right:0; float: none;  }

.news_list.news_list_job .link-more-inner svg{     width: 30px; }
.news_list.news_list_job .link-more-inner{ font-size:14px; margin-top: 1vh; }

.news_nr.news_nr_job{ width: 100%; padding: 0; border: none;  overflow: hidden; }

.news_nr.news_nr_job .news_title{ text-align: left;  border-bottom: 1px solid #f1f1f1; padding-bottom: 30px; }  

.news_nr_job_left{ width: 70%;
    margin: 0 auto;
    margin-bottom: 50px;
    border: 1px solid #f1f1f1;
    padding: 8vh 50px;
    box-sizing: border-box;
    max-width: 1500px;
    float: left; }

.news_nr_job_right{ float: right; width: 25%;  border: 1px solid #f1f1f1;  padding: 50px 50px;  box-sizing: border-box; }


.news_nr_job_right .time{ font-weight: 500;  font-family: CgFuturaMaxiLt; font-size: 12px; color: #525252; }
.news_nr_job_right h3{ font-size: 18px;  font-weight: 500;  margin: 15px 0;  letter-spacing: 1px; }
.news_nr_job_right  .miaoshu{ font-size: 14px;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    display: -moz-box;
    -moz-line-clamp: 3;
    -moz-box-orient: vertical;
    overflow-wrap: break-word;
    word-break: break-all;
    white-space: normal;
    overflow: hidden;
    font-size: 14px;
    line-height: 1.8;
    color: #525252; }


.news_nr.news_nr_job .news_title span{ font-size: 15px; color: #9d9d9d; margin-right: 20px; }
.news_nr.news_nr_job .news_title em{ color: #505050; }

.news_nr_job_right  svg{     float: left;  width: 30px;}
.news_nr_job_right  .link-more-inner{ font-size: 14px; margin-top: 1vh;}

.job_btn{ background: #c3c3c3; color: #fff; border-radius: 10px; font-size: 16px; text-align: center; padding: 10px 10px; width: 150px; margin-top: 6vh;  cursor: pointer; }
.job_btn:hover{ background: #272064; }
	
	
.news_title{ text-align: left;  border-bottom: 1px solid #f1f1f1;  padding-bottom: 30px; }


.opewin {
	position:absolute;
	top:55%;
    font-size: 1.6vh;
    display: block;
    width: 130px;
    font-weight: 500;
    padding: 1vh 2vh;
    letter-spacing: 0.075em;
    border-radius: 0.5vh;
    border: 1px solid #cfcfcf;
    color: #3b3c45;
    margin: 0 auto;
    cursor: pointer;
    text-align: center;
	background-color: rgba(255, 255, 255, 0.26);
	opacity: 0;
	left: 50%;
	margin-left:-85px;
}

.opewin.openvideo {
    border: 1px solid #ffffff;
    border-top-color: rgba(255, 255, 255, 0.39);
    border-right-color: rgba(255, 255, 255, 0.39);
    border-bottom-color: rgba(255, 255, 255, 0.39);
    border-left-color: rgba(255, 255, 255, 0.39);
    color: #fff;
    margin-top: 5vh;
}
.opewin span {
    display: inline-block;
    height: 1px;
    width: 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;
    vertical-align: middle;
    position: relative;
}
.opewin:hover span {
    display: inline-block;
    height: 1px;
    width: 24px;
    background: #fff;
    vertical-align: middle;
    position: relative;
}
.opewin:hover {
    color: #ffffff;
    background: #272064;
    border: 1px solid #272064;
}
.opewin:hover span::after {
    content: '';
    position: absolute;
    display: block;
    width: 4px;
    height: 4px;
    border-left: 1px solid #fff;
    border-top: 1px solid #fff;
    right: 0;
    top: -2px;
    transform: rotate(136deg);
}

.widMax{ width: 80%;
    max-width: 1400px; }

.about_a,.about_b{  margin: 0 auto;  line-height: 2;   font-size: 18px; margin-top:8vh; }
	
.about p{ text-indent:30px; }
	
.about_a ul{ margin-top:8vh; }
.about_a ul::after { content:''; display:block; clear:both;  }
.about_a ul li{ float:left; width:48%; margin-right:4%; border-radius:10px; overflow:hidden; }
.about_a ul li:nth-child(2){ margin-right:0; }
.about_a ul li img{ width:100%; display:block;  }

.about_b{ margin-top:8vh; }


.videolist{ border-radius:10px; overflow:hidden; position: relative;  margin-top:8vh; }
.videolist video{ width:100%; display:block; }
.playbtn{
	
	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);
    }
}


.about_c{ display: flex;  align-items: center; line-height: 2;  font-size: 18px;  justify-content: center;  overflow: hidden;  margin: 0 auto; margin-top:8vh;}
.about_c .txt{ width: 50%;  margin-right: 5%; }
.about_c .img{ width:45%; border-radius:10px; overflow: hidden; box-shadow: 0 0px 20px 0px rgb(0 0 0 / 20%); }
.about_c .img img{ width:100%; display:block; }

.about_c.about_c_two .img{ width:45%;  margin-right: 5%; }
.about_c.about_c_two .txt{ width:50%; margin-right:0; }




.about_d{ margin: 0 auto; margin-top:8vh; line-height: 2;  font-size: 18px; } 


.about .logogd{ margin: 0 auto; margin-top:8vh; }



.about_e{ margin: 0 auto; margin-top:8vh; line-height: 2;  font-size: 18px;  }

.products_con{ background:#fff; padding:8vh 0; }
.products_con .products_con_art{ margin: 0 auto;
    width:80%;
    max-width: none;
    min-height: 700px;
    line-height: 200%; color: #000; position: relative;
    display: flex; }
.products_con .products_con_art img{ max-width: 100% !important;
    height: auto !important; }

.products_con .products_con_art h3{    font-weight:400; color:#000;  }

.eeee{ position: sticky;
    top: 180px !important;}
.products_con .products_con_art .txt .title{ 
   
    font-size: 34px;
    width: 410px;
    margin-right: 80px;
    color: #000;
    animation-timing-function: linear;
  animation-name: scrP10;
    
}
.scrFx{
    animation-play-state: paused;
    animation-duration: 1s;
    animation-iteration-count: infinite;
    animation-direction: alternate;
    animation-delay: calc(var(--go) * -1s);
    animation-timing-function: ease-in-out;
}
@keyframes scrP10 {
  0% {
    opacity: 0;
    transform: translate3d(0vw, 0vw, 0);
    -webkit-transform: translate3d(0vw, 0vw, 0);
    -moz-transform: translate3d(0vw, 0vw, 0);
    -o-transform: translate3d(0vw, 0vw, 0);
    -ms-transform: translate3d(0vw, 0vw, 0);
    backface-visibility: hidden;
  }
  15% {
    opacity: 1;
    transform: translate3d(0vw, 0vw, 0);
    -webkit-transform: translate3d(0vw, 0vw, 0);
    -moz-transform: translate3d(0vw, 0vw, 0);
    -o-transform: translate3d(0vw, 0vw, 0);
    -ms-transform: translate3d(0vw, 0vw, 0);
    backface-visibility: hidden;
  }
  25% {
    transform: translate3d(0px, 20%, 0px);
    -webkit-transform: translate3d(0px, 20%, 0px);
    -moz-transform: translate3d(0px, 20%, 0px);
    -o-transform: translate3d(0px, 20%, 0px);
    -ms-transform: translate3d(0px, 20%, 0px);
    backface-visibility: hidden;
  }
  35% {
    transform: translate3d(0px, 20%, 0px);
    -webkit-transform: translate3d(0px, 20%, 0px);
    -moz-transform: translate3d(0px, 20%, 0px);
    -o-transform: translate3d(0px, 20%, 0px);
    -ms-transform: translate3d(0px, 20%, 0px);
    backface-visibility: hidden;
  }
  50% {
    transform: translate3d(0, 70%, 0px);
    -webkit-transform: translate3d(0, 70%, 0px);
    -moz-transform: translate3d(0, 70%, 0px);
    -o-transform: translate3d(0, 70%, 0px);
    -ms-transform: translate3d(0, 70%, 0px);
    backface-visibility: hidden;
  }
  100% {
    transform: translate3d(0, 110vh, 0px);
    -webkit-transform: translate3d(0, 110vh, 0px);
    -moz-transform: translate3d(0, 110vh, 0px);
    -o-transform: translate3d(0,110vh, 0px);
    -ms-transform: translate3d(0, 110vh, 0px);
    backface-visibility: hidden;
  }
}
    
    
.products_con .products_con_art .txt .title span{ display: block;
    font-size: 14px;
    margin-top: 5px;
    color: #9b9b9b; }
    
.products_con .products_con_art .txt .title .jt{ background: #c72c32;
    display: flex;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    margin-top: 180px;
    justify-content: center;}
.products_con .products_con_art .txt .title .jt svg{ transform: rotate(-90deg);
    display: inline-block;
    width: 70%;
    height: auto;
    margin: 0 auto;
    vertical-align: middle; }
.products_con .products_con_art .txt .title .jt svg path{ fill: #fff; }
.love{ background:url(../images/banner10.jpg) no-repeat bottom; }

.love_a{ width: 1200px;
    margin: 0 auto;
    line-height:1.8;
    text-align: center;
    font-size: 24px;
    padding:10vh 0;
    letter-spacing: 1px;
    color: #000;
    font-weight: 100; }
.love_a em{ font-style: italic;   }




.lovetwo{ background:url(../images/banner11.jpg) no-repeat center; padding:20vh 0; text-align:center;  }
.lovetwo_a{ width: 1200px; }

.lovetwo .title,.lovefour .title {
    width: 45%;
    font-size: 4.3vh;
}
.lovetwo .title,.lovefour .title {
    text-align: center;
    float: none;
    margin: 0 auto;
   
}

.lovetwo .title svg,.lovefour .title svg{ vertical-align: middle; margin-top: -13px;   margin-right: 10px; }
.lovetwo  .miaoshu{ width: 570px;
    margin: 0 auto;
    line-height: 2;
    padding: 5vh 0;  }
.lovetwo .more{text-align: center; }
.lovetwo .more a{     display: inline-block; }
.lovetwo .title::after,.lovefour .title::after {
    content: '';
    height: 1px;
    width: 20px;
    background: #bdbdbd;
    display: block;
    margin: 0 auto;
    margin-top: 5vh;
 
}






.lovethree{ padding-bottom:8vh;}
.lovethree ul{ width:80%; margin:0 auto; }
.lovethree ul::after{ content:''; display:block; clear:both; }
.lovethree ul li{width: 30%;  float: left;  margin-right: 5%; text-align:center;}
.lovethree ul li:last-child{ margin-right:0; }
.lovethree ul li img{ width:100%; display:block; border-radius:10px; overflow:hidden; }
.lovethree ul li span{ margin: 16px 0; display: block;  font-size: 18px; white-space: nowrap;  text-overflow: ellipsis;  overflow: hidden;}
.lovethree ul li em{ text-decoration: underline;  color: #9d9d9d; }






.lovefour{ padding-bottom:0;
    padding-top: 8vh;
    background: #fff; margin-top:-1px; }
.lovefour ul{ width:80%; margin:0 auto;}
.lovefour ul::after{ content:''; display:block; clear:both; }
.lovefour ul li{width:49%;  float: left;  margin-right:2%; text-align:center;}
.lovefour ul li:last-child{ margin-right:0; }
.lovefour ul li img{ width:100%; display:block; border-radius:10px; overflow:hidden; -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;   }

.lovefour ul li:hover img{ transform:scale(1.05); }

.lovefour ul li a{     display: block; position:relative; border-radius: 10px;  overflow: hidden; }
.lovefour ul li a::after {  content: '';  display: block;   position: absolute;  bottom: 0;  width: 100%;  left: 0;  height:70%;
    background-image: linear-gradient(to top, rgba(1, 81, 152, 1), rgba(1, 81, 152, 0));  z-index: 1;
}


.lovefour ul li .more{  position: absolute;
    z-index: 5;
    bottom: 7%;
    width: 120px;
    text-align: left;
    margin-left: 5%;
    color: #fff;
    right: 5%;}
.lovefour ul li h4{ position: absolute; bottom: 20%; color: #fff; z-index: 5;  width: 90%;  text-align: left;  margin-left: 5%; }





.school { padding:15vh 0;     padding-bottom: 0; }
.school .title {
    width: 45%;
    font-size: 4.3vh;
    text-align: center;
    float: none;
    margin: 0 auto;
   
}
 
.school .title::after {
    content: '';
    height: 1px;
    width: 20px;
    background: #bdbdbd;
    display: block;
    margin: 0 auto;
    margin-top: 5vh;
 }


.school  .feature { width:800px;  margin: 0 auto; text-align:center; margin-top:4vh; }
.school  .feature::after{ content:''; display:block; clear:both; }
.school  .feature li{ margin:0 30px; display:inline-block; }
.school  .feature  li svg{ vertical-align: middle;  margin-right: 10px; }



.school .school_logo{ width:1200px; margin:0 auto; position:relative; overflow:hidden; padding:8vh 0; }
.school .school_logo .swiper-slide{ text-align:center; }
.school .school_logo .swiper-slide img{ width:110px; height:110px; display:block; margin:0 auto; }
.school .school_logo .swiper-slide span{ display: block;  margin: 14px 0px;  color: #6f6f6f; }
.school .school_logo .swiper-slide  em{ display:block; margin:0 auto; text-decoration: underline; opacity:0; }
.school .school_logo .swiper-slide a:hover span{ color:#272064; }
.school .school_logo .swiper-slide a:hover em{ display:block; opacity:1; }

.school .school_logo .swiper-pagination-bullet{ border: 1px solid #000; background:none; width: 15px;  height: 15px; }
.school .school_logo .swiper-pagination-bullet-active{  border: 1px solid #272064; background:#272064;}

.school .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{ margin: 0 8px; }






.lovefour.fangan ul li{ margin-bottom:28px; }
.lovefour.fangan ul li h4{ bottom:40px;
    border-bottom: 1px solid #9ebdd8;
    -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;
    font-size: 25px;
    border: none; font-weight:500;  text-shadow: 1px 1px 1px #000000; }
    
.lovefour.fangan ul li h4 span{     display: block;
    font-size: 14px;
    font-weight: 400;
    opacity: 0.6; text-shadow: 1px 1px 1px #000000; }
    
.lovefour.fangan ul li h4::after{ -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; content: '';  display: block;  background:#c72c32;  height: 4px;  width: 30%;   margin-bottom: -2px;  margin-top: 20px; display:none;  }
.lovefour.fangan ul li p{ position: absolute;
    bottom: 17%;
    color: #fff;
    z-index: 5;
    width: 90%;
    text-align: left;
    margin-left: 5%;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    line-height: 1.8; display:none; }
.lovefour.fangan ul li a::after{ 
    display: none;
    -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;      
    background-image: linear-gradient(to top, rgb(0 0 0), rgb(0 0 0 / 0%));
}

.lovefour.fangan ul li:nth-child(2n){ margin-right:0; }
.lovefour.fangan ul li a:hover::after{ height:40%; }
.lovefour.fangan ul li a:hover h4{ transform:scr; }
.lovefour.fangan ul li a:hover h4::after{ width:100%; } 



.lovefour.fangan ul li a::after {
    -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;
    background-image: linear-gradient(to top, rgb(0 0 0), rgb(0 0 0 / 0%));
}

.lovefour.fangan ul li a::after {
    content: '';
    display: block;
    position: absolute;
    bottom: 0;
    width: 100%;
    left: 0;
    height:40%;
    background-image: linear-gradient(to top, rgba(0, 0, 0, 1), rgba(0, 0, 0, 0));
    z-index: 1;
    opacity:0;
}
.lovefour.fangan ul li a:hover::after{ opacity:1; }


.lovefour.fangan ul li a:hover .link-more-inner .link-more-circle,.lovefour.fangan ul li a:hover .link-more-inner .link-more-line {
    -webkit-transform: translateX(0.5rem);
    -ms-transform: translateX(.5rem);
    transform: translateX(0.5rem); fill:#c72c32; 
}
.lovefour.fangan ul li a:hover .link-more-inner .link-more-circle{ color: #c72c32; }


.ziyuan { position:relative; }
.ziyuan::after{ background: url(../images/banner15.jpg) no-repeat top; position: absolute; content: ''; display: block;  width: 100%; height: 120%;  top: -15%;  z-index: -1; }

.ziyuan ul{ padding:10vh 0; padding-bottom: 8vh; }
.ziyuan ul li a:hover svg path{ fill:#fff; }
.ziyuan ul{ width: 80%; max-width: 1500px; margin: 0 auto; }
.ziyuan ul::after{ content:''; display:block; clear:both; }
.ziyuan ul li{ float:left; width:50%; box-sizing: border-box; }

.ziyuan ul li:nth-child(1),.ziyuan ul li:nth-child(2){ border-bottom:0; }
.ziyuan ul li:nth-child(1),.ziyuan ul li:nth-child(3){ border-right:0; }

.ziyuan ul li .img{ margin: 0 auto;
    display: block;
    width: 120px;
    height: 120px;
    padding: 20px;
    background: #f5f9fa;
    border-radius: 50%;
    text-align: center;
    vertical-align: middle; }
.ziyuan ul li a:hover .img{ background:#272064; }
.ziyuan ul li svg{ width: 80%;  height: auto;  display: inline-block;  margin-top: 10%; }
.ziyuan ul li span{ display: block; text-align: center; font-size: 20px;  font-weight: bold;  margin-top: 20px; }
.ziyuan ul li a{ padding: 5vh 0;
    display: block;
    width: 160px;
    margin: 0 auto; }

.ziyuan .more{ text-align:center; padding-bottom: 8vh; }
.ziyuan .more a{ text-decoration: revert; color:#272064; display: inline-block; }

.ziyuan ul.faq_list{ padding:0; padding-bottom:10vh; max-width: 1200px; }
.ziyuan ul.faq_list li{ padding:0; width:48%; }
.ziyuan ul.faq_list li a{ display: block;
    color: #666666;
    padding: 20px;
    border: 1px solid #f1f1f1;
    border-radius: 10px; width: auto; }
.ziyuan ul.faq_list li span{ margin-top: 0;
    font-size: 14px;
    font-weight: 100; }
.ziyuan ul.faq_list li a:hover{ color: #272064; border: 1px solid #272064; }

 

.faq_list{ width: 80%; max-width: 1500px;  overflow: hidden; margin:8vh auto; }
.faq_list li {
    width: 48%;
    float: left;
    margin-right: 4%;
    margin-bottom: 30px;
    position: relative;
}
.faq_list li a {
    display: block;
    color: #666666;
    padding: 20px;
    border: 1px solid #f1f1f1;
    border-radius: 10px;
}
.faq_list li span {
    color: #d2d2d2;
    position: absolute;
    right: 20px;
    top: 23px;
    font-size: 14px;
}

.faq_list li:nth-child(2n) {
    margin-right: 0;
}







.history {width:100%; margin-top:8vh; background:#fff; padding-bottom:30px;  }
	.history .container{ width:80%; margin:0 auto;  }
	.history .container img{ width:100%;     opacity: 0; margin-left: auto !important; margin-right: auto !important; }
	.history-hd{text-align: center; padding-top:0;}
	.history-hd >div {display: inline-block;  position: relative; margin-top:0; width: 70%;}
	.history-hd >div::before {  position: absolute; display:none; content: ""; left: 50%; top: 60%; height: 41%;width: 1px;border-left: 1px dotted #cbcbcb;}

	.history-hd i { font-size: 36px;
    line-height: 40px;
    color: #272064;font-family: CgFuturaMaxiBd; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%);}
	.history-hd i b{color:#83c326; }
	.history-bd { position: relative;  margin: 0; padding: 7% 0 0; overflow: hidden;     padding-top: 0;}
	.history-bd li { margin:80px 0; position: relative;}
	.history-bd::before { position: absolute; display: block; content: ""; left: 50%;top: 0; height: 100%; width: 1px; border-left:1px dotted #cbcbcb;}
	.history-bd .year { position: absolute; top: -5px; left: 50%;  padding: 15px; display: inline-block; text-align: center; -webkit-transform: translateX(-50%); transform: translateX(-50%); padding-bottom: 0; background:#fff; }
	.history-bd .year span { display: block; margin: 0 auto 8px; width:40px; height:40px; }
	.history-bd .year span svg{ width: 100%;  height: auto; fill: #575757; }
	.history-bd .year i { font-size:20px;font-weight:400; color: #575757;  font-family: CgFuturaMaxiBd;}
	
	.history-bd .article { margin-left:10%; margin-bottom: 5%; width:35%;}
	
	.history-bd li:nth-of-type(2n-1) .article { margin-left: 60%;}
	
	.history-bd .article i { display: block;
    margin-bottom: 20px;
    font-size: 40px;
    line-height: 1;
    font-weight: bold;
    color: #e0e0e0;
    font-family: CgFuturaMaxiLt;}
	.history-bd .article p{   font-size: 20px;  line-height: 1.5;   color: #999999;  }
	
	
	.history-bd li:hover .article i,.history-bd li:hover .article p{ color:#272064; }
 
	.history-bd li:hover .year i{ color:#83c326; }
	.history-bd li:hover .year span svg{ fill:#83c326; }
	.history-hd.text-center{ padding: 5vh 0; }
	


.news_nr{width: 100%;
    margin: 0 auto;
    margin-bottom: 50px;
    border: 1px solid #f1f1f1;
    padding: 8vh 150px;
    box-sizing: border-box;
    padding-top: 8vh;
    background: #fff; }
.news_nr .news_title{ text-align:center; max-width:1500px; margin:0 auto; margin-bottom: 20px; }
.news_nr .news_title h2{ color:#000; margin-bottom:20px; }
.news_nr .news_title span{ font-size:15px; color:#545454; }
.news_nr .news_text{ line-height:200%; color:#545454;
    font-size: 16px; max-width:1500px; margin:0 auto; }
.news_nr .news_text img{ max-width: 100% !important;
    height: auto !important;
    display: inline-block;
    margin: 3vh 0; }

.goup{ text-align: center;
    
    margin-top: 20px;
    }
.goup a{   font-size: 17px; text-decoration: underline; font-weight:bold; }
.goup a:hover{ color:#000; }
 .goup a:nth-child(2){     margin: 0 6.8vw; }

.goup a:nth-child(3) {
    text-decoration: none;
}
.goup a:nth-child(1) {
    text-decoration: none;
}



.pdTB10{  padding:10vh 0; }
.pdTB15{  padding:15vh 0; }
.wid80{ width:80%; }
.relative{ position:relative; }
.md{ margin:0 auto; }
.hidden{ overflow:hidden; }
.news .title{   }
.fb45{ font-weight:bold; font-size:45px; color:#272064;letter-spacing: 5px; }
.fb25{ font-size:25px; }
.fb18{ font-size: 18px; }
.mb15{ margin-bottom:15px; }

.jobform{ margin-top: 5vh;     display: none; }
.jobform ul li{ margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #f1f1f1; }
.jobform ul li span {
    display: inline-block;
    width: 240px;
    color: #7b7b7b; vertical-align: middle;
}
.jobform ul li input{ padding: 8px;
    background: #f1f1f1;
    border: none;
    border-radius: 5px;
    line-height: 20px;}
    
.jobform ul li textarea{ vertical-align: middle;
    background: #f1f1f1;
    border: none; padding: 8px; border-radius: 5px; }
    
.jobform ul li em{ display: inline-block;
    color: #272064;
    margin-left: 10px; }
  
.jobform ul li .radio_left{ vertical-align: middle; } 
.jobform ul li .radio_right{ margin-left:10px; }


.jobform ul li .fjname,.jobform ul li .qsname{ display:none; margin-left:10px; }

.jobform .jobbt{     background: #272064;
    color: #fff;
    border-radius: 10px;
    font-size: 16px;
    text-align: center;
    padding: 10px 10px;
    width: 150px;
    margin-top: 10px;
    cursor: pointer;
    border: none; }

.fjname,.qsname{ display:none; }


/* 在线链接服务仅供平台体验和调试使用，平台不承诺服务的稳定性，企业客户需下载字体包自行发布使用并做好备份。 */
@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; }

.iconfonttwo {
    font-family: iconfonttwo;
}
.contact{ padding: 10vh 0; background:#fff; }
.contact_center{ margin:0 auto;  box-shadow: none;
    padding: 0px 10%; }
#dituContent{ height:50vh;     border-radius: 5px; }
.map{ background:#fff;  overflow:hidden; }


.companyname { padding: 4vh 0; }
.companyname h3 ,.contact_a h3 { font-weight: 500;
    margin-bottom: 1vh;
    display: inline-block;
    font-size: 25px;
    color: #000;}
.companyname span{ color: #000; }
.companyname_info span{ color: #000;   display: inline-block;  margin-right: 3vh;  }
.companyname_info span small{ font-size:16px; margin-left:10px; }
.companyname_info span
.contact_center .position-right{ margin-bottom: 60px; }

.contact_a{  margin-top: 5vh; display:block; }
.contact_a::after{ content:''; display:block; clear: both;}
.contact_a h3 { display:block; flex:1; }
.contact_a .father{ 
    background: #fff;
    overflow: hidden;
    width: 48%;
    display: block; 
    float: left;
    box-sizing: border-box;
    margin-right: 4%;
    margin-bottom: 5vh;
}

.contact_a .father:hover *{ color:#c72c32; }

.contact_a .father:nth-child(2n){ margin-right:0; }
.contact_a .father span{ color: #000;   display:block; font-size:16px;  margin-right: 3vh; line-height: 40px; }
.contact_a .father small { font-size:16px; margin-left: 10px;  }
.contact_a .father span:last-child{  margin-right:0vh; }

.contact_a .father .img{border-radius: 10px;
    overflow: hidden;
    margin-bottom: 30px;}

.contact_a .father .img img{ display:block; width:100%; }

.copyright{ float: left; width: 100%;  margin-top: 30px; color: #6e6e6e; line-height: 2; font-size: 14px; }
.copyright a{ color: #6e6e6e; }


.lang .lang_c a,.header.headerindex .lang .lang_c a{ }



.page{ text-align:center; margin-bottom:100px; margin-top:100px; }
.page a,.page b{ display:inline-block; margin:10px; font-family: 'simsun'; }
.page a:last-child{font-family: 'simsun';}
.page a:nth-last-child(2){ font-family: 'simsun';}





.indexabout{ padding: 10vh 0;}
.indexabout_1{ width: 80%;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center; }
.indexabout_1_pic{ margin-right: 7%; width:30%; }
.indexabout_1_pic img{ display: block;
    border-radius: 10px;
    width: 100%; }


.indexabout_1_txt{ width: 63%; }
.indexabout_1_txt h2{ color: #272064; font-size:45px;  margin-bottom:2vh; }
.indexabout_1_txt p{line-height: 2;  font-size: 18px; color: #7a7a7a;  margin-bottom:4vh;}

.idx-tags{ width: 80%;   margin: 0 auto; padding: 0;  position:relative; }
.idx-tags ul{ display: flex; position: relative; z-index: 5; }
.idx-tags ul li{ flex:6; color: #000; min-width:120px; }
.idx-tags ul li:last-child{ flex:1; }
.idx-tags ul li:nth-child(2){ margin-right:130px }
.idx-tags ul li .col2{ display:none; }
.idx-tags ul li	.tags_left span{ display:block; }
.idx-tags ul li	.tags_left span.counter{ font-size:55px;  line-height: 90px; font-weight: bold; color: #c72c32;  font-family: CgFuturaMaxiLt;}
.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; }



.gallery{ width: 80%;   margin: 0 auto; padding: 0;  position:relative; margin-top:300px; }
.gallery ul{ 
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap:120px;
    row-gap:500px;
    margin-top: 80px;
}
.gallery ul li{}
.gallery ul li img{ display:block; width:100%; border-radius:30px; box-shadow: 0 1vw 0.8646vw 0.2208vw rgb(0 0 0 / 18%); }
.gallery ul li:nth-child(2n) img{   }






.indexpro_1{ width: 90%; margin-left:10%; overflow:hidden; border-top: 1px solid #f1f1f1;  margin-top: 5vh; position:relative; }
	
.indexpro_1 .indexpro_1_txt{ float:left; width:30%; padding:10vh 0 ;}
.indexpro_1 .indexpro_1_pro{ float:right; width:70%; overflow:hidden; position: relative; }




.cards {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    border-top: 1px solid #d1d1d1;
    border-bottom: 1px solid #d1d1d1;
}

.cards a { cursor:pointer;
    position: relative; width:25%;  -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;
	overflow:hidden;
}

.cards a.hover{ width:60%; }
.cards a.hover  .card-item-text .card-item-content{ display:block; }

.cards a .card-item-text .card-item-content{ width:670px; }

@media screen and (max-width:1700px){
	
	.cards a .card-item-text .card-item-content{ width:600px; }
	
}
@media screen and (max-width:1600px){
	
	.cards a .card-item-text .card-item-content{ width:600px; }
	
}
@media screen and (max-width:1500px){
	
	.cards a .card-item-text .card-item-content{ width:500px; }
	
}

.cards.cards3 .card-item-text {
    padding: 0 72px;
}
.cards.cards3 .card-item-text .card-item-title {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box; margin-bottom: 10px;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical; color:#000; font-size:24px;
}

.cards.cards3 .hover .card-item-text .card-item-title{     color: #c72c32; }


.cards.cards3 .card-item-text .card-item-title span{  display: block;
    font-size: 16px;
    color: #888;
    font-weight: 100; margin-top:10px}
.cards.cards3 .card-item-text .card-item-content {
    font-size: 14px;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box; display:none;
 
}

.cards.cards3 .card-item-text .card-item-content small{ display: block;
    margin-top: 10px;
    line-height: 180%; font-size: 12px;
    letter-spacing: normal;
    line-height: 20px;
    display: block;
    color: #cdcdcd; }

.cards a .card-item-bgImg {
    width: 100%;
    background-size: cover;
    background-position: 50%; 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;
}
.cards a:hover .card-item-bgImg,.cards a.hover .card-item-bgImg{ opacity:0.5;  }

.cards.cards3 .card-item-bgImg {
    height: 32rem;
}

.cards a:hover .bg-mask{   }

.cards a .bg-mask {
    background: #fff;
    opacity: .8;
    position: absolute;
    z-index: 0;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    border-left: 1px solid #d1d1d1;
}

.cards a .card-item-text {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
 
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0 12.4rem;
    z-index: 1;
}

.cards a .card-item-text .card-item-content {
 
       font-size:16px;
       font-weight: 400;
       color: #000;
       line-height: 180%;
       overflow: hidden;
       text-overflow: ellipsis;
       display: -webkit-box;
       -webkit-line-clamp: 3;
}

 

.xle_swp { padding:10vh 0 ;  }
.xle_swp .swiper-slide {
   
     
    overflow: hidden;
	border-radius:10px;
	-moz-box-shadow: 0 10px 35px 5px rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: 0 10px 35px 5px rgb(0 0 0 / 20%);
	box-shadow: 0 0px 27px 0px rgb(0 0 0 / 10%);
}

.xle_swp .swiper-slide:first-child{  }

.xle_swp .swiper-wrapper { padding-left: 20px; }

.xle_swp .swiper-slide img{ width:100%; display: block;  margin-bottom: 3vh; }



.indexpro_1 .indexpro_1_txt h2{ color: #272064; font-size: 45px;   margin-bottom: 2vh; }
.indexpro_1 .indexpro_1_txt p{ line-height: 2; font-size: 18px;  color: #7a7a7a;  margin-bottom: 4vh; }

.indexpro_1 .indexpro_1_pro .swiper-slide a{ display:block; padding: 20px;}
.indexpro_1 .indexpro_1_pro .title{ display: flex; }
.indexpro_1 .indexpro_1_pro .title_jt svg{ width: 30px;  height: 30px; }
.indexpro_1 .indexpro_1_pro .title_left{ flex:2; }
.indexpro_1 .indexpro_1_pro .title_left h3{ font-weight: 500; }
.indexpro_1 .indexpro_1_pro .title_left span{ font-weight: 100;  color: #939393; }

.indexpro_1_txt .more{ position: absolute;  bottom: 0; }

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

.indexpro .swiper-button-next,.indexpro  .swiper-container-rtl .swiper-button-prev{ left: 100px; right: auto; }


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


.swiper-button-next, .swiper-button-prev{ bottom:0; top: auto; }


.indexsolution{ overflow:hidden; color:#fff; position:relative; margin: 0; margin-bottom:0; } 
.indexsolution .titleh2{ position: absolute;
    z-index: 5;
    width: 100%;
    color: #fff;
    top: 120px; }
.indexsolution .title{ position: absolute;
    z-index: 10;
    top: 15%;
    left: 10%;
    font-weight: 100;
    font-size: 22px; }
.solutionpic h3{     font-size: 45px; }

 
.solutionpic .swiper-slide h2{ font-size: 45px; position: absolute;  bottom:140px; top:auto; left: 10%;  z-index:5; transition: all 1s ease-in-out 0s; opacity:0; }
.solutionpic img{ display:block; width:100%; }

.solutionpic .swiper-slide p{ line-height: 2;   margin:0;  position: absolute;  bottom:100px; top:auto; left: 10%; z-index:5; width: 660px;  transition: all 1.2s ease-in-out 0s; opacity:0; font-size:20px;  letter-spacing: 1px; font-weight: 300; }


.solutionpic .swiper-slide span{     background: #c72c32;   color: #fff;  padding:5px 20px;   border-radius: 32px;  box-sizing: border-box;  display: inline-block;   position: absolute;  bottom:30px;  top:auto; left: 10%;  z-index: 5; transition: all 1s ease-in-out 0s; opacity:0; width: 150px;
    text-align: center; }
.solutionpic .swiper-slide span:hover { background:#9b151b; }
.solutionpic .swiper-slide span:hover svg{ margin-left:10px; }
.solutionpic .swiper-slide span .jd-icon-search{vertical-align: middle;  font-size: 15px;  }
.solutionpic .swiper-slide span svg  {  transition: all 0.5s ease-in-out 0s;   transform: rotate(-90deg); width: 30px;  height: 40px;  vertical-align: middle; }
.solutionpic .swiper-slide span svg , .solutionpic .swiper-slide span svg path{ fill:#fff }
.solutionpic .swiper-slide img{ opacity:0.8; transform:scale(1.1);  transition: all 1.4s ease-in-out 0s; }
.solutionpic .swiper-slide.swiper-slide-active img{ opacity:1; transform:scale(1); }

.solutionpic .swiper-slide.swiper-slide-active h2{ bottom:240px; opacity:1; top:auto; }
.solutionpic .swiper-slide.swiper-slide-active p{ bottom:200px; opacity:1; top:auto;}
.solutionpic .swiper-slide.swiper-slide-active span{ bottom:130px;  opacity:1; top:auto;}

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

.solutionpic .swiper-pagination{ background: #f1f1f1; color: #000; width: 650px; border-radius: 10px;  text-align: left;  padding: 25px 60px;  box-sizing: border-box;  bottom: auto;  top:75%;   right: 10%;  left: auto; display:flex; }

.indexsolution .solutionpic .swiper-pagination span{ color:#7a7a7a; opacity:1; width:auto; height:auto; background:none; margin:0; margin-right:0; display:inline-block; flex:1; text-align:center;  }
.indexsolution .solutionpic .swiper-pagination span.swiper-pagination-bullet-active{ color:#c72c32; }

 

.swiper-button-next svg path,.swiper-button-prev svg path{ fill:#c72c32; }
.swiper-button-next.swiper-button-disabled svg path, .swiper-button-prev.swiper-button-disabled svg path{ fill:#000; }
.indexsolution .swiper-button-prev{ right: 15%; left: auto;  bottom: auto;  top: 79%;  background: none; width: 60px;  height:45px; }
.indexsolution .swiper-button-next{ right: 11%; left: auto;  bottom: auto;  top: 79%;  background: none; width: 60px;  height:45px; }
 
 
 
 .shuzi{ background:url(../images/rybg.jpg) no-repeat top center; padding: 100px 0px;}
  .shuzi .bigtitle{ color: #c72c32; }
 
.shuzi ul {margin: 0 auto;width:90%;display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-gap: 30px;
    row-gap: 30px; margin-top: 80px;}
	.shuzi ul li{  text-align: center; position:relative; cursor:pointer;  -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; }
	.shuzi ul li:hover{ margin-top:-20px; }
    .shuzi ul li:hover span,.shuzi ul li:hover i, .shuzi ul li:hover em, .shuzi ul li:hover b{ color: #c72c32; }
    
    
    
	.shuzi li span {display: block; font-size:16px; color: #888; }
	.shuzi li span b{ font-weight:500; color:#000; }
	.shuzi li span img{ display: inline-block;  width: 60px;  height: auto; }
	.shuzi li span:nth-child(1) { font-size:55px; font-family: 'HELVETICANEUELTPRO-THEX'; color: #6b6b6b; font-weight: 100;}
	.shuzi li span:nth-child(3){ font-size: 12px; width: 290px; margin: 0 auto; margin-top: 10px;}
	
	.shuzi ul li i,.shuzi ul li em{font-style:normal; color: #000; font-family: CgFuturaMaxiLt; }
	
	.shuzi ul li em{ font-size: 14px; display: inline-block;  vertical-align: text-top; }
	
.aboutpage{ background:#fff; }
  .aboutpage_con{ width: 80%;  margin: 0 auto;  padding: 20vh 0; display:flex; }

.en_b {
    -webkit-text-stroke: 1px rgb(203 203 203/ 55%);
    position:absolute;
    color: transparent;
    font-size:180px;
    white-space: nowrap;
    font-family: en_b;
    text-align: center; z-index:1; width: 100%; display: block;  font-weight:bold; top:-70px;
}
#sw2 .en_b{ top:auto; bottom:0px; z-index:0; }

.en_b em {
    display: inline-block;   font-style: normal;
}


.gotoup{
    position:fixed;
    left:5%;
    right: 0;
    bottom: 80px;
    user-select: none;
    width:50px;
    height:50px;
    border-radius: 50%;
    line-height: 0.6rem;
    background-color: #c72c32;
    text-align: center;
    display: flex;
    transform-origin: 50% 50%;
    justify-content: center;
    align-items: center;z-index: 11;
    display: none;
}
.gotoup svg{ width: 35px; height: auto; transform:rotate(180deg); }
    
.gotoup svg path {fill: #fff;}


 .aboutpage_con .aboutpage_title{ 
     
     color: #c72c32;  font-size:35px;  line-height: 1.5; margin-bottom:50px; flex: 1;
     
     
 }
 
 
 .aboutpage_con.aboutpage_con_two .aboutpage_title{
     
     animation-timing-function: linear;
     height:200px; padding-top:0px;
  animation-name: scrP11;
 }
 
 
 @keyframes scrP11 {
  0% {
    opacity: 0;
    transform: translate3d(0vw, 0vw, 0);
    -webkit-transform: translate3d(0vw, 0vw, 0);
    -moz-transform: translate3d(0vw, 0vw, 0);
    -o-transform: translate3d(0vw, 0vw, 0);
    -ms-transform: translate3d(0vw, 0vw, 0);
    backface-visibility: hidden;
  }
  15% {
    opacity: 1;
    transform: translate3d(0vw, 0vw, 0);
    -webkit-transform: translate3d(0vw, 0vw, 0);
    -moz-transform: translate3d(0vw, 0vw, 0);
    -o-transform: translate3d(0vw, 0vw, 0);
    -ms-transform: translate3d(0vw, 0vw, 0);
    backface-visibility: hidden;
  }
  25% {
    transform: translate3d(0px, 25%, 0px);
    -webkit-transform: translate3d(0px, 25%, 0px);
    -moz-transform: translate3d(0px, 25%, 0px);
    -o-transform: translate3d(0px, 25%, 0px);
    -ms-transform: translate3d(0px,25%, 0px);
    backface-visibility: hidden;
  }
  35% {
    transform: translate3d(0px, 35%, 0px);
    -webkit-transform: translate3d(0px, 35%, 0px);
    -moz-transform: translate3d(0px, 35%, 0px);
    -o-transform: translate3d(0px, 35%, 0px);
    -ms-transform: translate3d(0px, 35%, 0px);
    backface-visibility: hidden;
  }
  50% {
    transform: translate3d(0, 50%, 0px);
    -webkit-transform: translate3d(0, 50%, 0px);
    -moz-transform: translate3d(0, 50%, 0px);
    -o-transform: translate3d(0, 50%, 0px);
    -ms-transform: translate3d(0, 50%, 0px);
    backface-visibility: hidden;
  }
  100% {
    transform: translate3d(0, 90vh, 0px);
    -webkit-transform: translate3d(0, 90vh, 0px);
    -moz-transform: translate3d(0, 90vh, 0px);
    -o-transform: translate3d(0, 90vh, 0px);
    -ms-transform: translate3d(0, 90vh, 0px);
    backface-visibility: hidden;
  }
}


 .aboutpage_con .aboutpage_title span{ display: block;
    color: #888;
    line-height: 1.5;
    margin-top: 40px;
    text-transform: capitalize;
    font-size: 12px;
    font-weight: 100; }

 .aboutpage_con .aboutpage_pic_txt{ margin-top: 0;  margin-left: 100px; flex: 2; }	


.aboutpage_con .aboutpage_pic_txt .aboutpage_pic_txt_0{ width:45%; margin-right:5%; position:relative; border-radius: 15px; overflow:hidden; }
.aboutpage_con .aboutpage_pic_txt .aboutpage_pic_txt_0 img{ display:block; width: 100%; }

.aboutpage_con .aboutpage_pic_txt .aboutpage_pic_txt_0::after {
    content: '';
    display: block;
    position: absolute;
    bottom: 0;
    width: 100%;
    left: 0;
    height: 70%;
     
    z-index: 1;
}

.aboutpage .news{     margin-top: 90px; }

.aboutpage_con .aboutpage_pic_txt .aboutpage_pic_txt_0.aboutpage_pic_txt_0_two::after{ display:none; }

.aboutpage_con .aboutpage_pic_txt .aboutpage_pic_txt_0 h3{ position: absolute;
    color: #fff;
    font-weight: 100;
    bottom:6%;
    left: 5%;
    z-index: 5; }


.aboutpage_con .aboutpage_pic_txt .aboutpage_pic_txt_1{ width:100%; line-height: 2;  font-size: 16px;  padding: 0; letter-spacing: 1px;  color: #000;}

.aboutpage_pic_txt_1 small{   line-height: 160%;
    display: block;
    letter-spacing: 0px;
    color: #909090; font-size: 12px;
    line-height: 20px; }

.aboutpage_con.aboutpage_con_two{ padding:10vh 0; }
.aboutpage_con.aboutpage_con_two .aboutpage_pic_txt .aboutpage_pic_txt_1{ width:100%; margin-right:0; margin-top:0px; }
.aboutpage_con.aboutpage_con_two .aboutpage_pic_txt .aboutpage_pic_txt_0{ width:100%; margin-right:0; }

.aboutpage .videolist{ width: 80%;  margin: 0 auto; margin-top:10vh; margin-bottom:10vh; }

 





.ronyu {
	   width:100%;
	   padding: 100px 0px;
	    background: url(../images/sky.jpg) no-repeat center center;
	    background-size: cover;
		position: relative;
	}
.ronyu .titleh2{ position: relative;   z-index: 10; margin-bottom: 70px; }
.ronyu .titleh2 .bigtitle{     font-size: 35px;  letter-spacing: 2px; }
.ronyu .titleh2 .bigtitle i{     color: #c72c32; }
.ronyu .titleh2 .bigtitle i em{ font-weight: bold;
    font-family: CgFuturaMaxiLt; }
	.ronyu:after {
	    clear: both;
	    display: table;
	    content: " ";
	}
	.cloud {
	    display: inline-block;
	    width: 100%;
	    height: 100%;
	    background: url(../images/cloud.png) repeat-x 0 0;
	    background-size: cover;
	    animation: spreaddw 3000s linear infinite;
	    position: absolute;
	    left: 0;
	    top: 0;
	    z-index: 2;
	}
 
	@keyframes spreaddw {
	  from { background-position: 0 0; }
	  to { background-position: -50000px 0; }
	}
	
	
	
	.ron_pic{ margin-right:7.5%; float:right;     margin-top:0px; width:630px; display:none; position: relative;
    z-index: 10; }
	
	.ron_pic.hover{ display:block; }
	.ron_pic:after {   clear: both;  display: table;  content: " ";}
	
	.ron_pic .ron_pic_txt{ float:left; position: relative; z-index: 5;  margin-top: 150px;     width: 44%; }
	
	
	.ron_pic_txt h2{ animation: a2_1 1s ease infinite ; animation-iteration-count:1;-webkit-animation-iteration-count:1; font-size:40px; color:#000;}

	.ron_pic_txt h2::before{ content:''; display: inline-block; width:50px; height:50px; background:url(../images/hh1.png) no-repeat center; background-size:100%; vertical-align: text-bottom; margin-right: 10px; }
	
	
	.ron_pic_txt p{font-size: 18px; margin: 20px 0px; animation: a2_1 1.5s ease infinite ; animation-iteration-count:1;-webkit-animation-iteration-count:1;}
	
	
	.ron_pic_txt a{ animation: a2_1 1.3s ease infinite ; animation-iteration-count:1;-webkit-animation-iteration-count:1; display: inline-block; width: 140px; text-align: center; background: #0b4085; color: #fff; padding: 10px 0px; font-size: 18px; }
	
	@keyframes a2_1{from {margin-left:-100px; opacity:0}  to { margin-left:0; opacity:1}}
	
	
	.ron_pic .ron_pic_pic{ float:right;  position: relative;  width:100%; height: 500px;}
	.ron_pic .ron_pic_pic img{   position: absolute; bottom: 0;   animation-iteration-count:1;-webkit-animation-iteration-count:1;  }
	
	.ron_pic .ron_pic_pic .img4a{ right:-130px;  z-index:1; bottom:-100px;  animation: a2_5 1s ease infinite ;  animation-iteration-count:1;-webkit-animation-iteration-count:1; }
	.ron_pic0 .ron_pic_pic .img1a{ left:0; z-index:5; animation: a0_2 1.5s ease infinite ; animation-iteration-count:1;-webkit-animation-iteration-count:1;   }
	.ron_pic0 .ron_pic_pic .img2a{ left:20%; z-index:1; bottom:80px; animation: a0_3 1.3s ease infinite ;   animation-iteration-count:1;-webkit-animation-iteration-count:1; }
	.ron_pic0 .ron_pic_pic .img3a{ right:7%;  z-index: 5;  animation: a0_4 1.3s ease infinite ;    animation-iteration-count:1;-webkit-animation-iteration-count:1; }
	
	
	.ron_pic .ron_pic_pic .img4{ right:-130px;  z-index:1; bottom:-100px;   }
	.ron_pic0 .ron_pic_pic .img1{ left:0; z-index:5;  }
	.ron_pic0 .ron_pic_pic .img2{ left:20%; z-index:1; bottom:80px; }
	.ron_pic0 .ron_pic_pic .img3{ right:7%;  z-index: 5; }
	
	
	@keyframes a0_2_no{from {left:100px; opacity:0}  to { left:0; opacity:1}}
	@keyframes a0_3_no{from {left:15%; opacity:0}  to { left:20%; opacity:1}}
	@keyframes a0_4_no{from {right:2%; opacity:0}  to { right:7%; opacity:1}}
	@keyframes a2_5_no{from {right:-30px; opacity:0}  to { right:-130px; opacity:1}}
	
.ronyucen{  
    width: 1300px;
    margin: 0 auto; }
.ronyucen:after {
    clear: both;
    display: table;
    content: " ";
}
.zz-swiper3{ position: relative;
    z-index: 10;
    height: 260px;
    width: 560px;
    float: left;
        margin-top: 50px;
     }


.zz-swiper3 .swiper-button-prev{ left:0; }
.zz-swiper3 .swiper-button-next{ right: auto; left:100px; }
.zz-swiper3 .swiper-button-next, .zz-swiper3 .swiper-button-prev{ bottom:-80px; }
 
.zz-swiper3 .swiper-button-next:after,.zz-swiper3 .swiper-container-rtl .swiper-button-prev:after{ display:none; }
.zz-swiper3 .swiper-button-prev:after,.zz-swiper3  .swiper-container-rtl .swiper-button-next:after{ display:none; }

.swiper3 { height:100%; overflow:hidden; }
.swiper3 .swiper-slide{ height: auto; user-select:none;
    display: flex;     font-size: 18px;
    align-items: center; transition: all 0.5s ease-in-out 0s;
     }
.swiper3 .swiper-slide span{ display:none; transition: all 0.3s ease-in-out 0s; }
.swiper3 .swiper-slide.swiper-slide-active{ font-size: 35px; color: #c72c32; display:block; font-weight: bold; }
.swiper3 .swiper-slide.swiper-slide-active span{ display:block; font-size:14px; font-weight:400; text-transform: capitalize; }


.zz-swiper3 a.more{ margin-top:20px; }
.zz-swiper3 a.more span{ background: #fff;   color: #c72c32;  padding:5px 20px;   border-radius: 32px;  box-sizing: border-box;  display: inline-block;     transition:all 0.3s ease-in;  width: 150px;
    text-align: center; }

.zz-swiper3 a.more span:hover { background:#c72c32; color: #fff; }
.zz-swiper3 a.more span:hover svg{ margin-left:10px; }
.zz-swiper3 a.more span .jd-icon-search{vertical-align: middle;  font-size: 15px;  }
.zz-swiper3 a.more span svg  {  transition: all 0.5s ease-in-out 0s;   transform: rotate(-90deg); width: 30px;  height: 40px;  vertical-align: middle; }
.zz-swiper3 a.more span svg , .zz-swiper3 a.more span svg path{ fill:#c72c32;  -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; }
.zz-swiper3 a.more span:hover svg path {fill:#fff}




.honor{  }
.honor::before {
	    position: absolute;
	    display: block;
	    content: "";
	    left: 0;
	    right: 0;
	    bottom: 0;
	    top:320px;
	    background: #f5f5f5; display:none;
	}
	
	.honor,.honor-list{
	    position: relative;
	    width:85%;
	    margin:0 auto; padding-bottom:70px; padding-top:70px; 
	}
	.aboutpage .honor-list{ margin-top:0px;  width: 74%; overflow: hidden; display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 30px;
    row-gap: 30px; }
	.honor .col-sm-6 {
	    width: 50%; float: left; position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px; box-sizing: border-box;
	}
	
	.honor .rssd{position: absolute;
    font-size: 30px;
    top: 70px;  } 
	
	.mainview {
	    position: relative;
	    margin-left:90px;
	    margin-right: 30px;
	    margin-bottom: 90px;
	    padding:43px 25px;
	    background: #fff;
	    box-shadow: 10.816px 18.001px 79px 0px rgba(0, 0, 0, 0.1);
	}
	
	.clearfix:after {
	    content: " ";
	    display: block;
	    clear: both;
	    visibility: hidden;
	    line-height: 0;
	    height: 0;
	}
	.mainview .imgbox {
	    margin-bottom:30px;
	    display: flex;
	    align-items: center;
	    text-align: center;
	}
	.mainview img {
	    max-width: 100%;
    max-height: 450px;
    margin: 0 auto;
    display: block;
	}
	.mainview p {
	    font-size: 18px;
	    line-height: 24px;
	    color: #333;
	    height: 24px;
	    font-family: "BarlowSemiCondensed-SemiBold";
	}
	.row:before {
    display: table;
    content: " ";
}
	.line2 {
	    overflow: hidden;
	    text-overflow: ellipsis;
	    display: -webkit-box;
	    -webkit-box-orient: vertical;
	    -webkit-line-clamp: 2;
	}
	.tc {
	    text-align: center;
	}
	
	.preview .imgbox {
	    position: relative;
	    width: 184px;
	    height: 125px;
	}
	.preview .imgbox::before {
	    position: absolute;
	    display: block;
	    content: "";
	    left: 0;
	    top: 0;
	    right: 0;
	    bottom: 0;
	    border: 1px solid #c72c32;
	    opacity: 0;
	    -webkit-transition: all .3s;
	    transition: all .3s;
	}
	.preview .swiper-slide.active .imgbox::before {
	    opacity: 1;
	}
	.img-cover {
	    width: 100%;
	    height: 100%;
	    object-fit: cover;
	}
	.preview >a {
	    position: relative;
	    display: inline-block;
	    margin-top:-38px;
	    margin-bottom:62px;
	    margin-right: 15px;
	    width:60px;
	    height:60px;
	    border: 1px solid #c9c9c9;
	    background: #fff;
	    -webkit-transition: background .3s,border-color .3s;
	    transition: background .3s,border-color .3s;
	}
	
	.preview >a:hover {
	    background:#c72c32;
	    border-color:#c72c32;
	}
	.preview >a:hover::before {
	    border-color: #fff;
	}
	.preview >p {
	    margin-top:140px;
	    font-size: 187px;
	    font-family: "BarlowSemiCondensed-SemiBold";
	    color: #f5f5f5;
	    line-height: 1;
	    white-space: nowrap; text-align:right;
	}
	.preview >a::before {
	    position: absolute;
	    display: block;
	    content: "";
	    top: 50%;
	    left: 50%;
	    width: 12px;
	    height: 12px;
	    border-top: 1px solid #c9c9c9;
	    border-right: 1px solid #c9c9c9;
	    -webkit-transition: border-color .3s;
	    transition: border-color .3s;
	}
	.preview .arrow-left::before {
	    margin-top: -7px;
	    margin-left: -2px;
	    -webkit-transform: rotate(-135deg);
	    transform: rotate(-135deg);
	}
	.preview .arrow-right::before {
	    margin-top: -7px;
	    margin-left: -7px;
	    -webkit-transform: rotate(45deg);
	    transform: rotate(45deg);
	}
	.preview .swiper-slide{width: 204px;}
	
	
	.radius-half {
	    -webkit-border-radius: 50%;
	    border-radius: 50%;
	}
	
	
	.mainview .swiper-pagination {
	    left: 0;
	    right: 0;
	    bottom:-55px;
	}
	.mainview .swiper-pagination .swiper-pagination-bullet{ margin:0 5px; }
	.mainview .swiper-pagination-bullet-active {
	    background:#c72c32;
	}




.honor-list .imgtext { margin-bottom: 55px;
    background: none;
    padding: 0;
    display: flex;  }
.honor-list .imgtext .row {     margin-top: 0;
    margin-left:100px; }
.honor-list .imgtext:nth-child(2) .imgtext-hd{ width:120px; }
.honor-list .imgtext >.row .zhnlist{ float:none; margin-bottom:20px; }
 

	.imgtext-hd { position: relative;  padding-left:0px;}
	.imgtext-hd img { position: absolute; left: 0; top: 0;  width:40px; display:none; }
	.imgtext-hd h3 { font-size:24px;
    font-family: "BarlowSemiCondensed-SemiBold";
    color: #333;
    text-transform: uppercase;
    font-weight: 400;}
	.imgtext-hd h3 span{ font-weight: 200;
    text-transform: capitalize;
    font-size: 12px;
    letter-spacing: normal;
    line-height: 20px;
    display: block;
    color: #cdcdcd; }
	.imgtext >.row {margin-top:40px;}
	.imgtext >.row .zhnlist {width:100%;  margin-right:0; margin-bottom:0; }
	.imgtext >.row .zhnlist:nth-child(4n){ margin-right:0; }
	.honor-list .thumbnail:hover{    }
	.imgtext >.row .zhnlist img{ display: none;
    margin: 0 auto;
    width: auto;
    height:200px;
    max-width: 100%; }
	.thumbnail {
	    display: block;
	    padding: 4px;
	    margin-bottom: 20px;
	    line-height: 1.42857143;
	    background-color: #fff;
	    border: 1px solid #ddd;
	    border-radius: 4px;
	    -webkit-transition: border .2s ease-in-out;
	    -o-transition: border .2s ease-in-out;
	    transition: border .2s ease-in-out;
	}
	.honor-list .thumbnail {
	        padding: 0;
    border: 1px solid #f0f0f0;
    -webkit-border-radius: 0;
    border-radius: 0;
    text-align: left;
    border: none;
    line-height: normal;
    margin-bottom: 10px;
	}
	.imgtext p {
	    margin-top:20px;
	    color: #333;
	    font-size: 18px;
	    height: 30px;
	    line-height: 30px;
	}
	.honor-list .imgtext p{ margin-top: 0;
    color: #333;
    font-size: 14px;
    height: auto;
    line-height: normal; line-height:2.5; }
	.imgtext .isicon {
	    position: relative;
	    top: 0;
	    width: 1rem;
	    height: 1rem;
	}
	.trans-3 {
	    -webkit-transition: all .3s;
	    transition: all .3s;
	}
	.imgtext .thumbnail:hover .isicon {
	    top: -10px;
	}



.honor_body .swiper-pagination {
  top: 100%;
  bottom: auto;
  margin-top: .35rem;
  display: none;
}
.honor_body .swiper-pagination div {
  line-height: 1;
  color: #000000;
}
.honor_body .swiper-pagination div.on {
  color: #d6031a;
}
.honor_body .swiper-pagination div:nth-child(2) {
  margin: 0 .2rem;
}
.honor_body .con_block {
  background-color: #fff;
  padding-bottom: 1.35rem;
}
.honor_body .hon_box_case .hon_box {
  display: none;
}
.honor_body .hon_box_case .hon_box.on {
  display: block; padding-top:0px;
}
.honor_body .hon_con_box {
  position: relative;
  padding-top:0vh;
}
.honor_body .hon_con_box .swiper-container {
  width: 37.666%;
  margin: 0 auto;
  overflow: visible;
}
.honor_body .hon_con_box .swiper-container .swiper-slide {
  overflow: visible;
}
.honor_body .hon_con_box .swiper-container .swiper-wrapper {
  
}
.honor_body .hon_con_box .swiper-container .honor_con_me {
  transform: scale(0.8);
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.honor_body .hon_con_box .swiper-container .honor_con_me .pub_img_box {
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  display: none;
}
.honor_body .hon_con_box .swiper-container .honor_con_me .pub_img_box::before {
  margin-top: 64.8208%;
}
.honor_body .hon_con_box .swiper-container .honor_con_me .pub_img_box .pub_img {
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.honor_body .hon_con_box .swiper-container .honor_con_me .honor_img_ {
  display: block;
  margin: 0 auto;
  max-width:100%;
  
}


.honor_body .hon_con_box .swiper-container .honor_con_me .honor_img_.honor_img_two{ max-width:100%; }

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


.honor_body .hon_con_box .swiper-container .active .honor_con_me {
  transform: none;
}
.honor_body .hon_con_box .swiper-container .active .honor_con_me .honor_img_ {
  box-shadow: 0 10px 30px 0px rgba(0, 0, 0, 0.15);
}
.honor_body .hon_con_box .swiper-container .active .honor_con_me .pub_img_box {
  box-shadow: 0px 30px 100px 0px rgba(0, 0, 0, 0.15);
}
.honor_body .hon_con_box .swiper-container .active .honor_con_me .honor_t {
  opacity: 1; 
}

.honor_t em{ 
    
    font-weight: 200;
    text-transform: capitalize;
    font-size: 12px;
    letter-spacing: normal;
    line-height: 1.5;
    margin-top: 10px;
    display: block;
    color: #cdcdcd;
}

.honor_body .hon_nav_box {
  margin: 0 auto;
    margin-top:8vh;
    margin-bottom:8vh;
    position: relative;
    width: 80%;
}
.honor_body .hon_nav_box .swiper-slide {
  width: auto;
  cursor: pointer;
  pointer-events: auto;
  padding-top: 40px; transition: all .5s ease-in-out 0s; opacity:0;
}

.honor_body .hon_nav_box .swiper-slide.active-nav{ padding-top:0px; }

.honor_body .hon_nav_box .swiper-slide.active-nav .hon_n {
  color: #272064;  
}

@media screen and (orientation: landscape) {
  .honor_body .hon_nav_box .swiper-slide:hover .hon_n {
    color: #272064; 
  }
}
.honor_body .hon_nav_box .hon_n {
  color: #666666;
  line-height:3.5;
  text-align: center;
  padding: 0 30px;
}


.architecture{     width: 90%;
    margin: 0 auto;
    float: none;
    padding-top: 60px; }
.architecture img{     display: block;
    margin: 0 auto;
    max-width: 100%; }
.sha_tra {
  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;
}

 
.honor_body{ padding: 10vh 0; background:url("../images/lcbg.jpg") no-repeat bottom center; overflow:hidden; }
.honor_body .hon_con_box.hon_con_box1_fz{ padding: 10vh 0; padding-bottom:0px;
    padding-top: 0;
    margin-top: -135px;  }

.honor_body .bigtitle{     color: #c72c32; }

.honor_body .hon_nav_box.hon_nav_box_fz{ width:100%; background:url("../images/lis.png") no-repeat top center; }
.honor_body .hon_nav_box.hon_nav_box_fz .swiper-container{ width:94%; }
.honor_body .hon_nav_box.hon_nav_box_fz .hon_n{ padding: 0 60px; padding-bottom:0; line-height:1; }
.honor_body .hon_con_box.hon_con_box1_fz .swiper-container{ width:90%; overflow:hidden; }
.honor_body .hon_con_box.hon_con_box1_fz .swiper-container .swiper-slide{ opacity:1 !important;  transition: all 1s ease-in-out 0s;   }
.honor_body .hon_con_box.hon_con_box1_fz .swiper-container .swiper-slide.active{ opacity:1 !important; }

.honor_body .hon_con_box.hon_con_box1_fz .swiper-container .swiper-slide .pictxt{   display: flex;  align-items: center;  justify-content: center; 
width:100%; margin:0 auto; text-align:center; }

.honor_body .hon_con_box.hon_con_box1_fz .swiper-container .swiper-slide .pictxt h2{ margin-bottom: 1vh;
    font-weight: 500;
    font-size:24px;
    color: #000000;
    font-family: CgFuturaMaxiLt;
    -webkit-transition: all 1s ease-in;
    -moz-transition: all 1s ease-in;
    -o-transition: all 1s ease-in;
    transition: all 1s ease-in;
    padding-bottom: 90px;
    
    background: url(../images/yuandian.png) center 60px  no-repeat;
    
    
}

.honor_body .hon_con_box.hon_con_box1_fz .swiper-container .swiper-slide.active .pictxt h2{ color: #c72c32; }


    
.honor_body .hon_con_box.hon_con_box1_fz .swiper-container .swiper-slide .pictxt .bg{ font-size: 160px;
    font-weight: 500;
    position: absolute;
    bottom: -80px;
    line-height: normal;
    opacity: 0.05;
    left: 250px; color: #919191; font-family: 'CgFuturaMaxiBd';  
    -webkit-transition:all 1s ease-in;-moz-transition:all 1s ease-in;-o-transition:all 1s ease-in;transition:all 1s ease-in;
    display:none;
    
}
    
    
.honor_body .hon_con_box.hon_con_box1_fz .swiper-container .swiper-slide .pictxt .txt{     line-height: 2;
    margin-left: 0px;
    width: 100%;
    -webkit-transition: all .7s ease-in;
    -moz-transition: all .7s ease-in;
    -o-transition: all .7s ease-in;
    transition: all .7s ease-in;
    line-height: 200%; }
.honor_body .hon_con_box.hon_con_box1_fz .swiper-container .swiper-slide.active .pictxt .txt{ margin-left:0px; }
.honor_body .hon_con_box.hon_con_box1_fz .swiper-container .swiper-slide .pictxt .txt span{ display: block;   font-size: 12px;   color: #888;  line-height: 150%; margin-top:5px; font-size: 12px;
    letter-spacing: normal;
    line-height: 20px;
    display: block;
    color: #cdcdcd; }
.honor_body .hon_con_box.hon_con_box1_fz .swiper-container .swiper-slide .pictxt .pictxt_txt{font-size:16px; width:100%;  margin-left:0; position:relative; }
.honor_body .hon_con_box.hon_con_box1_fz .swiper-container .swiper-slide .pictxt .pictxt_pic{ width:48%; display:none; }
.honor_body .hon_con_box.hon_con_box1_fz .swiper-container .swiper-slide .pictxt .pictxt_pic img{ display:none; border-radius:10px; width:100%; }


.honor_body .hon_con_box.hon_con_box1_fz .swiper-container .swiper-slide.active .pictxt .bg{ left: 130px;  }


.honor_body .hon_nav_box.hon_nav_box_fz{ margin-top: 0;
    padding-bottom: 18px;
    margin-bottom: 0;}
    
.honor_body .swiper-container{ overflow: unset; }

.honor_body .hon_nav_box.hon_nav_box_fz .swiper-slide .hon_n{ position:relative;  color:#a1a1a1;     font-family: CgFuturaMaxiLt;}
.honor_body .hon_nav_box.hon_nav_box_fz .swiper-slide .hon_n:after{ display:none;
    content: "";
    height:70px;
    width:70px;
    background: #dbdbdb;
    border-radius: 50%;
    margin: 0 auto;
    position: absolute;
    bottom:2px;
    left: 50%;
    margin-left: -5px;}

 

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

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

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

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

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

.honor_body .swiper-button-prev, .honor_body .swiper-container-rtl .swiper-button-next,.honor_body  .swiper-button-next,.honor_body  .swiper-container-rtl .swiper-button-prev{ background:#fff; border:1px solid #f1f1f1; }

.honor_body .hon_nav_box.hon_nav_box_fz .line{ display:none; width:96%; height: 1px; background: #f1f1f1; left:2%;  position: absolute; top:45px; }

.honor_body .hon_nav_box.hon_nav_box_fz .active-nav .hon_n:after{ display: block;
    background: #fff;
 
    margin-left: -2px;
    bottom: 0px;
    position: absolute;
    z-index: -1;
    top: -26px;
    left:51px; box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2); }

.honor_body .hon_nav_box.hon_nav_box_fz .active-nav .hon_n{ color: #c72c32; font-family: 'CgFuturaMaxiBd'; }

.honor_body .title h2 {
    color: #272064;
    font-size: 45px;
    margin-bottom: 2vh;
}
.honor_body .title p {
    line-height: 2;
    font-size: 18px;
    color: #7a7a7a;
}



.culture{ 
   width: 100%;
    overflow: hidden;
    background: #fff;
    padding: 100px 10%;
 
    box-sizing: border-box;
    display: grid;
    margin: 0 auto;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-gap: 30px;
    row-gap: 30px;
    
    
}
    
    
	.culture h4{ font-size: 20px; font-weight: 400; position:relative; text-align:center; }
	.culture h4 img{ width: 40px;
    display: block;
    margin: 0 auto;
    vertical-align: middle;
    margin-bottom: 10px;}
    
    .culture .culture_txt h4 i{ width: 80px;
    display: block;
    margin: 0 auto;
    vertical-align: middle;
    margin-bottom: 10px;
    font-size: 45px;
    color: #000; -webkit-transition: all .5s ease-in;
    -moz-transition: all .5s ease-in;
    -o-transition: all .5s ease-in;
    transition: all .5s ease-in;}
    
	.culture .culture_txt h4 text{ font-weight: bold; position:absolute; left:100%; width:50px; }
	.culture .culture_txt h4 span{     display: block;
    font-size: 12px;
    color: #9b9b9b; }
	.culture .culture_txt{  width: 100%; cursor:pointer;
    margin: 0 auto;
    background: #fff;
    padding: 26px;
    float: left;
    border: 1px solid #f1f1f1;
    box-sizing: border-box;
    border-radius: 10px;
    -webkit-transition: all .5s ease-in;
    -moz-transition: all .5s ease-in;
    -o-transition: all .5s ease-in;
    transition: all .5s ease-in;
	    
	}
    
	.culture .culture_txt p{ color: #a6a6a6; font-size: 14px; margin-top: 15px; line-height: 25px; text-align:center; }
	.culture .culture_txt text{font-weight: bold; position: absolute; left: 100%; width: 50px; margin-left: -130px; font-size: 110px; opacity: 0.05; top: -49px; user-select: none;}
	.culture .culture_txt p span{  display: block;
    font-size: 12px;
    color: #9b9b9b; line-height:1.5; }
	.culture .culture_txt:nth-child(4n){ margin-right:0; }

    
    .culture .culture_txt:hover{ background:#c72c32; color:#fff; }
    .culture .culture_txt:hover h4 i{ color:#fff; }
    .culture .culture_txt:hover h4 span{ color:#ddd; }
    .culture .culture_txt:hover p{ color:#ddd; }
    .culture .culture_txt:hover p span{ color:#ddd; }
    
    
    .about_1{ width: 100%;
    margin: 0 auto;
    float: none;
    padding: 0 10%;
    padding-top: 100px;
    background: #fff;
    box-sizing: border-box;
    overflow: hidden; }
	.about_1 .pic{ overflow:hidden; height:550px;     position: relative; float:left; width:50%; margin-right:3%;     border-radius: 10px;}  
	.about_1 .pic img{ width:100%; height:auto; position:absolute;
	
		-moz-transition:all 0.8s cubic-bezier(0.215, 0.61, 0.355, 1);
		-o-transition:all 0.8s cubic-bezier(0.215, 0.61, 0.355, 1);
		-webkit-transition:all 0.8s cubic-bezier(0.215, 0.61, 0.355, 1);
		transition:all 0.8s cubic-bezier(0.215, 0.61, 0.355, 1); 
	}
	
	.about_1 .about_logo{ margin-top:30px; width: 160px; margin-bottom: 40px;}
	.about_1 h3{ font-size:24px; margin-bottom:10px; color: #000; font-weight: 500; color: #c72c32;
    font-size: 35px;
    line-height: 1.5; }
	.about_1 p{    color: #b2b2b2; margin-top: 10px;     font-weight: 300; font-size:18px; }
	.about_1 .profile{     font-size: 16px; color: #000;  line-height: 200%; margin-top: 20px; }
	.about_1 .profile small{ display: block;
    letter-spacing: 0px;
    color: #909090;
    font-size: 12px;
    line-height: 20px; }
	.about_1 .profile_1 h4{     color: #000; font-size: 16px; margin-bottom:10px; }
	.about_1 .profile_1{      font-size: 14px;
    color: #777;
    line-height: 200%;
    margin-top: 40px;
    border: 1px solid #f1f1f1;
    padding: 30px;
    border-top: 4px solid #f1f1f1; }
 


.prolist{ margin-top:2vh; }
.prolist.prolistB{ display:none; }
.prolisttitle{ width: 80%;  max-width: 1500px; margin: 0 auto; }
.back_lm{ width: 80%;  max-width: 1500px; margin: 0 auto; }

.prolisttitle ul{ overflow: hidden;
    display: flex;
    align-items: center;
    background: #f1f1f1;
    border: 1px solid #dddddd;
    border-bottom: 0;}
.prolisttitle ul li{ flex: 1;  text-align: center; padding:20px 30px;color: #272064;  }
.prolisttitle ul li:nth-child(3){flex: 2;}




.allshju{ width: 80%;  max-width: 1500px; margin: 0 auto;  border-top: 1px solid #dddddd; border-bottom: 1px solid #dddddd; margin-bottom: 10vh;}
.allshju ul { overflow:hidden; display:flex; align-items: center;  justify-content: center; height: 80px; color: #7a7a7a; }
.allshju ul:nth-child(2n){ background:#f1f1f1; }
.allshju ul li{ float: left; padding: 10px 30px; box-sizing: border-box; flex: 1;  text-align: center;   position:relative; }
.allshju ul li.xidj{ cursor: pointer;  text-decoration: underline; }
.allshju ul li.xidj:hover{     color: #272064; }
.allshju ul li::after{content: '';
    position: absolute;
    height: 150px;
    width: 1px;
    background: #dddddd;
    top: -30px;
    left: 0;}

.allshju ul{ border-right:1px solid #dddddd; }
.allshju ul li:nth-child(3){flex: 2; text-align: left; font-size: 14px; }    
.allshju ul li svg{ width:50px; height:50px; }



.prolistB .prolisttitle ul li:first-child{ flex:2; }
.prolistB .allshju ul li:first-child{ flex:2; }
.prolistB .allshju ul li:nth-child(3){ flex:1; text-align:center; }
.prolistB .prolisttitle ul li:nth-child(3){ flex:1; }






.searpro{}
.searpro .searpro_a{ padding-top: 10vh; width: 80%;  margin: 0 auto; max-width: 1500px;}
.searpro_a ul{ display:flex; }
.searpro_a ul li{ flex:1; background:#f1f1f1; margin-right:1px; position:relative; padding:0px 20px; height:60px; cursor:pointer; }
.searpro_a ul li:last-child{ margin-right:0; }
.searpro_a ul li .title{ padding-top: 18px; display: block; position: relative; }
.searpro_a ul li .title.erj::after{ right:0; border-bottom: 1px solid #000;  border-right: 1px solid #000; top: 62%; }

.searpro_a ul li .title.i{ font-size: 12px;  padding-top: 11px; color: #7a7a7a; }
.searpro_a ul li .title.i i{ display: block;  font-size: 15px; color: #000; }

.searpro_a ul li .title.i p{ color:#ff0000; }

.searpro_a ul li .can{display: none;
    position: absolute;
    top: 100%;
    background: #f1f1f1;
    width: 100%;
    left: 0;
    padding: 20px 20px;
    padding-bottom: 20px;
    box-sizing: border-box;
    border: 1px solid #fff;
    border-top: 0;
    z-index: 5; padding-top:0px;}
.searpro_a ul li .can input{ border: none;  padding: 5px;   box-sizing: border-box;   font-size: 14px;  width: 100%; }
	
.searpro_a ul li .can input:first-child{ margin-bottom:10px; }
.searpro_a ul li .can span{ color: #8f8f8f; display:block; font-size: 14px; padding: 5px;  box-sizing: border-box; margin-bottom:10px; cursor:pointer; }
.searpro_a ul li .can span.hover{ color:#000; }
.searpro_a ul li .can span:hover{ color: #000; }
.searpro_a ul li .can span:last-child{ margin-bottom:0px;  }

.searpro_a ul li:hover .can{ display:block; }


.back_lm_a{ display: inline-block;
    padding: 10px 10px;
    background: #ebebeb;
    border-radius: 5px;
    margin: 30px 0; }



.jieju {
   padding: 100px 0;
   padding-bottom:0px;
    background: #fff;
}
.pub_case {
    width:80%;
    margin-left: auto;
    margin-right: auto;display: flex;
    align-items: flex-start;
}
.pub_case .pub_casetxt {
    width:35%;
    padding-right: 5%;
}

.pub_case .go_scr{ position:static; margin-top:30px; }

.pub_case .pub_info {
    width:60%;
    padding-right: 0;
    margin-top: .12rem;
	color:#000;
	line-height:180%;
	text-align: justify;
	letter-spacing:1px;
}  

.pub_case .pub_info small{ font-size: 12px;
    letter-spacing: normal;
    line-height: 20px;
    display: block;
    color: #cdcdcd;
    }
    
    
.pub_case .pub_info .en{ color: #888;
    line-height: 180%;
    margin-top: 10px;
    text-transform: capitalize;
    font-size: 14px;
    font-family: en_b;
    font-weight: 100;
    letter-spacing: normal;}
 .pub_title {
        color: #c72c32;
    line-height: 1.2;
    font-weight:500;
    font-size: 35px;
 }
 .pub_title_en {
    color: #888;
    line-height: 1.33;
    margin-top: 10px;
    text-transform: capitalize;
    font-size: 18px;
    font-family: en_b;
    font-weight: 100;
}


.go_scr {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 80px;
    user-select: none;
    width:40px;
    height:40px;
    border-radius: 50%;
    line-height: 0.6rem;
    background-color: #c72c32;
    text-align: center;
    display: flex;
    transform-origin: 50% 50%;
    justify-content: center;
    align-items: center;
}

.go_scr svg{ width: 35px;
    height: auto; }
.go_scr svg path{     fill: #fff; } 
.pub_case .go_scr {
    position: static;
    margin-top: 30px;
}






.nrnum{ background:#f1f1f1; padding:80px 0; }

.nrnum ul{ display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-gap: 30px;
    row-gap: 30px; }
.nrnum ul li{     color: #fff;
    text-align: center; }
.nrnum ul li b{ display: block;
    font-size: 50px;
    font-weight: 500;
    position: relative;
    font-family: HarmonyOSHans-Regular;
    color: #c72c32; }

.nrnum ul li b::after{ content: '+';
    vertical-align: super;
    color: #000;
    position: absolute;
    margin-top: 0;
    font-size: 22px; }

	
.nrnum ul li span{ font-size:24px; color:#000; }




#sw2{   background:#fff; padding:100px 0px; }

	#sw2 .max-wid > .left {
	    position: relative;
	    width: 22%;
	    height: 100%;
	}
	#sw2 .num-box {
	    position: absolute;
	    top: 0;
	    bottom: 0;
	    left: 0;
	    right: 0;
	    margin: auto;
	    pointer-events: auto;
	    z-index: 10;
	    height: 200px;
	    width: 200px;
	    border-radius: 50%;
	    overflow: hidden;
	}
	#sw2  .num-box > .a {
	    position: absolute;
	    z-index: 4;
	    overflow: hidden;
	    width: 100%;
	    height: 50%;
	    transform: skewy(-45deg);
	    line-height: 155px;
	    text-indent: 41px;
	}
	#sw2 .num-box > .a > em {
	    position: absolute;
	    width: 100%;
	    height: 200%;
	    left: 0;
	    top: 0;
	    transform: skewy(45deg);
	    color: #d70917;
	    line-height: 150px;
	    text-align: left;
	    text-indent: 33px;
	}
	#sw2 .num-box > .b {
	    position: absolute;
	    z-index: 4;
	    overflow: hidden;
	    width: 100%;
	    height: 50%;
	    bottom: 0;
	    transform: skewy(-45deg);
	}
	#sw2 .num-box:after {
	    position: absolute;
	    content: "";
	    height: 0;
	    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
	    width: 30%;
	    top: 50%;
	    left: 50%;
	    display: block;
	    transform: translate(-50%, -50%) rotate(-45deg) scalex(1);
	}
	#sw2 .num-box  .b  em {
	    position: absolute;
	    width: 100%;
	    bottom: 0;
	    height: 200%;
	    left: 0;
	    transform: skewy(45deg);
	    color: rgba(0, 0, 0, 0.5);
	    line-height: 238px;
	    text-indent: 35px;
	    text-align: center;font-size:20px;font-family: en_b;
	}
	#sw2 .num-box .a  em {
	    position: absolute;
	        width: 100%;
	        height: 200%;
	        left: 0;
	        top: 0;
	        transform: skewy(45deg);
	        color: #c72c32;
	        line-height: 150px;
	        text-align: left; font-weight:bold;
	        text-indent: 33px; font-size:50px; font-family: en_b;
	}
	 
	#sw2 .swiper-wrapper .swiper-slide {
	    width: 45vw;
	    height: 100%;
	    position: relative;
	    display: flex;
	    justify-content: center;
	    flex-direction: column;
	    align-items: center;
	    z-index: 10;
	}
	#sw2 .swiper-wrapper .swiper-slide .inner {
	    display: block;
	    margin: 0 auto;
	    position: relative;
	    width: 100%;
	}
	#sw2 .swiper-wrapper .swiper-slide a{ display:block; width:100%; }
	#sw2 .swiper-wrapper .swiper-slide .inner .top {
	    width: 100%;
	    position: relative;
	}
	#sw2 .swiper-wrapper .swiper-slide .inner .top .photo {
	    width: 100%;
	    height: 0px;
	    padding-bottom: 56.25%; background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    overflow: hidden;
    position: relative; border-radius:15px;	}
	#sw2 .swiper-wrapper .swiper-slide .inner .mid {
	    position: absolute;
	    right:-1px;
	    z-index: 10;
	    width: 90%;
	    bottom:80px;
	    box-shadow: 0 11px 50px -6px rgba(192, 196, 204, 0.71); border-radius: 15px;
    border-top-right-radius: 0;
    overflow: hidden;
	}
	#sw2 .swiper-wrapper .swiper-slide .inner .mid .msg {
	    background-color: #fff;
	    padding: 2vw 2vw;
	    display: flex;
	    align-items: center;
	    justify-content: space-between;
	}
	#sw2 .swiper-wrapper .swiper-slide .inner .mid .msg .left h3 {
	    color: #c72c32;
	    margin-bottom: 14px; font-size: 24px;
	}
	#sw2 .swiper-wrapper .swiper-slide .inner .mid .msg .left h3 > i {
	    display: inline-block;
	    margin-right: 10px;
	    vertical-align: bottom;
	}
	#sw2 .swiper-wrapper .swiper-slide .inner .mid .msg .left h3 > i img{ width: 29px;  display: block; }
	#sw2 .swiper-wrapper .swiper-slide .inner .mid .msg .right {
	    font-size: 80px;
	        color: #999999;
	        opacity: 0.3;
	        font-weight: bold;     font-family: en_b;
	}
	#sw2 .swiper-wrapper .swiper-slide .inner .btm {
	    width: 100%;
	}
	#sw2 .swiper-wrapper .swiper-slide .inner .btm .text_ {
	    color: #fff;
	}
	#sw2 .swiper-wrapper .swiper-slide .inner .btm .text_ {
	    width: 100%;
	    text-align: left;
	    font-size:150px;
	    color: #fff; 
	    text-shadow: 0 0 1px #c72c32; font-weight:bold; opacity:0;
	}
 #sw2 .swiper-wrapper .swiper-slide .inner .mid .msg .left small {
     color: #666666; font-size: 16px; line-height: 28px;
 }
 
 .num-box.on {
     animation: e1 2s cubic-bezier(0.86, 0, 0.07, 1);
 }
 
 #sw2 { position: relative;}
 #sw2  .swiper-wrapper{ margin-top:100px; }
 #sw2 .max-wid {
         position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    top: 373px;
    height: 570px;
    width: 82%;
    max-width: 1400px;
 }
 #sw2 .swiper-pagination {
     position: absolute;
     height: 100%;
     width: 22%;
     left: auto;
     right: 0;
     top: 0;
     display: flex;
     flex-direction: column;
     justify-content: center;
     align-items: center;
 }
 #sw2 .swiper-pagination span {
     margin: 10px 0; width:15px; height:15px;
 }
 #sw2 .swiper-pagination-bullet-active{ background: #c72c32; }
#sw2 .titleh2 .bigtitle{ color: #c72c32; }






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

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

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


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

  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  transition-property:all;
  background:url(../images/qi.png) no-repeat left top;
  
-webkit-transition: all 0.5s ease-in;
    -moz-transition: all 0.5s ease-in;
    -o-transition: all 0.5s ease-in;
    transition: all 0.5s ease-in;
  
  box-sizing: border-box;
  opacity:0.1;
  padding-bottom:91px;
  margin-top: 400px;
}




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







@media screen and (max-width: 640px){
	
	.imgtext{ padding: 30px 0; }
	.banner .num{ display:none; }
	.bigpc{ display:none; }
	.bigapp{ display:block; }
	.header .logo img {
	    height: auto;
	    opacity: 1;
	    display: block;
	    width: auto;
	    height: 40px;
	    margin-top: 5px;
	    margin-left: 5px;
	}
	
	.header .logo span{ padding-left: 10px;  margin-top:8px;  margin-left: 10px; }
	
	.mdmore{ width:90%; font-size: 12px; }
	
	html,body {
	    min-width: auto;
	}
	
	.header, .header.no, .header.notwo {
	    height: 50px;
	}
	.header{ padding: 0; }
	.header .logo{ height:50px;  left: 0;   margin-left: 0; }
	.header.headerindex {
	    padding: 0;
	    min-width: auto;
	}
	.top-lianx{ display:none; }
	.header-search{ display:none; }  
	
	.nav {
	    position: fixed;
	    background: #fff;
	    width: 100%;
 
	    display: none;
	    margin-top:49px;
	    padding-top: 30px;
	    margin-left: 0; border-top:1px solid #f1f1f1 ; padding-top: 0; float: none; height: 100vh;
		overflow: hidden;
		    overflow-y: auto;
	}
	.header.headerindex .lang { 
	    padding-left: 0;
	    right: 0; text-align: center; top:0; display:none;  position: static;
	}
	.header.headerindex .lang a.hover{ color:#0f6997; }
	.erj::after{     border-bottom: 1px solid #b8b8b8;  border-right: 1px solid #acacac; }
    .lang .sou{ position: absolute; top: 0; right: 40px; padding: 0; height: 55px; line-height: 55px; }
    .lang .lang_b{ position: fixed;
    bottom: auto;
    padding: 0;
    width: 100%;
    top: 540px; }
    .jd-icon-search{ font-size:20px; }
    .lang .lang_c{ position: fixed;bottom: 3%;padding: 0; width: 100%; }
    
	.lang::before{   }
	.header .nav li .nav_two{ background:none; }
	.nav a{ height:45px;   line-height:45px; }
	
	.nav li .noe .en{ top:2; }
	
	.header.headerindex .nav a{ color: #000000;
    padding:5px 0px;
    font-size: 16px;
    text-align: center; width:100%; }
	.header.headerindex .nav a.erj{ padding-bottom:0px; }
	.nav li{ float: none;  width: 100%;     }
	 #maintwo{ padding-top:30vh; }
	.nr_banner{ margin-top: 0; height:30vh;  min-height: auto; }
	.nr_banner.nr_bannertwo{ height:auto; }
	
	.header .nav li .nav_two{ overflow:hidden; }
	.header .nav li .nav_two li{  box-sizing:border-box; }
	.header .nav .nav_two li a{ line-height:30px;   height:30px; }
	
	 
	.header.headerindex .logo img{ opacity: 1;  display: block;  width: auto;  height: 33px;   margin-top:8px;  margin-left: 10px; }
 
	@keyframes pro_pic{
		from {opacity:0; margin-left:-100px;} 
		to {opacity:1;margin-left:0px;}
	}
	
 
 
 
 .header .sj_nav::before,.header .sj_nav::after{content: ""; display: block; height:1px; width:100%; background:#fff; }
 	.header .sj_nav::before{ margin-bottom:5px; }
 	
 	
  
 		.header .sj_nav{ display: block;
     position: relative;     z-index: 10;
     width: 25px;
     padding-top: 4px;
     padding-bottom: 10px;
     float: right;
     margin-right:2%;
     margin-top: 15px;}
 		
 		 
 		.header .sj_nav::before,.header .sj_nav::after{content: ""; display: block; height:1px; width:80%; background:#fff; }
 		.header .sj_nav::before{ margin-bottom:5px; -moz-transition:all 0.8s cubic-bezier(0.215, 0.61, 0.355, 1);
 			-o-transition:all 0.8s cubic-bezier(0.215, 0.61, 0.355, 1);
 			-webkit-transition:all 0.8s cubic-bezier(0.215, 0.61, 0.355, 1);
 			transition:all 0.8s cubic-bezier(0.215, 0.61, 0.355, 1); 
 			
 			-webkit-animation: line1Before 1.5s infinite alternate; 
 			animation: line1Before 1.5s infinite alternate; }
 	
 		.header .sj_nav::after{
 			
 			-o-transition:all 0.8s cubic-bezier(0.215, 0.61, 0.355, 1);
 			-webkit-transition:all 0.8s cubic-bezier(0.215, 0.61, 0.355, 1);
 			transition:all 0.8s cubic-bezier(0.215, 0.61, 0.355, 1); 
 			
 			-webkit-animation: line1after 2s infinite alternate; 
 			animation: line1after 2s infinite alternate;
 			
 		}
 		
 		
 		@keyframes line1Before
 			{
 				from {width:50%;}
 				to {width:85%;}
 			}
 		@keyframes line1after
 			{
 				from {width:10%;}
 				to {width:80%;}
 			}
 	
 		
 		
 		.header .sj_nav::after{ width:75%; background: #fff; }
 		.header .sj_nav span{ display:block; position:absolute; width:100%; height:1px; background:#fff; bottom:2px; -o-transition:all 0.8s cubic-bezier(0.215, 0.61, 0.355, 1);
 			-webkit-transition:all 0.8s cubic-bezier(0.215, 0.61, 0.355, 1);
 			transition:all 0.8s cubic-bezier(0.215, 0.61, 0.355, 1); 
 			
 			-webkit-animation: line1span 1.8s infinite alternate; 
 			animation: line1span 1.8s infinite alternate; }
 		
 		@keyframes line1span
 			{
 				from {width:30%;}
 				to {width:100%;}
 			}
 	
 	 .header.no .sj_nav span{ background: #000; }
 	 .header .sj_nav::before, .header .sj_nav::after{  background: #fff;}
 	 
 	 .header.no .sj_nav::before, .header.no .sj_nav::after{ background: #000; }
 	 
 	 .header .sj_nav.closea span{ display:none; }
 	 .header .sj_nav.closea::before{ animation:none; transform: rotate(-45deg);  margin-top: 7px; background: #272064; }
 	 .header .sj_nav.closea::after{ animation:none;  width: 80%;   transform: rotate(45deg);  margin-top: -6px; background: #272064;}
	 
	  .header.headerindex.headerbg{ background:#fff; position: fixed;}
	  .header.headerindex.headerbg .logo a{ display:block;  background-size: auto 33px;     background-position-x: 10px; }
	  .header.headerindex.headerbg .logo img{ opacity:1; } 
	  .header:hover .logo a img{ opacity:1 }
	  .header:hover{ background:none; }
	  .header:hover .logo a{ background:none; }
	  
.video-slide video {
    transform: rotate(90deg);
    margin-left: -300px;
    margin-top: -660px;
    height: 290%;
}

.fress-slide.news{ background-size: 390%; }
	
 
	.header.headerindex .logo{ height: 50px; background-position:5px 5px; background:none;  padding: 0;  margin-left: 0;   left: 0; width:80%;}
	.header.dbno .nav a{ height: 60px;line-height: 60px; } 
	
 
 
	body::-webkit-scrollbar{ display:block; }
	
 
	
	.header .logo img { height: 15px; margin-top: 20px;
    margin-left: 20px;}
	.header.headerindex .logo{ text-align:left;  }
	.header.headerindex .logo a{ background-size: auto 33px;  background-position-x: 10px; }
	.header .logo {
	    height: 50px;
	    left: 0;
	    margin-left: 0;
	    height: 50px;
	    background-position: 5px 5px;
	    background: none;
	    padding: 0;
	    margin-left: 0;
	    left: 0;
	    width: 60%;
	    margin-top: 0;
	    text-align: left;
	}
	
  
	.nav li{ border-bottom: 1px solid #f1f1f1; margin-left:0px; }
	.header .nav .nav_two li{ border:none; }
	.header .nav li .nav_two{ display:none; position: static; width: 100%; padding-top: 0; padding-bottom: 10px; }
	.header .nav .nav_two li a{ color: #939393;   font-size: 14px; }
 
	.swiper-slide.brand strong{font-size:20px; }
	
	.bor_top img { position: absolute; top: 10px; left: 10px;}
	.header.dbno .nav .nav_two{ display:none!important; } 
	.header.dbno .erj::after{ display:none!important; }
	.bor_top,.bor_left,.bor_right,.bor_bom_left,.bor_bom_right{ display:none; }
	.banner{ height:50vh; margin-top:0px; }
	
	.swiper01 video{ height:100%;  width:auto;  margin-top: 0;  position: absolute;  bottom: 0; margin-left:-280px; }
	.free-hide{ height:100%; }
	.swiper01 .swiper-slide{ width:100%; }
	.nav .nav{ margin-top:0px; }
	
	.swiper01 .swiper-slide i{ font-size:18px; }
	.swiper01 .swiper-slide i.videosoundopen{     bottom: 33px;  right: 33px;}
	.swiper01 .swiper-slide i.videosoundclose { bottom: 33px;  right: 33px; }
	.swiper01 .gif{ display:block; position:absolute; top:0; left:0; height: 100%; }
	.swiper01 .swiper-slide .txt_b em{ margin-right: 5px; font-size:18px; }
	.swiper01 .swiper-pagination { bottom: 30px;}
	.swiper01 .swiper-button-prev, .swiper01 .swiper-button-next{ top: 55%;  background-size: 15px; width: 30px; height: 30px;  line-height: 30px; right: 5%; display:none; }
	.swiper01 .swiper-slide .txt{ top: 20vh; width: 90%;  left: 5%;  }
	.swiper01 .swiper-slide .txt_c{font-size: 12px;  letter-spacing: 0; }
	.swiper01 .swiper-slide .txt_a{ width:100%; font-size:12px; display:none; } 
	.swiper01 .swiper-slide .txt_b{ font-size:25px; width:100%; margin:10px 0px;   }
	.swiper01 .swiper-slide img.bigpc{ display:none; }
	.swiper01 .swiper-slide img.bigap{ display:block; }
	.swiper01.swiper-container-horizontal>.swiper-pagination-bullets{ bottom:30px; }
	.swiper01.swiper-container-horizontal .swiper-pagination-bullets .swiper-pagination-bullet{ width:50px !important; }
	.swiper01 .swiper-slide img { width: auto;  height: 100%; display: block;   margin-left:0;  position: relative;  left: 0;}
	.swiper-button-next:after, .swiper-button-prev:after{ font-size:20px; }
	.swiper01 .swiper-pagination-bullet{ height: 32px;   font-size: 14px;  width: 60px;  }
	.swiper01 .swiper-pagination-bullet.swiper-pagination-bullet-active::after{ bottom:-10px;     height: 2px; }
 
 .swiper01 .swiper-slide .txt_b em:nth-child(1){ margin-left:5px;   }
.swiper01 .swiper-slide .txt_b em:nth-child(2){ margin-left:7px;   }
.swiper01 .swiper-slide .txt_b em:nth-child(3){ margin-left:9px;   }
.swiper01 .swiper-slide .txt_b em:nth-child(4){ margin-left:11px;   }
.swiper01 .swiper-slide .txt_b em:nth-child(5){ margin-left:13px;   }
.swiper01 .swiper-slide .txt_b em:nth-child(6){ margin-left:15px;   }
.swiper01 .swiper-slide .txt_b em:nth-child(7){ margin-left:17px;   }
.swiper01 .swiper-slide .txt_b em:nth-child(8){ margin-left:19px;   }
.swiper01 .swiper-slide .txt_b em:nth-child(9){ margin-left:21px;   }
.swiper01 .swiper-slide .txt_b em:nth-child(10){ margin-left:23px;   }
.swiper01 .swiper-slide .txt_b em:nth-child(11){ margin-left:25px;   }
.swiper01 .swiper-slide .txt_b em:nth-child(12){ margin-left:27px;   }
.swiper01 .swiper-slide .txt_b em:nth-child(13){ margin-left:29px;   }
.swiper01 .swiper-slide .txt_b em:nth-child(14){ margin-left:31px;   }
 
	 .swiper01 .swiper-slide.swiper-slide-active .txt_b.txt_b_en em{ margin-right:0; }

.swiper01 .swiper-slide.swiper-slide-active .txt_b em{ margin-left:0px; opacity:1; }

	.swiper01 .swiper-slide .txt_b.txt_b_en {
	    font-size: 18px;
	}
	
	
	
	
	.lang{ display:none; }
	footer .footer_cen .txt .dizhi{width:100%; }
	.fb45{ font-size: 20px; letter-spacing: 3px; }
	.fb25{ font-size:14px; }
	.wid80{ width:90%; }
	
	.news { position:relative; }
	.news .title{ position:unset; }
	.news_top .swiper-slide h4{ font-size:14px; }
	.link-more-inner svg{     width: 30px; }
	.news .more{ font-size: 12px;  top: auto;  bottom:4vh;  right: 5%; }
	.news_top{ width: 95%; margin-left: 5%; padding-bottom: 10vh; margin-top: 5vh;}
	.news_top .swiper-scrollbar{ bottom: 41px !important; }
	.news_top .swiper-pagination-custom{ font-size:16px; }
	
	.products{ padding: 60px 0; background-size: auto 100%; }
	.products .products_ul li h2{ font-size:20px; }
	.products .products_ul li{ margin-bottom:5vh; border-bottom: 1px dashed #163455;  padding-bottom:5vh; width:100%; }
	.products .products_ul li:nth-child(1){ width:100%; }
	.products .products_ul li:last-child{ margin-bottom:0; padding:0; border:none; }
	.products .products_ul li a span { text-decoration: underline; font-size:14px; }
	.products .products_ul li p{ font-size:14px; }
	
	
	.pdTB15{ padding: 10vh 0; }
	.solution .title .small_title{ font-size:14px; }
	.pub_case{ width:90%;     display: block; }
	.pub_case .pub_casetxt{ width:100%; }
	.pub_case .pub_info{ width:100%; margin-top: 30px; }
	.pub_case .pub_info .en{     font-size: 12px;text-align: left; }
	
	.pub_case .pub_info small{ line-height:1.2; text-align: left; }
	
	.pub_title{ font-size:20px; }
	.pub_info{ font-size:14px; }
	.ind_src2_case .ind_src2_l .ind_src2_tex_box{ margin-top: 40%; text-align: center;}
	.ind_src2_case .ind_src2_l .ind_src2_tex_box .pub_info{ margin-top:20px; width:100%; text-align: center; }
	.ind_src2_case .ind_src2_l .ind_src2_tex_box .ind_src2_btn_s { margin-top:20px; font-size: 14px; font-weight: lighter; margin-left: calc(50% - 50px); }
	.ind_src2_case .ind_src2_l{ height:70vh; }
	.ind_src2_case > .btn_sty{ width: 40%;  line-height: 40px;}
	
	.ind_src2_case .ind_src2_nav .swiper-slide{ flex:1; }
	.ind_src2_case .ind_src2_nav .swiper-slide > div{ font-size:14px; padding: 15px 0 10px; text-align: center; }
	.ind_src2_case .ind_src2_nav{ bottom: 10%; }
	.ind_src2_case .ind_src2_nav .swiper-slide.active > div > div{  transform: translateY(-10px); text-align: center; }
	.ind_src2_case .ind_src2_nav .swiper-slide > div i{ margin-bottom: 15px; font-size: 26px;  text-align: center;}
	.ind_src2_case .ind_src2_l .ind_src2_tex_box .ind_src2_btn_s .iconfont_sty{     margin-right: 15px; }
	.ind_src2_case .ind_src2_l .ind_src2_img_box{ opacity:0.5; }
	.ind_src2_case .ind_src2_nav .swiper-slide ul li{ font-size:14px; width: 100%; text-align: center; }
	.ind_src2_case .ind_src2_nav .swiper-slide ul{     padding-top: 10px; }
	.iconfont_sty_hover .iconfont_sty{ width:20px; }
	.ind_src2_case .ind_src2_nav .swiper-slide > div::before{ height: 3px;bottom: -2px; }
	.ind_src2_case .swiper-pagination{ right: 5%; }
	.sty_p span.on{ font-size:18px;}
	.sty_p span{ font-size:14px; }
	
	.cases .title{ margin-bottom: 5vh; }
	.cases .title .small_title{ font-size:14px; }
	.cases_list{ width:90%; }
	
	.cases_list li{ width:48%; margin-bottom: 2vh; }
	.cases_list li:nth-child(2n){ margin-right:0; }
	.cases_list li:nth-last-child(-n+2) { margin-bottom:0;  }
	.cases{ margin-bottom: 10vh; }
	
	.imgtext .pictxt{ display:block; width:90%; }  
	.imgtext .pictxt .txt {  width: 100%;  margin-right: 0;  margin-bottom: 20px;  text-align: center; }
	.imgtext .pictxt .txt h2 { font-size: 20px;   margin-bottom: 15px; }
	.imgtext .pictxt .txt p {  font-size: 16px;  }
	.imgtext .link-more-inner{ display:inline-block; }
	.imgtext .pictxt .txt .more{ margin-top: 10px; }
	
	.imgtext.imgtexttwo .pictxt .txt{  width: 100%;  margin-right: 0; margin-left:0; margin-top: 20px;   margin-bottom: 0; }
	.imgtext .pictxt .img{ width:100%; }
	
	.partner { margin:0; padding: 10vh 0; }
	
	.partner .title .small_title{ font-size:14px; } 
	
	.logogd img{ width:auto; height:30px; }
	.logogd .logogd_a{ margin-bottom: 20px; }
	
	.logogd{ margin-top: 5vh; }
	
	.soft{ padding: 10vh 0; }
	.soft h3{ font-size: 20px; margin-bottom: 2vh; }
	.soft h3 img{ width:50px; }
	
	
   
    footer{ margin-top:0px;
        padding: 30px 0;
        padding-bottom: 15px;}
	footer ul{ display:none; }
	footer .beian .right a{ color: #000; }
   .code{ float: none; margin: 0 auto; }
   
    .tel{ float: none; text-align: center;  margin-top: 30px; }
	.tel h3{ margin-bottom: 10px; }
	.tel .tel_text h3{ font-size: 20px; }
	footer .beian{ margin-top: 15px; padding-bottom: 0; }
	.in_con{ width: 100%;  text-align: center; margin-top: -105px;}
	.in_con a{ margin: 0 20px; }
	.in_con a .ico{ height: 25px; }
	
	
	
	.nr_banner .text{         width: auto;
        height:300px;
        margin-left: -23%;
        min-height: auto;} 
	.nr_banner h2{     font-size: 18px;  margin-top: 0; top: 50%; }
	.nr_banner.nr_banner_case h2{ font-size: 18px; letter-spacing: 6px; left: 5%;  bottom: 17%;}
	.nr_banner.nr_banner_case .small_title{ font-size:12px; left:5%; bottom: 8%; }
	
	.nr_banner .small_title{ top: 61%;  width: 80%;  left: 10%; letter-spacing:0px; font-size: 12px; }
	.opewin.openvideo{ margin-top: 3vh; }
	.scroll_hint{ bottom:6%; display:none; }
	
	.widMax{ width:90%; }
	
	.shuzi ul{ grid-template-columns: 1fr; }
	.ywly { padding:30px 0px; width:94%; margin:0 auto; }
	.titleh2{ font-size:18px; }
	.titleh2 .bigtitle{ margin-top:10px; }
	.titleh2 span{ font-size:12px; margin-top:0; }
	.ywly .menu_scll{ width: 100%;  overflow-x: scroll; }
	.ywly .menu{text-align: center;
    margin: 20px 0px;
    white-space: nowrap;
    width: 1000px;
    display: flex;
    flex-direction: row;
    overflow-x: hidden; }
	.ywly .menu li{ font-size:14px; margin:0 15px; }
	
	
	.swiper02.swiper-container{ overflow:hidden; }
	.swiper02 .swiper-wrapper{ padding-left:0; }
	.swiper02 .swiper-slide{ width:100%; height:220px; margin:0px; border-radius:0px; }
	.swiper02 .swiper-slide.swiper-slide-active{ width:100%; }
	.swiper02 .hand{ margin-top:15px; }
	.swiper02 .hand img{ width: 30px; }
	.swiper02 .txt span{ font-size:18px;  margin-bottom: 0;}
	.swiper02 .swiper-slide-active .txt span{ bottom:20px; }
	
	
	.swiper02 .txt i{ font-size:14px; }
	.swiper02 .txt .svg svg { width:30px; height:30px; }
	
	.swiper02 .swiper-slide img{ width: 180%;
    left: 0;
    margin-left: -40%;}
    
    .swiper02 .swiper-slide.swiper-slide-active img{ margin-left:-42%; }
    
	.swiper02 .txt .svg{ margin-bottom:10px; }
	.swiper02 .swiper-slide-active .txt{  }
	.ronyu{  padding: 30px 0px; overflow:hidden; } 
	.ronyu .titleh2{ margin-bottom:15px; }
	.ron_menu{ margin-left:0; width:100%; overflow-x: scroll; float: none; background-color: rgba(255, 255, 255, 0.8); padding: 20px; box-sizing: border-box; }
	.ron_menu ul{ overflow:hidden; width: 610px;}
	.ron_menu ul li{ line-height: 40px;
    font-size: 16px;
    margin: 0;
    float: left;
    margin-right: 20px;}
	.ron_menu ul li i{ height: 25px; width: 25px; background-size: 100%;}
	.ron_menu::before{ display:none; }
	.ronyu .titleh2 .bigtitle{ font-size:14px; }
	
	.ron_pic{ margin-left:5%; margin-right:auto; width: 90%; float: none; margin-top:50px; }
	.ron_pic .ron_pic_txt{ text-align: center; float:none; width: 100%; margin-top: 0; }
	.ron_pic_txt h2{ font-size:20px }
	.ron_pic_txt h2::before{     width: 26px; height: 26px; }
	.ron_pic_txt p{ font-size: 14px; margin: 10px 0px;}
	.ron_pic_txt a{ font-size:14px;     width: 100px; padding: 5px 0px; }
	.ron_pic .ron_pic_pic{ width:100%; height:240px; }
	
	.ron_pic0 .ron_pic_pic .img1{ width: 51%; }
	.ron_pic0 .ron_pic_pic .img2{ width: auto;
    height: 80%;
    bottom: 30px;
    left: 25%; }
	.ron_pic0 .ron_pic_pic .img3{ width: 40%; }
	.ron_pic .ron_pic_pic .img4{ right: -110px; bottom: -84px; width: 70%; }
	@keyframes a2_5{from {right:-30px; opacity:0}  to { right:-110px; opacity:1}}
	
	.ron_pic1 .ron_pic_pic .img1{width: 62%;}
	.ron_pic1 .ron_pic_pic .img2{width: 61%; }
	.ron_pic1 .ron_pic_pic .img3{ width: 47%; }
	
	.ron_pic2 .ron_pic_pic .img1{ width: 53%;}
	.ron_pic2 .ron_pic_pic .img2{ width: 58%; }
	.ron_pic2 .ron_pic_pic .img3{ width: 45%; }
	
	.ron_pic3 .ron_pic_pic .img1{width:50%;}
	.ron_pic3 .ron_pic_pic .img2{width: 50%;}
	.ron_pic3 .ron_pic_pic .img3{ width:40%; }
	
	.zz-swiper3{ width:90%; margin-left:5%; float:none; height:160px; margin-top:0px;  }
	.swiper3 .swiper-slide{ display: grid;
    font-size: 14px;
    text-align: center;
    vertical-align: middle; }
	.swiper3 .swiper-slide.swiper-slide-active{ font-size: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column; }
	.swiper3 .swiper-slide.swiper-slide-active span{font-size:12px; }
	
	.zz-swiper3 a.more{ display:none; }
	.zz-swiper3 .swiper-button-prev{ left: 35%; }
	.zz-swiper3 .swiper-button-next { left: auto;  right: 35%;}
	.zz-swiper3 .swiper-button-next, .zz-swiper3 .swiper-button-prev { bottom:-40px;}

	.ronyucen{ width:100%; }
	
	.shuzi{ padding: 30px 0px; }
	.shuzi ul{ margin-top: 30px; grid-gap: 0;  row-gap: 15px; }
	.shuzi li span:nth-child(1){ font-size:30px; }
	.shuzi li span{ font-size:14px; }
	.shuzi li span:nth-child(3){ margin-top:5px; }
	.shuzi li span img{ width:30px; }
	.position-right.cl{ width:100%; float:none; }
	.lm_nav_ul_li{width:100%; float:none; overflow-x: scroll; overflow-x: scroll; padding-top:30px; display: block;}
	
	.lm_nav_ul_li ul{ white-space: nowrap;  width: 1000px;  display:block;   flex-direction: row; overflow-x: hidden;     padding: 0; }
	
	.lm_nav_ul_li li.hover::after{ width: 30px; height: 3px; bottom: 0;  background: #83c326;  }
	.lm_nav_ul_li li{ margin-left: 0; width: auto; margin: 0 15px;}
	.lm_nav_ul_li li a span{     margin-top: 0; }
	.position-right dd text a, .position-right dt text a{ font-size:14px; }
	.position-right dt img{ width: 14px;   height: 14px; margin-right: 10px;}
	
	.lm_nav{ line-height: 8vh; width:100%; margin-top:0; padding:0 5%; }
	.lm_nav_ul_li li a{ font-size:14px; }
	.lm_nav_ul_li li.hover a, .lm_nav_ul_li li:hover a{ font-size:16px; }
	
	.about_a, .about_b{ margin-top: 4vh; font-size: 14px; }
	.about_a ul {  margin-top: 4vh; }
	.about_a ul li{ width:100%; margin-bottom: 4vh;}
	.videolist{     margin-top: 4vh; }
	
	.about_a ul li:last-child{ margin-bottom:0; }
	
	.about_c{ display: block;
    margin-top: 4vh;
    font-size: 14px;
    background: #f5f9fa;
    width: 100%;
    padding: 10% 5%;
    box-sizing: border-box;}
	.about_c .txt{ width:100%; margin-right:0; }
	
	.about_c .img{ width:100%; }
	.about_c.about_c_two .img{ width:100%; margin-right:0; }
	
	.about_c.about_c_two{ margin-top:0; background:none;}
	.about_c.about_c_two .txt{ width:100%; margin-top:4vh; }
	
	.about_d{ margin-top: 0; font-size: 14px;}
	.about .logogd{ margin-top: 4vh; }
	.about_e{ margin-top: 4vh; font-size: 14px;}
	.cases .page_list li p{ font-size:14px; margin: 10px 0; }
	.cases .page_list li{ width: 100%; margin-right:0;  border: 1px solid #f1f1f1; box-shadow:none; }
	.scroll_hint .tex{ font-size:12px; }
	.cases .page_list li{ margin-bottom: 4vh; }
	
	
	.news_list{ width:100%; margin-top: 0;}
	.news_list ul li a{ display:block; }
	.news_list ul li .txt{  width: 100%;  margin-right: 0;  margin-bottom: 10px; }
	.news_list ul li .img{ width: 100%; margin: 10px 0; margin-bottom:0;}
	.news_list ul li h3{ font-size:16px; margin: 10px 0; }
	.news_list ul li .img img{ display: block; }
	.news_list ul li .miaoshu{ font-size:12px; color:#b2b2b2; }
	.news_list ul li .time{ font-size:12px; }
	
	
	.faq_list{ width: 90%; margin: 4vh auto; }
	.faq_list li{ width:100%; margin-right:0; margin-bottom: 0; }
	.faq_list li a {
	    font-size: 14px;
	    padding: 20px 0;
	    border-radius: unset;
	    border: none;
	    border-bottom: 1px solid #f1f1f1;
	}
	.faq_list li span{ font-size:12px; }
	
	
	.history{ margin-top: 4vh; }
	.history-hd i{ font-size: 20px;  line-height: 30px; }
	.history .container{ width:90%; }
	
	.history-hd.text-center{     padding: 2vh 0; padding-top: 0; }
	
	.history-bd .year{  display: block; margin: 0 auto; position:relative; }
	
	.history-bd .article{ width:100%; background: #fff;  padding: 10px 0px; text-align:center; margin-left: 0; }
	.history-bd li:nth-of-type(2n-1) .article{ margin-left:0; width:100%; }
	.history-bd .article i{ display:none; }
	.history-bd li{     margin: 40px 0; }
	
	.lovetwo .title, .lovefour .title{ font-size:20px;     width: 80%; }
	.love_a{ font-size:16px; width: 90%; }
	
	.lovetwo .title svg image, .lovefour .title svg image{ width: 40px; }
	.lovetwo .title svg, .lovefour .title svg{ width:40px; }
	.lovetwo{ background-size: 1400px;     padding: 10vh 0; }
	
	.lovetwo .title::after, .lovefour .title::after{ margin-top: 2vh; }
	
	.lovetwo .miaoshu{ width: 90%; padding: 3vh 0; font-size: 14px; }
	
	.lovethree ul li{ width:100%; margin-right:0; margin-bottom: 30px; }
	.lovethree ul{ width:90%; }
	.lovethree ul li span{ font-size:16px; }
	.lovethree ul li:last-child{ margin-bottom:0; }
	
	.lovefour{ margin-top: 0; padding-bottom: 30px;
    padding-top: 30px; }
	
	.lovefour ul{ width:90%; margin-top: 0; }
	.lovefour ul li{ width:100%; margin-right: 0; margin-bottom: 30px; }
	.lovefour.fangan ul li{ margin-bottom: 30px; }
	.lovefour ul li:last-child{ margin-bottom:0; }
	.lovefour ul li h4{ font-weight:300; bottom: 22%; }
	
	.school .title{ font-size:20px; width: 100%;}
	
	.school .feature{ width:90%; }
	.school .feature li{ margin: 0; margin-right:15px; font-size: 14px; }
	.school .feature li:last-child{ margin-right:0; }
	.school .feature li svg{ width:20px; height:20px; margin-right: 5px; }
	.school .feature li svg image{width:20px; height:20px;  }
	
	.school .school_logo{ width:90%; }
	.school .school_logo .swiper-slide img{ width:100%; height:auto; }
	.school .school_logo .swiper-slide span{ font-size:14px; margin: 10px 0px;}
	.school .school_logo .swiper-slide a:hover em{ color: #272064; }
	.school .school_logo .swiper-slide em{ font-size:12px; opacity:1; color: #6f6f6f; }
	.school .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 5px; }
	.school .school_logo .swiper-pagination-bullet{  width: 10px;  height: 10px; }
	.position-right dt, .position-right dd{ font-size:12px; }
	.lovefour.lovefour_school{     margin-top: 10vh; }
	
	.lovefour.fangan ul li h4::after{ margin-top: 10px; }
	.lovefour.fangan ul li p{ overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical; font-size: 14px; }
	.lovefour ul li .more{ width:92px; display:none; }
	.lovefour.fangan ul li p{     bottom: 20%; } 
	.lovefour.fangan ul li h4 {  bottom:20px;     font-size: 18px; white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;     width:calc(100% - 100px ) }
	.lovefour.fangan ul li h4 span{ font-size:12px; white-space: nowrap;  text-overflow: ellipsis;  overflow: hidden; }
	.lovefour.fangan li .link-more-inner .link-more-main{ font-size:14px; }
	.products_con{ padding: 30px 0; }
	.products_con .products_con_art{     width: 90%;  margin-top:0px; display:block; min-height:auto; }
	.products_con .products_con_art img{ width:auto !important; height:auto !important; max-width:100%; display:block; }
	
	.ziyuan ul{ width: 90%; padding: 6vh 0; }
	
	.ziyuan ul li span{ font-size:16px; }
	.ziyuan ul li .img{ width: 60px; height: 60px; padding: 15px; }
	
	.ziyuan .link-more-inner svg{ width: 40px; }
	
	.page_list .link-more-inner .link-more-main{ font-size:14px; }
	
	
	.goup{ text-align:center; }
		.goup a{ font-size:1.9vh;  color: #000000; font-weight:bold; }
		.goup a:nth-child(1){ text-decoration:none }
		.goup a:nth-child(3){ text-decoration:none }
		.goup a:nth-child(2){ margin: 0 12vw; }
	
	.news_nr{ width: 100%;
    padding: 0 5%;
    border: none;
    margin-top: 0;
    padding-top: 40px;
    background: #fff;}  
	.news_nr .news_title h2{ font-size:16px; font-weight: 400; } 
	
	.news_list.news_list_job{ margin-top: 5vh; }
	
	.position-right dd a, .position-right dt a{ font-size:12px; }
	.news_list.news_list_job ul li h3{ font-size:14px; }
	.news_list.news_list_job ul li{ width:100%; margin-bottom:2vh; }
	.news_list.news_list_job ul li .miaoshu{ font-size:12px; }
	.news_list.news_list_job .link-more-inner{ font-size:12px; }
	.news_list.news_list_job .link-more-inner svg{ width:20px; }
	.news_list.news_list_job ul li:nth-child(2n) { margin-left:0; }
	
	
	.news_nr_job_left{ float: none; width: 90%; border: none; padding: 0; }
	.news_nr.news_nr_job .news_title span{ font-size: 14px; display: block; line-height: 2; }
	
	.news_nr.news_nr_job .news_title{ padding-bottom: 20px; }
	.news_nr .news_title h2 { font-size: 16px;  font-weight: 400; }
	.news_nr .news_text{ font-size: 14px; }
	.news_nr_job_right{ float: none; width: 90%; padding: 20px; margin: 0 auto; }
	
	.news_nr_job_right h3{ font-size:14px; } 
	.news_nr_job_right .miaoshu{ color: #b2b2b2; font-size: 12px;}
	.news_nr_job_right .link-more-inner{ font-size:12px; }
	
	.jobform ul li input.input{ width: calc(100% - 40px); }
	.jobform ul li span{     width: 100%; }
	.jobform .jobbt{ width:100%; }
	.contact {padding: 3vh 0;}
	.contact_center{     padding: 0px 5%; }
	.contact_a .father{ width:100%; }
	
	
	.ind_src2_case .ind_src2_nav .swiper-slide > div > div{     text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient: vertical;
    display: -moz-box;
    -moz-line-clamp:2;
    -moz-box-orient: vertical;
    overflow: hidden; }
	
	.ind_src2_case .ind_src2_nav .swiper-slide > div i img{ width:32px; }
	
	.history-bd .article p{ font-size:14px; }
	.history-bd .year i{ font-size:16px; }
	.companyname_info span{         line-height: 2; color:#000; }
	.contact_a{ margin-top:0px; }
	.contact_a .father small{ font-size:14px; }
	.jobform ul li textarea{ width: calc(100% - 40px); }
	.contact_a .father span{ line-height:2; margin-right:0px; }
	.companyname h3, .contact_a h3{ font-size:18px; }
	.contact_center .position-right{ margin-bottom: 20px; }
	
	.copyright{ font-size: 12px; text-align: center;  line-height: 20px; margin-top: 100px; }
	
	
	
	.page {
	    text-align: center;
	    margin-bottom: 0px;
	    margin-top: 0px;
	}
	
	.download{  border: none !important;  text-align: center !important; }
	.download a{ margin-top:0px; padding: 0px !important;
    color: #000000 !important;
    background: #f1f1f1;
    width: 130px;
    margin: 0 auto;
    line-height: 40px;
    height: 40px;
    margin-top: 20px; }
	
	.lang .sou{ position: fixed;
    top: 470px;
    bottom: auto;
    right: 15%;
    width: 70%;}
	 .lang .sou .enter{ right:0; top:0; width:100%; }
	 .lang .sou .enter form{ border:1px solid #f1f1f1; }
	 .lang .sou .enter button{ display:inline-block; }
	 .lang .sou .enter .txt{ width: 100%;  padding: 15px 11px;}
	 
	 .lang .outmember{ display:none !important; }
	 .header.headerindex .lang a{ color: #4b4b4b; }
	 
	 
	 .indexabout{ padding: 5vh 0; }
	 .indexabout_1{  display: block;     width: 90%; }
	 
	 .indexabout_1_pic{ width: 100%;  margin-right: 0; }
	 .indexabout_1_txt{ width: 100%;  margin-top: 15px; }
	 .indexabout_1_txt h2{ font-size: 18px; }
	 .indexabout_1_txt p{ font-size: 14px; }
	 
	 .idx-tags{ width: 90%;  padding: 0;  overflow: hidden; }
	 .idx-tags ul{  
    flex-wrap: wrap;
    justify-content: center;
    padding-top: 0; }
	 .idx-tags ul li{ width: 33%;
    font-size: 14px;
    margin-bottom: 20px;
    text-align: center;
    min-width: auto;
    flex: inherit; }
    .idx-tags ul li:nth-child(2){ margin-right:0 }
    .idx-tags ul li:last-child{ flex: inherit; }
	 .idx-tags ul li .tags_left span {  font-size: 14px;}
	 .idx-tags ul li .tags_left span.counter{ font-size: 18px;  line-height: 35px; font-family: CgFuturaMaxiLt; }
	 .idx-tags::after{ font-size: 17vw; }
	 
	 
	 .gallery{ width:90%;     margin-top: 0;     margin-bottom: 30px; }
	 .gallery ul{margin-top: 0;     grid-gap:20px;  row-gap:20px;}
	 .gallery ul li img{     border-radius: 10px; }
	 
	 .swiper-button-prev, .swiper-container-rtl .swiper-button-next, .swiper-button-next, .swiper-container-rtl .swiper-button-prev{ width: 35px; height: 35px; }
	 
	 .honor_body .swiper-button-next{ bottom: -8px; right: -1px; }
	 .honor_body .swiper-button-prev {left: -1px;bottom: -10px;}
	 
	 .honor_body.honor_body_ry .swiper-button-next{ right:30%; }
	 .honor_body.honor_body_ry .swiper-button-prev{ left:30%; }
	 
	 .indexpro{ overflow: hidden; }
	 .indexpro_1{ overflow: initial; margin-left: 5%;}
	 .indexpro_1 .indexpro_1_txt h2{ font-size:18px; }
	 .indexpro_1 .indexpro_1_txt p{ font-size:14px; margin-bottom: 0; }
	 .indexpro_1::after{ clear: both; display: block; content: ''; }
	 .indexpro_1 .indexpro_1_txt{ width: 100%;  padding: 5vh 0; }
	 .indexpro_1 .indexpro_1_pro{ width: 100%; overflow: initial; }
	 .xle_swp{ padding: 0; padding-bottom: 60px; }
	 .xle_swp .swiper-wrapper{ padding-left:0px; }
	 .xle_swp .swiper-slide{   box-shadow: 0 0px 17px 0px rgb(0 0 0 / 5%); }
	 .indexpro .swiper-button-next{ left: auto; right: 0;}
	 .indexpro_1_txt .more{ top: 60px;  right: 0;      font-size: 14px;}
	 .indexpro_1 .indexpro_1_pro .title_left h3{ font-size:14px; }
	 .indexpro_1 .indexpro_1_pro .title_left span{ font-size:12px; }
	 
	 
	 .honor_body .hon_con_box .swiper-container{ width:94%; }
	 .honor_body .hon_con_box .swiper-container .honor_con_me .honor_t{ font-size:18px; width:90%; margin-top:20px}
	 .honor_body .hon_con_box .swiper-container .honor_con_me .honor_img_{ max-height:200px }
	 
	 .sha_tra{ height:85%; opacity:0; }
	 
	 
	 .aboutpage .honor-list{ width:94%; padding-bottom:30px;  padding-top:30px; grid-template-columns: 1fr; }
	 
	 .indexsolution{ margin:0 auto; margin-bottom: 0; width:94%; }
	 .indexsolution .title{ font-size: 14px; top: 8%;  left: 5%; }
	 .solutionpic .swiper-slide h2{ font-size: 18px; left: 5%; bottom:70px; }
	 .solutionpic .swiper-slide p{ bottom:40px; line-height: 1.5; left: 5%; width: 90%; letter-spacing: 0px; font-size: 12px;     margin: 0;}
	 
	 .solutionpic .swiper-slide.swiper-slide-active h2{ bottom:80px;  font-size: 18px; left: 5%; }
	 .solutionpic .swiper-slide.swiper-slide-active p{bottom: 60px; line-height: 1.5; left: 5%; width: 90%; letter-spacing: 0px; font-size: 12px;     margin: 0;}
	 .solutionpic .swiper-slide  span{ left: 5%; padding:0 0px;  font-size: 12px;  border-radius: 20px; width: 110px; }
	 .solutionpic .swiper-slide.swiper-slide-active span{ bottom:15px; }
	 .solutionpic .swiper-slide span svg{ width: 25px;  height: 35px; }
	  
	 .solutionpic img{ width: 200%;  display: block;  margin-top: 0; margin-left: -50%; }
	 .solutionpic .swiper-wrapper{ overflow:hidden; }
	 .indexsolution .swiper-wrapper .swiper-slide::after{ height: 100%;   width: 100%; top: 0;  left: 0;background: -webkit-linear-gradient(top, #272064, #272064 50%, rgba(0, 0, 0, 0) 100%); }
	 .indexsolution .titleh2{ top: 40px;  }
	 .titleh2 .bigtitle{  font-size:20px; }
	 
	 
    .solutionpic .swiper-pagination{ width: 100%; padding: 5%;  position: static;  border-radius: 0; background: none; }
    .solutionpic .swiper-pagination{ display:grid;    grid-template-columns: 1fr 1fr 1fr;
    grid-gap:10px;
    row-gap: 10px; }
    
	.indexsolution .solutionpic .swiper-pagination span{ font-size: 14px;  margin-bottom: 8px;}
	.indexsolution .swiper-button-next{ right: 5%; top: 94%; width: 35px;  height: 35px; }
	.indexsolution .swiper-button-prev{ top: 94%; width: 35px;  height:35px; }
	.pdTB10{ padding: 5vh 0; }
	.fb45{ font-size: 18px; }
	.fb18{ font-size:14px; }
	.small_title{ letter-spacing: 2px; }
	
	
	.searpro .searpro_a{ padding-top: 5vh;  width: 90%;  font-size: 14px;}
	.searpro .searpro_a ul{ display:block; }
	.searpro_a ul li .can{ padding: 10px 10px; }
	.searpro_a ul li .can span{ margin-bottom: 5px; font-size: 12px; }
	.searpro_a ul li .title.i i{ font-size: 12px; }
	.searpro_a ul li{ padding: 0px 15px;
    height: 40px;
    border-bottom: 1px solid #fff;
    font-size: 12px;}
	.searpro_a ul li .title{ padding-top: 10px; }
	.searpro_a ul li .title.i{ font-size: 12px;  padding-top: 5px; }
	.prolist { width: 90%;  margin: 0 auto;  overflow-x: scroll;   margin-top: 5vh;  font-size: 14px;}
	.prolisttitle{   width: 1000px; }
	.prolisttitle ul li{ padding: 10px 20px; }
	.allshju{ width: 1000px; margin-bottom: 5vh; }
	.allshju ul li{ padding: 10px 20px; font-size: 12px;}
	.allshju ul li:nth-child(3){ font-size:12px; }
	.searpro_a ul li .can{ box-shadow: 0px 4px 3px rgba(0, 0, 0, 0.04); padding-top: 0;  border: none;}
	.searpro_a ul li .can input:first-child {  margin-bottom: 0;}
	
	.back_lm_a {  display: inline-block;   padding: 10px 10px;  background: #ebebeb;   border-radius: 5px;   margin: 30px 0;  margin-top: 0;}
    .back_lm{ width:100%; }
    .en_b{ display:none; }
    .aboutpage{ margin-top:0; } 
    .aboutpage_con{ width: 90%; padding: 30px; display:block; }
    .aboutpage_con .aboutpage_title{ font-size: 16px; padding: 3vh 0; padding-top:0; margin-bottom:0px; }
    .aboutpage_con .aboutpage_title span{ font-size:14px;     margin-top: 20px; }
    .aboutpage_con .aboutpage_pic_txt .aboutpage_pic_txt_0{ width:100%; }
    .aboutpage_con .aboutpage_pic_txt .aboutpage_pic_txt_1{ width:100%; padding: 5vh 0; font-size: 14px; }
 
    .aboutpage_con.aboutpage_con_two{ padding-top:0; }
    .aboutpage_con .aboutpage_pic_txt{ margin-top:0; margin-left:0px; display:block;  }
    
    .aboutpage_con .aboutpage_pic_txt .aboutpage_pic_txt_1{ padding:3vh 0; padding-bottom:0px; width:100%; padding-top:0; }
    .aboutpage_con.aboutpage_con_two .aboutpage_pic_txt .aboutpage_pic_txt_1{ width:100%; margin:0; }
    .aboutpage_con.aboutpage_con_two .aboutpage_pic_txt .aboutpage_pic_txt_0{ width:100%; }
    
    .aboutpage .videolist{ width: 96%; margin: 0 auto; margin-top:30px;  margin-bottom:30px; }
    .playbtn{ width: 30px; height: 30px;  line-height:30px; font-size: 16px; }
    .playbtn:before{ top:250%; background-size: cover; left:250%; width:60px;  height:60px; }
    
    .aboutpage_con .aboutpage_pic_txt .aboutpage_pic_txt_0 h3{ font-size: 14px; }
    .win{ width:96%; }
    .ziyuan ul.faq_list li{ width: 100%;     margin-bottom: 15px;}
    .ziyuan ul.faq_list li a{ padding: 15px; }
    .ziyuan ul.faq_list li span{ top: 17px;    font-size: 12px; }
    
    .ziyuan ul.faq_list{ padding-bottom: 5vh; }
    .ziyuan ul li a{ padding:0; }
    
    .cards{ display:block; }
    .cards a{ margin-bottom: 10px;  display: block;   width: 96%;  margin-left: 2%; }
    .cards.cards3 .card-item-text{ padding:30px 2%;   position: static; }
    .cards.cards3 .card-item-text .card-item-title{     text-align: center; font-size: 18px; }
    .cards.cards3 .card-item-text .card-item-content{ width: 100%;  display: block;}
    
    .honor_body{ padding: 30px 0px; }
    .honor_body .hon_con_box.hon_con_box1_fz{ padding: 30px 0; margin-top: -120px; }
    .pub_case_a{ width:90%;margin-top: 0; }
    .honor_body .swiper-button-next，.honor_body .swiper-button-prev{     bottom: -8px; }
    .honor_body .hon_con_box.hon_con_box1_fz .swiper-container .swiper-slide .pictxt{ width:100%; display: block; }
    .honor_body .hon_con_box.hon_con_box1_fz .swiper-container .swiper-slide .pictxt .pictxt_pic{ width:100%; }
    .honor_body .hon_con_box.hon_con_box1_fz .swiper-container .swiper-slide .pictxt .pictxt_txt{ width:100%; margin-left:0; margin-top:15px; font-size: 14px; }
    
    .honor_body .hon_nav_box.hon_nav_box_fz .swiper-container{ width:80%; display:none; }
    
    .honor_body .hon_nav_box.hon_nav_box_fz .hon_n{     padding: 0 30px;  font-size:14px }
    
    .honor_body .hon_nav_box.hon_nav_box_fz .active-nav .hon_n:after{ top: -18px;
    left: 26px;
    height: 50px;
    width: 50px; }
    .honor_body .swiper-container{ width:80%; overflow-x: clip; }
    
    .cards.cards3 .card-item-bgImg{ height: 100%;
    position: absolute;
    top: 0;
    opacity: 0.1; }
    .cards.cards3 .card-item-text .card-item-content{ font-size:14px; }
    .cards a.hover{ width:100%; }
    .cards a .bg-mask{ display:none; }
    .aboutpage_con.aboutpage_con_two{ padding-bottom: 30px; }
    .aboutpage_con.aboutpage_con_two .aboutpage_title{ height:auto; }
    .about_1{         padding: 0 3%;
        margin-top: 30px; }
    .about_1 .pic{ width: 100%;
    height: auto;
    margin-right: 0;
    margin-bottom: 10px; }
    .about_1 .pic img{     position: static; display: block; }
    .about_1 h3{ font-size:18px; }
    .about_1 p{ font-size:14px; }
    .about_1 .profile{ font-size:14px; }
    .culture{         padding: 0 3%; padding-top: 30px;  margin-bottom: 30px; }
    
    .culture .culture_txt{ width:48%;     margin-right: 4%; }
    .culture .culture_txt:nth-child(2n) {  margin-right: 0;}
    .culture h4{ font-size:16px; }
    .culture .culture_txt p{ color: #515151; }
     
    .products_con .products_con_art .txt .title{ animation-name:none; font-size:20px; margin-bottom:30px; }
    .products_con .products_con_art .txt .title .jt{ width:40px; height:40px; margin-top:30px}
    .products_con .products_con_art .txt .title .jt svg{ transform:none; }
    .products_con_art .content{ font-size:14px; }
    
    .honor {
    width: 100%;
    margin-top: 0px;
    background: #fff;
    padding-bottom: 30px;
    padding-top: 50px;
    margin-bottom: 20px;}
    .honor::before {
    top: 230px;
}
.honor .col-sm-6 {
    width: 90%;
    margin-left: 5%;
    margin-bottom: 60px;
}
.honor .col-sm-6 {
    width: 90%;
    margin-left: 5%;
    margin-bottom: 60px;
}
.honor .col-sm-6:last-child {
    margin-bottom: 0;
}
.mainview {
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 0px;
    padding: 23px 15px;
}
.mainview p{ font-size:15px; }
.mainview img {
    margin-bottom: 10px; max-height: 250px;
}
    .honor-list {  width: 90%;}
    
    .imgtext-hd {
    padding-left:0px;
}

.honor-list .imgtext:nth-child(2) .imgtext-hd{ width:auto; }


.imgtext-hd img {
    width: 27px;
}
.imgtext-hd h3 {
    font-size:18px;
}
.honor .rssd {
    display: none;
}
.preview .arrow-left {
	    left: 0;
	}
	.preview .arrow-right {
	    right: 0;
	}
	.preview .swiper-container {
	    margin: 0 0px;
	}
	.honor .swiper-pagination-bullet{ width:2px; height:2px; }
	.preview >a {
    position: absolute;
    z-index: 11;
    top: 50%;
    margin-top: -15px;
    margin-bottom: 0;
    margin-right: 0;
    width: 30px;
    height: 30px;
}
.preview >p {
    display: none;
}
.mainview .swiper-pagination {
    bottom: -40px;
}
.honor .swiper-pagination-bullet {
    width: 2px;
    height: 2px; padding:3px;
}

.honor-list .imgtext >.row .zhnlist {
    width:100%;
    margin-right:0;
    margin-bottom: 0;
}
.honor-list .imgtext >.row .zhnlist:nth-child(2n) {
    margin-right: 0;
}
.honor-list .thumbnail {
    padding: 15px;
    margin-bottom: 10px;
}
.honor-list .imgtext p {
    height:auto;
    line-height: 36px;
    font-size: 14px;
    margin-top:0;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.honor-list .imgtext >.row .zhnlist img {
    height: 110px;
}
.honor-list .imgtext{ margin-bottom:0px; }
.honor-list .imgtext >.row{         margin-top:-8px;   margin-left: 20px; }
.pub_title_en{ font-size:14px; }
.go_scr{ width:30px; height:30px; }
.go_scr svg{ width: 20px; }
.culture h4 img{ width:30px; }
.nrnum{ padding:30px 0; }
.nrnum ul{ grid-template-columns: 1fr 1fr; grid-gap:15px;
    row-gap: 15px; }
.nrnum ul li b{ font-size:25px; }
.nrnum ul li span{ font-size:14px; }


.jieju{     padding: 30px 0; }


#sw2{ margin-top:0;  padding-top: 150px; padding-bottom: 34%; position: relative; overflow: hidden; padding-top: 30px;
    padding-bottom:60px; }
    #sw2 .swiper-wrapper{ margin-top: 30px; }
		#sw2 .max-wid > .left {
		    position: relative;
		        width: 100%;
		        display:none;
		}
		#sw2 .num-box {
		    position: absolute;
		    top:280px;
		    bottom: 0;
		    left: 0;
		    right: 0;
		    margin: auto;
		    pointer-events: auto;
		    z-index: 10;
		    height: 200px;
		    width: 200px;
		    border-radius: 50%;
		    overflow: hidden;
		}
		#sw2  .num-box > .a {
		    position: absolute;
		    z-index: 4;
		    overflow: hidden;
		    width: 100%;
		    height: 50%;
		    transform: skewy(-45deg);
		    line-height: 155px;
		    text-indent: 41px;
		}
		#sw2 .num-box > .a > em {
		    position: absolute;
		    width: 100%;
		    height: 200%;
		    left: 0;
		    top: 0;
		    transform: skewy(45deg);
		    color: #d70917;
		    line-height: 150px;
		    text-align: left;
		    text-indent: 33px;
		}
		#sw2 .num-box > .b {
		    position: absolute;
		    z-index: 4;
		    overflow: hidden;
		    width: 100%;
		    height: 50%;
		    bottom: 0;
		    transform: skewy(-45deg);
		}
		#sw2 .num-box:after {
		    position: absolute;
		    content: "";
		    height: 0;
		    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
		    width: 30%;
		    top: 50%;
		    left: 50%;
		    display: block;
		    transform: translate(-50%, -50%) rotate(-45deg) scalex(1);
		}
		#sw2 .num-box  .b  em {
		    position: absolute;
		    width: 100%;
		    bottom: 0;
		    height: 200%;
		    left: 0;
		    transform: skewy(45deg);
		    color: rgba(0, 0, 0, 0.5);
		    line-height: 238px;
		    text-indent: 35px;
		    text-align: center;font-size:20px;font-family: en_b;
		}
		#sw2 .num-box .a  em {
		    position: absolute;
		        width: 100%;
		        height: 200%;
		        left: 0;
		        top: 0;
		        transform: skewy(45deg);
		        color: #2aa8ff;
		        line-height: 150px;
		        text-align: left;
		        text-indent: 33px; font-size:50px; font-family: en_b;
		}
		 
		#sw2 .swiper-wrapper .swiper-slide {
		    width: 45vw;
		    height: 100%;
		    position: relative;
		    display: flex;
		    justify-content: center;
		    flex-direction: column;
		    align-items: center;
		    z-index: 10;
		}
		#sw2 .swiper-wrapper .swiper-slide .inner {
		    display: block;
		    margin: 0 auto;
		    position: relative;
		    width: 100%;
		}
		#sw2 .swiper-wrapper .swiper-slide .inner .top {
		    width: 100%;
		    position: relative;
		}
		#sw2 .swiper-wrapper .swiper-slide .inner .top .photo {
		    width: 100%;
		    height: 0px;
		    padding-bottom: 56.25%; background-position: center;
	    background-repeat: no-repeat;
	    background-size: cover;
	    overflow: hidden;
	    position: relative;
	    border-radius:0;
		}
		#sw2 .swiper-wrapper .swiper-slide .inner .mid {
		    right: 0;
		    z-index: 10;
		    width:100%;
		    bottom:80px;
		    box-shadow: 0 11px 50px -6px rgba(192, 196, 204, 0.71);
		    position: static;
    border-radius: 0;
		}
		#sw2 .swiper-wrapper .swiper-slide .inner .mid .msg {
		    background-color: #fff;
		    padding: 2vw 2vw;
		    display: flex;
		    align-items: center;
		    justify-content: space-between;
		}
		#sw2 .swiper-wrapper .swiper-slide .inner .mid .msg .left h3 {
		    margin: 14px 0;
		        font-size: 16px; margin-top: 5px;
		}
		#sw2 .swiper-wrapper .swiper-slide .inner .mid .msg .left h3 > i {
		    display: inline-block;
		    margin-right: 10px;
		}
		#sw2 .swiper-wrapper .swiper-slide .inner .mid .msg .right {
		    font-size: 80px;
		        color: #999999;
		        opacity: 0.3;
		        font-weight: bold;     font-family: en_b; display: none;
		}
		#sw2 .swiper-wrapper .swiper-slide .inner .btm {
		    width: 100%;
		}
		#sw2 .swiper-wrapper .swiper-slide .inner .btm .text_ {
		    color: #fff;
		}
		#sw2 .swiper-wrapper .swiper-slide .inner .btm .text_ {
		    width: 100%;
		    text-align: left;
		    font-size:150px;
		    color: #fff; 
		    text-shadow: 0 0 1px #2aa8ff; font-weight:bold; display: none;
		}
	 #sw2 .swiper-wrapper .swiper-slide .inner .mid .msg .left small {
	     color: #666666; font-size: 14px; line-height: 20px; display: block;
    margin-bottom: 10px;
	 }
	 .case{ padding-bottom:0; margin: 30px 0px;}
	 .num-box.on {
	     animation: e1 2s cubic-bezier(0.86, 0, 0.07, 1);
	 }
	 
	 
	 .mainhie{ overflow:hidden;}
	 

	 #sw2 .max-wid {
	     position: absolute;
	     left: 0;
	     right: 0;
	     margin: auto;
	     top:0;
	     height: 100%;width: 82%;
	     max-width: 1400px;
	 }
	 #sw2 .swiper-pagination {
	     position: absolute;
	     width:100%;
	     left: auto;
	     right: 0;
	     top:auto;
		 bottom:20px;
	     flex-direction: column;
	     justify-content: center;
	     align-items: center;
	     height: auto;
	     display:block;
	 }
	 #sw2 .swiper-pagination span {
	     margin:0 10px; width: 10px; height: 10px;
	 }
    
    .lc04 .titleh2{ top: 30px; }
    .lc04 .swiper-slide{ margin-top: 120px;  padding-bottom: 50px;
    padding-top: 20px;font-size: 16px; padding-left: 15px; }
    .lc04{ height: 600px; }
    
    
    .lc04 .swiper-slide.swiper-slide-active{ margin-top:0px; }
    .lc04 .swiper-slide.swiper-slide-next{ margin-top:50px; }
    .lc04 .swiper-slide .txt{ transition: all 0.5s ease-in; }
    .lc04 .swiper-slide.swiper-slide-next .txt{ height: 230px; }
    .lc04 .swiper-slide.swiper-slide-prev{ margin-top:295px; }
 
    .lc04 .swiper-container{     padding-top: 110px; }
    .lc04 .swiper-slide .txt{ font-size:12px; }
    .lc04 .swiper-slide .year{ font-size:25px; bottom: -4px; }
    .lc04 .lc-bg img.lc-bg-1{ width: 750px;  margin-left: -205px; }
    .lc04 .lc-bg img.lc-bg-2{ width: 260px;}
    #maintwo .lc04 {  height: 552px;  }
    #maintwo .lc04 .swiper-container {  padding-top: 60px;  }
    
}






@keyframes zhuan
{
	0%{ transform:rotate(0deg)}
	100%{transform:rotate(360deg)}
}
@keyframes zhuan2
{
	0%{ transform:rotate(0deg)}
	100%{transform:rotate(-360deg)}
}
@-webkit-keyframes tail {
  0% {
    width: 0;
  }
  30% {
    width: 100px;
  }
  100% {
    width: 0;
  }
}

@keyframes tail {
  0% {
    width: 0;
  }
  30% {
    width: 100px;
  }
  100% {
    width: 0;
  }
}


@-webkit-keyframes shining {
  0% {
    width: 0;
  }
  50% {
    width: 30px;
  }
  100% {
    width: 0;
  }
}
@keyframes shining {
  0% {
    width: 0;
  }
  50% {
    width: 30px;
  }
  100% {
    width: 0;
  }
}
@-webkit-keyframes shooting {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(800px);
            transform: translateX(800px);
  }
}
@keyframes shooting {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(800px);
            transform: translateX(800px);
  }
}

@-webkit-keyframes waves{
	0%{-webkit-transform:translateX(0) translateZ(0) scaleY(1);transform:translateX(0) translateZ(0) scaleY(1)}
	0%{-webkit-transform:translateX(-25%) translateZ(0) scaleY(.5);transform:translateX(-25%) translateZ(0) scaleY(.5)}
	0%{-webkit-transform:translateX(-50%) translateZ(0) scaleY(1);transform:translateX(-50%) translateZ(0) scaleY(1)}
}

@keyframes waves{
	0%{-webkit-transform:translateX(0) translateZ(0) scaleY(1);transform:translateX(0) translateZ(0) scaleY(1)}
	0%{-webkit-transform:translateX(-25%) translateZ(0) scaleY(.5);transform:translateX(-25%) translateZ(0) scaleY(.5)}
	0%{-webkit-transform:translateX(-50%) translateZ(0) scaleY(1);transform:translateX(-50%) translateZ(0) scaleY(1)}
}



@keyframes roll_left {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(-360deg);
  }
}
@keyframes roll_right {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes ripple1 {
  0% {
    opacity: 1;
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    transform: scale(1, 1);
  }
  100% {
    opacity: 0.1;
    -webkit-transform: scale(2);
    -moz-transform: scale(2);
    -ms-transform: scale(2);
    transform: scale(2);
  }
}

@keyframes e1 {
  to {
    transform: rotate(360deg);
  }
}

 @font-face {
   font-family: 'en_b';
   src: url("../fonts/EUCLIDCIRCULARA-BOLD_0.TTF");
 }
 
@keyframes a2_6{from { transform: scale(1.2);}  to { transform: scale(1.1);}}

@keyframes line1Beforeaa
	{
		from {margin-top:5px;}
		to {margin-top:15px;}
	}
@keyframes z {
    from {
        -webkit-transform: translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scaleX(1) scaleY(1) scaleZ(1);
        -moz-transform: translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scaleX(1) scaleY(1) scaleZ(1);
        -ms-transform: translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scaleX(1) scaleY(1) scaleZ(1);
        transform: translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scaleX(1) scaleY(1) scaleZ(1);
    }
    to {
        -webkit-transform: translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(360deg) scaleX(1) scaleY(1) scaleZ(1);
        -moz-transform: translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(360deg) scaleX(1) scaleY(1) scaleZ(1);
        -ms-transform: translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(360deg) scaleX(1) scaleY(1) scaleZ(1);
        transform: translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(360deg) scaleX(1) scaleY(1) scaleZ(1);
    }
}

@keyframes y {
    from {
        -webkit-transform: translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scaleX(1) scaleY(1) scaleZ(1);
        -moz-transform: translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scaleX(1) scaleY(1) scaleZ(1);
        -ms-transform: translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scaleX(1) scaleY(1) scaleZ(1);
        transform: translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scaleX(1) scaleY(1) scaleZ(1);
    }
    to {
        -webkit-transform: translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(360deg) rotateZ(0deg) scaleX(1) scaleY(1) scaleZ(1);
        -moz-transform: translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(360deg) rotateZ(0deg) scaleX(1) scaleY(1) scaleZ(1);
        -ms-transform: translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(360deg) rotateZ(0deg) scaleX(1) scaleY(1) scaleZ(1);
        transform: translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(360deg) rotateZ(0deg) scaleX(1) scaleY(1) scaleZ(1);
    }
}