/*整体*/
:root{
	--color-primary:#1678ff;
	--color-primary-rgb: 22,120,255;
}

@media screen and (max-width: 768px){
	body{min-width: auto;}
	.wrapper{width: 100%;}


	/*引入iframe*/
	.header_iframe{width: 100%;height: 50px;display: flex;position: fixed;top: 0;left: 0;z-index: 3}
	.footer_iframe{width: 100%;height: 358px;display: flex;}

	/*共用*/
	.web_banner{display: none;}
	.wap_banner{display: block;}
	.sec_tit{text-align: center;padding: 25px 20px 15px;}
	.sec_tit h2{font-size: 30px;color: #333;margin-bottom: 10px;}
	.sec_tit p{font-size: 16px;color: #999;width: 100%;}

	/*头部*/
	.web-header-menu{display: none;}
	.wap-header-menu{display: block;position: fixed;top: 0;width: 100%;z-index: 99;left: 0;}
	.wap-header{background-color: rgba(0,0,0,0.65);height: 50px;display: flex;align-items: center;position: relative;}
	.wap-header .menu_icon{position: relative;width: 50px;height: 50px;display: flex;align-items: center;justify-content: center;}
	.wap-header .show-menu:before,.wap-header .show-menu:after{content: '';display: block;width: 18px;height: 2px;background-color: #fff;transition: all .2s cubic-bezier(.4,0,.2,1);transform: rotate(0);position: absolute;}
	.wap-header .show-menu:before{top: 17px;}
	.wap-header .show-menu:after{bottom: 17px;}
	.wap-header .show-menu .three{display: block;width: 18px;height: 2px;background-color: #fff;transition: all .2s cubic-bezier(.4,0,.2,1);transform: rotate(0);}
	.wap-header .hide-menu:before,.wap-header .hide-menu:after{content: '';display: block;height: 18px;width: 2px;background-color: #fff;position: absolute;}
	.wap-header .hide-menu:before{transform: rotate(45deg);}
	.wap-header .hide-menu:after{transform: rotate(-45deg);}
	.wap-header .center{flex: 1;display: flex;align-items: center;padding-left: 10px;width: 100%;overflow: hidden;}
	.wap-header .center img{height: 36px;}
	.wap-header .search_icon{width: 50px;height: 50px;display: flex;align-items: center;justify-content: center;}
	.wap-header .search_icon img{height: 18px;display: flex;}

	/*菜单*/
	.wapMenu{background: #fff;position: fixed;top: 50px;left: 0;right: 0;z-index: 99;flex-direction: column;flex-wrap: nowrap;justify-content: space-between;min-height: calc(100vh - 50px);width: 100%;transition: visibility .2s cubic-bezier(.4,0,.2,1),opacity .2s cubic-bezier(.4,0,.2,1),left .2s cubic-bezier(.4,0,.2,1),background .2s cubic-bezier(.4,0,.2,1);}
	.wapMenu_bg{background: #fff;position: absolute;left: 0;top: 0;bottom: 0;right: -200%;z-index: 100;}
	.wapMenu.is-hide{visibility: hidden;opacity: 0;}
	.wapMenu.is-show{visibility: visible;opacity: 1;}
	.wapMenu_ul{position: relative;z-index: 101;}
	.wapMenu_ul li{}
	.wapMenu_ul li a{display: block;padding: 18px 32px 18px 16px;font-size: 16px;line-height: 1.25;color: inherit;background-color: #fff;position: relative;color: #2e3133;}
	.wapMenu_ul li a:before{content: '';display: block;position: absolute;left: 16px;right: 0;bottom: 0;height: 1px;background-color: #eee;}
	.wapMenu_ul li a:after{content: " ";display: block;height: 6px;width: 6px;border-width: 1px 1px 0 0;border-color: #c8c8cd;border-style: solid;transform: matrix(.71,1,-.71,1,0,0);position: absolute;top: -2px;top: 50%;margin-top: -3px;right: 24px;}


	/*脚部*/
	#footer .foot{width: 100%;}
	#footer .top{flex-direction: column;flex-wrap: wrap;}
	#footer .module{box-sizing: border-box;padding: 0 20px;}
	#footer .module .tit{margin-bottom: 12px;}
	#footer .section1{width: 100%;}
	#footer .section2{width: 100%;}
	#footer .section2 .item{display: flex;flex-direction: column;align-items: center;}
	#footer .link{display: flex;flex-wrap: wrap;gap: 0 20px;}
	#footer .link li{width: calc(50% - 10px);}
	#footer .bot{padding: 10px 20px;margin-top: 20px;}
	#footer .bot p{line-height: 1.6;}

	/* ==================== 首页：star ==================== */

	.index-main .sec-tit{padding: 20px 0;text-align:center;line-height: 1.4;color: #333;}
	.index-main .sec-tit .tit{font-size: 22px;font-weight: bold;padding: 0 20px;}
	.index-main .sec-tit .desc{font-size: 17px;padding: 5px 20px 0;}

	/*产品介绍*/
	.index-products{padding: 20px 0 30px;}
	.page-products{padding: 0 20px;}
	.page-products ul{flex-direction: column;height: auto;}
	.page-products li{width: 100%!important;height: 100%;border-right: 0;}
	.page-products li.on{width: 100%;border-right: 0;border-left: 0;margin: 0;}
	.page-products .item-inner{flex-direction: column;width: 100%;}
	.page-products .main{width: 100%;background-size: 70px auto;border-right: 0;}
	.page-products .main .descrip{height: auto;}
	.page-products .main .btm{padding: 80px 10px 20px;}
	.page-products .main strong{padding-top: 15px;}
	.page-products .detail .sort .tag{margin-bottom: 8px;}
	.page-products li.on .hosting .main{background-color: #08acdb;background-image: url(../images/icon_hosting.png);border-top:#1dbdeb solid 9px;background-size: auto 70px;}
	.page-products li.on .main strong,
	.page-products li.on .main .descrip,
	.page-products li.on .main .btm{color: #fff;}

	/*关于我们*/
	.index-abouts{padding: 20px 0 30px;}
	.index-abouts .detail{padding: 0 20px;text-align: justify;}
	.index-abouts .count{padding: 20px 20px 0;}
	.index-abouts .count ul{gap: 20px;}
	.index-abouts .count .num span{font-size: 32px;}
	.index-abouts .count .txt{font-size: 15px;}

	/*新闻*/
	.index-news{padding: 20px 0 30px;}
	.index-news .box{margin-top: 10px;gap: 20px;flex-direction: column;padding: 0 20px;}
	.index-news .top{flex-direction: column;gap: 15px;padding-bottom: 15px;border-bottom: 0;}
	.index-news .top .text{padding-bottom: 0;}
	.index-news .bot{flex-direction: column;margin-top: 10px;}
	.index-news .bot a{height: auto;border-bottom: 1px solid #ccc;}
	.index-news .bot .txt{margin-bottom: 10px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
	.index-news .rig a{height: auto;margin-bottom: 15px;}
	.index-news .rig .name{margin-bottom: 0;}
	.index-news .more{margin-top: 25px;}
	.index-news .more a{line-height: 44px;font-size: 17px;width: 200px;}

	/*案例*/
	.choice{width: 100%;padding: 20px 0 30px;border-top: #eee 1px solid;}
	.choice ul{margin: 0 20px;}
	.choice li{width: 50%;height: 90px;}
	.choice li:nth-child(-n+6){border-top: 1px solid #F0F0F0;}
	.choice li img{max-height: 90%;max-width: 90%;}

	/*脚部广告*/
	.index_down{padding: 40px 20px;height: auto;text-align: center;}
	.index_down h1{font-size: 26px;line-height: 1.4;}
	.index_down p{font-size: 18px;margin-top: 15px;line-height: 1.4;}


	.security img{max-width: calc(100% - 30px);}



	/* ==================== 首页：end ==================== */


	/* ==================== 软件开发：star ==================== */

	.soft-con{max-width: 100%;margin: 0 auto;}
	

	/* 头部 */
	.soft-con .bn{background: linear-gradient(135deg, #1677ff 0%, #4096ff 100%);color: white;text-align: center;padding: 40px 20px;}
	.soft-con .bn h1{font-size: 48px;margin-bottom: 10px;}
	.soft-con .bn p{font-size: 20px;opacity: 0.9;}

	/* 经验数据 */
	.stats{padding: 30px 20px;gap: 20px;}
	.stats .item{width: 100%;}
	.stats .item .num{font-size: 38px;}
	.stats .item .num span{font-size: 18px;}
	.stats .item .lab{font-size: 15px;color: #666;margin-top: 8px;}

	/* 数字化云产品 */
	.dig-sec{padding: 20px 0 50px;}
	.pros-grid{grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));gap: 20px;padding: 20px;}
	.pros-grid .card{padding: 20px 10px;}
	.pros-grid .icon img{width: 42px;height: 42px;margin-bottom: 10px;}
	.pros-grid .card h3{font-size: 18px;}
	.pros-grid .card p{font-size: 14px;line-height: 1.4}

	/* 行业应用 */
	.industries{padding: 20px 0 50px;}
	.industries .grid{grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));gap: 20px;padding: 20px;}
	.industries .card{height: 170px;}
	.industries .card img{width: 100%;height: 100%;object-fit: cover;}
	.industries .card h3{font-size: 18px;margin-top: 5px;font-weight: normal;}
	.industries .icon img{width: 54px;height: 54px;}

	/*技术支持*/
	.technology_sec{padding: 20px 0 50px;}
	.technology_sec .content{padding: 20px;font-size: 16px;}
	.technology_sec .ad{margin-top: 0;}

	/* ==================== 软件开发：end ==================== */


	/* ==================== 企业建站：star ==================== */

	/*统计*/
	.count_sec{padding: 40px 0;}
	.count_sec ul{display: flex;}
	.count_sec li{display: flex;justify-content: center;line-height: 1;align-items: center;width: 100%;}
	.count_sec .num{font-size: 34px;color: var(--primary-color);margin-right: 10px;font-weight: bold;}
	.count_sec .word{font-size: 18px;}
	.count_sec .txt{padding-top: 6px;}


	/*网站建设*/
	.website_build{background-color: #f5faff;padding: 20px 0 60px;}
	.website_build .group{gap: 40px;margin-top: 30px;padding: 0 20px;}
	.website_build .items{width: 100%;}
	.website_build .icons img{width: 80px;height: 80px;margin-right: 20px;}
	.website_build .txts h2{font-size: 20px;margin-bottom: 8px;}
	.website_build .txts p{font-size: 15px;}

	/*应用场景*/
	.scene img{max-width: 100%;}

	/* ==================== 企业建站：end ==================== */


	/* ==================== 小程序：star ==================== */

	/*6大理由*/
	.applet-reason{padding: 20px 0 60px;}
	.reason-con{display: flex;gap: 20px;align-items: center;padding: 20px 20px 0;margin-top: 0;}
	.reason-con .cover img{height: auto;display: flex;width: 160px;}
	.reason-con .list{gap: 15px;flex: 1;width: 100%;}
	.reason-con .list li{gap: 10px;}
	.reason-con .list .icon{width: 28px;height: 28px;}
	.reason-con .list .txt{font-size: 17px;}

	/*零售商城*/
	.applet-shop{padding: 20px 0 60px;}
	.applet-shop .imgG{display: flex;justify-content: center;gap: 12px;margin-top: 20px;}
	.applet-shop .imgG img{border-radius: 13px;width: 110px;}

	/*广告位*/
	.applet-ad img{width: 100%;}

	/* 功能 */
	.applet-function{padding: 20px 0 50px;}
	.applet-function .grid{grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));gap: 15px;padding: 20px;}
	.applet-function .grid .card{padding: 20px 10px;}
	.applet-function .grid .icon img{width: 50px;height: 50px;margin-bottom: 10px;}
	.applet-function .grid .card h3{font-size: 18px;}
	.applet-function .grid .card p{font-size: 14px;line-height: 1.4}


	/*产品介绍*/
	.applet-intro{padding: 60px 0;}
	.applet-intro .wrapper{gap: 50px;}
	.applet-intro .section{gap: 30px;flex-direction: column;padding: 0 20px;}
	.applet-intro .cover img{width: 100%;}
	.applet-intro .tit{font-size: 22px;font-weight: 600;color: #1a2b48;margin-bottom: 20px;}
	.applet-intro .list{display: flex;flex-direction: column;gap: 15px;}
	.applet-intro .list li{list-style: none;font-size: 16px;color: #55688b;padding-left: 20px;position: relative;line-height: 1.6;}
	.applet-intro .list li::before {content: "●";color: #409eff;position: absolute;left: 0;top: 0;}

	/* ==================== 小程序：end ==================== */

}