*{ margin:0; padding:0;}
html {overflow-x:visible;overflow-y:auto;}
body { font-family:"PingFang SC","Microsoft Yahei",sans-serif, "微软雅黑", "新宋体", "黑体", Verdana, sans-serif, sans-serif; font-size:14px; }
a:focus {outline:0;}
a:link,a:visited,a:active{ text-decoration:none; color:#000;}
ul,dl,li,dd,dl { list-style:none;}
img { width: 100%; border:none;}
span,em,i,u { font-style:normal; font-family:"微软雅黑", "新宋体", "黑体",Verdana,Arial, Helvetica, sans-serif; text-decoration:none;}
li a { font-family:"微软雅黑", "新宋体", "黑体",Verdana,Arial, Helvetica, sans-serif; text-decoration:none; color:#000;}
li { font-family:Verdana}
.gehang { width:10px; height:10px; overflow:hidden; clear:both;}
.gehang10 { width:10px; height:10px; overflow:hidden; clear:both;}
.gehang20 { width:20px; height:20px; overflow:hidden; clear:both;}
.gehang30 { width:30px; height:30px; overflow:hidden; clear:both;}
.gehang60 { width:60px; height:60px; overflow:hidden; clear:both;}
.gehang80 { width:80px; height:80px; overflow:hidden; clear:both; }
.show { display:block;overflow:hidden}
.none { display:none; }

/*----------------------------------------------------------------------首 页 样 式 开 始-------------------------------------------------------------------------*/

:root{
    --primary-color:#ff434f;
    --secondary-color:#e3e3e3;
    --text-color-lightest:#e7e9ec;
    --text-color-darker:#2e2e2e;
    --text-color-dark:#494949;
    --text-color-gray:#8b8b8b;
    --text-color-dark-gray:#727272;
    --text-color-light-gray:#c6c6c6;
    --backdrop-color:rgba(42,42,42,0.69);
}
header{
    width: 100%;height: 80px;display: grid;grid-template-columns: 1fr 2fr;align-items:center;line-height: 80px;position: relative;z-index: 200;left: 0;top: 0;background-color:#fff;box-shadow: 0 0 18px rgba(0,0,0,0.2);}
.logo,.logo a{font-size: 24px;font-weight: 600;text-decoration: none;color:var(--text-color-darker);}
.logo a:hover,header nav a:hover{ color: var(--primary-color);}
.logo img{float: left; display: block;margin:5px; width: 70px; height: 70px; }
header nav{justify-self: end;}
header nav i{color: var(--primary-color);}
header nav a{color: var(--text-color-darker);text-decoration: none; margin: 0 24px;}


header.burger{display: none;}
header.sticky{position: fixed;background-color: white;box-shadow: 0 0 18px rgba(0,0,0,0.2);animation:dropDown 0.5s ease-in-out forwards;}
header.sticky .logo a,
header.sticky nav a{color: var(--text-color-darker);}
header.sticky nav i{color: var(--primary-color);}
header.sticky .logo a:hover,header.sticky nav a:hover{color: red;}
header.sticky .burger{padding-right: 30px;}
@keyframes dropDown{
    from{
        transform: translateY(-100PX);
    }
    to{
        transform: translateY(0);
    }
}

.glide{position: relative;top: -80px;z-index: 5;}

.glide__slide img,
.glide__slide video{ width: 100vw;height: 100vh;object-fit: cover;}

.slide-caption{position: absolute;z-index: 6;color:rgb(255, 255, 255);text-align: center;max-width: 60vw;}

.glide__slide{display:flex;align-items: center;justify-content: left;}

.slide-caption h1{padding-left: 12vw; font-size: 54px;font-weight: 600;}
.slide-caption h3{padding-left: 12vw;font-size: 24px;margin: 48px 0;}

.slide-caption > * {opacity: 0;}
.backdrop{background: var(--backdrop-color);z-index: 60;position: absolute;width: 100%;height: 100%;left: 0; top: 0; opacity: 0.2;}
.explore-btn{padding-left: 12vw;padding: 14px 32px;background-color: var(--primary-color);border: 0;border-radius: 4px;color: var(--text-color-lightest);font-size: 18px; cursor: pointer;outline: none;}
.explore-btn a{color: var(--text-color-lightest);font-size: 18px; }
/* 内容区域 */
/* 通用样式 */

.content-wrapper{ display: flex;align-items: center;justify-content: center;flex-direction: column;}
section{display: grid;justify-items: center;max-width: 1180px;padding: 0 80px;}

.section-bg{position: relative;}
.section-bg::before{content:"";display: block;position: absolute;background-color: #f9fbfb;width: 100%;height: 100%;z-index: -1;}
.title1{font-size: 34px; color:var(--text-color-darker);}
.title1::after{content:"";display: block; width: 80%;height: 4px; background-color: #4286BC; margin-top:14px; transform: translateX(10%);}
.intro{margin: 28px 0 60px 0;font-size: 18px;color: var(--text-color-dark-gray);text-indent: 2em; line-height: 36px;}

/* 关于我们 */
.aboutus{ padding-bottom: 32px;}
.aboutus img{border-radius: 30px;}


/* 案例解决方案 */
.activitiescase{display: grid;grid-template-columns: repeat(3,1fr);column-gap: 24px;}

/* 成功案例 */
.showcases{max-width: unset; padding: 0;padding-top: 72px;}
.filter-btns{margin-top: 54px;margin-bottom: 38px;}
.filter-btn{margin: 0 7px;background-color: var(--secondary-color);border: 0;color: var(--text-color-dark-gray);padding: 28px 30px;font-size: 30px; border-radius: 4px;cursor: pointer;transition: 1s;}
.filter-btn:focus, .filter-btn:active{ outline: none;}
.filter-btn.active, .filter-btn:hover{background-color: var(--primary-color);color: white;}
.showcases .cases{ width: 80vw;height: 90vh;overflow: hidden;}
.showcases .case-item{width: 80vw;height:90vh;overflow: hidden;}
.case-item img{margin-top: 30px; border-radius: 20px; width:100%;}


/* 产品中心 */

.company-activities{margin-top: 88px;}
.activities{display: grid;grid-template-columns: repeat(4,1fr);column-gap: 24px;}
.activity{margin: 10px 0; box-shadow: 0 0 24px rgba(0,0,0,0.1);padding: 24px;transition: 0.4s;}
.act-image-wrapper{height: 255px;overflow: hidden;margin: -24px; margin-bottom: 0;}
.act-image-wrapper img{min-height: 250px;object-fit: cover;}
.activity .meta{margin-top: 20px;margin-bottom: 12px;color: var(--text-color-light-gray);font-size: 12px;display: flex;}
.activity .meta>p:last-child{margin-left: 36px;}
.act-title{color: var(--text-color-dark);font-size: 18px;margin-bottom: 16px;}
.activity article{color: var(--text-color-gray);letter-spacing: 0.54px;line-height: 24px;}
.readmore-btn{border: 0;color: white;background-color: var(--primary-color); border-radius: 4px;padding: 6px 14px;margin-top: 24px;float: right;}
.readmore-btn a{color: white; display: block;}
.activity:hover{transform: translateY(-20px) scale(1.05);box-shadow: 0 0 36px rgba(0,0,0,0.1);}

/* 数据部分 */
.data-section{margin-top: 88px;max-width: unset;width: 93%;height: 320px;background:url(/template/image/data-sectionbj.jpg);background-size:cover; background-position:center;display: grid;grid-template-columns: repeat(4,minmax(auto,220px));
    justify-content: center;align-items: center;position: relative;z-index: 20;}
.data-section::before{content: "";display: block;position: absolute;background-color: var(--backdrop-color);width: 100%;height: 100%;z-index: 1;}
.data-piece{width: 250px;display: grid;grid-template-rows: repeat(3,1fr);justify-items:center;color: white;position: relative;z-index: 40;}
.data-piece i.fas{font-size: 44px;}
.data-piece .num{margin-top: 7px;font-size: 41px;font-weight: 600;}
.data-piece .data-desc{font-size: 18px;font-weight: 500;}

/* 数据部分2 */
.data-section2{margin-top: 88px;max-width: unset;width: 93%;min-height: 320px;height: auto; background-image: linear-gradient(to bottom, #CAD6E0, #B1C4D1); display: grid;grid-template-columns: repeat(7,minmax(auto,220px));
    justify-content: center;align-items: center;}
.data-piece2{display: grid;grid-template-rows: repeat(3,1fr);row-gap: 20px; justify-items:center;color: white;}
.data-piece2 i.fas{font-size: 30px;}
.data-piece2 .num{margin-top: 7px;font-size: 20px;font-weight: 600;}
.data-piece2 .data-desc{font-size: 14px;font-weight: 500;text-align: center; }
.data-piece2 .data-desc .data-descin{ text-align: center;width: 100px;height: 2px; position: relative;z-index: 25;}
.data-piece2 .data-desc .data-descin img{display: block; position: absolute; left: 0;top: 0; z-index: 99;}
/* 服务流程 */
.service{padding-top: 131px;}
.services{display: grid;grid-template-columns: repeat(3,1fr);grid-template-rows: 1fr 1fr;column-gap: 38px;row-gap: 34px;}
.service-item{display: grid;grid-template-areas: "icon title" "icon content";grid-template-columns: 70px 1fr;grid-template-rows: 1fr 3fr;padding: 24px; box-shadow: 0 0 18px rgb(0, 0, 0,0.06);}
.service-item i.fas{grid-area: icon;font-size: 42px;color: var(--primary-color);padding-top: 6px;}
.service-item .service-title{grid-area: title; color: var(--text-color-darker);font-size: 24px;}
.service-item .service-content{grid-area: content;color:var(--text-color-gray) ; line-height: 30px; font-size: 16px;margin-top: 8px;}

/* 在线留言 */

.contact-us{padding-top: 131px;}
.contact-info{display: grid;grid-template-columns: repeat(2,1fr);column-gap: 30px;}
 .contact-item{padding: 24px;box-shadow: 0 0 18px rgba(0,0,0,0.06);}
 .contact-item img{ width: 100%;height: auto;object-fit: cover;border-radius: 10px;}

 .contact-form{padding: 24px;box-shadow: 0 0 18px rgba(0,0,0,0.06);}
.contact-form input[type="text"],
.contact-form textarea{padding: 14px;font-size: 16px;border: 1px solid #ccc;outline: none;margin-bottom: 24px;}
.contact-form textarea{resize: none;height: 120px;}
.contact-form input[type="submit"]{padding: 20px 40px;background-color: var(--primary-color);border: 0;color: white;font-size: 18px;cursor: pointer;border-radius:4px 4px 10px 10px;}


/* 底部 */
footer{margin-top:50px; width: 100%; background-color: var(--secondary-color);}
footer .con{margin: auto; display: grid;grid-template-columns:4fr 1fr; column-gap: 30px;}
.footer-info{display: grid;grid-template-columns: repeat(6,1fr);grid-template-rows: 1fr 4fr; gap: 10px;justify-items: start; align-items:flex-start‌;}
.footer-info a{text-align:left;color: var(--text-color-dark-gray);transition: 0.4s;}
.footer-info a:hover{color: var(--primary-color);}


.foonav{padding-top: 20px; font-size: 16px;align-items: center;}
.footer-info ul{height: 100%; }
.footer-info ul li{margin: 10px 0;}
.footer-info ul li a{text-align:left;color: var(--text-color-dark-gray);transition: 0.4s;}
.footer-info ul li a:hover{color: var(--primary-color);}


.footerr{padding: 24px;box-shadow: 0 0 18px rgba(0,0,0,0.06);}
.footerr img{ width: 100%;height: auto; object-fit: cover;border-radius: 10px;}

.copyright{margin:auto; max-width:1080px;padding:25px 0; }
.copyright p{padding: 10px;text-align: left;font-size: 14px; line-height: 30px;}
.copyright p a{color: red;}
.copyright p a:hover{color: #930;}



.scrollToTop{
    display: none;
    position: relative;
    z-index: 300;
}
.scrollToTop a{
    width: 32px;
    height: 32px;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--primary-color);
    color: white;
    text-decoration: none;
    position: fixed;
    bottom: 60px;
    right: 30px;
}



		

/*----------------------------------------------------------------------首 页 样 式 结 束-------------------------------------------------------------------------*/

/*----------------------------------------------------------------------新 闻 样 式 开 始-------------------------------------------------------------------------*/
.newbanner{margin: auto;max-width:unset;height: auto;}
.banner{margin: auto;max-width: 1920px;height: auto;}
.banner img{width: 100%;height:auto;object-fit: cover;}
.newnav ul {width: 100%; margin: 30px 0; display:grid; grid-template-columns:1fr 1fr; gap: 30px;align-items: center;justify-content: center;}
.newnav ul li{text-align: center; background-color: var(--text-color-lightest);box-shadow: 0 0 18px rgba(0,0,0,0.06);border-radius: 6px;}
.newnav ul li:hover{background-color: var(--text-color-light-gray);}
.newnav ul li a{color: var(--text-color-dark);transition: 0.4s;font-size: 16px;padding:15px 20px;display: block;}
.newnav ul li a:hover{color: var(--primary-color);}

.newtitle{width: 100%;max-width: 1080px; margin:auto;padding: 20px; font-size:20px; font-weight:bold; border-bottom:2px  dashed #7AADB1;text-align: left; }
.newcon{width:100%;max-width: 1080px;margin: auto;padding: 20px;font-size: 16px;text-align:left;color: var(--text-color-dark);line-height: 30px;}
.newarttitle{width:100% ;max-width: 1080px; margin:auto;padding: 20px; font-size:20px; font-weight:bold; border-bottom:1px  dashed #7AADB1;text-align: center; }
.newget{width: 100%;max-width: 1080px;margin: auto;padding: 10px;font-size: 12px;text-align:center;color: var(--text-color-gray);}
.newatrticle{width: 100%;max-width: 1080px;margin: auto;padding: 20px;font-size: 14px;text-align:left;color: var(--text-color-dark);line-height:24px;}
.newatrticle img{width:auto;padding:10px;border: 1px solid #e7e9ec;}
.newnext{width: 100%;max-width: 1080px;margin: auto;padding: 20px;font-size: 14px;text-align:left;color: var(--text-color-dark);line-height:24px;}
.newnext a{color: var(--primary-color);}


.cpnav ul {grid-template-columns:1fr 1fr 1fr 1fr 1fr;}
.fanav ul {grid-template-columns:1fr 1fr 1fr;}
.gynav ul {grid-template-columns:1fr 1fr 1fr 1fr 1fr;}
.newnav2 ul {grid-template-columns:1fr 1fr 1fr 1fr;}
.fwnav ul {grid-template-columns:1fr 1fr 1fr;}

.artcon{width:100%;display:grid; grid-template-columns: 1fr 1fr;align-items: center;}
.artcon1{ line-height: 40px; font-size: 26px;}
.artcon1 a{color: darkorange;}
.artcon1 a:hover{color: rgba(219, 72, 14, 0.945);}
/*----------------------------------------------------------------------新 闻 样 式 结 束-------------------------------------------------------------------------*/	

/*----------------------------------------------------------------------产 品 样 式 开 始-------------------------------------------------------------------------*/

#cpmain{ margin:auto; width:1101px;  font-family: "微软雅黑";}
#cpmain_top{ margin:auto; width:1000px; height:80px;}
#cpmain_top ul{margin:auto; width:960px; height:80px;}
#cpmain_top ul li{ float:left; width:120px; height:40px; margin:19px; border:1px solid #930; text-align:center; border-radius:20px;}
#cpmain_top ul li:hover{ background:#930;}
#cpmain_top ul li a{ width:120px; height:40px; line-height:40px; text-align:center; font-size:14px; display:block;border-radius:20px;}
#cpmain_top ul li a:hover{color:#FFF;}


	
#cpmain_top2{ margin:auto; width:1100px; height:25px; border-bottom:2px solid #930; text-align:center;}	

#cpmain_nav{ margin:auto; width:1101px; min-height:500px;border-radius:8px;  border:1px dotted #DE9E9E;}
#cpmain_nav ul{ margin:auto; width:1101px;}
#cpmain_nav ul li{ float:left; width:300px; height:330px; margin:20px 31px; border:1px dotted #DE9E9E; border-radius:12px; cursor:pointer; display:block; overflow:hidden; }
	#cpmain_nav ul li a span{ margin:auto; width:300px; height:30px; display:block; text-align:center; line-height:30px;  font-size:16px;}


#cparticle_info{ margin:auto; width:1245px; }	
	#cparticle_info ul{ margin:auto; width:1245px; height:1550px; }	
	#cparticle_info ul li{ float:left; margin:5px; width:405px; height:494px; }	
	#cparticle_info ul li a{  width:405px; height:494px; display:block; }	
	#cparticle_info ul li img{ margin:auto; width:405px; height:494px; }



	

/*文章分页样式*/
#fenye{clear:both;  margin-top:35px; margin-bottom:20px;}
#fenye a{text-decoration:none; display:inline;}
#fenye .prev,#fenye .next{width:52px; text-align:center;}
#fenye a.curr{width:22px;background:#CA091C; border:1px solid #CA091C; color:#fff; font-weight:bold; text-align:center;}
#fenye a.curr:hover{background:#000; border:1px solid #000; color:#fff; font-weight:bold; text-align:center;}
#fenye a.curr:visited {color:#fff;}
#fenye a{color:#111;background:#e9e9e9; margin:0px 5px; border:1px solid #dcdddd; float:left; text-align:center;height:22px;line-height:22px}
#fenye a.num{width:22px;}
#fenye a:hover{color:#fff; background:#CA091C; border:1px solid #CA091C;float:left;}
#fenye span{line-height:30px;}
#fenye table{  margin:5px auto; margin-right:0px;}

/*文章正文分页样式*/
#pageNext{ padding:10px 12px 6px; clear:both;}
#pageNext .prev,#pageNext .next{width:52px; text-align:center;}
#pageNext a.curr{width:22px;background:#111111; border:1px solid #dcdddd; color:#fff; font-weight:bold; text-align:center;}
#pageNext a.curr:visited {color:#fff;}
#pageNext a{margin:5px 4px; color:#1E50A2;background:#fff; border:1px solid #dcdddd; float:left; text-align:center;height:22px;line-height:22px}
#pageNext a.num{width:22px;}
#pageNext a:visited{color:#1f3a87;} 
#pageNext a:hover{color:#fff; background:#111111; border:1px solid #1E50A2;float:left;}

			

		
			
/*----------------------------------------------------------------------产 品 样 式 结 束-------------------------------------------------------------------------*/	


/*----------------------------------------------------------------------搜 索 样 式 开 始-------------------------------------------------------------------------*/

#soso { width:350px; height:60px;}
		#homesearch{float: left; display:block;  width:200px; border:1px #7f8181 solid; background:none; height:40px; line-height:40px;padding-left: 20px;}
		#soso .inputButton {float: right; display:block; width:80px; height:40px; line-height: 40px; background:#fff; border:1px solid #7f8181;  cursor:pointer; }

#so1{ margin:30px auto; width:860px; height:40px; line-height:40px; font-size:16px; border-bottom:1px solid #666;}	
		#so1 span{ color:#F00;}
#so2{ margin:auto; width:860px; min-height:400px;}
#so2 ul{ margin:auto; width:860px; min-height:400px;}
#so2 ul li{ width:860px; height:30px; line-height:30px; border-bottom:1px dashed #CCCCCC; font-size:16px;  color:#29ABCD;}
	#so21{ float:left;}
	#so23{ float:right; color:#666;}	



#soso_fenye {width:716px; overflow:hidden;}
			#soso_fenye .ebox_con { width:696px; overflow:hidden; padding:10px 10px 0; }
			#soso_fenye .ebox_con li { height:28px; line-height:28px; overflow:hidden; color:#f60;}
				#soso_fenye .ebox_con li em { float:right; color:#999;}
				#soso_fenye .ebox_con li a { font-size:14px;}
				#soso_fenye .ebox_con li u { font-family:Verdana;}
				#soso_fenye .ebox_con li u a {color:#234983; font-size:12px;}


		
/*----------------------------------------------------------------------单 页 样 式 结 束-------------------------------------------------------------------------*/	

@media(max-width:1100px){
    header nav{
        display: none;
    }
	.logo a{font-size: 13px;}
    header{
        grid-template-columns:1fr 30px;
    }
    header .burger{
		padding-right: 10px;
        display: block;
        width: 20px;
        height: 6px;
        position: relative;
        justify-self: end;
        cursor: pointer;
    }
    .burger-line1, .burger-line2, .burger-line3{
        width: 20px;
        height: 2px;
        background-color: var(--text-color-darker);
    }
    .burger-line1{
        position: absolute;
        top: -6px;
    }
    .burger-line3{
        position: absolute;
        top: 6px;
    }
    header.open nav{
        display: grid;
        position: absolute;
        left:0;
        top: 0;
        width: 100vw;
        height: 100vh;
        background-color: white;
        grid-template-columns: 1fr;
        justify-items: center;

        padding: 0;
        opacity: 0;
        animation: slideDown 0.6s ease-out forwards;
    }
    header.open nav > * {
        color: var(--text-color-darker);
        animation: showMenu 0.5s linear forwards 0.4s;
        font-size:16px;
        margin: 2px 0;
        opacity: 0;
    }
    header.open nav > i.fas{
        margin-top: 5px;
    }
    header.open .burger-line1,
    header.open .burger-line2, 
    header.open .burger-line3,
    header.sticky .burger-line1,
    header.sticky .burger-line2, 
    header.sticky .burger-line3{
        background-color: var(--text-color-darker);
        transition: 0.4s ease;
    } 
    header.open .burger-line1{
        transform: rotate(45deg) translate(3px,5px);
    }
    header.open .burger-line2{
        transform: translateX(5px);
        opacity: 0;
    }
    header.open .burger-line3{
        transform: rotate(-45deg) translate(3px,-5px);
    }
    header.open .logo{
        z-index: 40;
        color: var(--text-color-darker);
    }
    header.open .logo a{
        color: var(--text-color-darker);
    }

    @keyframes slideDown {
        from{
            height: 0;
            opacity: 0;
        }to{
            height:90vh;
            padding-top: 80px;
            opacity: 1;
        }
    }
    @keyframes showMenu {
        from{
            opacity: 0;
            transform: translateY(-1vh);
        }to{
            opacity: 1;
            transform: translateY(0);
        }
    }
    .service-item .service-title{
        font-size: 20px;
    }
    .service-item .service-content{
        font-size: 14px;
        line-height: 24px;
    }
    .team-members{
        grid-template-columns: repeat(2,1fr);
        row-gap: 36px;
        column-gap: 6vw;
    }


	.slide-caption h1{
		font-size: 20px;
	}
	section{padding:5px;}
	.slide-caption h3{font-size: 16px;}
	.title1{font-size: 20px;}
	.intro{font-size: 16px;line-height: 20px;}
	/* 关于我们 */
	.aboutus{ padding-bottom: 5px;}
	.aboutus img{border-radius: 5px;}
	/* 成功案例 */
    
	.showcases{max-width: unset; padding: 0;padding-top:20px;}
	.filter-btns{margin: auto; margin-top: 12px;}
	.filter-btn{margin: auto; margin: 10px; padding: 10px;font-size: 16px;}
	.showcases .cases{ width: 90vw;height: auto;overflow: hidden;}
	.showcases .case-item{width: 90vw;height:auto;overflow: hidden;}
	.case-item img{margin: 5px;}
	/* 产品中心 */
	

	.company-activities{margin-top: 0px;}
	.activities{grid-template-columns: repeat(2,1fr);gap: 10px;}
	.activity{box-shadow: 0 0 4px rgba(0,0,0,0.1);padding: 4px;transition: 0.4s;}
	.act-image-wrapper{height: 155px;overflow: hidden;margin:4px; margin-bottom: 0;}
	.act-image-wrapper img{min-height: 150px;object-fit: cover;}
	.activity .meta{margin-top: 10px;margin-bottom: 10px;}
	.activity .meta>p:last-child{margin-left: 20px;}
	.act-title{font-size: 14px;margin-bottom: 5px;}
	.activity article{line-height: 16px;}
	.readmore-btn{border: 0;color: white;background-color: var(--primary-color); border-radius: 4px;padding: 6px 14px;margin-top: 10px;float: right;}
	/* 数据部分 */
	.data-section{margin-top: 30px;grid-template-columns: repeat(2,minmax(auto,220px));grid-template-rows: 1fr 1fr;gap: 10px;}

	.data-piece{width: 200px;display: grid;grid-template-rows: repeat(3,1fr);justify-items:center;color: white;position: relative;z-index: 40;}
	.data-piece i.fas{font-size: 30px;}
	.data-piece .num{margin-top: 7px;font-size: 20px;font-weight: 600;}
	.data-piece .data-desc{font-size: 14px;font-weight: 500;}
    /* 数据部分2 */
	.data-section2{margin-top: 30px;grid-template-columns: repeat(2,minmax(auto,220px));grid-template-rows: 1fr 1fr;gap: 10px;}

	.data-piece2{width: 200px;display: grid;grid-template-rows: repeat(3,1fr);justify-items:center;color: white;position: relative;z-index: 40;}
	.data-piece2 i.fas{font-size: 30px;}
	.data-piece2 .num{margin-top: 7px;font-size: 20px;font-weight: 600;}
	.data-piece2 .data-desc{font-size: 14px;font-weight: 500;}
	/* 服务流程 */
	.service{padding-top: 20px;}
	.services{display: grid;grid-template-columns: repeat(3,1fr);grid-template-rows: 1fr 1fr;gap: 5px;}
	.service-item{grid-template-columns: 26px 1fr;grid-template-rows: 1fr 3fr;padding: 2px; }
	.service-item i.fas{padding-top: 10px; font-size: 18px;}
	.service-item .service-title{padding-top: 10px; font-size: 14px;}
	.service-item .service-content{ line-height: 18px; font-size: 12px;margin-top: 0px;}

   
    /* 案例解决方案 */
    .activitiescase{grid-template-columns: 1fr;grid-template-rows: 1fr 1fr 1fr; gap: 25px;}



	/* 在线留言 */

	.contact-us{padding-top: 20px;}
	.contact-info{margin-top: -40px; grid-template-columns: 1fr; grid-template-rows:180px 1fr;row-gap: 10px;}
	.contact-item{padding: 2px;overflow: hidden;}
	.contact-item img{width: 100%; border-radius: 6px;}

	.contact-form{padding: 10px;}
	.contact-form input[type="text"],
	.contact-form textarea{padding: 6px;font-size: 12px;margin-bottom: 10px;}
	.contact-form textarea{height: 40px;}
	.contact-form input[type="submit"]{padding: 10px 12px;border-radius:2px 2px 5px 5px;}
	/* 底部 */
	footer{margin-top:0px;}
	footer .con{margin: auto; display: grid;grid-template-columns:1fr; column-gap: 4px;}
	.footer-info{display: grid;grid-template-columns: repeat(6,1fr);grid-template-rows: 30px 1fr; gap: 6px;}

	.foonav{padding-top: 5px; font-size: 12px;align-items: center;justify-items: center;}

	.footer-info ul li a{font-size: 11px;}
	.footer-info ul li a:hover{color: var(--primary-color);}


	.footerr{display: none;}

	.copyright{margin:auto; max-width:1080px;padding:10px 0; }
	.copyright p{padding: 10px;text-align: left;font-size: 12px; line-height: 16px;}


}