@charset "UTF-8";
/******************首屏加载时间******************/
#performance-display {
            position: fixed;
            bottom: 20px;
            right: 20px;
            background: rgba(0,0,0,0.8);
            color: white;
            padding: 10px 20px;
            border-radius: 5px;
            font-family: Arial, sans-serif;
            z-index: 9999;
        }




*{margin:0;padding:0; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; outline:none;}
html{width:100%; height:100%;}
body{width:100%; height:100%; margin:0;  background:#eeeeee; }
.footer-body{color: #282828;}
.layout{width: 100%; padding-left:50px;padding-right:50px;}
.wrap{margin:0 auto;position:relative;}

.pb10{padding-bottom:10px;}
.pb30,.pb30-2{padding-bottom:30px;}
.pt30{padding-top:30px;}
.mt15{margin-top:15px;}
.mb30{margin-bottom: 30px;}
.dpnone{display:none;}
.clearfix:after, .clearfix:before ,.wrap:after{content: " ";display: table;}
.clearfix:after,.wrap:after{height: 0;line-height: 0;visibility: hidden;clear: both;}
.rel,.rel01,.banner,.shadow{position: relative;}

ul,ol,li{list-style:none;}
img{border:none; vertical-align:middle;}
h1 p,.tit-fuwu2 p{padding-top:10px;}
h2{width:100%;}


.bac1{background: #c9c9c9;}
.bac2{background: #eeeeee;}
img {
	border: 0;
	vertical-align: middle;
	max-width: 100%;
}
img.img01{max-width: none;}

a {
	color: #535353;
	-webkit-tap-highlight-color: transparent;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
}

a:link {
	text-decoration: none;
}

a:visited {
	text-decoration: none;
}

a:hover {
	text-decoration: none;
	cursor: pointer;
}

a:active {
	text-decoration: none;
}


a:hover,a:hover .case-info p,.tit-ind1 a:hover,.tit-ind1 a:hover.selected,.footer-zixun-xiangqing a:hover,.footer-anli-xiangqing a:hover {
	color:#da03f7;
}
.footer-top-container .link-grid li a:hover{color:#fff;}


.tit-ind1 a:hover,.tit-ind1 a.selected {
  position: relative; 
}

.tit-ind1 a:hover::before,.tit-ind1 a.selected::before {
  content: "";
  position: absolute;
  z-index: -1;         
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(to top, #aeaeae, #f8f8f8);
  border-top: 1px solid #c9c9c9;
  border-bottom: 1px solid #c9c9c9;
  box-shadow: inset 0 1px 0 0 #fff, inset 0 -1px 0 0 #fff;
  pointer-events: none;  
}

.tit-ind1 a.selected,.tit-ind1 .nav-link.selected,.tit-ind1 .nav-link:hover {
	background: linear-gradient(to top, #aeaeae, #f8f8f8);
	border-top: 1px solid #c9c9c9;
	border-bottom: 1px solid #c9c9c9;
	box-shadow: inset 0 1px 0 0 #fff, inset 0 -1px 0 0 #fff;
	color:#da03f7;
  }





.button1, .button1 span {
            border-radius: 0.5em;
            box-sizing: border-box;
        }
        
        .button1 {
            position: relative; 
    z-index: 1; 
			display: inline-block;
            height: 3em;
			padding: 1px;
			background: linear-gradient(#87c9e7, #0a53a0);
            color: #fff;
            font-size: 16px;
            line-height: 2.6em;
            text-decoration: none;
        }
        
        .button1 span {
            pointer-events: none;
            display: inline-block;
			padding: 0 2em;
            width: 100%;
            height: 100%;
            border: 1px solid;
            border-image: linear-gradient(to bottom, #8fff, #0a53a0) 1;
        }
        
        .button1:hover {
            background: linear-gradient(#0a53a0, #87c9e7);
        }
        
        .button1:hover span {
            border-image: linear-gradient(to bottom, #8fff, #87c9e7) 1;
        }



 /* ---------------------------阴影效果相关样式--------------------------- */

    .shadow-core {
      position: absolute;
	  z-index: 1;
      bottom:0;  
      left: 25%;
      right: 25%;
      height: 60px;
      background: radial-gradient(
          ellipse at center bottom,
          rgba(0,0,0,0.4) 0%,
          rgba(0,0,0,0) 50%
      );
      filter: blur(0px);
      mask: linear-gradient(
          to right, 
          transparent 0%,
          black 10%,
          black 90%,
          transparent 100%
      );
    }
    

    .white-top-shadow {
    position: absolute;
    z-index: 2;
    top: 0;
    left: 1%;
    width: 50%;
    height: 300px;
    background: radial-gradient(
        ellipse at center top,
        rgba(255, 255, 255, 1) 0%,  
        rgba(255, 255, 255, 0) 30%
    );
    filter: blur(2px); 
    mask: linear-gradient(
        to bottom,
        transparent 0%,
        black 10%,
        black 70%,
        transparent 100%
    );
}
    
    




/**********************普通字体**********************/
body{font:normal 12px Microsoft Yahei; color:#282828;}
h1,.tit-ind2,.tit-fuwu2{font:bold 36px Microsoft Yahei;padding:30px 0 15px;}
.ind-service p,.ind-fangan p,.ind-customer p,h1 li,.tit-ind1 li,.ser-process p{font:normal 16px Microsoft Yahei;}
.font2,h1,.tit-ind2,.ind-fangan p,.ind-service p,.tit-ind1 ul,.ser-list-ind .ser-hd-ind,.ser-list-ind .ser-hd-ind2,.ind-customer p,.zhaoping,.tit-fuwu2{text-align:center;}
.ind-fangan p,.ind-service p{line-height: 24px;}
.ind-ser-content p{text-align:left;}
h2,.ind-service div p,.tit-fuwu1,h3.tit-zixun-siderbar,.anli-tuijian,.footer-top-container .column h3{font:bold 22px/36px Microsoft Yahei;}
h3{font:bold 18px Microsoft Yahei;}
h4{font-weight: normal}
.wor-list h2,.fangan-text h3,.font2{font:bold 16px/36px Microsoft Yahei;}
.pla-list h2,.wz-list-ind a h2{line-height:24px;}
.pla-list h2 p{font-size:14px;}
p,.zixun-grid1,.zixun-sidebar .zixun{font-size: 14px;line-height: 24px;}
.pingpai-price .icon9{color:#FFF;}
.pingpai-price .icon9{font:bold 23px/70px Microsoft Yahei}
.font1,.font3 p,.message p{font:normal 1.5em/2em Microsoft Yahei;}
footer p{font-size: 12px; }

/**********************icon字体**********************/
@font-face {
  font-family: 'icomoon';
  src:  url('../fonts/icomoon.eot?6o6zf9');
  src:  url('../fonts/icomoon.eot?6o6zf9#iefix') format('embedded-opentype'),
    url('../fonts/icomoon.ttf?6o6zf9') format('truetype'),
    url('../fonts/icomoon.woff?6o6zf9') format('woff'),
    url('../fonts/icomoon.svg?6o6zf9#icomoon') format('svg');
  font-size: 16px;
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

[class^="icon-"], [class*=" icon-"] {
  font-family: 'icomoon' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}


.icon-dianhua:before {
  content: "\e903";
  padding-right: 10px;
  font-size: 20px;
}
.icon-caidan:before {
  content: "\e901";
  color: #fff;
  font-size: 30px;
  display:none
}

.icon-diannao:before,.icon-xiaochengxukaifa:before,.icon-shangchengdingdan:before,.icon-APPkaifa:before  {
  font-size: 5.5em;
  padding-bottom: 15px;
}
.icon-xiaochengxukaifa:before,.icon-shangchengdingdan:before,.icon-APPkaifa:before  {
  position: relative;
  left: -0.1em;
}
.ban-anli-xq-r .icon-chaojilianjie:before,.ban-anli-xq-r .icon-diannao:before,.ban-anli-xq-r .icon-APPkaifa:before{
	font-size: 3.5em;
}
.icon-diannao:before {
  content: "\e904";
}
.icon-xiaochengxukaifa:before {
  content: "\e913";
}
.icon-shangchengdingdan:before {
  content: "\e90f";
}
.icon-APPkaifa:before {
  content: "\e900";
}

.icon-jiahao:before {
  content: "\e90c";
  display: inline-block;
  padding-top: 5%;
  font-size: 3.5em;
  font-weight: normal;
}


.icon-chaojilianjie:before {
  content: "\e902";
}

.icon-iphone{font-size: 600px}
.icon-iphone .path1:before {
  content: "\e905";
  color: rgb(247, 249, 249);
}
.icon-iphone .path2:before {
  content: "\e906";
  margin-left: -0.490234375em;
  color: rgb(128, 128, 128);
}
.icon-iphone .path3:before {
  content: "\e907";
  margin-left: -0.490234375em;
  color: rgb(128, 128, 128);
}
.icon-iphone .path4:before {
  content: "\e908";
  margin-left: -0.490234375em;
  color: rgb(128, 128, 128);
}
.icon-iphone .path5:before {
  content: "\e909";
  margin-left: -0.490234375em;
  color: rgb(128, 128, 128);
}
.icon-iphone .path6:before {
  content: "\e90a";
  margin-left: -0.490234375em;
  color: rgb(128, 128, 128);
}
.icon-iphone .path7:before {
  content: "\e90b";
  margin-left: -0.490234375em;
  color: rgb(128, 128, 128);
}
.icon-jiantouzuo:before,.icon-jiantouyou:before{
	color: #282828;
}
.mob-anli-pic{
	position: absolute;
	z-index: 15;
	font-size: 1.5em;
    left: 108px;
    top: 39px;
}

.icon-jiantouyou:before {
  content: "\e90d";
  
}
.icon-jiantouzuo:before {
  content: "\e90e";
  
}

.icon-shouji:before {
  content: "\e910";
}
.icon-weixin:before {
  content: "\e911";
}
.icon-xiangshangzhiding:before {
  content: "\e912";
}
.icon-zhuye:before {
  content: "\e914";
  padding-right: 15px;
}




/**********************header**********************/
.header-nav{
	position: absolute;
	z-index: 9991;
	top: 0;
	left: 0;
	width: 100%;
	transition: all .55s cubic-bezier(0.55, 0.75, 0.6, 1) 0s;
	-webkit-transition: all .55s cubic-bezier(0.55, 0.75, 0.6, 1) 0s;
	-moz-transition: all .55s cubic-bezier(0.55, 0.75, 0.6, 1) 0s;
}

.header-wrap {
	width: 100%;
	position: relative;
}

.header-nav .logo {
	position: absolute;
	left: 40px;
	top: 20px;
	z-index:100;
}
.header-nav .logo picture{
	display: inline-block;
	width:127px;
	height: 63px;
}
.header-nav .right-side {
	position: relative;
	width: 100%;
	text-align: center;
}

.header-nav .right-side li {
	margin: 0 23px;
	display: inline-block;
}

.header-nav .right-side li a {
	font-size: 16px;
	color: #fff;
	line-height: 36px;
	position: relative;
	padding: 28px 0 6px;
	display: block;
}

.header-nav .right-side li a:after {
	content: '';
	bottom: 0;
	position: absolute;
	display: block;
	width: 0;
	height: 1px;
	background: #fff;
	transition: all .4s;
}

.header-nav .right-side li.on a:after,
.header-nav .right-side li a:hover:after {
	width: 100%;
}

.header-mobile-number {
	position: absolute;
	right: 40px;
	top: 28px;
	font-size: 22px;
	line-height: 36px;
	color: #fff;
	padding-left: 30px;
}






/**********************footer**********************/
body footer,.footer-top-container .link-grid li a,.footer-zixun-xiangqing a,.footer-anli-xiangqing a{
    color:#999;
}
footer{
    background: #313131;
    padding-top: 30px;
    border-top: solid 1px #898989;
    outline: solid 1px #313131;
	margin-top: 1px;
	color: #5a5a5a;
}

    .footer-top-container {
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      gap: 0 2%;
    }
    
    .footer-top-container .column {
    }

    .footer-top-container .column h3 {
      margin-bottom: 15px;
      color: #fff;
      border-bottom: 1px solid #898989;;
      padding-bottom: 5px;
    }

    .footer-top-container .link-grid {
      display: grid;
      grid-template-columns: repeat(2, 1fr);
      gap: 0 20px;
      list-style: none;
	  line-height: 2.5;
    }
    
    .footer-top-container .link-grid li a {
      display: block;
      text-decoration: none;
      transition: background 0.3s;
    }
    
    
    
    .footer-top-container .contact-info {
      margin-bottom: 15px;
      font-size: 16px;
    }
    
    .footer-top-container .contact-row {
      display: flex;
      align-items: center;
      gap: 10px;
    }
    .footer-top-container .contact-row img {
      width:calc(400px * .3);
      height:calc(400px * .3);
	  transform-origin: center;
      margin-right: 15px;
    }
 .footer-top-container .link-grid{
      line-height: 2.25;
    }
.footer-body a{padding-right: 20px;}




/**********************************其它公用部分**********************************/

.tit-ind1 ul,.wor-tit-ind1 ul{float:left;width:100%;}
.tit-ind1 li,.wor-tit-ind1 li{display:inline-block;padding:0 10px;}
.tit-ind1.tit-anli1 li{padding:0 20px 0 0;}
.tit-ind1 a {
    display: inline-block;
    height: 35px;
    line-height: 35px;
    padding: 0 15px;
 }
/* 分类导航左对齐（覆盖默认的 .tit-ind1 ul 居中） */
.tit-ind1.news-nav ul{ text-align:left; }
.tit-ind1.news-nav li{ padding:0 20px 0 0; }
.tit-ind1.tit-anli1 ul{ text-align:left; }

h2.tit-anli-xiangqing,h2.tit-zixun-xiangqing{
			padding: 1px;
	        background: linear-gradient(#87c9e7, #0a53a0);
			position: absolute;
			top:89px;
			left:45px;
			z-index: 10; 
			width: calc(100% - 90px);
		}
		h2.tit-zixun-xiangqing{
            top:70px;
			left: -15px;
			width: calc(100% + 30px);
		}
        
		.anli-shadow-l,
		.anli-shadow-r,.zixun-shadow-l,
		.zixun-shadow-r {
		  position: absolute;
		  display: inline-block;
		  width: 20px;
		  height: 20px;
		  top: 140px;
		  z-index: 8;
		  border: solid 1px #1496d2;
		  outline: solid 1px #0a53a0;
		}
        .zixun-shadow-l,
		.zixun-shadow-r {
		  top: 120px;
        }
		.anli-shadow-l,.zixun-shadow-l {
		  left: 46px;
		  transform: rotate(-45deg);
		  transform-origin: left top;
		  background: 
			radial-gradient(
			  circle at 35% 25%,
			  rgba(20,150,210,0.4) 0%,
			  #085c97 70%
			);
		}
		.zixun-shadow-l{
          left: -14px;
		  
		}
		.anli-shadow-r,.zixun-shadow-r {
		  right: 46px;
		  transform: rotate(45deg);
		  transform-origin: right top;
		  background: 
			radial-gradient(
			  circle at 45% 45%,
			  rgba(20,150,210,0.4) 0%,
			  #085c97 70%
			);
		}
        .zixun-shadow-r {
		  right: -14px;
        }
		h2.tit-anli-xiangqing span,h2.tit-zixun-xiangqing span{
			padding: 5px;
		}
        h2.tit-anli-xiangqing span,h2.tit-zixun-xiangqing span,h3.tit-zixun-siderbar span{
			color: #fff;
			display: inline-block;
			width: 100%;
			height: 100%; 
			border: 1px solid;
			border-image: linear-gradient(to bottom, #8fff, #0a53a0) 1;
			text-align: center;
		}
        h3.tit-zixun-siderbar {
		  display: flex;               
		  align-items: stretch;         
		  justify-content: center;      
		  position: relative;           
		  width: 100%;
		  padding: 1px 1px 0;
		  background: linear-gradient(#87c9e7, #0a53a0);
		  box-sizing: border-box;
		}

		h3.tit-zixun-siderbar span {
		  flex: 1;                      
		  display: flex;               
		  align-items: center;
		  justify-content: center;
		  border: 1px solid;
		  border-image: linear-gradient(to bottom, #8fff, #0a53a0) 1;
		  border-bottom: none;
		  text-align: center;
		  box-sizing: border-box;
		}


		h3.tit-zixun-siderbar b {
		  background: linear-gradient(#155ea6, #eeeeee);
		  display: inline-block;
		  border: 1px solid #1c64aa;
		  border-bottom: 1px solid #eeeeee;
		   height: 100%;
		  padding: 1px 0;
		  box-sizing: border-box;
		}

		h3.tit-zixun-siderbar strong {
		  display: inline-block;
		  height: 100%;
		  padding: 5px 15px 0;
		  border: 1px solid #7ec1e2;
		  border-bottom: 1px solid #eeeeee;
		  text-align: center;
		  box-sizing: border-box;
		}









.wor-wrap .wor-list h3.wor-list-name1,.wor-wrap .wor-list h3.wor-list-name2{background:url(../images/bg1.png) repeat 0 0;width:100%;height:45px;position:absolute;left:0;bottom:0;z-index:10;}
.pla-wrap{ position:relative;}
.pla-wrap h3.pla-list-name,.m-wor-list-name{background:url(../images/bg1.png) repeat 0 0;width:100%;position:absolute;left:0;bottom:0;z-index:100;}




/*********案例展示************/

    .wor-wrap {
      display: flex;
      flex-wrap: wrap;
      padding: 0;
      margin: 0 -15px; 
      list-style: none;
    }


   
    .wor-list{margin: 1%;}
    .wor-list,.pingpai-price li {
      width: 23%;
      box-sizing: border-box;
      
		
      
      opacity: 0;
      transform: translateY(80px);
      transition: all 0.5s ease-out, box-shadow 0.3s;
    }

    .wor-list.show,.ind-fangan .pingpai-price li.show {
      opacity: 1;
      transform: translateY(0);
    }

    
    .pingpai-price li:nth-child(2n+1) { transition-delay: 0.1s; } /* 第1、5、9...张 */
    .pingpai-price li:nth-child(2n+2)  { transition-delay: 0.2s; }
    .pingpai-price li:nth-child(2n+3) { transition-delay: 0.3s; }
    .pingpai-price li:nth-child(2n+4)  { transition-delay: 0.4s; }

    .pingpai-pri-nav {
		display: -webkit-box;
		-webkit-line-clamp: 2;   /* 限制最多2行 */
		-webkit-box-orient: vertical;
		overflow: hidden;
	  }



    
    
    
    .case-image {
      position: relative;
    }
	  .img-wrapper {
	  overflow: hidden; 
	}
    .img-wrapper img {
	  width: 100%;
	  height: auto;
	  display: block;
	  transition: transform 0.3s; 
	}
    
	.case-image:hover .img-wrapper img {
	  transform: scale(1.1);
	}
    
   
    .case-info {
	  padding-left: 15px;
      margin-top: 10px;
	  position: relative;
    }
    .case-info .case-title {
      margin: 0;
      font-size: 18px;
     }
    .case-info .case-desc {
      margin: 5px 0;
          color: #535353;
    }
    
    .case-icons {
      display: flex;
      justify-content: flex-end;
      gap: 10px;
	  position: absolute;
	  top:12px;
	  right: 10px;
    }
    .wor-wrap .wor-list b.icon-wor-tuijian,.wor-wrap .wor-list b.icon-wor-logo,.m-wor-wrap li b,.m-wor-wrap li:first-child b{background:url(../images/icon01.png) no-repeat 0 0;width:72px;height:73px;display:block;position:absolute;right:-5px;top:-5px;z-index:15;}
.wor-wrap .wor-list b.icon-wor-logo,.m-wor-wrap li b{background-position:-82px 0;}
	.case-icons b.icon-diannao::before,.case-icons b.icon-shouji::before{
		font-size: 1.5em;
}
	.case-icons b.icon-shouji::before{
		position: relative;
		top: 1px;
}

    
	.wor-list {
	  transition: 
		opacity 0.5s ease-out,
		transform 0.5s ease-out,
		box-shadow 0.3s ease; 
	}

	.wor-list:hover,.ind-news .news-item:hover,.ind-ser-content li:hover {
	 
	  box-shadow: 0 0 10px #da03f7;

	  
	  transform: translateY(0) !important;
	}


/*********banner区域************/
.banner .pic04{
	display: block;
    max-width: 100%;      
    overflow: hidden;     
    width: 100%;   
}
.banner .caption {
		  position: absolute;
		  left: 150px;
		  top: 35%;
		  color:#fff;
		  line-height:1.75;
}
.caption span.line2 {
    font: bold 4em / 1.5em Microsoft Yahei;
}


/*********banner刀切字************/
h1.cut-text {
		  font-size: 80px;
		  font-weight: bold;
		  color: white;
		  position: relative;
		  font-family: sans-serif;
		}

		h1.cut-text::before,
		h1.cut-text::after {
		  content: attr(data-text);
		  position: absolute;
		  left: 0;
		  width: 100%;
		  overflow: hidden;
		  color: white;
		  clip-path: inset(0 0 50% 0);
		}

		h1.cut-text::after {
		  clip-path: inset(50% 0 0 0);
		}

		h1.cut-text::before {
		  transform: translateX(-3px);
		  animation: cutMoveTop 3s linear infinite;
		}

		h1.cut-text::after {
		  transform: translateX(3px);
		  animation: cutMoveBottom 3s linear infinite;
		}

		@keyframes cutMoveTop {
		  0% { clip-path: inset(0 0 90% 0); }
		  50% { clip-path: inset(0 0 10% 0); }
		  100% { clip-path: inset(0 0 90% 0); }
		}

		@keyframes cutMoveBottom {
		  0% { clip-path: inset(90% 0 0 0); }
		  50% { clip-path: inset(10% 0 0 0); }
		  100% { clip-path: inset(90% 0 0 0); }
		}


/*********面包屑1************/
.banner .Breadcrumb,.banner .Breadcrumb2,.banner .Breadcrumb3{
	position: absolute;
	left:0;
	bottom:15px;
	font-size: 16px;
}
.banner .Breadcrumb{
			z-index: 3;
	    }
		.banner .Breadcrumb b,.banner .Breadcrumb2 b,.banner .Breadcrumb3 b{font-weight: normal;}
		.banner .Breadcrumb,.banner .Breadcrumb a,.banner .Breadcrumb4,.banner .Breadcrumb4 a{
			color:#fff;
		}
		.banner .Breadcrumb .current,.banner .Breadcrumb2 .current,.banner .Breadcrumb3 .current{
			color: #da03f7;
		}
		.banner .Breadcrumb ol,.banner .Breadcrumb li,.banner .Breadcrumb2 ol,.banner .Breadcrumb2 li{display: inline-block;}
		.banner .Breadcrumb li,.banner .Breadcrumb2 li,.banner .Breadcrumb3 li{padding-right: 0.2em;}
		.banner .Breadcrumb li span,.banner .Breadcrumb2 li span, .banner .Breadcrumb3 .scroll-wrapper ol li span{padding-right: 0.5em;}


/*********面包屑2************/
.banner .Breadcrumb2{
			z-index: 6;
		}
		.banner .Breadcrumb2 b,.banner .Breadcrumb3 b {
			padding-left: 15px;
		}
		.banner .Breadcrumb2,.banner .Breadcrumb2 a,.banner .Breadcrumb3,.banner .Breadcrumb3 a {
			color: #ffff;
		}
/********* 面包屑3 ************/
    .banner .Breadcrumb3 {
      z-index: 6;
      display: flex;
      align-items: center;
      overflow: hidden;
      width: 100%;
    }
    .banner .Breadcrumb3 b {
      flex: 0 0 auto;
    }
   
    .banner .Breadcrumb3 .scroll-wrapper {
      flex: 1;
      overflow-x: auto;
      margin:2px 15px 0 0;
      -ms-overflow-style: none; 
      scrollbar-width: none;    
    }
    .banner .Breadcrumb3 .scroll-wrapper::-webkit-scrollbar {
      display: none;
    }
    
    .banner .Breadcrumb3 .scroll-wrapper ol {
      display: flex;
      flex-wrap: nowrap;      
      white-space: nowrap;    
      list-style: none;
      margin: 0;
      padding: 0;
    }
    .banner .Breadcrumb3 .scroll-wrapper ol li {
      display: inline-flex;   
      flex-shrink: 0;         
      white-space: nowrap;
      margin-right: 8px;
    }
    .banner .Breadcrumb4,.banner .Breadcrumb4 a{
		color:#535353;
	}
   
    


/*********分页************/
.pagination {
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      list-style: none;
      width: 100%;
      margin: 20px 0;
      padding: 0;
      overflow: hidden;
    }
    .pagination li {
      margin: 0 4px;
      flex: 0 0 auto; 
      min-width: 40px;
    }
    .pagination li a,
    .pagination li span {
      display: block;
      padding: 10px 12px;
      text-decoration: none;
      border: 1px solid #dee2e6;
      border-radius: 4px;
      transition: background 0.3s, color 0.3s;
      white-space: nowrap;
    }
    .pagination li.active a {
	  background: #da03f7;
	  color: #fff; 
	  font-weight: bold; 
	  border-color:  #da03f7; 
	  pointer-events: none;
	}
    .pagination li a:hover {
      background: #da03f7;
      color: #fff;
    }
	  #next-total {
  display: flex;
  align-items: center;
  gap: 5px;
  white-space: nowrap; 
  flex-wrap: nowrap; 
}
    @media (max-width: 820px) {
      .pagination { flex-wrap: wrap; }
      .pagination li { margin: 2px; min-width: auto; }
    }
    @media (max-width: 576px) and (orientation: landscape) {
      .pagination { flex-wrap: wrap; }
      .pagination li { padding: 8px 10px; font-size: 14px; min-width: auto; }
    }
   




/*********首页视屏************/

    .video-container,.jieshaoyoushi {
      position: relative;
      width: 100%;
      overflow: hidden;
    }
    
    .video-responsive {
      width: 100%;
      height: auto;
      display: block;
      position: relative;
      z-index: 0;
    }
    
    .video-fallback {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: auto;
      display: block;
      z-index: -1;
    }
    .video-fallback img {
      width: 100%;
      height: auto;
      display: block;
    }
    
    .overlay {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background-color: rgba(5, 91, 249, 0.8); 
      z-index: 1;
    }
    
    .video-container .content,.jieshaoyoushi .content {
      position: absolute;
      top: 35%;
      left: 50%;
      transform: translate(-50%, -50%);
      width: 85%;
      display: grid;
      grid-template-columns: repeat(3, 1fr); 
      grid-template-rows: repeat(2, auto);
      row-gap: 30%;
      z-index: 2;
      align-items: center;
      justify-items: center;
      color: #fff;
      font-family: Arial, sans-serif;
      padding: 10px;
    }
   
    .grid-item {
      text-align: center;
    }
    .grid-item p {
      margin: 2px 0;
      line-height: 1.4;
    }
    
    .grid-item .number {
      font-size: 80px;
      font-weight: bold;
    }
    
    .grid-item .label {
      font-size: 16px;
    }


/***首页解决方案*****/

.ind-fangan .pingpai-price {
	  position: relative;
	  z-index: 2;
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
      list-style: none;
      padding: 0;
      margin: 0 auto;
    }
    
   
    .ind-fangan .pingpai-price li {
      position: relative;
      margin-bottom: 20px;
      border: 1px solid #c9c9c9;
      overflow: visible; 
    }
	 .ind-fangan .pingpai-price li:hover { 
	  box-shadow: 0 0 10px #da03f7;
	  }
   
    .ind-fangan .img-container {
      position: relative;
      width: 100%;
      padding-top: 100%;
      overflow: visible;  
      background-color: #f0f0f0; 
    }
    
   
    .ind-fangan .img-container .content {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      z-index: 1;
    }
    
   
    .ind-fangan .img-container .content img.bg {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      object-fit: cover;
      z-index: 1;
    }
    
  
    .ind-fangan .img-container .content b.icon9 {
      width: calc(75% + 20px);
      height: calc((75% + 20px) * 78 / 288);
      background-image: url("../images/icon02.png");
      background-size: contain;
      background-repeat: no-repeat;
      background-position: center;
      position: absolute;
      left: -7px;
      top: 20%;
      transform: translateY(-50%);
      z-index: 2;
		
		
	  font:bold 20px/36px Microsoft Yahei;
	  color: #fff;
	  display: flex;
	  
		
    }
    .ind-fangan .img-container .content b.icon9 .icon9-text {
	 
	  position: absolute;
	  top: 50%;
	  left: 10%;
	  width: 100%;
	  transform: translateY(-66%);
	}
	  .fangan-text{
		  width: 100%;
		  position: absolute;
		  top: 35%;
		  left:0%;
		  z-index: 50;
	  }
	  
   
    .ind-fangan .fangan-text{
      padding: 0 5%;
      text-align: center;
	  color: #fff;
    }
	.ind-fangan .fangan-text:hover{color:#da03f7;}


/* 覆盖：网站建设方案列表（Mercury 列表结构 ul.list-entries > li.list-entry） */
.ind-fangan .list-entries {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  list-style: none;
  padding: 0;
  margin: 0 auto;
}

.ind-fangan .list-entries .list-entry {
  position: relative;
  width: 23%;
  box-sizing: border-box;
  margin-bottom: 20px;
  border: 1px solid #c9c9c9;
  overflow: visible;

  /* 初始隐匿，JS 逐个添加 .show 来显现 */
  opacity: 0;
  transform: translateY(80px);
  transition: opacity .5s ease-out, transform .5s ease-out, box-shadow .3s ease;
}

.ind-fangan .list-entries .list-entry.show {
  opacity: 1;
  transform: translateY(0);
}

.ind-fangan .list-entries .list-entry:hover { box-shadow: 0 0 10px #da03f7; }

/* 确保卡片内层为定位上下文，文本叠加在图上 */
.ind-fangan .solution-item { position: relative; }
.ind-fangan .solution-item > a { display: block; position: relative; color: inherit; text-decoration: none; }



/* === Animated reveal for lists (solutions/cases) === */
.ind-fangan .list-entries li{opacity:0;transform:translateY(12px);transition:opacity .6s ease,transform .6s ease}
.ind-fangan .list-entries li.show{opacity:1;transform:none}
.wor-wrap .wor-list{opacity:0;transform:translateY(80px);transition:all 0.5s ease-out, box-shadow 0.3s}
.wor-wrap .wor-list.show{opacity:1;transform:translateY(0)}
/* 案例列表每行延迟显示（4列布局） */
.wor-wrap .wor-list:nth-child(4n+1){transition-delay:0.1s}
.wor-wrap .wor-list:nth-child(4n+2){transition-delay:0.2s}
.wor-wrap .wor-list:nth-child(4n+3){transition-delay:0.3s}
.wor-wrap .wor-list:nth-child(4n+4){transition-delay:0.4s}
/* Homepage cards */
:root:not(.cms-edit) .pingpai-price li{opacity:0;transform:translateY(12px);transition:opacity .6s ease,transform .6s ease}
:root:not(.cms-edit) .pingpai-price li.show{opacity:1;transform:none}
/* Edit-mode override: always visible when editing */
.cms-edit .ind-fangan  .list-entries li,
.cms-edit .wor-wrap .wor-list,
.cms-edit .pingpai-price li{opacity:1!important;transform:none!important;transition:none!important}

/* === TEMP TEST: force edit visible, online hidden === */
.cms-edit .pingpai-price li,
.cms-edit .ind-fangan  .list-entries li,
.cms-edit .wor-wrap .wor-list{opacity:1!important;visibility:visible!important}

/* Scoped reveal for fangan list entries */
:root:not(.cms-edit) .ind-fangan .list-entries .list-entry{
  opacity:0 !important; transform:translateY(12px) !important;
  transition:opacity .6s ease, transform .6s ease !important;
}
:root:not(.cms-edit) .ind-fangan .list-entries .list-entry.show{
  opacity:1 !important; transform:none !important;
}
.cms-edit .ind-fangan .list-entries .list-entry{
  opacity:1 !important; transform:none !important; transition:none !important;
}

/* Staggered reveal per row (desktop 4 columns) */
:root:not(.cms-edit) .ind-fangan .list-entries .list-entry{ transition-delay: 0s !important; }
:root:not(.cms-edit) .ind-fangan .list-entries .list-entry:nth-child(4n+1){ transition-delay: .1s !important; }
:root:not(.cms-edit) .ind-fangan .list-entries .list-entry:nth-child(4n+2){ transition-delay: .2s !important; }
:root:not(.cms-edit) .ind-fangan .list-entries .list-entry:nth-child(4n+3){ transition-delay: .3s !important; }
:root:not(.cms-edit) .ind-fangan .list-entries .list-entry:nth-child(4n+4){ transition-delay: .4s !important; }



/* 响应式列数 */
@media (max-width: 960px) {
  /* 资讯列表改为2列 */
  .news-list .list-entries{ grid-template-columns: repeat(2, 1fr); }
  .news .news-list .list-entries{ grid-template-columns: repeat(2, 1fr) !important; }
  /* 方案列表：2列（保留原规则） */
  .ind-fangan .list-entries .list-entry { width: 48%; }
  :root:not(.cms-edit) .ind-fangan .list-entries .list-entry{ transition-delay: 0s !important; }
  :root:not(.cms-edit) .ind-fangan .list-entries .list-entry:nth-child(2n+1){ transition-delay: .1s !important; }
  :root:not(.cms-edit) .ind-fangan .list-entries .list-entry:nth-child(2n+2){ transition-delay: .2s !important; }
}
@media (max-width: 767px) {
  /* 资讯列表改为1列 */
  .news-list .list-entries{ grid-template-columns: 1fr; }
  .news .news-list .list-entries{ grid-template-columns: 1fr !important; }
  /* 方案列表：1列（保留原规则） */
  .ind-fangan .list-entries .list-entry { width: 100%; }
}


   
/*********首页资讯************/

/* 首页资讯导航居中对齐 */
.ind-news .news-nav ul {
	text-align: center !important;
}

.ind-news .news-list,.news .news-list {
	display:block; /* 容器层仅作为外框，不参与网格 */
}
  .news .list-entries .list-entry {opacity: 1;}


.ind-news .news-item,.news .news-item,.news2 .news-item2 {margin:0 1% 20px;}
.ind-news .news-item,.news .news-item,.news2 .news-item2 {
  height: 220px;
  padding: 15px;
  margin:0 1% 20px;
  background-color:#fff;
  position: relative; 
}
.news2 .news-item2 {margin:0 0 20px;}
.ind-news .news-item:hover,.news .news-item:hover,.news2 .news-item2:hover{background-color: #da03f7;}


.ind-news .news-header,.news .news-header,.news2 .news-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
}


.ind-news .news-date time,.news .news-date time,.news2 .news-date time {
  position: static;
  font-size: 14px;
  line-height: 1.2;
}
.ind-news .date-d,.news .date-d,.news2 .date-d{font:bold 40px Microsoft Yahei;}


.ind-news .news-icon,.news .date-d,.news2 .date-d{position: relative}	 
.ind-news .news-icon .icon-jiahao,.news .news-icon .icon-jiahao,.news2 .news-icon .icon-jiahao {
  font-size: 18px;
  cursor: pointer;
  padding-right: 60px;
}
	   
.ind-news .news-icon b,.news .news-icon b,.news2 .news-icon b{background: url( "../images/icon01.png") no-repeat -490px 0;
    width: 72px;
    height: 73px;
    display: block;
    position: absolute;
    right: -20px;
    top: -20px;
    z-index: 15;
}

.news-body h3{
	line-height: 36px;
}
.ind-news .news-body h3,.ind-news .news-body p, .news .news-body h3,.news .news-body p, .news2 .news-body h3,.news2 .news-body p{
	overflow: hidden;
	text-overflow: ellipsis; 
}
.ind-news .news-body h3,.news .news-body h3,.news2 .news-body h3  {
  height: 45px;
  padding-top: 10px;
  font-size: 18px;
  margin: 10px 0 5px;
  color: #535353;
  border-top: solid 1px #828181;
}
.ind-news .news-body p,.news .news-body p,.news2 .news-body p {
  height: 60px;
  font-size: 14px;
  color: #535353;
  line-height: 1.5;
}

.ind-news .news-item:hover,.news .news-item:hover,.news2 .news-item2:hover{color: #fff;}
.ind-news .news-item:hover .news-date time .date-d,.ind-news .news-item:hover .news-date time .date-ym,.ind-news .news-item:hover .news-body h3,.ind-news .news-item:hover .news-body p,.news .news-item:hover .news-date time .date-d,.news .news-item:hover .news-date time .date-ym,.news .news-item:hover .news-body h3,.news .news-item:hover .news-body p,.news2 .news-item2:hover .news-body h3,.news2 .news-item2:hover .news-body p{color: #fff;}  
.ind-news .news-item:hover .icon-jiahao:before,.news .news-item:hover .icon-jiahao:before,.news2 .news-item2:hover .icon-jiahao:before{color: #fff;}





    
 
    .news-list-container,.news-list-container2,.news-list-container3  {
      position: relative;
      min-height: 200px;
    }
    
    
    .news-list{
      /* 外层仅作为容器，不再作为网格，网格交给 .list-entries 以适配容器结构 */
      display: block;
      opacity: 1;
    }
    .news-list.active{
      display: block;
      opacity: 1;
      animation: slideUp 0.5s forwards;
    }

    /* 容器生成的条目列表作为网格，保证一行4列 */
    .news-list .list-entries{
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      gap: 0 1%;
      list-style: none;
      margin: 0;
      padding: 0;
    }
    
   
    .news-item {
      opacity: 0;
      transform: translateY(80px);
    }
    .news-item,.news-item3 {
      background: #f4f4f4;
      border: 1px solid #ddd;
    }
    .news-item.animate {
      animation: slideUp 0.5s forwards;
    }
    @keyframes slideUp {
      from {
        opacity: 0;
        transform: translateY(80px);
      }
      to {
        opacity: 1;
        transform: translateY(0);
      }
    }
    
    .news-list.active .list-entries > li:nth-child(4n+1) .news-item { animation-delay: 0.05s; }
    .news-list.active .list-entries > li:nth-child(4n+2) .news-item { animation-delay: 0.15s; }
    .news-list.active .list-entries > li:nth-child(4n+3) .news-item { animation-delay: 0.25s; }
    .news-list.active .list-entries > li:nth-child(4n+4) .news-item { animation-delay: 0.35s; }
    






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


    
.ind-service{overflow: hidden;}



    .ind-service ul {
        position: relative;
		z-index: 2;
		display: flex;
        flex-wrap: wrap;                
        justify-content: space-between; 
        list-style: none;
        padding: 0;
    }

   
    .ind-service li {
    position: relative;
    width: 23%;
    margin-bottom: 20px;
    background-color: #fff;
    padding: 15px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15);
    opacity: 0;
    transform: translateX(100%);
    
}

    
/***********首页客户***********/	

    .ind-customer .logo-grid {
	  position: relative;
	  z-index: 2;
      display: grid;
      grid-template-columns: repeat(6, 1fr); 
      gap: 0;
      width: 100%;
      margin: 0 auto;
      padding: 0;
    }

   
    .ind-customer .logo {
      width: 100%;
      height: 75px;
	  border-right: solid 1px #c9c9c9;
	  border-bottom: solid 1px #c9c9c9;
	  text-align: center;
	  padding: 15px 10px;
      background-color: #fff; 
      opacity: 0;               
      transform: translateY(100px);
    }
    
    
    .ind-customer .logo.animate {
      animation: bounceIn 0.8s cubic-bezier(0.68, -0.55, 0.27, 1.55) forwards;
    }

   
    .logo:nth-child(1).animate { animation-delay: 0.2s; }
    .logo:nth-child(2).animate { animation-delay: 0.4s; }
    .logo:nth-child(3).animate { animation-delay: 0.1s; }
    .logo:nth-child(4).animate { animation-delay: 0.5s; }
    .logo:nth-child(5).animate { animation-delay: 0.3s; }
    .logo:nth-child(6).animate { animation-delay: 0.6s; }
    .logo:nth-child(7).animate { animation-delay: 0.7s; }
    .logo:nth-child(8).animate { animation-delay: 0.2s; }
    .logo:nth-child(9).animate { animation-delay: 0.4s; }
    .logo:nth-child(10).animate { animation-delay: 0.3s; }
    .logo:nth-child(11).animate { animation-delay: 0.5s; }
    .logo:nth-child(12).animate { animation-delay: 0.6s; }

   
    @keyframes bounceIn {
      0% {
        opacity: 0;
        transform: translateY(100px);
      }
      60% {
        opacity: 1;
        transform: translateY(-20px);
      }
      100% {
        opacity: 1;
        transform: translateY(0);
      }
    }

   




    
	
	






    .ind-service ul li:hover {
        background:#da03f7;
    }

   
   

   
    .ind-service ul li:hover a,
    .ind-service ul li:hover h2,
    .ind-service ul li:hover p {
        color: #fff;
    }

   
    .ind-service ul li:nth-child(1) { animation-delay: 0s; }
    .ind-service ul li:nth-child(2) { animation-delay: 0.3s; }
    .ind-service ul li:nth-child(3) { animation-delay: 0.6s; }
    .ind-service ul li:nth-child(4) { animation-delay: 0.9s; }

   
    @keyframes slide-in {
        from {
            transform: translateX(100%);
            opacity: 0;
        }
        to {
            transform: translateX(0);
            opacity: 1;
        }
    }


    
	#ind-service ul li.animate {
		animation: slide-in 0.6s ease forwards;
	}

    
    .ind-service ul li a {
        display: block;
        text-align: left;
        color: inherit;
        text-decoration: none;
    }

    
    

    

 



/********************************************************************网站案例及详情页电脑版******************************************************************/

.ban-anli-xq-wrap .ban-anli-xq-l,.ban-anli-xq-wrap .ban-anli-xq-r{
	display: inline-block;
	float:left;
}
.ban-anli-xq-wrap .ban-anli-xq-l{width: 80%}

.ban-anli-xq-wrap .ban-anli-xq-r{
	float: right;
	width: 20%;
	padding-top: 30px;
	
}

.ban-anli-xq-r a{
	float: right;
	padding-left: 15px;
}
.ban-anli-xq-r a{
	display: inline-block;
	font-size: 10px;
	color: #fff;
}
.ban-anli-xq-r a.selected{color: #da03f7;}

.anli-xiangqing-wrap{
			position: relative;
			width:100%;
			margin-top: -60px;
			padding: 0 60px; 
			background: #eeeeee;
		}

.h60{height: 60px;}
footer.footer-anli-xiangqing{margin: 0 100px 30px;}
footer.footer-anli-xiangqing,footer.footer-zixun-xiangqing{
			background: #eeeeee;
			padding: 0 15px 15px;
			border: 1px solid #ddd;
			border-top: none;;
			outline: none;
		}
.footer-anli-xiangqing .date,.footer-anli-xiangqing .hit{
	padding-right: 15px;
}

.banner.ban-xiangqing .caption {
		  position: absolute;
		  left: 0;
		  top: 35%;
		  color:#fff;
		  line-height:1.75;
		}
		
		.caption h1.line1,.ban-xiangqing .caption p.line2 {
		  display: block;
		}
		.caption h1.line1 {
		  font:normal 5em/1.5em Microsoft Yahei;
		  padding: 0;
		  text-align: left;
		}
		.ban-xiangqing .caption p.line2 {
		  max-height: 120px;
		  font:normal 1.17em/1.5em Microsoft Yahei;
		  overflow: hidden;
    	  text-overflow: ellipsis;
		}
.ban-xiangqing .caption p.line2 {
		  max-height: 120px;
		  font:normal 1.17em/1.5em Microsoft Yahei;
		  overflow: hidden;
    	  text-overflow: ellipsis;
		}
.ban-xiangqing .caption p.line2 .date,.ban-xiangqing .caption p.line2 .hit{padding-right:10px;}
.anli-grid1,.biaoqian-content1{
			background: #eeeeee;
			position: relative;
			z-index: 9;
			width:100%;
			padding-top:85px;
			border: 1px solid #ddd;
			border-bottom: none;
		}
        .anli-grid1{display: grid;}
		.anli-grid1 .caption,.anli-grid1 .pic03{
			flex: 1 1 0;
		}
		
		.anli-grid1 .pic03{
			width: 100%;
			padding-top: 30px;
			justify-content: center;
   		    align-items: center;
			overflow: hidden;
		}
		.anli-grid1 .caption{
			padding: 15px;
		}
.anli-grid2{
			background: #eeeeee;
			position: relative;
			z-index: 9;
			display: grid;
			grid-template-columns: 311px 1fr;
			width:100%;
			padding-top:85px;
			border: 1px solid #ddd;
			border-bottom: none;
		}
.anli-grid2 .caption,.anli-grid2 .pic03{
			flex: 1 1 0;
		}
		
.anli-grid2 .pic03{
	width: 100%;
	padding: 33px 0 20px 0;
	justify-content: center;
	align-items: center;
	overflow: hidden;
}
.anli-grid2 .pic001{
	position: absolute;
	top: 37px;
	left: 15px;
	z-index: 14;
	width:291px;
    height:572px; /* 手机窗口高度，裁切超出部分 */
    overflow:hidden;
}
/* 轮播图片：按宽度等比缩放，避免变形 */
.anli-grid2 .pic001 img{ width:100%; height:auto; display:block; }
.anli-grid2 .caption{
	padding: 63px 15px 15px 30px;
}
.mob-anli-iphone{
	position: relative;
	top: 5px;
	left: 15px;
	z-index: 15;
}
.mob-anli-pic .anli-xq-font-l{
	color: #da03f7;
	padding-left: 10px;
}
.mob-anli-pic .anli-xq-font-r{
	padding-right: 10px;
}
.beianhao{padding: 0 15px}


/********************************************************************建站资讯详情页******************************************************************/
    .zixun-grid1{
			background: #eeeeee;
			position: relative;
			z-index: 9;
			display: grid;
			width:100%;
			padding: 115px 15px 15px;
			border: 1px solid #ddd;
			border-bottom: none;
	}
    .zixun-grid1.news2{border: 1px solid #ddd;}
    .zixun-wrapper {
      display: flex;
      width: 100%;
	  position: relative;
      margin-top: -60px;
      background: #eeeeee;
    }
    
    .zixun-main {
      width: 70%;
      padding: 20px 15px 30px;
    }
	.footer-zixun-xiangqing .pre,.footer-zixun-xiangqing .next{padding-right: 15px;}
    
    .zixun-sidebar {
      width: 30%;
	  margin: 60px 15px 30px 10px;
      padding: 30px 15px;
      border: 1px solid #ddd;
	}
	.zixun-xiangqing-wrap{
      position: relative;
      width: 100%;
      background: #eeeeee;
	}
	.h40{height: 40px;}
	.zixun-sidebar .zixun{
      margin: 30px 0;
	}
    .zixun-sidebar .zixun.zuixin{
      margin: 30px 0 0;
	}
	.zixun-sidebar .zixun .zhushi{
      color: #999;
	}
	.zixun-sidebar .zixun li{
      padding-bottom: 15px;
	  margin-bottom: 15px;
	  border-bottom: solid 1px #949494;
	  
	}
    .zixun-sidebar time{padding-right: 15px;}

/********************************************************************网站标签及详情页电脑版******************************************************************/
.ban-xiangqing .caption p.line2.biaoqian-comtent::-webkit-scrollbar,
.ban-xiangqing .caption .ban-anli-xq-wrap p.line2::-webkit-scrollbar {
    display: none;
}
.ban-xiangqing .caption p.line2.biaoqian-comtent,
.ban-xiangqing .caption .ban-anli-xq-wrap p.line2 {
    max-height: 80px;
    overflow: hidden;
}

.ban-xiangqing .caption p.line2.biaoqian-comtent:hover,
.ban-xiangqing .caption .ban-anli-xq-wrap p.line2:hover {
    overflow: auto;
}
.biaoqian-content1{
			padding: 115px 15px 15px;
			margin-bottom: 30px;
			border: 1px solid #ddd;
		}
.biaoqian-content1 a,.biaoqian-content2 a{padding-right: 15px;}

/********************************************************************网站建设服务页电脑版******************************************************************/
.process {
  display: grid;
  grid-template-columns: repeat(4, 1fr); 
  grid-template-rows: repeat(2, 1fr);    
  list-style: none;
  padding: 0;
}

.process li {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  padding: 15px;
  position: relative;
  width: 100%;
  box-sizing: border-box;
  border-right:solid 1px #fff;
  border-bottom:solid 1px #fff;
}

.process li.r,.ser-hui li.r{border-right:none;}
.process li.b{border-bottom:none;}
.process b {
	background: url(../images/icon01.png) no-repeat 0 -80px;
	display: inline-block;
	width: 70px;
	height: 68px;
	margin-bottom:15px;
}
.process p{margin-top: 15px;}
.process b.icon2{background-position:-194px -80px;}
.process b.icon3{background-position:-388px -80px;}
.process b.icon4{background-position:-582px -80px;}
.process b.icon5{background-position:-776px -80px;}
.process b.icon6{background-position:-970px -80px;}
.process b.icon7{background-position:-1164px -80px;}
.process b.icon8{background-position:-1358px -80px;}

.ser-hui{
  display: grid;
  grid-template-columns: repeat(5, 1fr);
}
.ser-hui li{
	display: flex;
	flex-direction: column;
	align-items: center; 
	width:100%;
	padding: 15px;
	border-right:solid 1px #fff;
	text-align:center;
}
.ser-hui b{background:url(../images/icon01.png) no-repeat -1540px -80px;display:inline-block;width:104px;height:68px;margin-bottom: 15px;}
.ser-hui h3{width:100%;}

.shadow-xieg1, .shadow-xieg2, .shadow-xieg3,.shadow-xieg4,.shadow-xieg5,.shadow-xieg6 {
    display: inline-block;
	width: 139px;
    height: 218px;
    background: url( "../images/fuwu-bac1.png") no-repeat -139px 0;
}
 .shadow-xieg2, .shadow-xieg3,.shadow-xieg6{
    background-position: 0 0;
}
.shadow-xieg1-pos1,.shadow-xieg2-pos2,.shadow-xieg3-pos3,.shadow-xieg4-pos4,.shadow-xieg5-pos5,.shadow-xieg6-pos6  {
    position: absolute;
	top: 0;
}
.shadow-xieg1-pos1 { left: 5%;}
.shadow-xieg2-pos2 { left: 60%;}
.shadow-xieg3-pos3 { left: 90%;}
.shadow-xieg4-pos4 { left: 25%;}
.shadow-xieg5-pos5 { left: 25%;}
.shadow-xieg6-pos6 { left: 95%;}
.fuwu-pos1,.fuwu-pos2 {
    display: inline-block;
	padding-top: 85px;
}
.fuwu-pos1 {
    float: right;
	
}

.fuwu-serial01,.fuwu-serial02,.fuwu-serial03,.fuwu-serial04,.fuwu-serial05,.fuwu-serial06,.fuwu-serial07,.fuwu-serial08,.fuwu-serial09{
    background: url( "../images/fuwu-serial.webp") no-repeat 0 0;
	position: absolute;
	display: inline-block;
    width: 127px;
    height: 94px;
	top: -19px;
}
.fuwu-serial01,.fuwu-serial03,.fuwu-serial05,.fuwu-serial07,.fuwu-serial09{
    right:20%;
}
.fuwu-serial02,.fuwu-serial04,.fuwu-serial06,.fuwu-serial08{
    background-position: -137px 0;
	left:20%;
}

.fuwu-serial03{
    background-position: -274px 0;
}
.fuwu-serial04{
    background-position: -411px 0;
}
.fuwu-serial05{
    background-position: -548px 0;
}
.fuwu-serial06{
    background-position: -685px 0;
}
.fuwu-serial07{
    background-position: -822px 0;
}
.fuwu-serial08{
    background-position: -961px 0;
}
.fuwu-serial09{
    background-position: -1096px 0;
}




		.fuwu-grid1,.fuwu-grid2 {
		  display: grid;
		  grid-template-columns: 1fr 1fr;
		  align-items: flex-start;
		  justify-content: flex-start;
		  justify-content: center;
		  padding: 0 15%;
		}
        .fuwu-grid1{flex-direction:row;}
		.gongsijieshao1 {flex-direction:row;}

		.fuwu-grid1 .pic01,.fuwu-grid1 .caption,.gongsijieshao1  .pic02,.gongsijieshao1 .caption { flex: 1 1 0;}
		.fuwu-grid1 .caption,.gongsijieshao1 .caption {position: relative;z-index: 1;}
		.fuwu-grid1 .pic01,.fuwu-grid2 .caption{order: 1}
        .fuwu-grid2 .pic01,.fuwu-grid1 .caption{order: 2}
		.fuwu-grid1 .pic01 img,.fuwu-grid2 .pic01 img{padding-top: 120px;}
        .fuwu-grid1 .pic01,
		.fuwu-grid2 .pic01 {
		  justify-content: center;
		  align-items: center;   
		}

		
		.pic01 img,.pic02 img {
		  max-width: 100%;
		  height: auto;
		  display: block;
		  margin: 0 auto; 
		}



/********************************************************************公司介绍及招聘页******************************************************************/
.visual-hidden {
	  position: absolute !important;
	  clip: rect(1px 1px 1px 1px); /* IE6-8 */
	  clip: rect(1px, 1px, 1px, 1px);
	  clip-path: inset(50%);
	  overflow: hidden;
	  height: 1px;
	  width: 1px;
	  white-space: nowrap;
	}	
.gongsijs-pos1{
	display: inline-block;
	float: right;
}
.gongsizp-pos1{
	display: inline-block;
	padding-left: 8%
}

/********************************************************************联系我们页******************************************************************/
.message {
		  display: flex;
		  flex-direction:row-reverse;
		  align-items: flex-start;
		  justify-content: flex-start;
		  padding: 0 15%;
		}

		
		.message-l,.message-r {flex: 1 1 0;}
        
		
		.pic01 img {
		  max-width: 100%;
		  height: auto;
		  display: block;
		  padding-left: 2em;
		}
		.message-l fieldset{border: none;}
		.message-r span {
		    display: inline-block;
			float: right;
		}

		
		.message-l div{
			display: flex;
			flex-direction: column;
		}
		.message-l div.form-buttons{display: inline-block;}
		
		
		.message input,.message textarea{color:#c4c4c4;width:100%;height:25px;padding:0 10px;border:solid 1px #135daa;border-radius:5px;box-shadow:4px 4px 8px #b9b9b9 inset;}
		.message textarea{height:115px;}
		.message input:focus,.message textarea:focus{color:#282828;border:solid 1px #da03f7;box-sizing: b;box-shadow:4px 4px 8px #f0bffc inset;}
		.message button,.button4{
			background: -webkit-linear-gradient(#1c72be,#1058a3,#1058a3,#135daa,#1058a3,#0c54a1);
			background: -o-linear-gradient(#1c72be,#1058a3,#1058a3,#135daa,#1058a3,#0c54a1); 
			background: -moz-linear-gradient(#1c72be,#1058a3,#1058a3,#135daa,#1058a3,#0c54a1);
			background: linear-gradient(#1c72be,#1058a3,#1058a3,#135daa,#1058a3,#0c54a1);
			color:#fff;
			border-radius: 6px;
			font-size: 14px;
			padding: 10px 25px;
			display: inline-block;
			border:solid 1px #fff;
			cursor:pointer;
			margin-top:10px;
			}
		.message button:hover,.button4:hover{
			color:#da03f7;
			}



@media (max-width: 1630px){
	.layout{padding-left:40px;padding-right:40px;}
	.caption h1.line1{font-size: 4em;}
	.caption span.line2 {
	font-size: 3em;
	}
}



@media (max-width: 1330px){
	.header-nav .right-side li {margin: 0 15px;}	
}


@media (max-width: 1280px){
	.caption span.line2 {
		font-size: 2em;
	}
	.ind-fangan p{font-size:14px;}
	.ind-news .news-icon b{
		top:-34px;
		right: -22px;
	}
	.news .news-icon b{
		top:-21px;
		right: -22px;
	}
	.header-nav .right-side li a{
		font-size: 14px;
	}
	
	
	
	
	.icon-diannao:before,.icon-xiaochengxukaifa:before,.icon-shangchengdingdan:before,.icon-APPkaifa:before  {
	  font-size: 4.5em;
	}
	.icon-jiahao:before {
		font-size: 2em;	
	}
	.ban-anli-xq-r .icon-chaojilianjie:before,.ban-anli-xq-r .icon-diannao:before,.ban-anli-xq-r .icon-APPkaifa:before{
	font-size: 3em;
}
}




@media (max-width: 1200px){
	.header-nav .logo{
		width: 100px;
		top:13px;
		left: 20px;
	}
	.header-nav .right-side li {
		margin: 0 10px;
	}
	.header-nav .right-side li a{
		padding: 15px 0 6px;
	}
	.header-mobile-number{
		right: 20px;
		top: 16px;
		font-size: 16px;
		padding-left: 22px;
	}
	
	
	h2,.ind-service div p,h3.tit-zixun-siderbar,.footer-top-container .column h3{font-size: 18px;}
	.ind-fangan .fangan-text{
		  top: 35%;
		}
	.ind-news .news-icon b{
		top:-43px;
	}
	.font1,.font3 p,.message p{font:normal 1.17em/2em Microsoft Yahei;}
	.shadow-xieg3{display: none;}
	.grid-item .number{font-size: 50px;}
	.icon-jiahao:before {
		
		font-size: 1em;	
	}
	.caption h1.line1{font-size: 3em;}
	
}








@media (max-width: 960px){

	.header-nav .logo {
        width:120px;
        left:20px;
		top: 10px;
    }
    .header-mobile-number {
		right:20px;
		top:14px;
		font-size:16px;
		line-height: 36px;
    }
    .header-nav .right-side li{
        margin:0 5px;
    }
	
	.ind-customer .logo-grid {
          padding: 0 10px;
		  grid-template-columns: repeat(3, 1fr);
      }
	.ind-fangan .pingpai-price li {
        width: 48%;
      }
	.ind-news .news-list,.news .news-list {grid-template-columns: repeat(1, 1fr);}
	h2,.ind-ser-content div p,h3.tit-zixun-siderbar,.footer-top-container .column h3{font-size: 16px;}
	.news-list.active .list-entries > li:nth-child(2n+1) .news-item { animation-delay: 0.05s; }
	.news-list.active .list-entries > li:nth-child(2n+2) .news-item { animation-delay: 0.15s; }
	.footer-top-container { grid-template-columns: repeat(2, 1fr);}
	.icon-jiahao:before {font-size: 2.5em;	}
	.ind-news .news-icon b{
		top:-30px;
		right: -22px;
	}
	.caption h1.line1{font-size: 2.5em;}
	.caption span.line2 { font-size: 1.5em;}
	
/*************************************网站建设服务页*************************************/	
	.shadow-xieg1-pos1 {
		left: -8%;
	}
	.shadow-xieg2-pos2 {
		left: 48%;
	}
	.shadow-xieg5-pos5 { left: 5%;}

}






@media (max-width: 900px){
	.layout{ padding-left:30px;padding-right:30px;}
	
	h2,.ind-ser-content div p,h3.tit-zixun-siderbar,.footer-top-container .column h3{font:bold 16px/30px Microsoft Yahei;margin:10px 0;}
	.font1,.font3 p,.message p{font:normal 1.17em/2em Microsoft Yahei;}
	
	.icon-caidan:before {
 	    float:right;
		display:inline-block;
	}
	
	
	.header-nav .right-side{
        width:100%;
        float:right;
        margin-top:0;
		margin-right:0;
		padding-right: 20px;
		padding-top: 15px;
		padding: 15px 20px 15px 0;
    }

    
    
    .header-nav .right-side ul{
        display:none;
		background-color: rgba(5, 91, 249, 0.8);
		width: 100%;
		height: 100vh;
		position: absolute;
		top: 0;
		z-index: -1;
		padding-top: 75px;
    }
    .header-nav .right-side ul li{
        display:block;
    }
    .header-nav .right-side ul li.on{
        display:block;
    }
    .header-nav .right-side ul li a{
        color:#fff;
        width:100%;
		padding:0;
		height: 50px;
		line-height: 50px;
		font-size: 16px;
    }
    .header-nav .right-side ul li.on a{
		color:#f00;
    }
    .header-nav .right-side li a:after{
		display: none;
	}
    .header-mobile-number{
        display:none;
	}
	
	 .wor-list {
        width: 48%;
      }
      
      .wor-list:nth-child(2n+1) { transition-delay: 0.1s; }
      .wor-list:nth-child(2n+2) { transition-delay: 0.2s; } 
	
    .grid-item .number {
			font-size: 30px;
		}
	.ban-anli-xq-r .icon-chaojilianjie:before,.ban-anli-xq-r .icon-diannao:before,.ban-anli-xq-r .icon-APPkaifa:before{
	font-size: 2em;
	}
	.ban-anli-xq-wrap .ban-anli-xq-r{padding-top: 15px;}
	/*************************************网站案例及详情页*************************************/	
	.ban-anli-xq-wrap .ban-anli-xq-l,.ban-anli-xq-wrap .ban-anli-xq-m,.ban-anli-xq-wrap .ban-anli-xq-r{width: 100%;}
	.ban-anli-xq-wrap .ban-anli-xq-r a{
		float: left;
		padding: 10px 15px 0 0;
	}
	

}


@media (max-width: 767px){
	.layout{padding-left:20px;padding-right:20px;}
	body{font:normal 14px Microsoft Yahei;}
	.mmb15{padding-bottom: 15px;}
	.mpb30-1{padding-bottom: 30px;}
	img.img01{
		width: 100%;
        height: 382px;
        object-fit: cover;
	}
	
	
	
	
	h1,.tit-ind2{font-size: 22px;}
	h2,.ind-ser-content div p,h3.tit-zixun-siderbar,.footer-top-container .column h3{font-size: 16px;}
	.tit-ind1.tit-anli1 ul{text-align: center;}
	.tit-ind1.news-nav ul{ text-align:left; }
	.tit-ind1.news-nav li{ padding:0 20px 0 0; }
	@media (max-width: 767px){ .tit-ind1.news-nav ul{ text-align:center; } }
	.tit-fuwu2{font-size: 22px;}
	h2.tit-anli-xiangqing{
		top:60px;
		left: -15px;
		width: calc(100% + 30px);
	}
	.icon-caidan:before {
		position:absolute;
		top:23px;
		right: 20px;
	}
	h2.tit-zixun-xiangqing {
    	top: 60px;
	}
	.zixun-shadow-l, .zixun-shadow-r {
		top: 115px;
	}
	.anli-shadow-l, .anli-shadow-r{top:115px;}
	.anli-shadow-l{left: -15px;}
	.anli-shadow-r{right: -15px;}
	
	
	
	.white-top-shadow {
    	left: -35%;
        width: 120%;
	}
	
	
	
	
	.header-nav .logo{
		width: 94px;
		top:20px;
	}

	
	
/*************************************形象图区域*************************************/			
	h1.cut-text::before {
		  transform: translateX(-1px);
		  
		}

		h1.cut-text::after {
		  transform: translateX(1px);
		  
		}
    .caption h1.line1{font-size: 2em;}
	.caption span.line2 {
		font-size: 1.3em;
		padding-right: 1.5em;
	}
	.Breadcrumb2{display: none;}
	.banner .Breadcrumb3{
		bottom: 5px;
	}
	.banner .Breadcrumb3.Breadcrumb4{
		bottom: 15px;
	}
	.banner .Breadcrumb3 .scroll-wrapper {margin:0 15px 0 0;}
	
	
	.ind-service ul li {
            width: 47%;  
            margin: 0 1.5% 15px;
        }
	.wor-wrap {
       margin: 0;
	}
	.wor-list {
    width: 100%;
    padding: 0;
	}
	
	.content{
			row-gap: 20%;
		}
	 .grid-item .number {
	  font-size: 16px;
	}
	.grid-item .label {
	font-size: 12px;
	}
	.ind-customer .logo-grid{padding: 0;}
	
	
	.ind-news .news-list,.news .news-list {grid-template-columns: repeat(1, 1fr);}
	.ind-fangan .pingpai-price li {
        width: 100%;
      }
     /* 每张图片间隔0.15s */
      .wor-list:nth-child(2n+1),.ind-fangan .pingpai-price li:nth-child(2n+1) { transition-delay: 0.1s; } /* 第1、3、5...张 */
      .wor-list:nth-child(2n+2),.ind-fangan .pingpai-price li:nth-child(2n+2){ transition-delay: 0.2s; } /* 第2、4、6...张 */
	
	  .news-list.active .list-entries > li:nth-child(2n+1) .news-item { animation-delay: 0.05s; }
	  .news-list.active .list-entries > li:nth-child(2n+2) .news-item { animation-delay: 0.15s; }


	  .ind-fangan .img-container .content b.icon9 {
      left: -1.5%;
		}
	  .ind-news .news-icon b{
		top:-30px;
		right: -21px;
	  }
	 .news .news-icon b{top:-21px; }
	 
	 .footer-top-container,.footer-top-container .link-grid {grid-template-columns: repeat(1, 1fr);}   
	 .pagination {justify-content: center;}
	 .jieshaoyoushi .content {
		 top: 55%;
		 row-gap: 15%;
	}
	 
	 .gongsijieshao1{
	      flex-direction: column-reverse;
		  padding: 0;
		}
	
	.gongsijieshao1 .caption{
			width:100%;
		}
	.zhaoping h2,.zhaoping p{text-align: left;}
	.button1{float: left;}
	
/*************************************网站建设服务页*************************************/		
	.process {
	  grid-template-columns: repeat(1, 1fr); 
	}
	.process li{border-right: none;}
	.process li.b{border-bottom: solid 1px #fff;}
	.fuwu-grid1,.fuwu-grid2 {
		 display: flex;
   	     flex-direction: column-reverse;
		 align-items: center;
		 padding: 0;
	}
	
	
	.fuwu-grid1 .caption{
		flex: none;         
		width: 100%;
	  }
	.fuwu-pos1, .fuwu-pos2 {float: left;}
	.fuwu-grid2 .caption{order: 2}
    .fuwu-grid2 .pic01{order: 1}
	.shadow-xieg1,.shadow-xieg2,.shadow-xieg3,.shadow-xieg4,.shadow-xieg5,.shadow-xieg6{ display: none;}
    .fuwu-serial01 {
		top: -19px;
	}
	.fuwu-serial01,.fuwu-serial03,.fuwu-serial05,.fuwu-serial07,.fuwu-serial09 {
		right: 5%;
	}
	.fuwu-serial02,.fuwu-serial04,.fuwu-serial06,.fuwu-serial08 {
		left:5%;
	}
	.fuwu-grid1 .pic01 img,.fuwu-grid2 .pic01 img{padding-top: 30px;}
	.fuwu-grid2 .caption{width: 100%;}
	
		
	.ser-hui{
	  grid-template-columns: repeat(1, 1fr);
	}
	.ser-hui li{
	  border-right: none;
	  border-bottom: solid 1px #fff;
	}
	
	
	.gongsijs-pos1{
			float:left;
		}
	.message-r span {
		float: left;
	}
		

/*************************************网站案例及详情页*************************************/		
    .banner .caption {
				  top:100px;
				  left: 60px;
				}
	.caption h1.line1 {
		font-size:1.5em;
	}
	.ban-xiangqing .caption .ban-anli-xq-wrap p.line2 {
		padding-right: 0;
	}
	footer.footer-anli-xiangqing{
			margin: 0 20px 30px;
			
		}
	.anli-xiangqing-wrap{
			margin-top: -40px;
			padding: 0;
		}
	.anli-grid1{
		top:-20px;
	}
	.anli-grid1 .caption {
		padding: 15px 15px 0;
	}
	.anli-grid2 {
		grid-template-columns:1fr;
		top:-20px;
		}
	.anli-grid2 .pic03 {
		padding: 33px 0 7px 0;
		}
	.anli-grid2 .caption {
		padding: 30px 15px 0;
	}
	
	.mob-anli-pic {
    font-size: 1.3em;
    left: 109px;
	}
		
/*************************************建站资讯详情页*************************************/
.zixun-grid1{
	padding: 110px 15px 15px;
}
.zixun-wrapper{
	flex-direction: column;
}
.zixun-main {
    width: 100%;
    padding: 20px 0 30px;
}
.zixun-sidebar {
    width: 100%;
    margin: 0 0 30px;
    padding: 30px 15px 0;
}
.footer-zixun-xiangqing a{display: block}
	
	
/*************************************网站建设标签及详情页手机版竖屏*************************************/
	.ban-xiangqing .caption p.line2.biaoqian-comtent,
	.ban-xiangqing .caption .ban-anli-xq-wrap p.line2 {
        max-height: 100px;
        overflow: auto;
    }
	.biaoqian-content1{top:-20px;}
	.biaoqian-content1 a{display: inline-block;}	
	
/*************************************联系我们页*************************************/		
.message,.message-l,.message-r{padding: 0;}
	 .message-l,.message-r {
		flex: none;        
		width: 100%;
	  }
	 .message{flex-direction: column;}
	 .message-r p{display: none;}
     .message-r span {float: left;}		
.gongsizp-pos1 {
    padding-left: 0;
}		
		
		
	
      
      @media (orientation: landscape) {
        h2.tit-zixun-xiangqing {top: 70px;}
		.zixun-shadow-l, .zixun-shadow-r {top: 120px;}
		.wor-list,.ind-fangan .pingpai-price li {
          width: 48%;
        }
		  
		  
		.grid-item .number {
		  font-size: 30px;
		}
		.grid-item .label {
		font-size: 16px;
		}  
		  
		.ind-news .news-list,.news .news-list,.footer-top-container  {grid-template-columns: repeat(2, 1fr);}
		 
        
        .wor-list:nth-child(2n+1),.ind-fangan .pingpai-price li:nth-child(2n+1) { transition-delay: 0.1s; }
        .wor-list:nth-child(2n+2),.ind-fangan .pingpai-price li:nth-child(2n+1){ transition-delay: 0.2s; } 
		.caption h1.line1,.caption span.line1 {font-size:2em;}
		.Breadcrumb{display:block;}
		.white-top-shadow {
		left: -3%;
		width: 80%;
		}
	    .jieshaoyoushi .content {
			top: 31%;
			row-gap: 30%;
		  }
		
		.zhaoping h2,.zhaoping p{text-align: center;}
	    .button1{float: none;}
		  
		
		  
/*************************************网站建设服务页*************************************/			 
		.fuwu-grid1,.fuwu-grid2 {
		  display: grid;
		  grid-template-columns: 1fr 1fr;
		  align-items: flex-start;
		  justify-content: flex-start;
		  justify-content: center;
		  padding: 0;
		}
        .fuwu-grid1{flex-direction:row;}
		.gongsijieshao1 {flex-direction:row;}
		
		.fuwu-grid1 .pic01,.fuwu-grid1 .caption,.gongsijieshao1  .pic02,.gongsijieshao1 .caption { flex: 1 1 0;}
		.fuwu-grid1 .caption,.gongsijieshao1 .caption {position: relative;z-index: 1;}
		.fuwu-grid1 .pic01,.fuwu-grid2 .caption{order: 1}
        .fuwu-grid2 .pic01,.fuwu-grid1 .caption{order: 2}
		.fuwu-grid1 .pic01 img,.fuwu-grid2 .pic01 img{padding-top: 120px;}
        .fuwu-grid1 .pic01,
		.fuwu-grid2 .pic01 {
		  justify-content: center;
		  align-items: center;   
		}
        .shadow-xieg6 {
			display: inline-block;
		}
		
		.pic01 img,.pic02 img {
		  max-width: 100%;
		  height: auto;
		  display: block;
		  margin: 0 auto; 
		}  
		
		  
		  
		  
		  
		  
		  
		.fuwu-pos1 {float: right;}
		.shadow-xieg1-pos1,.shadow-xieg2-pos2,.shadow-xieg5-pos5  {
			display: inline-block;
			position: absolute;
			left: -25%;
			top: 0;
		}
		.shadow-xieg2-pos2 {
			left: 55%;
		}
		.shadow-xieg5-pos5 {
			top: 0;
			left: 5%;
		}
		.fuwu-grid1 .pic01 img,.fuwu-grid2 .pic01 img{padding-top: 120px;}
		  
		  
		  
		  
		.process {
		  grid-template-columns: repeat(4, 1fr); 
		  grid-template-rows: repeat(2, 1fr);
		} 
		
		.process li{border-right: solid 1px #fff;}
	    .process li.b{border-bottom:none;}
		
	    
		.ser-hui{
		  grid-template-columns: repeat(5, 1fr);
		}  
		  
		.ser-hui li{
		  border-bottom: none;
		  border-right: solid 1px #fff;
		}  
		  
		.gongsijs-pos1{
			float: right;
		} 
		  
		  
		.gongsizp-pos1 {
			padding-left: 8%;
		}  
		  
/*************************************网站案例及详情页*************************************/		  
		
		.anli-grid2{
			background: #eeeeee;
			position: relative;
			z-index: 9;
			display: grid;
			grid-template-columns: 311px 1fr;
			width:100%;
			padding-top:85px;
			border: 1px solid #ddd;
			border-bottom: none;
		}
		.anli-grid2 .caption,.anli-grid2 .pic03{
			flex: 1 1 0;
		}
		
		.anli-grid2 .pic03{
			width: 100%;
			padding: 33px 0 20px 0;
			justify-content: center;
			align-items: center;
			overflow: hidden;
		}
		.anli-grid2 .pic001{
			position: absolute;
			top: 37px;
			left: 15px;
			z-index: 14;
			width:291px;
		}
		.anli-grid2 .caption{
			padding: 63px 15px 15px 30px;
		}  


/*************************************建站资讯详情页*************************************/
.zixun-grid1{padding: 115px 15px 15px;}
.zixun-wrapper{
	flex-direction: row;
}
.zixun-main {
    width: 70%;
    padding: 20px 15px 30px;
}
	  
.zixun-sidebar {
    width: 30%;
    margin: 60px 15px 30px 10px;
    padding: 30px 15px;
}		  
	  
		  
		  

			  }	
		}




@media (max-width: 480px) {
      .ind-customer .logo-grid {
        grid-template-columns: repeat(2, 1fr);
      }
    }