@font-face {
  font-family: 'Xanthie';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(../fonts/Xanthie-Bold.otf) format('truetype');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Lingxun';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(../fonts/Lingxun-Serif-Bold.ttf) format('truetype');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
  

.Lingxun{
	font-family:Lingxun; 
}
.Xanthie{
	font-family:Xanthie; 
}

 
html,body,div,span,div,strong{
	 font-family: Lingxun,sans-serif,"Microsoft YaHei","微软雅黑",PingFangSC-Regular,"宋体","Arial","黑体";
	 
}
a:hover{
  cursor: pointer;
  color:#666;
}

.fweight{
	font-weight: bold!important;
}
.f300{
	font-weight: 300;
}


.fs-sm-60{
	font-size: 60px;
}
.fs-sm-50{
	font-size: 50px;
}

.lh-1-5 {
    line-height: 1.5;
}

.clear{
	clear: both;
	display: block;
	width: 100%;
}

.fl{
	float: left;
}
.fr{
	float: right;
}

.colorfff{
  color:#fff!important;
}

.color333{
  color:#333!important;
}
.color000{
  color:#000!important;
}
.color999{
  color:#999!important;
}

.colorccc{
   color:#ccc!important;
}

.bg333{
  background: #333!important;
}

.bgfff{
  background: #fff!important;
}

.bg666{
  background: #666!important;
}

.bgf7{
  background: #f7f7f7!important;
}

.bgfoot{
  background: #DDDDDD!important;
}

.fill { object-fit: fill; }
.contain { object-fit: contain; }
.cover { object-fit: cover; }
.none { object-fit: none; }
.scale-down { object-fit: scale-down; }

.container, .container-lg, .container-md, .container-sm, .container-xl {
    max-width: 1240px;
}

.navbar{
	padding:0;
}

.logo-sm-height{
	max-height: 70px;	
}
h1{
	margin-top: 0.5rem;
	margin-bottom: 0.5rem;
}


.languagebtn{
	position: relative;
	display: inline-block;
	background: rgba(255,255,255,0.5);
	border-radius: 20px;
	padding:6px 30px;
	font-size: 16px;
	font-family: Xanthie;
	 
}






.navbar-expand-lg .navbar-nav .nav-link{
	font-size: 18px;
	color:#333;
	font-family: Xanthie;
  position: relative;
  padding:2rem 1rem;
}

.menu-contact{
	font-size: 16px;
	color:#333;
	font-family: Xanthie;
	background: #ddd;
	padding:7px 30px 9px 30px;
	border-radius: 20px;
	transition:all 0.6s;
}

.menu-contact:hover{
	background: #000;
	color:#fff;
}


.more{
	display: inline-block; 
	border:1px solid #000;
	transition: all 0.6s;
  background: #fff!important;
  width: 200px;
  height: 50px;
  line-height: 50px;
}

.ej-btn{
  display: inline-block; 
  border:1px solid #000;
  transition: all 0.6s;
  background: #fff!important;
  width:150px;
  height: 30px;
  line-height: 30px!important;
}
 
 
.erji_menu{
   position: fixed;
   z-index: 999;
   left:0;
    top:auto;
   width:100%;
   display: none;    
  height: auto;  
  overflow:hidden;
  width: 100%;
  height: auto;
  border-bottom: 1px solid #ddd;
}
.erji_menu .container{
  padding-bottom: 30px;  
}
.nav-item:hover .erji_menu{
  display: block;
  
}

.erji_menulist li{
  width: 20%;
  text-align: center;
  margin-top:30px;
    font-size: 16px;
}
.erji_menulist li .imgbox{
   border-radius: 10px;
   box-shadow: 4px 4px 4px #ddd;
   padding:5px 30px;
   display: inline-block;
     border:1px solid #ddd;
     overflow:hidden;
}
.erji_menulist li img{
   width: 100px; 
    border-radius: 10px; 
   transition: all 0.6s;
 
}
.erji_menulist li:hover img{
   transform: scale(1.2);
}

.erji_menulist .w33{
  width: 33%;
}

.erji_menulist .w33 img{
   width: 200px;
}



.swiper-pagination-bullet{
  width: 10px;
  height: 10px;
  background: #fff;
  opacity: 1;
  transition:all 0.6s;
}
.swiper-pagination-bullet-active{
  width: 40px;
  height: 10px;
  border-radius: 5px;
  background: #926F42;
}

.slidetxt{
  top:30%; 
  max-width: 600px; 
}

.slidetxtabout{
  top:50%;  
  left:0;
  width: 100%;
  z-index: 999;
  }

.index_aboutbig_container {
	width:100%;
	margin-top:0px;
	 
}

.index_aboutbig {
	width:100%;
	overflow:hidden;
}
.index_aboutbig-img,
.index_aboutbig-wdbox {
	height:680px;
	position:relative;
}


.index_aboutbig-img {
	width:50%;
	object-fit:cover;
	
}
.index_aboutbig-wdbox {
	display:flex;
	align-items:center;
 	background:#f8f8f8 url(../images/bg1.png) no-repeat right top;
	width:50%;	
	padding-left:76px;
}
.index_aboutbig-wdbox-bgfff{
 
  background:#fff url(../images/bg1.png) no-repeat right top;
  
}



.index_aboutbig-wd {
	width:80%;
}

.index_aboutbig-wd .sontit-one p {
	opacity:.5;
	line-height:1.2em;
}
.index_aboutbig-desc {
	width:100%;
	margin-top:40px;
}
.index_aboutbig-desc p {
	font-size:16px;	 
	line-height:28px;
	margin-top:10px;
}
.index_aboutbig-desc p:first-child {
	margin-top:0;
}

.sontit-one {
	width:100%;}

.sontit-one h3 {
	font-size:50px;	 
	margin-top:16px;		
}





/****首页流程*****/


#serverlist3line{
    width: 1200px;
    margin: 100px auto;

}
.serverlist3center{
    position: relative;
    display: inline-block;
    height: 600px;
    width: 100%;
}
.serverlist3line-box h3{
    text-align: center;
    font-family: Xanthie;
    font-size: 14px;
    font-weight: bold;
}
.serverlist3line-box:nth-child(2n-1) h3{
	padding-top: 45px;
}
.serverlist3line-box{
   width: 200px;
   height: 190px;
   box-shadow: 0 0 5px 2px rgba(135,135,135, 0.15);
   position: absolute;
   left: 0;
   right: 0;
   background-color: #FFF;
   z-index: 1;

   opacity: 0;
   transition: 0.5s;
  
   transform: scaleX(0);
}
.serverlist3line-box:nth-child(odd){
    top: 35px;
}
.serverlist3line-box:nth-child(even){
    bottom: 35px;
}

.serverlist3line-box::before{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: #FFF;
    z-index: -1;
}
.serverlist3line-box::after{
    content: "";
    width: 15px;
    height:15px;
    position: absolute;

    left: 50%;
    background-color: #FFF;
    transform:translateX(-50%)rotate(45deg);
    box-shadow: 0 0 5px 2px rgba(135,135,135, 0.15);
    z-index: -2;

}

.serverlist3line-box:nth-child(2n) h3{
   padding-top: 10px;
}


.serverlist3line-box:nth-child(odd)::after{
    bottom:-7.5px;
}
.serverlist3line-box:nth-child(even)::after{
    top:-7.5px;
}
.serverlist3line-box:nth-child(1)
{
    left: -15px;
}
.serverlist3line-box:nth-child(2)
{
    left: 115px;
}
.serverlist3line-box:nth-child(3)
{
    left: 245px;
}
.serverlist3line-box:nth-child(4)
{
    left: 375px;
}
.serverlist3line-box:nth-child(5)
{
    left: 505px;
}
.serverlist3line-box:nth-child(6)
{
    left: 635px;
}
.serverlist3line-box:nth-child(7)
{
    left: 765px;
}
.serverlist3line-box:nth-child(8)
{
    left: 895px;
}
.serverlist3line-box:nth-child(9)
{
    left: 1025px;
}
.header{
    width: 70px;
    height: 70px;
    line-height: 50px;
    position: absolute;
    left: 50%;   
    margin-left: -35px;   
    display: flex;
    justify-content: center;
    text-anchor: middle;
    background-color: #FFF;
    padding:10px;
    border-radius: 50%;;
    box-sizing: border-box;
    font-size: 30px;
    font-family: Comfortaa;
    color:#FFF;
    background:#957244;

}

.serverlist3line-box:nth-child(odd) .header{
    top: -35px;
}
.serverlist3line-box:nth-child(even) .header{
     bottom: -35px;
}
.header::before{
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    
    border-radius: 50%;;
    box-shadow: 0 0 5px 2px rgba(135,135,135, 0.15);
    z-index: -2;
}
.header img{
    width: 100%;
    height: 100%;
    border-radius: 50%;
    transition: 0.5s;
}


.serverlist3line_div{
    width: 1050px; 
    height: 90px; 
    position: absolute;


    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    
    margin: auto;
    display: flex;
    justify-content: space-between;
    
}
.serverlist3line_div div{
    width: 15px;
    height: 15px;
    border-radius: 50%;
    background: #ddd;
    
    box-sizing:content-box;

}

.f-border{

    border-color: #fff;
    box-shadow: 0 0 8px rgba(0, 0, 0, .2);

}
.activeliucheng{

   border:5px;
   border-color: #fff;
   box-shadow: 0 0 10px 3px #ffae12;
}
/****首页流程*****/


.pages{
  margin-bottom: 0;
  padding-bottom: 0;
}

.style-size_container {
  width:100%;
  margin-top:0px;
   
}

.style-size {
  width:100%;
  overflow:hidden;
}
.style-size-img,
.style-size-wdbox {
  height:1000px;
  position:relative;
}


.style-size-img {
  width:35%;
  object-fit:cover;  
}
.style-size-img img{
   width: 90%;
   margin-top: 4rem;
   margin-left: 5%;
}
.style-size-wdbox {
  display:flex;
  align-items:center;
  background:#fff url(../images/bg1.png) no-repeat right top;
  width:65%;  
  padding-left:76px;
}

.style-size-wd {
  width:80%;
}




 /******首页为什么选择我们？*************/

section.g2lV7IP7 .__0qIHuklL .Ziy1sLi8 {
  position:relative;
  z-index:1;
  max-width:1920px;
  width:100%;
  height:708px;
  margin:0 auto;
  font-size:0;
  overflow:hidden
}
section.g2lV7IP7 .__0qIHuklL .Ziy1sLi8 .bbleA9G7 {
  display:inline-block;
  vertical-align:top;
  width:20%;
  height:465px;
  box-sizing:border-box;
  border-top:1px solid #d0d9e6;
  border-right:1px solid #d0d9e6;
  border-bottom:1px solid #d0d9e6;
  background-color:rgba(31,49,86,0);
  transition:border-color .3s ease
}
section.g2lV7IP7 .__0qIHuklL .Ziy1sLi8 .bbleA9G7 .mMwjHh3z {
  position:relative;
  z-index:2;
  height:100%;
  overflow:hidden
}
section.g2lV7IP7 .__0qIHuklL .Ziy1sLi8 .bbleA9G7 .mMwjHh3z h3 {
  margin-bottom:20px;
  font-size: 1.5rem;
}



section.g2lV7IP7 .__0qIHuklL .Ziy1sLi8 .bbleA9G7 .mMwjHh3z h3,section.g2lV7IP7 .__0qIHuklL .Ziy1sLi8 .bbleA9G7 .mMwjHh3z p {
  transition:color .3s ease
}
section.g2lV7IP7 .__0qIHuklL .Ziy1sLi8 .bbleA9G7 .mMwjHh3z .IazeMdy5 {
  width:20px;
  height:20px;
  position:absolute;
  bottom:106px;
  left:0;
  overflow:hidden
}




section.g2lV7IP7 .__0qIHuklL .Ziy1sLi8 .bbleA9G7 .mMwjHh3z .IazeMdy5 span {
  font-family:PingFangSC-Medium;
  font-size:14px;
  color:#fff;
  line-height:20px;
  font-weight:600;
  opacity:0
}
section.g2lV7IP7 .__0qIHuklL .Ziy1sLi8 .bbleA9G7 .mMwjHh3z .IazeMdy5 .DiRQYEJZ {
  position:absolute;
  top:0;
  right:0;
  width:20px;
  height:100%;
  background:url(../img/arrow_61c51ce.png) no-repeat -25px 0;
  background-size:70px 20px
}
section.g2lV7IP7 .__0qIHuklL .Ziy1sLi8 .bbleA9G7 .mMwjHh3z img {
  position:absolute;
  right:0;
  bottom:0;
  height:100%;
  opacity:1;
  transition:opacity .3s ease
}
section.g2lV7IP7 .__0qIHuklL .Ziy1sLi8 .bbleA9G7 .mMwjHh3z .__0yLhEU14 {
      position: absolute;
    padding: 48px 0;
    margin: 0 39px;
    height: 100%;
    left: 0;
    top: 0;
    color:#000;
    font-size: 20px;
}
section.g2lV7IP7 .__0qIHuklL .Ziy1sLi8 .bbleA9G7 .p5DWbndU {
  position:absolute;
  left:0;
  bottom:0;
  width:100%;
  height:100%;
  z-index:-3;
  overflow:hidden
}
section.g2lV7IP7 .__0qIHuklL .Ziy1sLi8 .bbleA9G7 .p5DWbndU img {
  position:absolute;
  left:50%;
  transform:translateX(-50%);
  bottom:0;
  height:708px
}
section.g2lV7IP7 .__0qIHuklL .Ziy1sLi8 .bbleA9G7.vxSgz2YT .p5DWbndU {
  z-index:-2
}
section.g2lV7IP7 .__0qIHuklL .Ziy1sLi8 .bbleA9G7:hover {
  transition:border-color .3s ease,background-color .7s ease .11s;
  background-color:rgba(31,49,86,.8)
}
section.g2lV7IP7 .__0qIHuklL .Ziy1sLi8 .bbleA9G7:hover .mMwjHh3z .IazeMdy5 {
  width:84px;
  transition:width .5s ease .15s
}
section.g2lV7IP7 .__0qIHuklL .Ziy1sLi8 .bbleA9G7:hover .mMwjHh3z .IazeMdy5 span {
  opacity:1;
  transition:opacity .5s ease .28s
}
section.g2lV7IP7 .__0qIHuklL .Ziy1sLi8 .bbleA9G7:hover .mMwjHh3z .DiRQYEJZ {
  animation:Xg23_kvx .9s ease .8s infinite
}
section.g2lV7IP7 .__0qIHuklL .Ziy1sLi8 .bbleA9G7:hover .p5DWbndU {
  z-index:-1;
  animation:PJZlnsW7 .8s cubic-bezier(.31,.39,.32,1)
}

 

section.g2lV7IP7 .__0qIHuklL .Ziy1sLi8:hover .bbleA9G7 {
  border-color:#b4c0d3
}
section.g2lV7IP7 .__0qIHuklL .Ziy1sLi8:hover .bbleA9G7 .mMwjHh3z h3,section.g2lV7IP7 .__0qIHuklL .Ziy1sLi8:hover .bbleA9G7 .mMwjHh3z p {
  color:#fff
}
section.g2lV7IP7 .__0qIHuklL .Ziy1sLi8:hover .bbleA9G7 .mMwjHh3z .DiRQYEJZ {
  background-position:-50px 0
}
section.g2lV7IP7 .__0qIHuklL .Ziy1sLi8:hover .bbleA9G7 .mMwjHh3z img {
  opacity:0
}

section.g2lV7IP7 .__0qIHuklL .Ziy1sLi8 .bbleA9G7 .mMwjHh3z h3{
  display: flex;
}

section.g2lV7IP7 .__0qIHuklL .Ziy1sLi8 .bbleA9G7 .mMwjHh3z h3 .title{
  height: 3rem;
  line-height: 3rem;
  vertical-align: middle;
  display: inline-block;
}

section.g2lV7IP7 .__0qIHuklL .Ziy1sLi8 .bbleA9G7 .mMwjHh3z h3 .ico{
    position: relative;   
     width: 2rem;
    height: 2rem;
    overflow:hidden; 
    display: inline-block;
    margin-right: 10px;
}
section.g2lV7IP7 .__0qIHuklL .Ziy1sLi8 .bbleA9G7 .mMwjHh3z h3 .ico img{
     width: 2rem;
}
section.g2lV7IP7 .__0qIHuklL .Ziy1sLi8:hover .bbleA9G7 .mMwjHh3z h3 .ico img{    
  opacity: 1;  
 
 color:#fff;
 transform: translateY(2rem);
 filter: drop-shadow(#fff 0 -2rem);
}



@keyframes g9gM5Fpx {
  0% {
  height:100%
}
to {
  height:0
}
}


@keyframes PJZlnsW7 {
  0% {
  height:60%;
  bottom:-170px
}
to {
  height:100%;
  bottom:0
}


}._xFq0kOi {
  display:flex;
  align-items:center;
  justify-content:center
}
.p_3_CgqZ {
  background:none;
  outline:none
}
.p_3_CgqZ,.p_3_CgqZ:focus {
  border:none
}
.qMvdWH_Z {
  text-overflow:ellipsis;
  overflow:hidden;
  white-space:nowrap
}
.__44mkSTiF {
  position:absolute;
  top:466px;
  left:0;
  width:100%;
  min-width:1280px;
  height:94px;
  z-index:2;
  padding-top:0!important;
  background:hsla(0,0%,100%,.6);
  -webkit-backdrop-filter:blur(5px);
  backdrop-filter:blur(5px);
  transition:background-color .3s ease-out
}
.__44mkSTiF .aAJKyjcg {
  max-width:1468px;
  min-width:1204px;
  margin:0 auto;
  width:calc(100vw - 140px + 24px)
}
.__44mkSTiF ul {
  display:flex
}
.__44mkSTiF ul li {
  width:25%
}
.__44mkSTiF ul li a {
  display:block;
  width:100%;
  padding:20px 16px 20px 12px;
  transition:background-color .3s ease-out
}
.__44mkSTiF ul li a .fskzruur {
  float:left;
  width:56px;
  height:56px;
  background:no-repeat 0 0;
  background-size:100% auto
}
.__44mkSTiF ul li a h3,.__44mkSTiF ul li a p {
  margin-left:66px;
  text-overflow:ellipsis;
  overflow:hidden;
  white-space:nowrap
}
.__44mkSTiF ul li a h3 {
  font-size:16px;
  line-height:26px;
  font-family:PingFangSC-Medium;
  transition:color .3s ease-out;
  font-weight:600
}
.__44mkSTiF ul li a p {
  margin-top:4px;
  height:24px;
  transition:color .3s ease-out
}
.__44mkSTiF ul li a:hover {
  background-color:hsla(0,0%,100%,.6)
}
.__44mkSTiF ul li a:hover h3 {
  color:#2468f2
}
.__44mkSTiF ul li a:hover .fskzruur {
  animation:vgJgjBFw 1s steps(30) forwards
}
.dark+.__44mkSTiF {
  background:rgba(16,26,60,.24)
}
.dark+.__44mkSTiF ul li a h3,.dark+.__44mkSTiF ul li a p {
  color:#fff
}
.dark+.__44mkSTiF ul li a:hover {
  background-color:rgba(16,26,60,.2)
}
.cloud-header-operate:not(.cloud-operate-close)~#__next .__44mkSTiF {
  top:530px
}
@keyframes vgJgjBFw {
  0% {
  background-position:0 0
}
to {
  background-position:0 100%
}
}.fi_gzl1n {
  display:flex;
  align-items:center;
  justify-content:center
}
.nrV3Krg0 {
  background:none;
  outline:none
}
.nrV3Krg0,.nrV3Krg0:focus {
  border:none
}
.FFowaGNx {
  text-overflow:ellipsis;
  overflow:hidden;
  white-space:nowrap
}
.bdSLq3VN {
  height:140px;
  margin-bottom:20px;
  background:#e9f1f9 url(../img/lazy-icon.svg) no-repeat 50%/auto 20%
}
.bdSLq3VN .container {
  display:flex;
  height:140px
}
.bdSLq3VN .erIan_5L {
  width:50%;
  display:flex;
  justify-content:space-between;
  align-items:center
}
.bdSLq3VN .erIan_5L li {
  width:31%;
  position:relative
}
.bdSLq3VN .erIan_5L a {
  position:relative;
  display:block;
  text-align:center;
  line-height:40px
}
.bdSLq3VN .erIan_5L a .zBsUXJ9c:after,.bdSLq3VN .erIan_5L a .zBsUXJ9c:before,.bdSLq3VN .erIan_5L a:after,.bdSLq3VN .erIan_5L a:before {
  content:"";
  position:absolute;
  top:0;
  width:60%;
  height:100%;
  background:url(../img/activity_aside_btn.png) no-repeat 0 -45px/auto 85px
}




/******首页msg*************/



/***新闻详情留言4 ****/
button:focus,input:focus,.inputNew2,textare{
  outline:none;
}
input[type="text" i] {
  padding:0;
}


.bgmsg{
  background: #f7f7f7 url(../images/bgmsg.png) no-repeat right bottom;
}

 .msgbook{
  width:100%;  
}
 .msgbook .inputNew{
   border:1px solid #e5e6e9;
   width: 49%;
   margin-right: 2%;
   padding-left: 15px;
   margin-bottom:25px;
   height: 50px;
   line-height: 50px;
   float: left;
}
 .msgbook .inputNew:nth-child(2n){
  margin-right:0;
}
 .msgbook .inputNew2{
   border:1px solid #e5e6e9;
   width: 100%;
   padding-left: 15px;
   margin-bottom: 25px;
   height: 120px;
   line-height: 24px;
}
 .msgbook .inputNew3{
   border:1px solid #e5e6e9;
   width: calc(49% - 120px);
   padding-left: 15px;
   margin-bottom: 25px;
   height: 50px;
   line-height: 40px;
}

 .msgbook  .code{
  height: 50px;
  width: 120px;
}
 .msgbook .booksubmit{
  border:none;
   width:49%;
   margin-bottom: 25px;
   height: 50px;
   line-height: 50px;
   color:#FFF;  
   font-weight: bold;
   text-align: center;
   font-size: 20px;
   display: block;
   
}




.lingdong-btn{       
      
       line-height: 50px;
       text-align: center;
       cursor: pointer;
       position: relative;      
        overflow:hidden;
    }
    .lingdong-btn:after{ 
      content: '';
       width: 100%;
       height: 100%;
       background: #000;
       left:-100%;
       display: inline-block;
       position: absolute;
       top:0;
       transition: all  0.6s;
       z-index: 9;
    }
    .lingdong-btn a{
      display: inline-block;
      width: 100%;
      height: 100%;
      z-index: 10;
      text-decoration: none;
      position: absolute;
      left:0;
      top:0;
    }
     
    .lingdong-btn:hover:after{
       left:0;
       color:#fff!important;
    }
    .lingdong-btn:hover a{
       color:#fff!important;
    }


.lingdong-btn-on{
   background: #000!important;
}
.lingdong-btn-on a{
  color:#fff;
}

/******首页msg*************/


.foot-icon a{
  display: inline-block;
  color:#fff;
  width:30px;
  height: 30px;
  border-radius: 50%;
  background: #222;
  margin-right: 15px;
  text-align: center;
  line-height: 30px;
  transition: all 0.6s;
  padding-top: 3px;

}
.foot-icon a i{
  font-size:16px;
}
.foot-icon a:hover{
  background: #E1AC66;
}
.foot-icon a:hover i{
   color:#000;
}

.footico-weixin{
   position: relative;
}

.footico-weixin .weixinico{
   position:absolute;
   width: 150px;
   height: 150px;
   left:-75px;
   bottom:40px;
   z-index: 99;
   display: none;
}
 
.footico-weixin:hover .weixinico{
  display: block;
}

.langes a img{
  width: 30px;
  margin-right: 5px;
  transition: all 0.6s;
}
.langes a{
  color:#444;
  transition: all 0.6s;
  display: inline-block;
 
}
.langes a span{
    font-family: Xanthie;
}
.langes a:hover{
  color:#000;
   transform:scale(1.1);
}
 
.foot-menu li a{
  color:#444;
  transition: all 0.6s;
  display: inline-block;
  font-family: Xanthie;
}
.foot-menu li a:hover{
  color:#000;
  transform:scale(1.1);
}

.copyright-border-top{
  border-top:1px solid #C9C9C9;
}

.footlogo img{
  max-width: 200px;
}


/*****产品列表*************/
   .productlist{background-color:#FFF; width:100%; position:relative; display: inline-block;}
   .product-img-box{margin-top: 100%;}
   .pro-box{position:absolute;left:0;right:0;top:0;bottom: 0;   width: 100%; height: 100%;}
   .pro-box-content{ position: relative; width: 100%; height: 100%; overflow:hidden; border:1px solid #ddd;}
   .pro-box-content img{ width: 100%; height: 100%; transition: all 0.6s}
   .productlist:hover .pro-box-content img{transform: scale(1.1);}

.pro-desc{
  position: absolute;
  width: 100%;
  height: 100%;
  left:0;
  top:0;
  padding:10px 15px;
  font-size: 14px; 
  color:#fff;
  line-height: 24px;
  z-index: 999;
  background: rgba(0,0,0,0.6);
  display: flex;
  align-items: center;
  text-align: left;
  display:none;
}

.productlist:hover .pro-desc{
  display: flex;
}

.daxie,.daxie a{
 text-transform: uppercase;
}

.jumbotron-fluid{
   min-height: 400px;
}


.page-num, .page-link {    
    color: #333;
    background-color: #FFF;
    border: 1px #DDD solid;
}
.page-num:hover, .page-link:hover{    
    color: #fff;
    background-color: #666;
    border: 1px #666 solid;
}
.page-num-current {
   color: #fff;
    background-color: #333;
    border: 1px #333 solid;
}










.table-row{margin:0;padding:0;list-style:none;text-align: center; color:#000; }  
        .table{display:table;border-collapse:collapse;border:1px dashed #ccc; width:100%; }  
        .table-caption{display:table-caption;margin:0;padding:0;font-size:16px;}  
        .table-column-group{display:table-column-group;}  
        .table-column{display:table-column;width:200px;}  
        .table-row-group{display:table-row-group;}  
        .table-row{display:table-row;}  
        .table-row-group .table-row:hover,.table-footer-group .table-row:hover{background:#f6f6f6;}  
        .table-cell{display:table-cell;padding:5px;border:1px dashed #ccc; text-align: left;}  
        .table-header-group{display:table-header-group;background:#f8f8f8;font-weight:bold; color:#0053A2!important; font-size: 18px; } 
        .table-header-group li{padding:10px 0;   }
        .table-footer-group{display:table-footer-group;}
        .table-cell img{width:100px; height: 60px;}
        .table-row li:hover{cursor: pointer;}
        .ask{width: 200px;}

  
.szgc,.row0{
  flexdisplay: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right:0px;
    margin-left: 0px;
}
.szgc .bdm .bdm11 a:hover {
  box-shadow:2px 2px 10px #ddd;
}
.szgc .bdm .bdm1 .title{
   font-weight:400;
  display:block;
  margin-bottom:25px;

}
.szgc .bdm .bdm1 .desc {
  color:#323541;
  line-height:35px;
  padding-bottom:25px;
  text-align: left;
}
.szgc .bdm .bdm1 .desc p img{
  max-width: 80%;
}
.szgc .bdm .bdm11 {
  padding-top:25px;
  border-top:1px dashed #dddddd;
}
.szgc .bdm .bdm11 a {
  width:46%;
  display:inline-block;
  text-align:center;
  background:#f7f7f7;
  border-radius:10px;
  padding:11px 22px;
  font-size:16px;
  color:#2e2e2e;
  margin-bottom:20px;
  margin:5px;
}
.szgc .bdm {
  margin:120px 0;
}
.szgc .bdm {
  padding:120px 0 0;
  margin:0;
}
.szgc .bdm img {
  max-height:595px;
}

.bdm1 {
  position:absolute;
  width:100%;
  left:50%;
  top:50%;
  transform:translate(-50%,-50%);
}
 



@media screen and (max-width:1680px){
  section.g2lV7IP7 .__0qIHuklL .Ziy1sLi8 .bbleA9G7 .mMwjHh3z h3{
    font-size: 1.3rem;
  }
} 




@media screen and (max-width:1500px) {
  section.g2lV7IP7 .__0qIHuklL .Ziy1sLi8 {
  height:600px
  }
  section.g2lV7IP7 .__0qIHuklL .Ziy1sLi8 .bbleA9G7 {
    height:500px
  }
  section.g2lV7IP7 .__0qIHuklL .Ziy1sLi8 .bbleA9G7 .mMwjHh3z .IazeMdy5 {
    bottom:74px
  }
  section.g2lV7IP7 .__0qIHuklL .Ziy1sLi8 .bbleA9G7 .p5DWbndU img {
    height:600px
  }
   section.g2lV7IP7 .__0qIHuklL .Ziy1sLi8 .bbleA9G7 .mMwjHh3z h3{
    font-size: 1.1rem;
  }
   section.g2lV7IP7 .__0qIHuklL .Ziy1sLi8 .bbleA9G7 .mMwjHh3z .__0yLhEU14{
    margin: 0 15px;
  }
}

@media(max-width: 1366px){

   section.g2lV7IP7 .__0qIHuklL .Ziy1sLi8 .bbleA9G7 .mMwjHh3z h3{
    font-size: 0.8rem;
   }
   section.g2lV7IP7 .__0qIHuklL .Ziy1sLi8 .bbleA9G7 .mMwjHh3z .__0yLhEU14 .desc{
    font-size: 0.8rem!important;
   }
   section.g2lV7IP7 .__0qIHuklL .Ziy1sLi8{
    height: 650px;
   }
   section.g2lV7IP7 .__0qIHuklL .Ziy1sLi8 .bbleA9G7 .mMwjHh3z h3 .title{
    font-size: 14px!important;

   }
   section.g2lV7IP7 .__0qIHuklL .Ziy1sLi8 .bbleA9G7 .mMwjHh3z h3 .ico{
    margin-right: 5px;
    
   }
   
}

@media(max-width: 1000px){
  
section.g2lV7IP7 .__0qIHuklL .Ziy1sLi8 {
    height: auto;
  }
  section.g2lV7IP7 .__0qIHuklL .Ziy1sLi8 .bbleA9G7 {
   
    height: auto;
    width: 100%; 
  }
  section.g2lV7IP7 .__0qIHuklL .Ziy1sLi8 .bbleA9G7 .mMwjHh3z .__0yLhEU14{
    padding:15px 0;
    position: relative;
  }
  section.g2lV7IP7 .__0qIHuklL .Ziy1sLi8 .bbleA9G7 .mMwjHh3z img{
    width: 100%;
    height:auto;
  }
  section.g2lV7IP7 .__0qIHuklL .Ziy1sLi8 .bbleA9G7 .p5DWbndU img{
    height: 100%;
  }

}

@media(max-width:992px) {


  .szgc .bdm .bdm1 span {
  font-size:20px;
  font-weight:600;
  display:block;
  margin-bottom:15px;
}
.szgc .bdm .bdm1 p { 
  color:#323541;
  line-height:24px;
}
.szgc .bdm .bdm11 {
  margin-top:0;
  padding-top:15px;
  overflow:hidden;
}
.szgc .bdm .bdm11 a {
  width:46%;
  float:left;
  display:inline-block;
  text-align:center;
  background:#f7f7f7;
  border-radius:10px;
  padding:11px 22px;
  font-size:14px;
  color:#2e2e2e;
  margin-bottom:20px;
  margin:5px;
}
.szgc .bdm .bdm11 a:hover {
  background:#3472fe;
  color:#fff;
}
.szgc .bdm {
  margin:30px 0;
  text-align:center;
}
.bdm .bdm1 {
  margin-bottom:20px;
}
.szgc .bdm {
  margin:30px 0;
  padding:0;
}
.bdm1 {
 position: relative;
}
 

}



@media(max-width: 768px){
  .index_aboutbig-desc img{
    max-width:96%;
  }
  .__0qIHuklL{
    background:#000;
  }

  .ej-btn{
  width: 32%;
}
 

  .slidetxtabout{
    width: 60%;
    left:20%;
  }

 
 .navbar{
  background: #fff;
 }
.navbar-nav{
  border-bottom: 1px solid #ddd;

}
  h1{
    margin-top:0;
    margin-bottom: 0; 
  }
  .navbar-light .navbar-toggler {
    color: rgba(0,0,0,0);
    border-color: rgba(0,0,0,0);
}
  .logo-sm-height{
     max-height:40px;
     margin-left: 10px;
   }

   .navbar-expand-lg .navbar-nav .nav-link{
    padding: 1rem 1rem;
   }

  .erji_menu{
    position: relative;
    display: block;
    border-bottom: none;
    padding-top: 15px;
  }


   .erji_menu .container{
    padding-bottom: 0
   }

  .erji_menulist .w33 img{
    max-width: 80%;
  }

  .menu-title{
    display: none;
  }
  .erji_menulist li{
    margin-top: 0;
  }
  .erji_menulist .w33,
  .erji_menulist li{
    width: auto;
    margin-right: 15px;
    margin-bottom: 15px;
  }

  .emailtous{
     border-top: 1px solid #ddd;
     display: block;
  }

  .nav-item{
    border-top:1px solid #ddd;
  }


    .fs-sm-60{
      font-size:1.8rem;
    }
    .fs-sm-50{
      font-size: 2rem;
      margin-bottom: 15px!important;
    }
    .slidetxt{
      top:30%; 
      max-width: 60%; 
    }

    .more{
      width: 100px;
      height: 30px;
      line-height: 30px;
    }

.ask {
    width: 100px;
}

.index_aboutbig-img{
  width: 100%;
  margin:20px auto;
}
.index_aboutbig-wdbox{
  width: 100%;
}
.index_aboutbig-img, .index_aboutbig-wdbox{
  height: auto;
}

.sontit-one h3{
   font-size: 2rem;
} 
.index_aboutbig-wd{
  width: auto;
}
.index_aboutbig-wdbox{
  padding-left: 15px;
}
.index_aboutbig-desc{
  margin-top: 20px;
}




    #serverlist3line{
        width: 100%;
    }
    .serverlist3center{
        height: auto;
    }
    .serverlist3line-box{
        position: relative;
        float: left;
        width: 90%;
        margin-left: 4%;
        margin-bottom: 30px;
    }

    .serverlist3line-box:nth-child(2),.serverlist3line-box:nth-child(3),.serverlist3line-box:nth-child(4),.serverlist3line-box:nth-child(5),.serverlist3line-box:nth-child(6),.serverlist3line-box:nth-child(7),.serverlist3line-box:nth-child(8){
        left:0;
    }

   .serverlist3line_div{
    display: none;
   }
  .serverlist3line-box:nth-child(odd),.serverlist3line-box:nth-child(even){
      top:60px;
  }
  .serverlist3line-box:nth-child(even) .header{
      bottom:auto;
      top:-35px;
      
  }
  
  .serverlist3line-box:nth-child(2n) h3{
      padding-top:35px;
  }




.style-size-wdbox,
.style-size-img{
  width:100%;
  padding:0px;
  height: auto;
}

.style-size-wdbox{
  padding-left: 0;
  padding:15px 10px;
}
.style-size-wd{
  width: auto; 
  padding:10px;
}

.style-size-img img{
  margin-top: 0
}






   .msgbook .inputNew{
      width: 100%;
    }
     .msgbook .inputNew3{
      width: calc(100% - 120px);    
      padding-top: 0;
    }




.fl{float: left;}
.fr{float: right;}
.text-left{text-align: left;}
.text-right{text-align: right;}
.text-center{text-align: center;}
.text-over{text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.over{overflow: hidden;}
.relative{position: relative;z-index: 1;}
.absolute{position: absolute;z-index: 1;}
.fixed{position: fixed;z-index: 1;}
.inline{display: inline;}
.block{display: block;}
.inline-block{display: inline-block;}
.table-cell{ display:table-cell; vertical-align:middle;}
.hide{display: none;}
.max-w100{max-width: 100%;}
.max-h100{max-height: 100%;}
.middle{vertical-align: middle;}
.border-box{ -webkit-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box;}
.trans{ -webkit-transition:all 300ms ease 0s; -moz-transition:all 300ms ease 0s; -ms-transition:all 300ms ease 0s; -o-transition:all 300ms ease 0s; transition:all 300ms ease 0s;}
.trans::before{ -webkit-transition:all 300ms ease 0s; -moz-transition:all 300ms ease 0s; -ms-transition:all 300ms ease 0s; -o-transition:all 300ms ease 0s; transition:all 300ms ease 0s;}
.trans::after{ -webkit-transition:all 300ms ease 0s; -moz-transition:all 300ms ease 0s; -ms-transition:all 300ms ease 0s; -o-transition:all 300ms ease 0s; transition:all 300ms ease 0s;}

 
#warp{ width:100%; max-width:750px; min-width:320px; overflow:hidden; margin:0 auto;}
#warp a{ -webkit-transition:all 300ms ease 0s; -moz-transition:all 300ms ease 0s; -ms-transition:all 300ms ease 0s; -o-transition:all 300ms ease 0s; transition:all 300ms ease 0s;}
#warp .picpath{ font-size:0;}
#warp .icon{ font-size:0;}
#warp .img{ font-size:0;}
.cw700{ width:93%; max-width:700px; margin:0 auto;}
.fz20{ font-size:20px; color:#333;}
.fz14{ font-size:14px; color:#333;}
.fz16{font-size:16px; line-height:30px;}
.fz18{font-size:18px;}

/*行业定制*/
#case{}
#case .one{ padding:2rem 0 4.375rem;}
#case .one .text-one{ width:100%; line-height:2rem; text-align:center; color:#000;}
#case .one .desc{ width:100%;  background-size:100%; padding:0; margin-top:1.75rem;}
#case .one .desc .img{ width:100%;}
#case .one .desc .img img{ width:100%;}
#case .one .desc .brief{ width:100%; line-height:1.5rem; color:#000; margin-top:0.6rem;}
#case .one .item{ width:100%; text-align:left; vertical-align:top; font-size:0; padding:0 5px; margin-top:2.5rem;}
#case .one .item .list{ width:100%; position:relative; padding-top:8rem;}
#case .one .item .list::before{ width:1px; height:100%; display:inline-block; background:#f0f0f0; position:absolute; left:2rem; top:-15px; z-index:2; content:'';}
#case .one .item .list:nth-child(1):before{display: none;}
#case .one .item .list::after{ width:0.3125rem; height:0.3125rem; display:none; background:#ff0000; border-radius:50%; position:absolute; left:1.8125rem; top:-0.3125rem; z-index:2; content:'';}
#case .one .item .list .number{ width:4rem; height:4rem; line-height:4rem; text-align:center; background:url(../images/img31.png) no-repeat center; background-size:100% 100%; position:relative; z-index:3; color:#fff;}
#case .one .item .list .content{ width:auto; position:absolute; left:5.25rem; top:8.5rem; z-index:2;}
#case .one .item .list .content .title{ width:100%; color:#282828;}
#case .one .item .list .content .brief{ width:100%; line-height:1.5rem; color:#929292; margin-top:0.5rem;}
#case .one .item .list .content .brief img{max-height:8rem;}
#case .one .item .list.in::after{ display:inline-block;}
#case .two{ padding:2.5rem 0 3.75rem;}
#case .two .item{ width:100%;}
#case .two .item .list{ width:100%; margin-top:0.625rem;}
#case .two .item .list .picpath{ width:42.8%;}
#case .two .item .list .picpath img{ width:100%;}
#case .two .item .list .content{ width:54.2%; padding-top:0.4rem;}
#case .two .item .list .content .title{ width:100%;}
#case .two .item .list .content .title a{ color:#363636;}
#case .two .item .list .content .brief{ width:100%; height:5rem; line-height:1.25rem; overflow:hidden; color:#929292; margin:0.625rem 0 2rem;}
#case .two .item .list .content .time{ width:100%; color:#363636;}
#case .two .item .list.none{ margin-top:0;}
#case .thr{ padding:2.25rem 0 3.75rem;}
#case .thr .title-one{ width:100%; text-align:left; color:#282828;}
#case .thr .content-one{ width:100%; border-bottom:0.25rem solid #f0f0f0; padding-bottom:3rem;}
#case .thr .content-one .item{ width:100%; margin-top:1.5rem;}
#case .thr .content-one .item .list{ width:23.5%; position:relative; margin-right:2%;}
#case .thr .content-one .item .list .background{ width:100%;}
#case .thr .content-one .item .list .background img{ width:100%;}
#case .thr .content-one .item .list .content{ width:100%; text-align:center; position:absolute; top:3.5rem; left:0; z-index:2;}
#case .thr .content-one .item .list .content .icon{ width:2.875rem;}
#case .thr .content-one .item .list .content .icon img{ width:100%;}
#case .thr .content-one .item .list .content .name{ width:100%; color:#fff; margin-top:0.5rem;}
#case .thr .content-one .item .list.none{ margin-right:0;}
#case .thr .content-two{ width:100%; padding-top:3.375rem;}
#case .thr .content-two .item{ width:100%;}
#case .thr .content-two .item .list{ width:48.5%; margin-top:1.5rem;}
#case .thr .content-two .item .list .number{ width:100%; color:#363636;}
#case .thr .content-two .item .list .arrow{ width:100%; height:0.8125rem; position:relative; margin:0.875rem 0 1rem;}
#case .thr .content-two .item .list .arrow img{ width:100%; position:absolute; top:0; left:0; z-index:2;}
#case .thr .content-two .item .list .arrow .img1{ opacity:1;}
#case .thr .content-two .item .list .arrow .img2{ opacity:0;}
#case .thr .content-two .item .list .brief{ width:100%; height:3.25rem; line-height:1.625rem; overflow:hidden; color:#929292;}
#case .thr .content-two .item .list:hover .number{ color:#ff0000;}
#case .thr .content-two .item .list:hover .arrow .img1{ opacity:0;}
#case .thr .content-two .item .list:hover .arrow .img2{ opacity:1;}
#case .thr .content-thr{ width:100%; padding-top:2.5rem;}
#case .thr .content-thr .item{ width:100%; margin-top:1.5rem;}
#case .thr .content-thr .item .list{ width:32%; height:6rem; text-align:center; overflow:hidden; border:0.125rem solid #e8e8e8; margin-right:2%; margin-top:2%;}
#case .thr .content-thr .item .list a{ width:32%; height:5.8rem; display:table-cell; vertical-align:middle;}
#case .thr .content-thr .item .list a img{ max-width:100%; max-height:100%;}
#case .thr .content-thr .item .list.none-one{ margin-top:0;}
#case .thr .content-thr .item .list.none-two{ margin-right:0;}
#case .four{ padding:2.5rem 0 3.75rem;}
#case .four .item{ width:100%;}
#case .four .item .img{ width:100%;}
#case .four .item .img img{ width:100%;}
#case .four .item .content{ width:100%; background:url(../images/p_img8.jpg) no-repeat center; background-size:cover; padding:1.625rem 2rem;}





.langes a span{
  display: none;
}
.langes li{
  display: inline-block;
}
.footlogo img{
  max-width: 100px;
}
.foot-icon a{
  width: 20px;
  height: 20px;
  line-height: 20px;
}
.foot-icon a i{
  font-size: 14px;
}






}