@charset "utf-8";
/******************** Product ***********************/
/*ProSearch*/
.ProSearch { width: 100%; height: 4rem; margin: 3.5rem 0; overflow:hidden; box-sizing: border-box; position: relative; }
.ProSearch .search-input {
	-webkit-transform: translate3d(0, 50, 0);
	transform: translate3d(0, 50, 0);
	-webkit-transition: all .3s;
	transition: all .3s;
	margin-right: 0;
	background: #fff;
	border-radius:  5px;
	}
.ProSearch .searchbar-active {
	-webkit-transform: translate3d(0, 50, 0);
	transform: translate3d(0, 50, 0);
	-webkit-transition: all .3s;
	transition: all .3s;
	margin-right: 4rem;
	background: #fff;
	border-radius:  5px;
	}

.mtextW400 { width: 100%; border:none; height: 3.5rem; border:none; background: #f7f8fa url(../images/pro/search_icon.png) 1rem center no-repeat; background-size: 1.3rem; text-indent:3rem; font-size:1.5rem; border-radius: 0.25rem; margin: 0; }
.s_btn { width: 8rem; height:3.5rem; background: none; border:none; font-size: 1.6rem; color: #fff; position: absolute; top: 0; right: 0; background:#ff7800; opacity: 0; transition:all 0.3s; -webkit-transition: all .3s; border-top-right-radius: 0.25rem; border-bottom-right-radius: 0.25rem;}

/*HotProduct*/
.HotProduct { overflow: hidden; }
.HotProductTit { border-bottom: 1px solid #f0f0f0; overflow: hidden; }
.HotProductTit h2 { display: inline-block; font-size: 1.6rem; color: #ff7800; line-height: 3rem; border-bottom: 1px solid #ff7800; }
.HotProduct .swiper-container { overflow: hidden; padding: 2rem 0; }
.HotProduct .swiper-slide a { display: block; box-shadow:0 0 4px rgba(0,0,0,.15); margin: 0 0.8rem; padding: 4% 3%; text-align: center; }
.HotProduct .swiper-slide h3 { font-size: 1.8rem; color: #333; overflow: hidden;text-overflow: ellipsis;white-space: nowrap; }
.HotProduct .swiper-slide span { display: block; font-size: 1.4rem; color: #999; padding: 0.8rem 0; overflow: hidden;text-overflow: ellipsis;white-space: nowrap; }
.HotProduct .swiper-slide img { padding: 5% 0; }
.HotProduct .swiper-slide a:hover {  transform:translate3d(0,-3px,0); transition:all .2s}
.HotProduct .swiper-slide a:hover h3 { color: #ff7800; }

/*AllProduct*/
.AllProduct { width: 100%; overflow: hidden; margin: 6rem 0 0 0; }
.ProductBox { width: 100%; overflow: hidden; background: #f7f8fa; margin: 4rem 0 0 0; padding: 3.5rem 0; box-sizing: content-box; }
.ProductBox .container { position: relative; }
.AllProduct .category { width: 100%; position: relative; overflow: hidden;}
.AllProduct .category .prev { display: none; position: absolute; top: 0; width: 59px; height: 100%; box-shadow: 0 0 3px #c6c6c7; background: #fff; text-align: center; font-size: 0; left: 0; border-right: 1px solid #e1e3e6;}
.AllProduct .category .prev span { display: inline-block; vertical-align: middle; width: 9px; height: 14px; background-repeat: no-repeat; background-image: url(../images/product/arrow.svg); background-position: 96.77% 25%; background-size: initial;}
.AllProduct .category .next span { display: inline-block; vertical-align: middle; width: 9px; height: 14px; background-repeat: no-repeat; background-image: url(../images/product/arrow.svg); background-position: 61.29% 25%; background-size: initial;}
.AllProduct .category .next { position: absolute; top: 0; width: 59px; height: 100%; box-shadow: 0 0 3px #c6c6c7; background: #fff; text-align: center; font-size: 0; right: 0; border-left: 1px solid #e1e3e6;}

.AllProduct .category ul li { font-size: 1.6rem; text-align: center; border-bottom: 2px solid #e8e8e8; cursor: pointer; position: relative; width: 12.5%; float: left; line-height: 4rem; color: #666;}
.AllProduct .category ul li span { display: inline-block; padding: 0 1rem; position: relative; }
.AllProduct .category ul li.active { color: #ff7800;}
.AllProduct .category ul li.active span:after { content: ""; position: absolute; width: 100%; left: 0; bottom: -2px; height: 2px; background-color: #ff7800; z-index: 2;}

.AllProduct .cont { opacity: 0; position: absolute; top: 8rem; left: 0; width: 100%; }
.AllProduct .cont.active { opacity: 1;}
.AllProduct .swiper-container { overflow: hidden; padding:4rem 5px 7rem 5px; }
.AllProduct .swiper-slide { background: #fff; box-shadow:0 0 5px rgba(0,0,0,.05);  padding:2.5rem 1.5rem;}
.AllProduct .swiper-slide div { padding: 0 0 1rem 0; overflow: hidden;text-overflow: ellipsis;white-space: nowrap; }
.AllProduct .swiper-slide i { font-size: 2rem; color: #ff7800; }
.AllProduct .swiper-slide h3 { display: inline-block; font-size: 1.8rem; color: #666; padding: 0 0 0 0.5rem; }
.AllProduct .swiper-slide p { font-size: 1.3rem; color: #999; line-height: 2rem; height: 6rem; display: -webkit-box; overflow: hidden; white-space: normal!important; text-overflow: ellipsis; word-wrap: break-word; -webkit-line-clamp: 3; -webkit-box-orient: vertical; }
.AllProduct .swiper-pagination-bullet { background: #f7f8fa; color: #707172; border-radius: 0; opacity: 1; width: 3rem; height: 3rem; border: 1px solid #d6d7d9; font-size: 1.4rem; text-align: center; line-height: 3rem; }
.AllProduct .swiper-pagination-bullet-active { border: 1px solid #ff7800; color:#ff7800;  opacity: 1; }
.AllProduct .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 1rem; }

/*ProductAdv*/
.ProductAdv { width: 100%; background:url(../images/product/adv_bg.jpg) no-repeat center bottom / contain,linear-gradient(90deg, #0b1d4d,#0d2354,#0b1d4d); padding: 5rem 0; }
.ProductAdv .Title h3 { color:#fff; }.ProductAdv .Title span { color:#7a83a0; }
.ProductAdv .Title .line_grey { opacity: 0.2; }
.AdvBox { width: 100%; background: url(../images/product/adv_img05.png) center 16.5rem no-repeat; height: 43rem; position: relative;}
.AdvBox ul li { width:18%; position:absolute; }
.AdvBox ul li h3 { text-align:center; font-size:2rem; font-weight: bold; color:#fff; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.AdvBox ul li p { text-align:center; color:#8f9bc1; line-height:2rem; height: 7rem; padding: 1rem 0 0 0; display: -webkit-box; overflow: hidden; white-space: normal!important; text-overflow: ellipsis; word-wrap: break-word; -webkit-line-clamp: 3; -webkit-box-orient: vertical; }
.AdvBox ul li div { width:10rem; height:260px; overflow:hidden; margin:0 auto; background:url(../images/product/icon_bg.png) center bottom no-repeat;}
.AdvBox ul li div span { display:block; width:10rem; height:10rem; overflow:hidden; text-align: center; line-height: 10rem; background:url(../images/product/bai.png) center no-repeat;}
.AdvBox ul li div i { font-size: 4rem; color: #0e2656; }
.AdvBox ul li div:hover { cursor:pointer;background:url(../images/product/icon_bg_hover.png) center bottom no-repeat;}
.AdvBox ul li div:hover span { background:url(../images/product/blue.png) center no-repeat;}
.AdvBox ul li div:hover span i { color: #fff; }
.AdvBox ul li.adv01 { top: 14rem;left: 2%;}
.AdvBox ul li.adv02 { top: 2rem; left: 20%; }
.AdvBox ul li.adv03 { top: 3rem; right: 20%; }
.AdvBox ul li.adv04 { top: 13.5rem;right: 2.5%;}


/*ProductProcess*/
.ProductProcess { background: url(../images/product/map.png) no-repeat center center; background-size: contain; padding: 3rem 0 5rem 0; margin: 3rem 0 0 0; }
.service-item { width: 100%; height: 24rem; padding: 2rem 0 0 0; cursor: pointer; display: flex; justify-content: space-between}
.service-item li { width: 9.2%; margin-top: 5rem; height: 12rem; background: #fff;}
.service-item li .service-list { width: 100%; height: 100%; box-shadow: 0 0 5px #e0e0e0;}
.service-item li .process-show { text-align: center; }
.service-item li .process-show i { display: block; font-size: 3rem; color: #333; padding: 3rem 0 0.5rem 0; }
.service-item li .process-show h3 { font-size: 1.4rem; color: #666; }
.service-item li:hover { width: 18%; height: 22rem; margin-top: 0;}
.service-item li .prop-server { width: 100%; height: 100%; position: absolute; left: 0; top: 0; background-color: #ff7800; z-index: 1000;}
.service-item li .prop-server p { padding: 3rem 0; font-size: 2rem; height: 8rem; line-height: 2rem; color: #fff; text-align: center;}
.service-item li .prop-server .node { position: absolute; left: 50%; bottom: 0; -webkit-transform: translate(-50%, 0); -moz-transform: translate(-50%, 0); -o-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); transform: translate(-50%, 0); width: 2px; height: 14rem; background-color: #fff;}
.service-item li .prop-server .node .spot { display: inline-block; width: 10px; height: 10px; -webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; background-color: #ff7800; border: 2px solid #fff; position: absolute; left: 50%; -webkit-transform: translate(-50%, 0); -moz-transform: translate(-50%, 0); -o-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); transform: translate(-50%, 0);}
.service-item li .prop-server .node .spot .tips { min-width: 4em; max-width: 50%; display: none; font-size: 1.3rem; color: #fff; position: absolute; top: -5px; right:-5em; }
.service-item li .prop-server .node .spot:first-of-type { top: 25%;}
.service-item li .prop-server .node .spot:nth-of-type(2) { top: 50%;}
.service-item li .prop-server .node .spot:nth-of-type(2) .tips { left: -5em; }
.service-item li .prop-server .node .spot:last-of-type { top: 75%;}
.service-item li .prop-server .node .spot.block .tips { display: block !important;}
.service-item li:hover { z-index: 1100;}

/*ProductCase*/
.ProductCase { overflow: hidden; }
.ProductCase .swiper-container { overflow: hidden; padding: 0 0 4rem 0; }
.ProductCase .swiper-slide .anli-picBox { width: 100%; height: 22rem; position: relative;}
.ProductCase .swiper-slide .anli-picBox .anli-img { display: block; width: 100%; height: 100%;}
.ProductCase .swiper-slide .anli-picBox .anli-logo-bg { width: 100%; height: 100%; position: absolute; left: 0; top: 0; display: flex; justify-content: center; align-items: center;}
.ProductCase .swiper-slide .anli-picBox .anli-logo-bg span { width: 11rem; height: auto; overflow: hidden;}
.ProductCase .swiper-slide .anli-picBox .anli-logo-bg span img { width: 100%; height: auto;}
.ProductCase .swiper-slide .anli-picBox .anli-logo-bg .img-act { position: relative; left: -11rem; border-right: 0px solid transparent; -webkit-filter: drop-shadow(11rem 0px#fff); filter: drop-shadow(11rem 0px #fff);}
.ProductCase .swiper-slide .anli-logo-bg { background: rgba(0, 0, 0, 0.56);}
.ProductCase .swiper-slide .anli-bg-act { background: rgba(255, 255, 255, 0.8);}

.ProductCase .swiper-slide .anli-dec {  padding: 7%; background: #f5f5f6; overflow: hidden; color: #333; }
.ProductCase .swiper-slide .anli-dec h3 { font-size: 1.8rem; padding: 0 0 1rem 0; overflow: hidden;text-overflow: ellipsis;white-space: nowrap; }
.ProductCase .swiper-slide .anli-dec p { font-size: 1.4rem; color: #666; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.ProductCase .swiper-slide .anli-dec-hover { background: #ff7800; color: #fff;}
.ProductCase .swiper-slide .anli-dec-hover p { color: #fff; }

.ProductCase .swiper-pagination-bullet { background: #ddd; opacity: 0.8; margin: 0 0.8rem; }
.ProductCase .swiper-pagination-bullet-active { background: #ff7800; }

/*ProductSolution*/
.ProductSolution { background: #f5f5f6; padding: 5rem 0 4rem 0; overflow: hidden; margin: 4rem 0 0 0; }
.ProductSolution .swiper-container { overflow: hidden; padding: 2rem 0 4rem 0; }
.ProductSolution .swiper-slide i { float: left; width: 15%; text-align: center; overflow: hidden; font-size: 4rem; padding: 1rem 0 0 0; color: #ff7800; }
.ProductSolution .swiper-slide div { float: left; width: 75%; overflow: hidden; color: #333;  }
.ProductSolution .swiper-slide div h3 { font-size: 1.8rem; border-bottom: 1px solid #ebecec; height: 4rem; line-height: 4rem; overflow: hidden;text-overflow: ellipsis;white-space: nowrap; }
.ProductSolution .swiper-slide div p { font-size: 1.2rem; line-height: 2rem; padding: 0.5rem 0 0 0; display: -webkit-box; overflow: hidden; white-space: normal!important; text-overflow: ellipsis; word-wrap: break-word; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }

.ProductSolution .swiper-pagination-bullet { background: #ddd; opacity: 0.8; margin: 0 0.8rem; }
.ProductSolution .swiper-pagination-bullet-active { background: #ff7800; }

/******************** Product-Website-product01.html ***********************/
/*Quick_Build*/
.Quick_Build { width: 100%; overflow: hidden; padding: 5rem 0 0 0; }
.Quick_Build h2 { font-size: 2.4rem; color: #333; text-align: center; }
.Quick_Build .tab-hd {  margin: 2.5rem 0; }
.Quick_Build .tab-hd ul { text-align: center; }
.Quick_Build .tab-hd ul li { cursor: pointer; text-align: left; display: inline-block; width: 18%; margin: 0 1% 0 0; font-size: 1.8rem; color: #333; position: relative; }
.Quick_Build .tab-hd ul li b { display: inline-block; width: 4rem; height: 4rem; text-align: center; line-height: 4rem; border-radius: 50%; background: #f5f5f6; color: #333; font-size: 1.8rem; font-weight: bold; margin: 0 0.8rem 0 0; }
.Quick_Build .tab-hd ul li div { background: #fff; display: inline-block; padding: 0 0.8rem 0 0; }
.Quick_Build .tab-hd ul li div:after { display: inline-block; content: ""; width: 100%; height: 1px; position: absolute; left: 0; top: 50%; background: #e9e9e9; z-index: -1;}
.Quick_Build .tab-hd ul li:last-child div:after { display: none; }
.Quick_Build .tab-hd ul li.active b { background: #ff7800; color: #fff;  }

.Quick_Build .tab-bd ul { display:none; }
.Quick_Build .tab-bd ul.thisclass { display:block;}
.Quick_Build .tab-bd ul li { }
.Quick_Build .tab-bd ul li div { width: 94%; margin: 0 auto; border: 1px solid #eee; padding:7%; }
.Quick_Build .tab-bd ul li h3 { font-size: 1.8rem; color: #333; font-weight: bold; overflow: hidden;text-overflow: ellipsis;white-space: nowrap; }
.Quick_Build .tab-bd ul li p { font-size: 1.4rem; color: #73777a; padding: 1rem 0 3rem 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.Quick_Build .tab-bd ul li p:before { content: ""; display: inline-block; position: relative; width: 8px; height: 8px; margin-right: 3%; border-radius: 50%; border: 1px solid #ff7800; }
.Quick_Build tab-bd ul li a { display: block; border: 1px solid #ff7800; height: 2.5rem; width: 8rem; line-height: 2.5rem; text-align: center; color: #ff7800; font-size: 1.4rem; }
.Quick_Build .tab-bd ul li:hover a { background:#ff7800; color: #fff;  }
.Quick_Build .tab-bd ul li:hover div { box-shadow: 0 0 4px #ddd; }

/*website-product*/
.website-product { width: 100%; overflow: hidden; margin: 6rem 0 0 0; }
.website-product ul { overflow: hidden; padding: 2rem 0 0 0; }
.website-product ul li { float: left; width: 20%; position: relative; border: 1px solid #fff; }
.website-product ul li img { width: 100%; }
.website-product ul li div { position: absolute; bottom: 0; width: 100%; padding: 0 3%; height: 8rem; background: rgba(255,120,0,0.8); color: #fff;}
.website-product ul li div h3 { font-size:2.4rem; height: 8rem; line-height:8rem; text-align: center; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;  }
.website-product ul li div h3 i { font-size: 3.5rem; display: inline-block; vertical-align: middle; margin: -3px 1rem 0 0; }
.website-product ul li div p { font-size: 1.4rem; line-height: 2rem; display: -webkit-box; overflow: hidden; white-space: normal!important; text-overflow: ellipsis; word-wrap: break-word; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.website-product ul li div span { display: block; width: 40%; height: 2.rem; background: rgba(255,255,255,0.2); font-size: 1.4rem; text-align: center; line-height: 2.5rem; margin: 5% auto 0 auto; border-radius: 0.5rem; }
.website-product ul li:hover div{ height: 40%; transition: all 0.5s; }
.website-product ul li:hover div h3 { height: 7rem; line-height: 7rem; }
.website-product ul li span:hover  { background: #fff; color: #ff7800; }


/*website-process*/
.website-process { background: #f2f2f2; padding: 4.5rem 0; }
.website-process ul { padding: 3rem 0 0 0; overflow: hidden; }
.website-process ul li { float: left; width: 18%; padding: 0 3% 5rem 3%; text-align: center; background: #fff; border:1px solid #eee; position: relative; }
.website-process ul li span { display: block; position: absolute; width: 5rem; height: 5rem; text-align: center; line-height: 5rem; color: #fff; top: -2.5rem; left: 50%; margin-left: -2.5rem; font-size: 1.8rem; background: url(../images/product/website/circle.png) no-repeat center center/contain;}
.website-process ul li i { display: block; font-size: 3.5rem; color: #333; padding: 7rem 0 3rem 0; }
.website-process ul li h3 { font-size: 1.4rem; font-weight: bold; color: #333; }
.website-process ul li p { font-size: 1.2rem; color: #666; line-height: 1.8rem; height: 3.6rem; display: none; overflow: hidden; white-space: normal!important; text-overflow: ellipsis; word-wrap: break-word; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.website-process ul li.active { width: 28%; transition: width 0.5s; padding: 0 3% 3rem 3%; }
.website-process ul li.active p { display: -webkit-box; }
.website-process ul li.active i { padding: 5rem 0 2rem 0; color: #ff7800;}
.website-process ul li.active h3 { padding:0 0 1.4rem 0; color: #ff7800;}

/*website-news*/
.website-news { margin: 6rem 0 0 0; }
.website-news ul { overflow: hidden; }
.website-news ul li { float: left; width:33.33%; overflow: hidden; }
.website-news ul li a { display: block; width: 97%; margin:1.5%; padding: 6% 8%; border: 1px solid #eee; overflow: hidden;background: #fff; }
.website-news ul li h3 { font-size: 1.6rem; color: #333; line-height: 2rem; height: 4rem; margin: 0 0 1rem 0; display: -webkit-box; overflow: hidden; white-space: normal!important; text-overflow: ellipsis; word-wrap: break-word; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.website-news ul li span { font-size: 1.7rem; color: #999; overflow: hidden;text-overflow: ellipsis;white-space: nowrap; }
.website-news ul li a:hover { box-shadow:0 0 10px rgba(0,0,0,.1); border: 1px solid #ff7800; transform:translate3d(0,-3px,0); transition:all .2s }
.website-news ul li a:hover h3 { color: #ff7800; }

/*website-ad*/
.website-ad { background: #ff7800; height: 35rem; overflow: hidden; position: relative; margin: 5rem 0 0 0; }
.right-bg { position: absolute; right: 0; top: 0; width: 60%; height: 100%; background: url(../images/product/website/bg.jpg) no-repeat center center; background-size: cover; }
.left-white { width: 50%; height: 70%; background: #fff; position: absolute; top: 15%; left: 0; }
.center-txt { width: 50%; position: relative; z-index: 99; padding: 10% 10%; }
.center-txt h3 { font-size: 2.4rem; color: #333; }
.center-txt p { font-size: 1.6rem; color: #999; line-height: 2.2rem; margin: 1.5rem 0 4rem 0; }
.center-txt a { display: block; width: 14rem; height: 3rem; line-height: 3rem; text-align: center; background: #ff7800; color: #fff; font-size: 1.8rem; border-radius: 2rem; }


/*website-service*/
.website-service { width: 100%; overflow: hidden; padding: 6rem 0 0 0;  }
.website-service ul { overflow: hidden; }
.website-service ul li { float: left; width: 20%; overflow: hidden; text-align: center; }
.website-service ul li div { width: 100%; height: 7rem; line-height: 7rem; background: url(../images/product/website/six-a.png) no-repeat center center/contain; color: #999; }
.website-service ul li div i { font-size: 4rem;}
.website-service ul li h3 { font-size: 1.6rem; color: #333; padding: 1.5rem 0; font-weight: bold; overflow: hidden;text-overflow: ellipsis;white-space: nowrap; }
.website-service ul li p { width: 85%; margin: 0 auto; font-size: 1.4rem; color: #888; line-height: 2rem; }
.website-service ul li a { display: block; width: 100%; height: 100%; overflow: hidden; }
.website-service ul li a:hover div { background: url(../images/product/website/six-b.png) no-repeat center center/contain; color: #fff; transition: all 0.2s; transform:translate3d(0,3px,0); }
.website-service ul li a:hover h3 { color: #ff7800; }

/*website-case*/
.website-case { width: 100%; background: #f5f5f5; padding: 5rem 0; margin: 6rem 0 0 0; }
.website-case .swiper-container { overflow: hidden; padding: 2rem 0 4rem 0; }
.website-case .swiper-pagination-bullet { background: #ddd; opacity: 0.8; margin: 0 0.8rem; }
.website-case .swiper-pagination-bullet-active { background: #ff7800; }
.website-case .swiper-slide { background: #fff; }
.website-case .swiper-slide figure { overflow: hidden; }
.website-case .swiper-slide a:hover img { -webkit-transform: scale(1.2); transform: scale(1.2); transition: all 0.5s }
.website-case .swiper-slide h3 { font-size: 1.6rem; padding: 0 1.5rem 1.5rem 1.5rem;}
.website-case .swiper-slide span { display: block; font-size: 1.2rem; color: #666; line-height: 2; padding: 1rem 1.5rem 0.5rem 1.5rem; }

/******************** Product-mobile-app-product02.html ***********************/
/*mobile-app-why*/
.mobile-app-why { width: 100%; overflow: hidden; margin: 7rem 0 0 0; }
.mobile-app-why ul { overflow: hidden; padding: 1rem 0 0 0; }
.mobile-app-why ul li { float: left; width: 20%; overflow: hidden;  text-align: center;}
.mobile-app-why ul li div { border: 4px solid #ededed; width: 12rem; height: 12rem; line-height: 11rem; text-align: center; border-radius: 50%; margin: 0 auto; }
/*.mobile-app-why ul li div:after { display:block; content: ""; width: 100%; height: 100%; position: absolute; left: 0; top: 50%; background: #e9e9e9; z-index: -1;} }*/
.mobile-app-why ul li div i { font-size: 6.5rem; }
.mobile-app-why ul li:nth-of-type(1) div i { color: #ff7800; }
.mobile-app-why ul li:nth-of-type(2) div i { color: #1091e5; }
.mobile-app-why ul li:nth-of-type(3) div i { color: #d60f60; }
.mobile-app-why ul li:nth-of-type(4) div i { color: #38c4f8; }
.mobile-app-why ul li:nth-of-type(5) div i { color: #f44932; }
.mobile-app-why ul li h3 { font-size: 2rem; color: #333; padding: 2rem 0 0.5rem 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.mobile-app-why ul li span { font-size: 1.4rem; color: #888; overflow: hidden;text-overflow: ellipsis;white-space: nowrap; }


/*mobile-app-design*/
.mobile-app-design { margin: 6rem 0 0 0; width: 100%; overflow: hidden; }
.mobile-app-design ul { padding: 1rem 0 0 0; overflow: hidden; }
.mobile-app-design ul.mobile-app-design01 li { margin: 0 0 3rem 0; }
.mobile-app-design ul.mobile-app-design01 li i { float: left; width: 30%; text-align: center; font-size:4rem; color: #333;  }
.mobile-app-design ul.mobile-app-design01 li div { float: left; width: 70%; }
.mobile-app-design ul.mobile-app-design01 li div h3 { font-size: 1.8rem; color: #333; padding: 0.5rem 0 1.5rem 0; }
.mobile-app-design ul.mobile-app-design01 li div span { font-size: 1.4rem; color: #999; }

.mobile-app-design ul.mobile-app-design02 li { text-align: center; position: relative;}
.mobile-app-design ul.mobile-app-design02 li img { display: block; width: 94%; margin: 0 auto; }
.mobile-app-design ul.mobile-app-design02 li div { position: absolute; width: 100%; top: 0; left: 0; }
.mobile-app-design ul.mobile-app-design02 li div h3 { color: #fff; font-size: 2.4rem; padding: 3rem 0 1rem 0; }
.mobile-app-design ul.mobile-app-design02 li div i { font-size:8.5rem; color: #fff;   }


/*mobile-app-adv*/
.mobile-app-adv { width: 100%; background: url(../images/product/app/advbg.jpg) no-repeat center center/cover; background-attachment: fixed; padding: 6rem 0 0 0; margin: 6rem 0 0 0; }
.mobile-app-adv .Title h3,.mobile-app-adv .Title span { color: #fff; }
.mobile-app-adv .adv_Box {width: 100%;background:url(../images/product/app/mobile.png) no-repeat center bottom;padding: 2rem 0 0 0;overflow: hidden;background-size: contain;margin: 2rem 0 0 0;}
.mobile-app-adv ul.adv_left {float: left;width: 36%;overflow: hidden;text-align: right;}
.mobile-app-adv ul.adv_right { float: right; width: 36%; overflow: hidden; }

.mobile-app-adv ul li { float: left; font-size: 1.4rem; color: #fff; position: relative; height: 4rem; margin: 0 0 7rem 0; overflow: hidden; }
.mobile-app-adv ul li b { display: block; margin: 0.4rem; width: 1rem; height: 1rem; background: #ed7e15; border-radius: 50%; position: absolute; right: 0; top: 1.1rem; }
.mobile-app-adv ul li b:before { display:inline-block; content: ""; width: 1.8rem; height: 1.8rem; background: rgba(237,126,21,0.2); border-radius: 50%; position: absolute; top: -0.4rem; left: -0.4rem; }
.mobile-app-adv ul li span { display: block; width: 100%; position: absolute; top: 0; left: 0; padding: 0 0 0 5rem; line-height: 2rem; max-height: 4rem; display: -webkit-box; overflow: hidden; white-space: normal!important; text-overflow: ellipsis; word-wrap: break-word; -webkit-line-clamp: 2; -webkit-box-orient: vertical;  }

.mobile-app-adv ul li.adv01 {width: 100%;}
.mobile-app-adv ul li.adv02 {width: 70%;}
.mobile-app-adv ul li.adv03 {width: 60%;}
.mobile-app-adv ul li.adv04 { width: 100%; float: right; }
.mobile-app-adv ul li.adv05 { width: 70%; float: right; }
.mobile-app-adv ul li.adv06 { width: 60%; float: right; }
.mobile-app-adv ul.adv_left li span {padding: 0 5rem 0 0;}
.mobile-app-adv ul.adv_right li b { left: 0; }


/*mobile-app-choose*/
.mobile-app-choose { width: 100%; overflow: hidden; margin: 6rem 0 0 0; }
.mobile-app-choose ul li { padding: 1rem 0 0 0; }
.mobile-app-choose ul li a { display: block; width: 90%; padding: 20% 0; margin: 0 auto; text-align: center; border-radius: 5px; color: #fff; background: #33aafb }
.mobile-app-choose ul li i { display: block; font-size: 6rem;  }
.mobile-app-choose ul li span { width: 65%; padding: 10% 0 0 0; margin: 0 auto; display: block; font-size: 1.6rem; display: -webkit-box; overflow: hidden; white-space: normal!important; text-overflow: ellipsis; word-wrap: break-word; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.mobile-app-choose ul li:nth-of-type(1) a { background: #33aafb; }
.mobile-app-choose ul li:nth-of-type(2) a { background: #7879f6; }
.mobile-app-choose ul li:nth-of-type(3) a { background: #ff435c; }
.mobile-app-choose ul li:nth-of-type(4) a { background: #ffa71d; }
.mobile-app-choose ul li:nth-of-type(5) a { background: #00bca8; }
.mobile-app-choose ul li:nth-of-type(5) a { background: #3475d9; }
.mobile-app-choose ul li:hover { transform:translate3d(0,-5px,0); transition: all 0.5s; }


/******************** Product-mobile-wechat-product03.html ***********************/
/*mobile-wechat-adv*/
.mobile-wechat-adv { width: 100%; overflow: hidden; margin: 6rem 0 0 0; }
.mobile-wechat-adv ul { overflow: hidden; padding: 2rem 0 0 0; }
.mobile-wechat-adv ul li { padding: 0 1%; text-align: center; cursor: auto; }
.mobile-wechat-adv ul li img { display: block; width: 33.5%; margin: 5% auto 12% auto; }
.mobile-wechat-adv ul li span { display: block; font-size: 1.4rem; color: #666; }
.mobile-wechat-adv ul li:hover span { color: #ff7800; }
.mobile-wechat-adv ul li:hover { transform:translate3d(0,-5px,0); transition: all 0.5s; }

/*mobile-wechat-develop*/
.mobile-wechat-develop { width: 100%; overflow: hidden; margin: 7rem 0 0 0; }
.mobile-wechat-develop .tab-hd { overflow:hidden; padding:2%; }
.mobile-wechat-develop .tab-hd li { float: left; width: 43%; margin: 3.5%; padding: 10% 0; text-align: center; font-size: 1.6rem; color:#333; border-radius: 2rem; border: 3px solid #ffe4cc; text-align:center; cursor:pointer;}
.mobile-wechat-develop .tab-hd li i { display: block; font-size: 5rem; color: #ff7800; padding: 0 0 0.5rem 0;}
.mobile-wechat-develop .tab-hd li.active { background: #ff7800; transform:translate3d(0,-3px,0); box-shadow: 0px 10px 40px 0px #ffe4cc; transition: all 0.5s; }
.mobile-wechat-develop .tab-hd li.active i,.mobile-wechat-develop .tab-hd li.active span { color: #fff; }

.mobile-wechat-develop .tab-bd { overflow: hidden; background: url(../images/product/wechat/mobile.png) no-repeat right center; background-size: contain; }
.mobile-wechat-develop .tab-bd ul { display:none; padding:0 5%; }
.mobile-wechat-develop .tab-bd ul.thisclass { display:block;}
.mobile-wechat-develop .tab-bd ul li { overflow: hidden; }
.mobile-wechat-develop .tab-bd ul li h3 { font-size: 2.4rem; font-weight: bold; color: #60646a; margin: 8% 0; position: relative;  }
.mobile-wechat-develop .tab-bd ul li h3:after { display:block; content: ""; width: 2.5rem; height: 2px; background: #ff7800; position: absolute; bottom: -0.8rem; left: 0; }
.mobile-wechat-develop .tab-bd ul li p { font-size: 1.4rem; color: #666; padding: 0 0 5% 0; }
.mobile-wechat-develop .tab-bd ul li p span { display: inline-block; width: 6em; }

/*mobile-wechat-service*/
.mobile-wechat-service { width: 100%; background: #f1faff; overflow: hidden; margin: 5rem 0 0 0; padding: 6rem 0 0 0; }
.mobile-wechat-service ul { overflow: hidden; padding: 0 0 4rem 0; }
.mobile-wechat-service ul li { overflow: hidden; }
.mobile-wechat-service ul li a { display: block; width: 96%; background: #fff; margin: 2% auto; padding: 3rem 0; overflow: hidden; }
.mobile-wechat-service ul li .wechat-service-img { float: left; width: 25%; overflow: hidden;}
.mobile-wechat-service ul li .wechat-service-img img { display: block; width: 50%; margin: 0 auto; }
.mobile-wechat-service ul li .wechat-service-txt { float: left; width: 65%; overflow: hidden; }
.mobile-wechat-service ul li .wechat-service-txt h3 { font-size: 1.8rem; color: #333; padding: 0 0 2rem 0; overflow: hidden;text-overflow: ellipsis;white-space: nowrap; }
.mobile-wechat-service ul li .wechat-service-txt span { font-size: 1.5rem; color: #999; line-height: 2.5rem; height: 7.5rem; display: -webkit-box; overflow: hidden; white-space: normal!important; text-overflow: ellipsis; word-wrap: break-word; -webkit-line-clamp: 3; -webkit-box-orient: vertical; }
.mobile-wechat-service ul li a:hover { transform:translate3d(0,-5px,0); transition: all 0.5s; box-shadow: 0px 0 15px 0px #eee;}

/*mobile-wechat-why*/
.mobile-wechat-why { overflow: hidden; margin: 6rem 0 0 0; }
.mobile-wechat-why ul { overflow: hidden; }
.mobile-wechat-why ul li { float: left; cursor: auto; width:13%; margin: 0 1.5% 0 0; padding: 6rem 0 5rem 0;  border: 1px solid #eee; text-align: center; }
.mobile-wechat-why ul li i { display: block; font-size:3.6rem; color: #ff7800; padding: 0 0 2rem 0; }
.mobile-wechat-why ul li span { display: block; width: 80%; margin: 0 auto; line-height: 2rem; height: 4rem; font-size: 1.6rem; color: #666; display: -webkit-box; overflow: hidden; white-space: normal!important; text-overflow: ellipsis; word-wrap: break-word; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.mobile-wechat-why ul li:last-child { margin: 0; }
.mobile-wechat-why ul li:hover { background: #ff7800; transition: all 0.5s;}
.mobile-wechat-why ul li:hover i,.mobile-wechat-why ul li:hover span { color: #fff; }

/*mobile-wechat-gn*/
.mobile-wechat-gn { overflow: hidden; margin: 6rem 0 0 0; }
.mobile-wechat-gn ul { overflow: hidden; }
.mobile-wechat-gn ul li { position: relative; overflow: hidden; }
.mobile-wechat-gn ul li .wechat-gn-bg { overflow: hidden; }
.mobile-wechat-gn ul li div { position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 1; color: #fff; text-align: center; overflow: hidden; }
.mobile-wechat-gn ul li div h3 { font-size: 3rem; padding: 15% 0 0 0; }
.mobile-wechat-gn ul li div img { padding: 1rem 0; }
.mobile-wechat-gn ul li div span { display: block; font-size: 1.4rem; }
.mobile-wechat-gn ul li:hover .wechat-gn-bg { -webkit-transform: scale(1.2); transform: scale(1.2); transition: all 0.5s }
.mobile-wechat-gn ul li:hover div h3 { color: #fc0; }


/******************** Product-mobile-wxapp-product04.html ***********************/
/*mobile-wxapp-process*/
.mobile-wxapp-process { width: 100%; overflow: hidden; padding: 6rem 0 0 0; }
.mobile-wxapp-process ul { width: 90%; margin: 0 auto; }
.mobile-wxapp-process ul li { text-align: center; }
.mobile-wxapp-process ul li span { display: block; width: 3.5rem; height: 3.5rem; background: linear-gradient(135deg, #1cc894,#25b7ae); border-radius:50%; font-size: 2rem; color: #fff; line-height: 3.5rem; text-align: center; margin: 0 auto; }
.mobile-wxapp-process ul li h3 { font-size: 1.6rem; color: #666; padding: 1.5rem 0 0 0; overflow: hidden;text-overflow: ellipsis;white-space: nowrap; }
.mobile-wxapp-process ul li:after { content: ""; position: absolute; width: 100%; left: 0; top: 1.75rem; height: 1px; border-bottom: 1px dashed #1cc894; z-index: -1;}
.mobile-wxapp-process ul li:nth-of-type(1):after { width: 50%; left: 50%; }
.mobile-wxapp-process ul li:nth-of-type(4):after { width: 50%;}


/*mobile-wxapp-bigmarket*/
.mobile-wxapp-bigmarket { overflow: hidden; padding: 6rem 0 0 0; background: url(../images/product/wxapp/advbg.png) no-repeat center 90%; }
.mobile-wxapp-bigmarket ul { overflow: hidden; padding: 2rem 0 0 0; }
.mobile-wxapp-bigmarket ul li { text-align: center; overflow: hidden; }
.mobile-wxapp-bigmarket ul li h3 { font-size: 2rem; color: #444; padding: 3rem 0 2rem 0; overflow: hidden;text-overflow: ellipsis;white-space: nowrap; }
.mobile-wxapp-bigmarket ul li p { font-size: 1.4rem; color: #888; line-height: 1.8rem; height: 5.4rem; padding: 0 6%; display: -webkit-box; overflow: hidden; white-space: normal!important; text-overflow: ellipsis; word-wrap: break-word; -webkit-line-clamp: 3; -webkit-box-orient: vertical; }

/*mobile-wxapp-sixadv*/
.mobile-wxapp-sixadv { overflow: hidden; padding: 5rem 0 3rem 0; background: #f3fafc; margin: 5rem 0 0 0; }
.mobile-wxapp-sixadv .sixadvBox { margin: 2rem 0 0 0; overflow: hidden; }
.mobile-wxapp-sixadv .sixadvBox dl { border-left: 2px solid #00c1de; margin: 0 0 2rem 0; }
.mobile-wxapp-sixadv .sixadvBox dl dt { float: left; width: 28%; height: 9.5rem; background: #fff; }
.mobile-wxapp-sixadv .sixadvBox dl dt img { display: block; height: 4rem; margin:2.75rem auto;  }
.mobile-wxapp-sixadv .sixadvBox dl dd { float: left; width: 65%; height: 9.5rem; background: #fff; padding: 1.75rem 5% 1.75rem 0;  }
.mobile-wxapp-sixadv .sixadvBox dl dd h3 { font-size: 1.8rem; height: 2rem; line-height: 2rem; margin: 0 0 1rem 0; color: #333; overflow: hidden;text-overflow: ellipsis;white-space: nowrap; }
.mobile-wxapp-sixadv .sixadvBox dl dd span { font-size: 1.2rem; color: #999; line-height: 1.5rem; height: 3rem; display: -webkit-box; overflow: hidden; white-space: normal!important; text-overflow: ellipsis; word-wrap: break-word; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }

/*mobile-wxapp-num*/
.mobile-wxapp-num { overflow: hidden; padding: 4rem 0 0 0; background: url(../images/product/wxapp/bg.jpg) no-repeat center center; background-size: cover;}
.mobile-wxapp-num .Title h3,.mobile-wxapp-num .Title span { color: #fff; }
.mobile-wxapp-num .Title .line_yellow { width: 2.5rem; height: 2px; }
.mobile-wxapp-num .Title .line { margin: 1rem auto 0.5rem auto; }
.mobile-wxapp-num ul { overflow: hidden; padding: 1.5rem 0 0 0; }
.mobile-wxapp-num ul li { color: #fff; text-align: center; overflow: hidden; }
.mobile-wxapp-num ul li h3 { font-size: 3rem; }
.mobile-wxapp-num ul li h3 b { font-size: 1.8rem; font-weight: normal; }
.mobile-wxapp-num ul li p { font-size: 1.4rem; padding: 1rem 0 0 0; }
.mobile-wxapp-num a { display: block; background: #fff; border-radius: 2rem; width: 15rem; text-align: center; height: 3rem; line-height: 3rem; color: #3bbeb6; font-size: 1.6rem; margin:  4rem auto 3rem auto; }

/*mobile-wxapp-entrance*/
.mobile-wxapp-entrance { overflow: hidden;padding: 6rem 0 0 0; }
.mobile-wxapp-entrance ul { overflow: hidden; padding: 3% 0 0 0; }
.mobile-wxapp-entrance ul li { float: left; width: 20%; text-align:center; color: #636a88; overflow: hidden; padding: 0 0 5% 0; }
.mobile-wxapp-entrance ul li i { display: block; font-size: 2.5rem; padding: 0 0 2.5rem 0; }
.mobile-wxapp-entrance ul li span { font-size: 1.8rem; }

/*mobile-wxapp-fiveadv*/
.mobile-wxapp-fiveadv { overflow: hidden;padding: 2rem 0 0 0; }
.mobile-wxapp-fiveadv ul { overflow: hidden; padding: 3rem 0 0 0; }
.mobile-wxapp-fiveadv ul li { float: left; width: 20%; overflow: hidden; text-align: center; }
.mobile-wxapp-fiveadv ul li div { width: 6rem; height: 6rem; text-align: center; line-height: 6rem; border-radius: 50%; overflow: hidden; border: 1px solid #242f5b; margin: 0 auto; }
.mobile-wxapp-fiveadv ul li i { font-size: 4rem; color: #242f5b;  }
.mobile-wxapp-fiveadv ul li h3 { font-size: 1.8rem; color: #242f5b; padding: 2rem 0 1.5rem 0; }
.mobile-wxapp-fiveadv ul li span { display: block; width: 70%; margin: 0 auto; font-size: 1.4rem; color: #9298b0; line-height: 2rem; display: -webkit-box; overflow: hidden; white-space: normal!important; text-overflow: ellipsis; word-wrap: break-word; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}

/*wxapp-case*/
.wxapp-case { width: 100%; background: #f3fafc; padding: 5rem 0 3rem 0; margin: 6rem 0 0 0; }
.wxapp-case .swiper-container { overflow: hidden; padding: 0 0 4rem 0; }
.wxapp-case .swiper-pagination-bullet { background: #ddd; opacity: 0.8; margin: 0 0.8rem; }
.wxapp-case .swiper-pagination-bullet-active { background: #ff7800; }
.wxapp-case .swiper-slide a { display: block; width: 75%; margin: 0 auto; text-align: center; overflow: hidden; }
.wxapp-case .swiper-slide figure { overflow: hidden; border:1rem solid #eff5f7; border-radius: 50%; background: #fff; padding: 5%; }
.wxapp-case .swiper-slide a:hover img { -webkit-transform: scale(1.2); transform: scale(1.2); transition: all 0.5s }
.wxapp-case .swiper-slide span { display: block; font-size: 1.6rem; color: #333; overflow: hidden;text-overflow: ellipsis;white-space: nowrap; padding: 0.5rem 0 0 0;}


/******************** Product-mobile-h5-product05.html ***********************/
/*mobile-h5-fouradv*/
.mobile-h5-fouradv { overflow: hidden; padding: 6rem 0 0 0; }
.mobile-h5-fouradv ul { overflow: hidden; padding: 2rem 0 0 0; }
.mobile-h5-fouradv ul li { text-align: center; overflow: hidden; }
.mobile-h5-fouradv ul li img { width: 32.5%; }
.mobile-h5-fouradv ul li h3 { font-size:2rem; color: #333; padding: 1.8rem 0 1rem 0; }
.mobile-h5-fouradv ul li span { width: 90%; margin: 0 auto; font-size:1.2rem; color: #999; line-height: 1.8rem; display: -webkit-box; overflow: hidden; white-space: normal!important; text-overflow: ellipsis; word-wrap: break-word; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.mobile-h5-fouradv ul li:hover h3 { color: #ff7800;  }
.mobile-h5-fouradv ul li:hover { cursor: pointer; transform:translate3d(0,-5px,0); transition: all 0.5s; }

/*mobile-h5-develop*/
.mobile-h5-develop { overflow: hidden; background: #f6f6f6; margin: 5rem 0 0 0; padding: 5rem 0; }
.mobile-h5-develop ul { overflow: hidden; }
.mobile-h5-develop ul li { overflow: hidden; }
.mobile-h5-develop ul li a { display: block; width: 97%; margin: 1rem auto; height: 13rem; background: #fff; overflow: hidden; }
.mobile-h5-develop ul li i { float: left; width: 30%; line-height: 13rem; text-align: center; font-size: 6rem; color: #0098be; overflow: hidden; }
.mobile-h5-develop ul li div { float: left; width: 70%; padding: 4% 4% 4% 0; overflow: hidden;  }
.mobile-h5-develop ul li div h3 { font-size:2.2rem; color: #333; padding: 8% 0 1rem 0; overflow: hidden;text-overflow: ellipsis;white-space: nowrap; }
.mobile-h5-develop ul li div span { font-size:1.2rem; line-height: 2rem; color: #666; display: -webkit-box; overflow: hidden; white-space: normal!important; text-overflow: ellipsis; word-wrap: break-word; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.mobile-h5-develop ul li a:hover { transition: all 0.5s; box-shadow: 0px 0 15px 0px #eee; }
.mobile-h5-develop ul li a:hover div h3 { color: #ff7800 }
.mobile-h5-develop ul li.box2 a { height: 27rem; background: #fff url(../images/product/h5/bg3.jpg) no-repeat center bottom; background-size: cover; }
.mobile-h5-develop ul li.box2 a i { width: 100%; line-height: 6rem; padding: 5% 0 0 0; }
.mobile-h5-develop ul li.box2 a div { width: 100%; padding: 2% 8% 4% 8%; text-align: center;  }
.mobile-h5-develop ul li.box2 a div h3 { padding: 0 0 1rem 0; }

/*mobile-h5-do*/
.mobile-h5-do { overflow: hidden; padding: 5rem 0; background: url(../images/product/h5/bg4.jpg) no-repeat center center; background-size: cover; }
.mobile-h5-do .Title h3 { color: #fff; }.mobile-h5-do .Title span { color: #eee; opacity: 0.6; }
.mobile-h5-do .Title .line_grey { background: #eee; opacity: 0.15; }
.mobile-h5-do .dobg { overflow: hidden; width: 100%; background: url(../images/product/h5/bg.png) no-repeat center center; }
.mobile-h5-do ul { overflow: hidden; }
.mobile-h5-do ul li { color: #fff; height: 7rem; line-height: 7rem; overflow: hidden; margin: 0 0 12% 0; width: 45%; }
.mobile-h5-do ul li i { float: left; width: 7rem; height: 7rem; text-align: center; font-size: 4rem; background: url(../images/product/h5/bg2.png) no-repeat center center; background-size: contain; }
.mobile-h5-do ul li span { float: left; display: block; font-size:2rem; padding: 0 10%;  }
.mobile-h5-do ul.fl i { float: right; }.mobile-h5-do ul.fl span { float: right; text-align: right; }
.mobile-h5-do ul.fr li { width: 100%; padding: 0 0 0 55%; }
.mobile-h5-do ul li:last-child { margin: 0; }

/*mobile-h5-case*/
.mobile-h5-case { overflow: hidden; padding: 5rem 0 0 0; }
.mobile-h5-case .swiper-container { overflow: hidden; padding: 0 0 4rem 0; }
.mobile-h5-case .swiper-pagination-bullet { background: #ddd; opacity: 0.8; margin: 0 0.8rem; }
.mobile-h5-case .swiper-pagination-bullet-active { background: #ff7800; }
.mobile-h5-case .swiper-slide a { display: block; width: 100%; margin: 0 auto; text-align: center; overflow: hidden; }
.mobile-h5-case .swiper-slide figure { overflow: hidden; background: #fff; padding: 5%; }
.mobile-h5-case .swiper-slide a:hover img { -webkit-transform: scale(1.2); transform: scale(1.2); transition: all 0.5s }
.mobile-h5-case .swiper-slide span { display: block; font-size: 1.6rem; color: #333; overflow: hidden;text-overflow: ellipsis;white-space: nowrap; padding: 0.5rem 0 0 0;}


/*mobile-h5-super*/
.mobile-h5-super { overflow: hidden; padding: 5rem 0 0 0; }
.mobile-h5-super ul { overflow: hidden; }
.mobile-h5-super ul li { text-align: center; overflow: hidden; color: #666; }
.mobile-h5-super ul li div { width: 6.5rem; height: 6.5rem; line-height: 6.5rem; border-radius: 50%; border: 1px dashed #b2b2b2; margin: 1.5rem auto; }
.mobile-h5-super ul li div i { font-size: 4rem; }
.mobile-h5-super ul li span { width: 70%; margin: 0 auto; font-size: 1.5rem; line-height: 2.2rem; display: -webkit-box; overflow: hidden; white-space: normal!important; text-overflow: ellipsis; word-wrap: break-word; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.mobile-h5-super ul li:hover { color: #ff7800; }

/*mobile-h5-value*/
.mobile-h5-value { overflow: hidden; padding: 5rem 0; margin:5rem 0 0 0; background: #f6f6f6; }
.mobile-h5-value ul { background: url(../images/product/h5/mobile.png) no-repeat left center; background-size: contain; overflow: hidden; padding: 8% 0 5% 30%; }
.mobile-h5-value ul li { overflow: hidden; padding: 3rem 0; border-bottom: 1px dashed #cfcfcf; }
.mobile-h5-value ul li a {}
.mobile-h5-value ul li i { float: left; width: 12%; text-align: center; font-size: 5rem; color: #ed7e15; overflow: hidden; }
.mobile-h5-value ul li div { float: left; width: 88%; overflow: hidden; }
.mobile-h5-value ul li div h3 { font-size: 2rem; color: #333; padding: 0.9rem 0; }
.mobile-h5-value ul li div span { font-size: 1.4rem; color: #666; }


/******************** Product-software-manage-product06.html ***********************/
/*software-manage-do*/
.software-manage-do { overflow: hidden; padding: 6rem 0 0 0; }
.software-manage-do ul { overflow: hidden; border-right: 1px solid #f2f2f2; }
.software-manage-do ul li { border:1px solid #f2f2f2; border-right: 0; text-align: center; padding: 3% 0; overflow: hidden; }
.software-manage-do ul li div { width: 7.5rem; height: 7.5rem; line-height: 7.5rem; text-align: center; background:#fff3e8; border-radius: 50%; margin: 0 auto; color: #ffb167; }
.software-manage-do ul li div i { font-size:4rem; }
.software-manage-do ul li span { font-size: 1.6rem; color: #333; display: block; padding: 1.5rem 0 0 0; }
.software-manage-do ul li:hover { cursor: pointer; }
.software-manage-do ul li:hover div { background:#ed7e15; color: #fff; }

/*software-manage-question*/
.software-manage-question { overflow: hidden; padding: 6rem 0 0 0; }
.software-manage-question ul { overflow: hidden; padding: 2rem 0 0 0 }
.software-manage-question ul li { text-align: center; overflow: hidden; }
.software-manage-question ul li i { font-size: 6rem; color: #f8a21b; }
.software-manage-question ul li h3 { font-size: 1.8rem; color: #333; padding: 1rem 0 2rem 0; overflow: hidden;text-overflow: ellipsis;white-space: nowrap; }
.software-manage-question ul li span { display: block; width: 80%; margin: 0 auto; font-size: 1.2rem; color: #999; line-height: 1.6rem; display: -webkit-box; overflow: hidden; white-space: normal!important; text-overflow: ellipsis; word-wrap: break-word; -webkit-line-clamp: 3; -webkit-box-orient: vertical; }
.software-manage-question ul li:hover { transform:translate3d(0,-5px,0); transition: all 0.5s; cursor: pointer;}
.software-manage-question ul li:hover h3,.software-manage-question ul li:hover i{ color: #ff7800; }

/*software-manage-adv*/
.software-manage-adv { overflow: hidden; margin: 5rem 0 0 0; padding: 5rem 0; background: url(../images/product/software-manage/s03-bg.jpg) no-repeat center; background-size: cover; }
.software-manage-adv .Title .line_grey { opacity: 0.1; }
.software-manage-adv .tiyan { overflow:hidden; width:100%; height:564px; position:relative; margin: 3% 0 0 0;}
.software-manage-adv .tiyan img { display:block;position:absolute;z-index:1;}
.software-manage-adv .yuan{ left:50%; top:0; margin-left:-282px; z-index:0; animation:yuan infinite linear 20s}
.software-manage-adv .xx01{ left:434px; top:63px;}
.software-manage-adv .xx02{ right:388px; top:115px;}
.software-manage-adv .xx03{ left:465px; top:283px;}
.software-manage-adv .xx04{ left:386px; top:146px;}
.software-manage-adv .tlogo{overflow:hidden;width:139px;height:139px;background: #fff;position:absolute;z-index:2;left:531px;top:213px;border-radius: 50%;}
.software-manage-adv .tlogo img{display:block;margin: 28px auto;animation:tlo 4S infinite linear;position: relative;}
.software-manage-adv i{ display:block; position:absolute;}
.software-manage-adv .i01{ width:265px; height:122px; background:url(../images/product/software-manage/s03-x01.png) no-repeat right center; left:171px; top:8px;}
.software-manage-adv .i02{ width:255px; height:112px; background:url(../images/product/software-manage/s03-x02.png) no-repeat left center; right:200px; top:9px;}
.software-manage-adv .i03{ width:239px; height:96px; background: url(../images/product/software-manage/s03-x03.png) no-repeat left center; right:200px; bottom:38px;}
.software-manage-adv .i04{ width:269px; height:96px; background:url(../images/product/software-manage/s03-x04.png) no-repeat right center; left:195px; bottom:38px;}
.software-manage-adv .wen{ overflow:hidden; width:17rem; height:6rem; background:url(../images/product/software-manage/s03-wen.png) no-repeat center; background-size: contain; padding:2.5rem; position:absolute; box-sizing: content-box;}
.software-manage-adv h3 { font-weight:normal; font-size:2rem; color:#fff; margin-bottom:1rem; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.software-manage-adv span { display:block; font-size:1.2rem; line-height:1.6rem; color:#fff; display: -webkit-box; overflow: hidden; white-space: normal!important; text-overflow: ellipsis; word-wrap: break-word; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.software-manage-adv .wen01{ left:42px; top:106px;}
.software-manage-adv .wen02{ right:50px; top:106px;}
.software-manage-adv .wen03{ right:50px; bottom:88px;}
.software-manage-adv .wen04{ left:42px; bottom:88px;}

/*software-manage-tech*/
.software-manage-tech { overflow: hidden; padding: 5rem 0 0 0; }
.software-manage-tech ul { overflow: hidden; padding: 2rem 0 0 0 }
.software-manage-tech ul li { text-align: center; overflow: hidden; }
.software-manage-tech ul li div { width: 10rem; height: 10rem; line-height: 10rem; text-align: center; border:1px solid #ff7800; border-radius: 50%; margin: 0 auto 3rem auto; overflow: hidden; }
.software-manage-tech ul li div i { font-size: 6rem; color: #ff7800; }
.software-manage-tech ul li span { display: block; font-size: 1.4rem; color: #666; line-height: 1.5rem; display: -webkit-box; overflow: hidden; white-space: normal!important; text-overflow: ellipsis; word-wrap: break-word; -webkit-line-clamp: 2; -webkit-box-orient: vertical;  }
.software-manage-tech ul li:hover { transform:translate3d(0,-5px,0); transition: all 0.5s; cursor: pointer;}
.software-manage-tech ul li:hover h3,.software-manage-tech ul li:hover i{ color: #ff7800; }


/*software-manage-demand*/
.software-manage-demand { overflow: hidden; padding: 6rem 0 0 0; }
.software-manage-demand ul { overflow: hidden;background: url(../images/product/software-manage/s04-hand.png) no-repeat right bottom;  background-size: 35%; padding: 1rem 0 2rem 0; }
.software-manage-demand ul li { overflow: hidden; padding: 0 0 2.5rem 0; }
.software-manage-demand ul li i { float: left; width: 7.5rem; height: 7.5rem; line-height: 7.5rem; text-align: center; border-radius: 50%; background: #ff7800; color: #fff; font-size: 4.5rem; overflow: hidden; }
.software-manage-demand ul li div { overflow: hidden; padding: 0 0 0 1rem;}
.software-manage-demand ul li div h3 { font-size: 2.2rem; color: #333; padding: 1.5rem 0 1rem 0; overflow: hidden;text-overflow: ellipsis;white-space: nowrap; }
.software-manage-demand ul li div span { display: block; font-size: 1.4rem; color: #888; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.software-manage-demand ul li:nth-of-type(2) i { background: #6fbe44 }
.software-manage-demand ul li:nth-of-type(3) i { background: #31a3d1 }
.software-manage-demand ul li:nth-of-type(4) i { background: #03b3b3 }

/*software-manage-news*/
.software-manage-news { width: 100%; background: #f5f5f5; padding: 5rem 0; }


/******************** Product-software-saas-product07.html ***********************/
/*software-saas-safe*/
.software-saas-safe { overflow: hidden; padding: 6rem 0 0 0; }
.saas-safe-box { position: relative; margin: 7rem 0 0 0; }
.saas-safe-box img { display: block;; margin: 0 auto; }
.software-saas-safe ul { width: 100%; /*background: url(../images/product/software-saas/saas.png) no-repeat center center; background-size: cover;min-height: 35rem;*/}
.software-saas-safe ul li { position: absolute; overflow: hidden; }
.software-saas-safe ul li.pic1 { top: 4%; left: 0; width: 45%;}
.software-saas-safe ul li.pic2 {top: 24%;right: 0;width: 32%;}
.software-saas-safe ul li.pic3 {top: 42%;left: 5%;width: 21%;}
.software-saas-safe ul li.pic4 {top: 58%;right: 5%;width: 23%;}

.software-saas-safe ul li.pic1:before { content: ""; position: absolute; width: 100%; left: 0; top: 50%; height: 1px; background-color: #c8c8c8; z-index: -1;}
.software-saas-safe ul li.pic1 div { float: left; }
.software-saas-safe ul li.pic1 span { float: left; width: auto; height: 7rem; padding: 1.3rem 2rem 0 2rem; margin: 0 0 0 15%; background: #fff; position: relative; }

.software-saas-safe ul li.pic2 div {float: right;margin: 0 10% 0 0;}
.software-saas-safe ul li.pic2 div:before {content: "";position: absolute;width: 80%;left: 0;top: 3.5rem;height: 1px;background-color: #c8c8c8;z-index: -1;}

.software-saas-safe ul li.pic3 div {margin: 0 0 0 10%;}
.software-saas-safe ul li.pic3 span { text-align: left; }
.software-saas-safe ul li.pic3 div:before {content: "";position: absolute;width: 90%;left: 10%;top: 3.5rem;height: 1px;background-color: #c8c8c8;z-index: -1;}

.software-saas-safe ul li.pic4 div {float: right;margin: 0 5% 0 0;}
.software-saas-safe ul li.pic4 div:before {content: "";position: absolute;width: 80%;left: 0;top: 3.5rem;height: 1px;background-color: #c8c8c8;z-index: -1;}

.software-saas-safe ul li div { width: 7rem; height: 7rem; line-height: 7rem; text-align: center; background:#fff url(../images/product/software-saas/circle.png) no-repeat center center; background-size: cover; color: #dc5857; }
.software-saas-safe ul li div i { font-size:4.5rem;  }
.software-saas-safe ul li span { display: block; width: 100%; font-size: 1.5rem; color: #999; line-height: 2.2rem; overflow: hidden;text-overflow: ellipsis;white-space: nowrap; padding: 0.5rem 0 0 0; text-align: right; }
.software-saas-safe h4 { text-align: center; font-size: 2.2rem; color: #888; padding: 2rem 0 0 0; }

/*software-saas-adv*/
.software-saas-adv { overflow: hidden; margin: 6rem 0 0 0; padding: 5rem 0; background: #f5f5f5; }
.software-saas-adv ul { overflow: hidden; }
.software-saas-adv ul li { text-align: center; padding: 2% 0 0 0; }
.software-saas-adv ul li div { background: #fff; width: 94%; margin: 0 auto; padding: 10% 0; }
.software-saas-adv ul li div i { font-size: 5rem; color: #ff7800; }
.software-saas-adv ul li div h3 { font-size: 2rem; color: #333; padding: 4% 0 7% 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.software-saas-adv ul li div span { font-size: 1.4rem; color: #999; overflow: hidden;text-overflow: ellipsis;white-space: nowrap; }
.software-saas-adv ul li:hover div { background: #ff7800; cursor: pointer; transform:translate3d(0,-5px,0); transition: all 0.5s; }
.software-saas-adv ul li:hover h3,.software-saas-adv ul li:hover span,.software-saas-adv ul li:hover i { color: #fff; }

/*software-saas-service*/
.software-saas-service { overflow: hidden; padding: 6rem 0 4rem 0; background: url(../images/product/software-saas/bg.jpg) no-repeat center center; background-size: cover; }
.software-saas-service .Title h3,.software-saas-service .Title span { color: #fff; }
.software-saas-service .Title .line_grey { opacity: 0.1; }
.software-saas-service ul { padding:4rem 0 2.5rem 0; height: 42rem; overflow: hidden; }
.software-saas-service ul li { border:1px solid #eee; overflow: hidden;}
.software-saas-service ul li .card-title { width: 100%; height:5rem; text-align: center; background: #ebebec; overflow: hidden; }
.software-saas-service ul li .card-title h3 { font-size: 1.8rem; color: #333; line-height: 5rem; }
.software-saas-service ul li .card-content { width: 100%; overflow: hidden; text-align: center; padding: 2rem 0 3rem;}
.software-saas-service ul li .card-content div { width: 15rem; height: 15rem; margin: 0 auto 1.5rem auto; line-height: 15rem; background: url(../images/product/software-saas/border.png) no-repeat center center; background-size: cover;}
.software-saas-service ul li .card-content div i { font-size: 6rem; color: #ff7800;}
.software-saas-service ul li .card-content span { width: 80%; margin: 0 auto; font-size: 1.4rem; color: #666; line-height: 2.5rem; height: 7.5rem; display: -webkit-box; overflow: hidden; white-space: normal!important; text-overflow: ellipsis; word-wrap: break-word; -webkit-line-clamp: 3; -webkit-box-orient: vertical; }
.software-saas-service ul li.card-item { z-index:4; transition:all .3s cubic-bezier(.4,0,.2,1),z-index 0s .12s; position:relative; float:left;width:21%; background-color:#fff;}
.software-saas-service ul li.active { cursor: pointer; z-index:6;box-shadow:0 0 1.5rem rgba(255,120,0,.3);width:37%; border:1px solid #ff7800; margin: -2.5rem 0;}
.software-saas-service ul li.active .card-title { height: 7rem; background: #ff7800; }
.software-saas-service ul li.active .card-title h3 { font-weight: bold; color: #fff; line-height: 7rem; }
.software-saas-service ul li.active .card-content { padding: 3rem 0 5rem 0; }
.software-saas-service ul li.active .card-content span { width: 45%; }

/*software-saas-choose*/
.software-saas-choose { overflow: hidden; padding: 6rem 0 0 0; }
.software-saas-choose .swiper-container { overflow: hidden; padding: 0 0 4rem 0; }
.software-saas-choose .swiper-pagination-bullet { background: #ddd; opacity: 0.8; margin: 0 0.8rem; }
.software-saas-choose .swiper-pagination-bullet-active { background: #ff7800; }
.software-saas-choose .swiper-slide { text-align: center; overflow: hidden; border-radius: 1rem; border:1px solid #eee;  }
.software-saas-choose .swiper-slide figure { overflow: hidden; background: #fff; }
.software-saas-choose .swiper-slide:hover img { -webkit-transform: scale(1.2); transform: scale(1.2); transition: all 0.5s }
.software-saas-choose .swiper-slide p { display: block; font-size: 1.6rem; color: #333; font-weight: bold; height: 6rem; line-height: 6rem; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}


/******************** Product-software-tool-product08.html ***********************/
/*software-tool-do*/
.software-tool-do { overflow: hidden; padding: 6rem 0 0 0; }
.software-tool-do .swiper-container { overflow: hidden; padding: 2rem 0 4rem 0; }
.software-tool-do .swiper-pagination-bullet { background: #ddd; opacity: 0.8; margin: 0 0.8rem; }
.software-tool-do .swiper-pagination-bullet-active { background: #ff7800; }
.software-tool-do .swiper-slide { text-align: center; overflow: hidden; }
.software-tool-do .swiper-slide i { display: block; width: 7rem; height: 7rem; line-height: 7rem; text-align: center; border:1px solid #ccc; border-radius: 50%; margin: 0 auto; font-size: 4rem; color: #4c4c4c; }
.software-tool-do .swiper-slide h3 { font-size: 1.6rem; color: #333; padding: 1.5rem 0 0.5rem 0; }
.software-tool-do .swiper-slide span { font-size: 1.2rem; color: #999; }
.software-tool-do .swiper-slide:hover { cursor: pointer; }
.software-tool-do .swiper-slide:hover i { background: #ff7800; color: #fff; border:1px solid #ff7800; }
.software-tool-do .swiper-slide:hover h3 { color: #ff7800; }

/*software-tool-four*/
.software-tool-four { overflow: hidden; padding: 6rem 0 0 0; }
.software-tool-four .left { float: left; width: 30%; overflow: hidden; }
/*.software-tool-four .left img { display: block; margin: 0 auto; }*/
.software-tool-four .right { float: right; width: 70%; overflow: hidden; }
.software-tool-four ul { overflow: hidden; padding: 2% 0 0 0; }
.software-tool-four ul li { overflow: hidden; padding: 0 0 10% 0; }
.software-tool-four ul li i { font-size: 7rem; float: left; line-height: 7rem; overflow: hidden; }
.software-tool-four ul li div { padding: 1rem 0 0 7.5rem; }
.software-tool-four ul li div h3 { font-size: 1.8rem; color: #333; font-weight: bold; margin: 0 0 1rem 0; }
.software-tool-four ul li div h3 span { font-size: 1.4rem; padding: 0 0 0 0.5rem;}
.software-tool-four ul li div p { width: 75%; font-size: 1.4rem; color: #666; line-height: 1.5rem; display: -webkit-box; overflow: hidden; white-space: normal!important; text-overflow: ellipsis; word-wrap: break-word; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}
.software-tool-four ul li:hover { transform:translate3d(0,-5px,0); transition: all 0.5s; cursor: pointer;}
.software-tool-four ul li:hover div h3,.software-tool-four ul li:hover i { color: #ff7800; }

/*software-tool-adv*/
.software-tool-adv { overflow: hidden; background: #f5f5f5; padding: 5rem 0 4rem 0; }
.software-tool-adv ul { overflow: hidden; padding: 1rem 0; }
.software-tool-adv ul li { text-align: center;}
.software-tool-adv ul li div { width: 94%; margin: 0 auto; background: #fff; padding: 10% 0; }
.software-tool-adv ul li h3 { font-size: 2rem; color: #555; }
.software-tool-adv ul li i { font-size: 7rem; color: #ff7800; padding: 1rem 0; display: block; }
.software-tool-adv ul li p { font-size: 1.4rem; color: #888; padding: 0 7%; display: -webkit-box; overflow: hidden; white-space: normal!important; text-overflow: ellipsis; word-wrap: break-word; -webkit-line-clamp: 3; -webkit-box-orient: vertical; }
.software-tool-adv ul li a { display: block; width: 60%; font-size: 1.5rem; height: 3rem; line-height: 3rem; border-radius: 2rem; text-align: center; margin: 2rem auto 0 auto; background: #ff7800; color: #fff; }
.software-tool-adv ul li:hover div { cursor: pointer; transform:translate3d(0,-5px,0);transition: all 0.5s; }

/*software-tool-case*/
.software-tool-case { overflow: hidden; padding: 5rem 0; background: url(../images/product/software-tool/bg.jpg) no-repeat center center; }
.software-tool-case .Title h3,.software-tool-case .Title span { color: #fff; }
.software-tool-case .Title span { opacity: 0.5; }
.software-tool-case .Title .line_grey { opacity: 0.2; }
.software-tool-case .swiper-container { overflow: hidden; padding: 2rem 0 4rem 0; }
.software-tool-case .swiper-pagination-bullet { background: #fff; opacity: 1; margin: 0 0.8rem; }
.software-tool-case .swiper-pagination-bullet-active { background: #ff7800; }
.software-tool-case .swiper-slide { text-align: center; overflow: hidden; background: #fff; }
.software-tool-case .swiper-slide figure { padding: 10% 5%; border-bottom: 1px solid #eee;}
.software-tool-case .swiper-slide h3 { font-size: 1.6rem; color: #333; padding: 1.5rem 0 1rem 0; }
.software-tool-case .swiper-slide p { font-size: 1.2rem; line-height: 2rem; color: #999; padding: 0 5% 1.5rem 5%; display: -webkit-box; overflow: hidden; white-space: normal!important; text-overflow: ellipsis; word-wrap: break-word; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.software-tool-case .swiper-slide:hover { cursor: pointer; }
.software-tool-case .swiper-slide:hover i { background: #ff7800; color: #fff; border:1px solid #ff7800; }
.software-tool-case .swiper-slide:hover h3 { color: #ff7800; }

/*software-tool-customer*/
.software-tool-customer { overflow: hidden; padding: 6rem 0 0 0; }
.software-industry-customer { padding: 5rem 0; }


/******************** Product-software-industry-product09.html ***********************/
/*software-industry-what*/
.software-industry-what { overflow: hidden; padding: 6rem 0 0 0; }
.software-industry-what .swiper-container { overflow: hidden; padding: 2rem 0 4rem 0; }
.software-industry-what .swiper-pagination-bullet { background: #ddd; opacity: 0.8; margin: 0 0.8rem; }
.software-industry-what .swiper-pagination-bullet-active { background: #ff7800; }
.software-industry-what .swiper-slide { text-align: center; overflow: hidden; position: relative;/* background: #f6f6f6;*/ box-shadow: 0 0 15px rgba(0,0,0,.08); height: 13rem; }
.software-industry-what .swiper-slide i { font-size: 5rem; color: #ff7800; padding: 2rem 0 0 0; display: block; }
.software-industry-what .swiper-slide h3 { font-size: 1.8rem; color: #333; }
.software-industry-what .swiper-slide div { position: absolute; width: 100%; height: 100%; top: -13rem; background: #ff7800;
	background: linear-gradient(135deg, #ed7e15, #ff5914); color: #fff; }
.software-industry-what .swiper-slide h4 { font-size: 1.6rem; padding: 2.5rem 0 0 0; }
.software-industry-what .swiper-slide span { display: block; font-size: 2rem; padding: 1rem 0; }
.software-industry-what .swiper-slide a { display: block; color: #fff; border: 1px solid #fff; width: 70%; height: 2.5rem; line-height: 2.3rem; text-align: center; border-radius: 3px; margin: 0 auto; }
.software-industry-what .swiper-slide:hover div { top: 0; transition: all 0.5s;}


/*software-industry-why*/
.software-industry-why { overflow: hidden; padding: 5rem 0; background: #f5f5f5; margin: 5rem 0 0 0; }
.software-industry-why .swiper-container { overflow: hidden; padding: 2rem 0 4rem 0; }
.software-industry-why .swiper-pagination-bullet { background: #ddd; opacity: 0.8; margin: 0 0.8rem; }
.software-industry-why .swiper-pagination-bullet-active { background: #ff7800; }
.software-industry-why .swiper-slide { text-align: center; overflow: hidden; position: relative; background: #fff; padding: 3% 0;}
.software-industry-why .swiper-slide i { display: block; margin: 0 auto; border-radius: 580%; width: 6rem; height: 6rem; background: #ff7800;
	background: linear-gradient(90deg, #ed7e15, #ff5914); font-size: 4rem; color: #fff; line-height: 6rem; text-align: center; }
.software-industry-why .swiper-slide h3 { font-size: 2.4rem; color: #333; padding: 1.5rem 0 0.5rem 0; }
.software-industry-why .swiper-slide span { font-size: 1.6rem; color: #666; }
.software-industry-why .swiper-slide:hover { background: #ff7800; cursor: pointer; }
.software-industry-why .swiper-slide:hover i { background: #fff; color: #ff7800; }
.software-industry-why .swiper-slide:hover h3,.software-industry-why .swiper-slide:hover span { color: #fff; }
.software-industry-why .more { width: 20em; margin: 2rem auto 0 auto; height: 3.5rem; line-height: 3.5rem; text-align: center; border-radius: 5px; background: linear-gradient(90deg, #ff4b04, #ff8a0f); overflow: hidden; font-size: 1.6rem; }
.software-industry-why .more a { display: block; color: #fff; }


/*software-industry-adv*/
.software-industry-adv { overflow: hidden; margin: 5rem 0 0 0;}
.industry-adv-box { position: relative; overflow: hidden; }
.industry-adv-box img { display: block; margin: 0 auto; }
.industry-adv-box ul { width: 100%;/* position: absolute; top: 0; left: 0; */ overflow: hidden; }
.industry-adv-box ul li { overflow: hidden; position: absolute; }
.industry-adv-box ul li div.icon { float: left; width: 6rem; height: 6rem; margin: 0 1rem; background: #69ca2e; border-radius: 50%; overflow: hidden; }
.industry-adv-box ul li div.icon i { display: block; width: 5.8rem; height: 5.8rem; line-height: 5.5rem; text-align: center; border-radius: 50%;border:0.15rem solid #fff; margin:0.1rem; font-size: 3.5rem; color: #fff; }
.industry-adv-box ul li div.txt { overflow: hidden; }
.industry-adv-box ul li div.txt h3 { font-size: 1.7rem; color: #333; font-weight: bold; padding: 0 0 0.8rem 0; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.industry-adv-box ul li div.txt span { padding: 0 20% 0 0; font-size: 1.4rem; color: #666; line-height: 1.8rem; display: -webkit-box; overflow: hidden; white-space: normal!important; text-overflow: ellipsis; word-wrap: break-word; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.industry-adv-box ul li.li01 { top: 0; left: 0; text-align: right; }
.industry-adv-box ul li.li02 { top: 0; right: 0; }
.industry-adv-box ul li.li03 { bottom: 0; left: 0; text-align: right; }
.industry-adv-box ul li.li04 { bottom: 0; right: 0; }
.industry-adv-box ul li.li01 div.icon { background: #69ca2e; }
.industry-adv-box ul li.li02 div.icon { background: #9271f0; }
.industry-adv-box ul li.li03 div.icon { background: #618de6; }
.industry-adv-box ul li.li04 div.icon { background: #ff8a0f; }

.industry-adv-box ul li.li01 div.icon,.industry-adv-box ul li.li03 div.icon { float: right; }
.industry-adv-box ul li.li01 div.txt span,.industry-adv-box ul li.li03 div.txt span { padding: 0 0 0 20%; }


/******************** Product-design-website-product10.html ***********************/
/*design-website-what*/
.design-website-what { overflow: hidden; padding: 6rem 0 0 0; }
.design-website-what ul { overflow: hidden; padding: 1rem 0 0 0; }
.design-website-what ul li { overflow: hidden; padding: 1%; vertical-align: middle; }
.design-website-what ul li a { display: block; width: 100%; overflow: hidden; border-radius: 1rem; background: linear-gradient(45deg, #23c6ab,#27d1a4); color: #fff; transition: all 0.2s linear }
.design-website-what ul li .design-website-top { padding: 2rem 1.5rem 1rem 1.5rem; overflow: hidden; }
.design-website-what ul li .design-website-top span { font-size: 1.4rem; padding: 0 0.5rem; }
.design-website-what ul li .design-website-bottom { position: relative; overflow: hidden; }
.design-website-what ul li .design-website-bottom img { float: left; width: 28%; filter:alpha(opacity=40);-moz-opacity:0.4;-khtml-opacity: 0.4; opacity: 0.4; position: relative; top: 2rem; left: 4rem;}
.design-website-what ul li .design-website-bottom h3 { font-size: 3rem; text-align: center; padding: 3rem 0 0 0; }

.design-website-what ul li.li02 a { background: linear-gradient(45deg, #3cc9fe,#6ad5ff);}
.design-website-what ul li.li03 a { background: linear-gradient(45deg, #fe9d32,#ffbe2c);}
.design-website-what ul li.li04 a { background: linear-gradient(45deg, #fd7162,#fc9048);}

.design-website-what ul li a:hover {
	-webkit-box-shadow: 0px 8px 20px rgba(0, 0, 0, 0.15);
	-moz-box-shadow: 0px 8px 20px rgba(0, 0, 0, 0.15);
	box-shadow: 0px 8px 20px rgba(0, 0, 0, 0.3);
	-webkit-transform: translate(0 -0.7rem);
	-moz-transform:translate(0 -0.7rem);
	transform: translate(0,-0.7rem);
	transition: all 0.2s linear;
}


/*design-website-open*/
.design-website-open { overflow: hidden; background: url(../images/product/design-website/advbg.jpg) no-repeat center center; background-attachment: fixed; text-align: center; overflow: hidden; color: #fff; padding: 8rem 0; margin: 6rem 0 0 0; }
.design-website-open h3 { font-size: 2.4rem; padding: 0 0 4rem 0; }
.design-website-open h3 span { padding: 0 1em; }
.design-website-open a { width: 12em; height: 4rem; line-height: 4rem; text-align: center; margin: 0 auto; font-size: 2rem; color: #fff; display: block; background: #ff7800; border-radius: 3rem;  }


/*design-website-all*/
.design-website-all { overflow: hidden; padding: 6rem 0 0 0; }
.design-website-all ul { overflow: hidden; padding: 2rem 0 0 0; }
.design-website-all ul li { overflow: hidden; text-align: center; }
.design-website-all ul li i { font-size: 4.5rem; color: #222; }
.design-website-all ul li h3 { font-size: 1.8rem; color: #222; padding: 1.5rem 0 1rem 0; }
.design-website-all ul li span { font-size: 1.4rem; color: #999; }
.design-website-all .more { margin: 3rem auto 0 auto;  text-align: center; overflow: hidden; font-size: 1.4rem; }
.design-website-all .more a { padding: 0 2em; line-height: 3.3rem; display: inline-block; color: #000; border-radius: 5px; border:2px solid #000; }
.design-website-all .more a:hover { background: #ff7800; color: #fff; border:2px solid #ff7800;transition: all 0.2s linear }

/*design-website-auto*/
.design-website-auto { overflow: hidden; padding: 6rem 0; background: #f5f5f5; margin: 6rem 0 0 0;  }
.design-website-auto .right { padding: 5% 0 0 6%; }
.design-website-auto .right p { font-size: 1.6rem; color: #666; text-indent: 2em; line-height: 3.5rem;}


/*design-website-view*/
.design-website-view { overflow: hidden; padding: 5rem 0 2rem 0; background: #f5f5f5; margin: 5rem 0 0 0; }
.design-website-view ul { overflow: hidden;background: url(../images/product/software-manage/s04-hand.png) no-repeat right bottom;  background-size: 35%; padding: 1rem 0 2rem 0; }
.design-website-view ul li {overflow: hidden;padding: 0 0 3rem 0;}
.design-website-view ul li i { float: left; width: 6.5rem; height: 6.5rem; line-height: 6.5rem; text-align: center; border-radius: 50%; border:2px solid #ff7800; color: #ff7800; font-size: 4.5rem; overflow: hidden;  }
.design-website-view ul li div {overflow: hidden;padding: 0px 5rem 0 2rem;}
.design-website-view ul li div h3 { font-size: 2.2rem;color: #333;padding: 0.2rem 0 0.8rem 0;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.design-website-view ul li div span { display: block; font-size: 1.4rem; color: #888; display: -webkit-box; overflow: hidden; white-space: normal!important; text-overflow: ellipsis; word-wrap: break-word; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}


/*design-website-process*/
.design-website-process { overflow: hidden; padding: 5rem 0 0 0; }
.design-website-process .swiper-container { overflow: hidden; padding: 1rem 0 0 0; }
.design-website-process .swiper-pagination-bullet { background: #ddd; opacity: 0.8; margin: 0 0.8rem; }
.design-website-process .swiper-pagination-bullet-active { background: #ff7800; }
.design-website-process .swiper-slide { overflow: hidden; position: relative; background: #fff;}
.design-website-process .swiper-slide figure { overflow: hidden; }
.design-website-process .swiper-slide h3 { font-size: 2.4rem; color: #333; padding:2rem 0 1rem 0; }
.design-website-process .swiper-slide span { font-size: 1.5rem; color: #666; }
.design-website-process .swiper-slide:hover img { -webkit-transform: scale(1.2); transform: scale(1.2); transition: all 0.5s }

/*design-website-team*/
.design-website-team { overflow: hidden; padding: 6rem 0 0 0; }
.design-website-team .swiper-slide { overflow: hidden; position: relative; background: #fff; text-align: center;}

/*design-website-customer*/
.design-website-customer { background: #f5f5f5; overflow: hidden; padding: 5rem 0; margin: 6rem 0 0 0; }
.design-website-customer .swiper-container { overflow: hidden; padding: 3rem 0 0 0; }
.design-website-customer .swiper-pagination-bullet { background: #ddd; opacity: 0.8; margin: 0 0.8rem; }
.design-website-customer .swiper-pagination-bullet-active { background: #ff7800; }
.design-website-customer .swiper-slide { text-align: center; overflow: hidden; position: relative; background: #fff;}


/******************** Product-Ai-voice-product11.html ***********************/
/*Ai-voice-function*/
.Ai-voice-function { overflow: hidden; padding: 6rem 0;}
.Ai-voice-function .swiper-container { overflow: hidden; padding: 1rem 0 0 0; }
.Ai-voice-function .swiper-pagination-bullet { background: #ddd; opacity: 0.8; margin: 0 0.8rem; }
.Ai-voice-function .swiper-pagination-bullet-active { background: #ff7800; }
.Ai-voice-function .swiper-slide { text-align: center; overflow: hidden; position: relative; background: #fff;}
.Ai-voice-function .swiper-slide figure { overflow: hidden; }
.Ai-voice-function .swiper-slide div { padding: 5%; border:1px solid #eee; }
.Ai-voice-function .swiper-slide h3 { font-size: 1.8rem; padding: 0 0 1rem 0; color: #333; overflow: hidden;text-overflow: ellipsis;white-space: nowrap; }
.Ai-voice-function .swiper-slide span { text-align: left; font-size: 1.4rem; color: #999; line-height: 2rem; display: -webkit-box; overflow: hidden; white-space: normal!important; text-overflow: ellipsis; word-wrap: break-word; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.Ai-voice-function .swiper-slide a { display: block; font-size: 1.4rem; color: #ff7800; padding: 1rem 0 0 0; }
.Ai-voice-function .swiper-slide:hover { cursor: pointer; transform:translate3d(0,-5px,0);transition: all 0.5s; }
.Ai-voice-function .swiper-slide:hover h3 { color: #ff7800; }
.Ai-voice-function .swiper-slide:hover a { text-decoration: underline;}

/*Ai-voice-solution*/
.Ai-voice-solution { overflow: hidden; padding: 6rem 0; background: #f4f5f7;  }
.Ai-voice-solution .swiper-container { overflow: hidden; padding: 1rem 0 0 0; }
.Ai-voice-solution .swiper-pagination-bullet { background: #ddd; opacity: 0.8; margin: 0 0.8rem; }
.Ai-voice-solution .swiper-pagination-bullet-active { background: #ff7800; }
.Ai-voice-solution .swiper-slide { text-align: center; overflow: hidden; position: relative; background: #fff; padding: 2%; }
.Ai-voice-solution .swiper-slide i {font-size: 6rem;overflow: hidden; color: #ff7800;}
.Ai-voice-solution .swiper-slide div { overflow: hidden; }
.Ai-voice-solution .swiper-slide h3 {font-size: 1.8rem;color: #333;padding: 1.5rem 0;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.Ai-voice-solution .swiper-slide p {font-size: 1.4rem;color: #888; height:6rem; line-height: 2rem;display: -webkit-box;overflow: hidden;white-space: normal!important;text-overflow: ellipsis;word-wrap: break-word;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.Ai-voice-solution .swiper-slide a { display: block; background: #f4f5f7; color: #333; border-radius: 2rem; width:8em; margin:2rem auto 0 auto; height: 3rem; line-height: 3rem; font-size: 1.4rem; }
.Ai-voice-solution .swiper-slide:hover { cursor: pointer; transform:translate3d(0,-5px,0);transition: all 0.5s; box-shadow: 0 0 5px rgba(0,0,0,0.05) }
.Ai-voice-solution .swiper-slide:hover h3 { color: #ff7800; }
.Ai-voice-solution .swiper-slide:hover a { background: #ff7800; color: #fff; }


/*Ai-voice-adv*/
.Ai-voice-adv { overflow: hidden; padding: 6rem 0 0 0;  }
.Ai-voice-adv .swiper-container { overflow: hidden; padding: 1rem 0 0 0; }
.Ai-voice-adv .swiper-pagination-bullet { background: #ddd; opacity: 0.8; margin: 0 0.8rem; }
.Ai-voice-adv .swiper-pagination-bullet-active { background: #ff7800; }
.Ai-voice-adv .swiper-slide { overflow: hidden; position: relative;}
.Ai-voice-adv .swiper-slide i { float: left; font-size: 3rem; overflow: hidden;/* color: #ff7800; */}
.Ai-voice-adv .swiper-slide div { overflow: hidden; padding: 0 0 0 1rem; }
.Ai-voice-adv .swiper-slide h3 {font-size: 2rem;color: #333; font-weight: bold; padding:1rem 0 1.5rem 0;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.Ai-voice-adv .swiper-slide p {font-size: 1.4rem;color: #888;line-height: 2rem;display: -webkit-box;overflow: hidden;white-space: normal!important;text-overflow: ellipsis;word-wrap: break-word;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.Ai-voice-adv .swiper-slide:hover { cursor: pointer; transform:translate3d(0,-5px,0);transition: all 0.5s; box-shadow: 0 0 5px rgba(0,0,0,0.05) }
.Ai-voice-adv .swiper-slide:hover h3,.Ai-voice-adv .swiper-slide:hover i { color: #ff7800; }



/*Ai-voice-application*/
.Ai-voice-application { overflow: hidden; padding: 7rem 0 0 0; }
.Ai-voice-application .tab { width:100%; overflow: hidden; }
.Ai-voice-application .tab-hd { overflow: hidden; border-bottom: 1px solid #e5e5e5; text-align:center; }
.Ai-voice-application .tab-hd li { display: inline-block; padding: 0 3%; height: 4rem; line-height: 4rem; color:#333; font-size: 1.8rem; border-bottom: 2px solid #fff; cursor:pointer;}
.Ai-voice-application .tab-hd li.active { border-bottom: 2px solid #ff7800; color: #ff7800; }
.Ai-voice-application .tab-bd .tabbox { display:none; padding:2rem; font-size:24px;}
.Ai-voice-application .tab-bd .tabbox .left img { margin: 2rem auto; }
.Ai-voice-application .tab-bd .tabbox .right { padding: 2rem 0 2rem 2rem; }
.Ai-voice-application .tab-bd .tabbox .right div { padding: 0 0 1rem 0; }
.Ai-voice-application .tab-bd .tabbox .right h3 { font-size: 1.6rem; color: #333; line-height: 3rem; font-weight: bold; overflow: hidden;text-overflow: ellipsis;white-space: nowrap; }
.Ai-voice-application .tab-bd .tabbox .right p { font-size: 1.4rem; color: #666; line-height: 2;}
.Ai-voice-application .tab-bd .tabbox .right span { color: #ff7800; padding: 0 1rem 0 0; }

.Ai-voice-application .tab-bd div.thisclass{ display:block;}



/******************** Product-Ai-imagesearch-product12.html ***********************/
/*Ai-imagesearch-function*/
.Ai-imagesearch-function { overflow: hidden; padding: 6rem 0 4rem 0; background: #f4f5f7; }
.Ai-imagesearch-list { overflow: hidden; margin: 0 0 3rem 0; }
.Ai-imagesearch-list .Ai-imagesearch-info { overflow: hidden; margin: 0 0 2rem 0;/* border-left: 3px solid #ff7800; padding: 0 0 0 1%*/text-align: center; }
.Ai-imagesearch-list .Ai-imagesearch-info h2 { font-size: 2rem; color: #ff7800; padding: 0 0 0.5rem 0; }
.Ai-imagesearch-list .Ai-imagesearch-info p { font-size: 1.4rem; color: #666; }
.Ai-imagesearch-list ul { overflow: hidden; }
.Ai-imagesearch-list li { float: left; width: 48%; margin: 0 2% 0 0; overflow: hidden; position: relative; background: #fff;}
.Ai-imagesearch-list li:last-child { margin: 0; }
.Ai-imagesearch-list li span { overflow: hidden; float: left; height: 14rem; }
.Ai-imagesearch-list li div { float: left; padding: 2rem; overflow: hidden; }
.Ai-imagesearch-list li h3 { font-size: 1.8rem; line-height: 2rem; padding: 0 0 1rem 0; color: #333; overflow: hidden;text-overflow: ellipsis;white-space: nowrap; }
.Ai-imagesearch-list li p { text-align: left; font-size: 1.4rem; color: #999; line-height: 2rem; display: -webkit-box; overflow: hidden; white-space: normal!important; text-overflow: ellipsis; word-wrap: break-word; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.Ai-imagesearch-list li a { display: block; line-height: 2rem; font-size: 1.4rem; color: #ff7800; padding: 1rem 0 0 0; }

/*Ai-imagesearch-application*/
.Ai-imagesearch-application .tab { padding: 3% 0 0 0; }

/*Ai-imagesearch-adv*/
.Ai-imagesearch-adv { overflow: hidden; padding: 6rem 0 0 0; }
.Ai-imagesearch-adv ul { overflow: hidden; }
.Ai-imagesearch-adv li { overflow: hidden; position: relative; margin: 1rem 0 3.5rem 0;}
.Ai-imagesearch-adv li i { float: left; font-size: 4rem; overflow: hidden; line-height:4rem; /* color: #ff7800; */}
.Ai-imagesearch-adv li div { overflow: hidden; padding: 0 0 0 2rem; }
.Ai-imagesearch-adv li h3 { font-size: 1.8rem; color: #333; font-weight: bold; padding:0 0 0.5rem 0;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.Ai-imagesearch-adv li p {font-size: 1.4rem;color: #888;line-height: 2rem;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}


/******************** Product-Ai-iconshibie-product13.html ***********************/
/*Ai-iconshibie-function*/
.Ai-iconshibie-function { overflow: hidden; padding: 6rem 0 0 0; }
.Ai-iconshibie-function ul { overflow: hidden; }
.Ai-iconshibie-function ul li { overflow: hidden; border-bottom: 1px solid #eee; padding: 3% 0; }
.Ai-iconshibie-function ul li div { padding: 0 1%; }
.Ai-iconshibie-function ul li h3 { font-weight: bold; font-size: 1.8rem; padding: 0 0 1rem 0; }
.Ai-iconshibie-function ul li p { font-size: 1.4rem; line-height: 1.8; color: #666; display: -webkit-box; overflow: hidden; white-space: normal!important; text-overflow: ellipsis; word-wrap: break-word; -webkit-line-clamp: 3; -webkit-box-orient: vertical; }

/*Ai-iconshibie-application*/
.Ai-iconshibie-application { overflow: hidden; padding: 6rem 0; margin: 6rem 0 0 0; background: #f4f5f7;}
.Ai-iconshibie-application .tab { overflow: hidden; }
.Ai-iconshibie-application .tab .hd { overflow: hidden; }
.Ai-iconshibie-application .tab .hd .module-tab-nav li:nth-child(1) { background: #454545;}
.Ai-iconshibie-application .tab .hd .module-tab-nav li:nth-child(2) { background: #3b3b3b;}
.Ai-iconshibie-application .tab .hd .module-tab-nav li:nth-child(3) { background: #333333;}
.Ai-iconshibie-application .tab .hd .module-tab-nav li:nth-child(4) { background: #2b2b2b;}
.Ai-iconshibie-application .tab .hd .module-tab-nav li:nth-child(5) { background: #212121;}
.Ai-iconshibie-application .tab .hd .module-tab-nav li:nth-child(6) { background: #1a1a1a;}
.Ai-iconshibie-application .tab .hd ul li { color: #fff; width: 100%; height: 5.5rem; cursor: pointer; text-align: center; position: relative; -webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	ransition: all 0.2s linear;}
.Ai-iconshibie-application .tab .hd ul li i { font-size: 4rem; height: 5.5rem; line-height: 8rem; display: none; }
.Ai-iconshibie-application .tab .hd ul li p { margin: 0; font-size:1.5rem; line-height: 5.5rem; }
.Ai-iconshibie-application .tab .hd .module-tab-nav li.on,.Ai-iconshibie-application .tab .hd .module-tab-nav li.on:hover { opacity: 1; height: 11rem;
	background-image: -webkit-linear-gradient(left, #ff932c 0%, #ff7800 100%);
	background-image: -moz-linear-gradient(left, #ff932c 0%, #ff7800 100%);
	background-image: -moz-linear-gradient(to right, #ff932c 0%, #ff7800 100%);
	background-image: -o-linear-gradient(to right, #ff932c 0%, #ff7800 100%);
	background-image: linear-gradient(to right, #ff932c 0%, #ff7800 100%); background-repeat: repeat;}
.Ai-iconshibie-application .tab .hd .module-tab-nav .on i { display: inline-block;}
.Ai-iconshibie-application .tab .hd .module-tab-nav li:hover {
	background-image: -webkit-linear-gradient(left, rgba(255, 147, 44, 0.4) 0%, rgba(255, 120, 0, 0.4) 100%);
	background-image: -moz-linear-gradient(left, rgba(255, 147, 44, 0.4) 0%, rgba(255, 120, 0, 0.4) 100%);
	background-image: -moz-linear-gradient(to right, rgba(255, 147, 44, 0.4) 0%, rgba(255, 120, 0, 0.4) 100%);
	background-image: -o-linear-gradient(to right, rgba(255, 147, 44, 0.4) 0%, rgba(255, 120, 0, 0.4) 100%);
	background-image: linear-gradient(to right, rgba(255, 147, 44, 0.4) 0%, rgba(255, 120, 0, 0.4) 100%); background-repeat: repeat;}


.Ai-iconshibie-application .bd { height: 38.5rem; background: #fff; padding: 3%; overflow: hidden; position: relative;}
.Ai-iconshibie-application .bd .tab-ma { width: 100%; height: 100%; overflow: hidden; opacity: 1; z-index: 1; -webkit-transition: opacity 0.5s; -moz-transition: opacity 0.5s; -ms-transition: opacity 0.5s; -o-transition: opacity 0.5s; transition: opacity 0.5s;}
.Ai-iconshibie-application .bd div { overflow: hidden; }
.Ai-iconshibie-application .bd .tab-ma li { overflow: hidden; height: 100%; }
.Ai-iconshibie-application .bd h2 { margin: 0 0 1.5rem 0; height: 2rem; line-height: 2rem; font-size: 1.6rem; position: relative;}
.Ai-iconshibie-application .bd h2:before { content: " "; display: inline-block; width: 3px; height: 1.6rem; background: #ff7800; margin-bottom: -3px; margin-right: 8px;}
.Ai-iconshibie-application .bd .tab-title p { color: #666; font-size: 1.4rem; line-height: 2rem;}
.Ai-iconshibie-application .bd .tab-text { margin: 1.5rem 0;}
.Ai-iconshibie-application .bd .tab-text ul { overflow: hidden; }
.Ai-iconshibie-application .bd .tab-text ul li { width: 33%; float: left; font-size: 1.4rem; line-height: 3rem; cursor: pointer; color: #a2a2a2; border: 1px solid #f4f4f4; }
.Ai-iconshibie-application .bd .tab-text ul li:hover a { color: #ff7800;}
.Ai-iconshibie-application .bd .tab-text ul.tab-link i { color: #ff7800; font-size: 2rem; padding: 0 1rem; vertical-align: middle; }
.Ai-iconshibie-application .bd .tab-text ul.tab-link li:after { content: ''; width: 8px; height: 8px; float: right; margin: 1.2rem 1.5rem 0 0; transform: rotate(45deg); border-top: 1px solid currentColor; border-right: 1px solid currentColor;}
.Ai-iconshibie-application .bd .tab-text ul.tab-link li:hover:after { border-color: #ff7800}

.Ai-iconshibie-application .bd .tab-more a { cursor: pointer; color: #fff; font-size: 1.4rem; background: #ff7800; text-align: center; width: 160px; display: inline-block; line-height: 40px; margin-top: 1.4rem; text-decoration: none; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.Ai-iconshibie-application .bd .tab-more a:hover { background: #ff7800}
.Ai-iconshibie-application .bd .tab-case li { float: left; margin-right: 20px;}
.Ai-iconshibie-application .bd .tab-case li i { width: 60px; height: 60px; border: 1px solid #f0f0f0; border-radius: 12px; display: inline-block;}
.Ai-iconshibie-application .bd .tab-case li span { color: #666; font-size: 12px; display: block; text-align: center; line-height: 24px;}

/*Ai-iconshibie-adv*/
.Ai-iconshibie-adv { overflow: hidden; padding: 6rem 0 0 0; }
.Ai-iconshibie-adv .swiper-container { overflow: hidden; padding: 1rem 0 0 0; }
.Ai-iconshibie-adv .swiper-pagination-bullet { background: #ddd; opacity: 0.8; margin: 0 0.8rem; }
.Ai-iconshibie-adv .swiper-pagination-bullet-active { background: #ff7800; }
.Ai-iconshibie-adv .swiper-slide { overflow: hidden; position: relative; background: #fff;}
.Ai-iconshibie-adv .swiper-slide i { float: left; font-size: 3rem; overflow: hidden;/* color: #ff7800; */}
.Ai-iconshibie-adv .swiper-slide div { overflow: hidden; padding: 0 0 0 1rem; }
.Ai-iconshibie-adv .swiper-slide h3 {font-size: 2rem;color: #333; font-weight: bold; padding:1rem 0 1.5rem 0;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.Ai-iconshibie-adv .swiper-slide p {font-size: 1.4rem;color: #888;height:6rem;line-height: 2rem;display: -webkit-box;overflow: hidden;white-space: normal!important;text-overflow: ellipsis;word-wrap: break-word;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}

/*Ai-iconshibie-case*/
.Ai-iconshibie-case { background: #fff; padding: 0; }



/******************** Product-Ai-speech-product14.html ***********************/
/*Ai-speech-function*/
.Ai-speech-function { overflow: hidden; padding: 6rem 0 0 0;}
.Ai-speech-function .swiper-container { overflow: hidden; padding: 1rem 0 4rem 0; }
.Ai-speech-function .swiper-pagination-bullet { background: #ddd; opacity: 0.8; margin: 0 0.8rem; }
.Ai-speech-function .swiper-pagination-bullet-active { background: #ff7800; }
.Ai-speech-function .swiper-slide { text-align: center; overflow: hidden; position: relative; background: #fff;}
.Ai-speech-function .swiper-slide figure { overflow: hidden; }
.Ai-speech-function .swiper-slide div { padding: 5%; border:1px solid #eee; }
.Ai-speech-function .swiper-slide h3 { font-size: 1.8rem; padding: 0 0 1rem 0; color: #333; overflow: hidden;text-overflow: ellipsis;white-space: nowrap; }
.Ai-speech-function .swiper-slide span { text-align: left; font-size: 1.4rem; color: #999; line-height: 2rem; display: -webkit-box; overflow: hidden; white-space: normal!important; text-overflow: ellipsis; word-wrap: break-word; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.Ai-speech-function .swiper-slide a { display: block; font-size: 1.4rem; color: #ff7800; padding: 1rem 0 0 0; }
.Ai-speech-function .swiper-slide:hover { cursor: pointer; transform:translate3d(0,-5px,0);transition: all 0.5s; }
.Ai-speech-function .swiper-slide:hover h3 { color: #ff7800; }
.Ai-speech-function .swiper-slide:hover a { text-decoration: underline;}

/*Ai-speech-application*/
.Ai-speech-application { overflow: hidden; padding: 6rem 0 4rem 0; background: #f4f5f7; margin: 5rem 0 0 0;}
.Ai-speech-application .swiper-container { overflow: hidden; padding: 1rem 0 4rem 0; }
.Ai-speech-application .swiper-pagination-bullet { background: #ddd; opacity: 0.8; margin: 0 0.8rem; }
.Ai-speech-application .swiper-pagination-bullet-active { background: #ff7800; }
.Ai-speech-application .swiper-slide { overflow: hidden; position: relative; background: #fff; padding: 2.5%;}
.Ai-speech-application .swiper-slide h3 { font-size: 1.8rem; color: #333; padding: 0 0 2rem 0; }
.Ai-speech-application .swiper-slide p { font-size: 1.4rem; line-height: 2rem; height: 4rem; color: #999; letter-spacing:1px; display: -webkit-box; overflow: hidden; white-space: normal!important; text-overflow: ellipsis; word-wrap: break-word; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.Ai-speech-application .swiper-slide div { border-top: 1px solid #eee; margin: 2rem 0 0 0; padding: 2rem 0 0 0; line-height: 2rem; }
.Ai-speech-application .swiper-slide div span { font-size: 1.4rem; color: #999; }
.Ai-speech-application .swiper-slide div a { font-size: 1.4rem; padding: 0 0 0 1rem; color: #ff7800; }


/*Ai-speech-ouradv*/
.Ai-speech-ouradv { overflow: hidden; padding: 6rem 0; background: url(../images/product/ai-speech/bg-ouradv.jpg) no-repeat center center; background-size: cover; }
.Ai-speech-ouradv .Title h3,.Ai-speech-ouradv .Title span { color: #fff; }
.Ai-speech-ouradv .Title .line_grey { opacity: 0.2; }
.Ai-speech-ouradv ul { overflow: hidden; padding: 1rem 0 0 0;}
.Ai-speech-ouradv ul li { overflow: hidden; color: #fff; text-align: center; }
.Ai-speech-ouradv ul li i { font-size: 8rem; }
.Ai-speech-ouradv ul li h3 { font-size: 2rem; padding: 1rem 0 1.5rem 0;  }
.Ai-speech-ouradv ul li p { font-size:1.4rem; width: 60%; margin: 0 auto; line-height: 2rem; height: 4rem; display: -webkit-box; overflow: hidden; white-space: normal!important; text-overflow: ellipsis; word-wrap: break-word; -webkit-line-clamp: 2; -webkit-box-orient: vertical;  }


/******************** Product-Ai-print-product15.html ***********************/
/*Ai-print-function*/
.Ai-print-function { overflow: hidden; padding: 6rem 0 0 0;}
.Ai-print-function .swiper-container { overflow: hidden; padding: 1rem 0 4rem 0; }
.Ai-print-function .swiper-pagination-bullet { background: #ddd; opacity: 0.8; margin: 0 0.8rem; }
.Ai-print-function .swiper-pagination-bullet-active { background: #ff7800; }
.Ai-print-function .swiper-slide { text-align: center; overflow: hidden; position: relative; background: #fff;}
.Ai-print-function .swiper-slide figure { overflow: hidden; }
.Ai-print-function .swiper-slide div { padding: 5%; border:1px solid #eee; }
.Ai-print-function .swiper-slide h3 { font-size: 1.8rem; padding: 0 0 1rem 0; color: #333; overflow: hidden;text-overflow: ellipsis;white-space: nowrap; }
.Ai-print-function .swiper-slide span { text-align: left; font-size: 1.4rem; color: #999; line-height: 2rem; display: -webkit-box; overflow: hidden; white-space: normal!important; text-overflow: ellipsis; word-wrap: break-word; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.Ai-print-function .swiper-slide a { display: block; font-size: 1.4rem; color: #ff7800; padding: 1rem 0 0 0; }
.Ai-print-function .swiper-slide:hover { cursor: pointer; transform:translate3d(0,-5px,0);transition: all 0.5s; }
.Ai-print-function .swiper-slide:hover h3 { color: #ff7800; }
.Ai-print-function .swiper-slide:hover a { text-decoration: underline;}

/*Ai-print-application*/
.Ai-print-application { overflow: hidden; padding: 7rem 0 0 0; }
.Ai-print-application .tab { width:100%; overflow: hidden; padding: 3rem 0 0 0; }
.Ai-print-application .tab-hd { overflow: hidden; border-bottom: 1px solid #e5e5e5; text-align:center; }
.Ai-print-application .tab-hd li { display: inline-block; padding: 0 3%; height: 4rem; line-height: 4rem; color:#333; font-size: 1.8rem; border-bottom: 2px solid #fff; cursor:pointer;}
.Ai-print-application .tab-hd li.active { border-bottom: 2px solid #ff7800; color: #ff7800; }
.Ai-print-application .tab-bd .tabbox { display:none; padding:2rem; font-size:24px;}
.Ai-print-application .tab-bd .tabbox .left img { margin: 2rem auto; }
.Ai-print-application .tab-bd .tabbox .right { padding: 2rem 0 2rem 2rem; }
.Ai-print-application .tab-bd .tabbox .right div { padding: 0 0 1rem 0; }
.Ai-print-application .tab-bd .tabbox .right h3 { font-size: 1.6rem; color: #333; line-height: 3rem; font-weight: bold; overflow: hidden;text-overflow: ellipsis;white-space: nowrap; }
.Ai-print-application .tab-bd .tabbox .right p { font-size: 1.4rem; color: #666; line-height: 2;}
.Ai-print-application .tab-bd .tabbox .right span { color: #ff7800; padding: 0 1rem 0 0; }

.Ai-print-application .tab-bd div.thisclass{ display:block;}

@media (min-width: 992px) and (max-width:1199px) {

}
@media (min-width: 812px) and (max-width: 992px) {
	.ProductCase .swiper-slide .anli-picBox { height: 15rem; }
}
@media (min-width: 568px) and (max-width: 812px) {
	/*AllProduct*/
	.AllProduct { margin: 3rem 0 0 0; }
	.ProductBox { margin: 2rem 0 0 0; padding: 2rem 0; }
	.AllProduct .category ul li { width: 25%; }
	.AllProduct .swiper-container { padding: 2rem 5px 7rem 5px }
	.AllProduct .swiper-slide p { -webkit-line-clamp:2; height: 4rem; }

	.ProductAdv { padding: 5rem 0 1rem 0; }
	.AdvBox { background: none; }
	.AdvBox ul li div { background: none; height: 10rem; }
	.AdvBox ul li { width: 45%; }
	.AdvBox ul li.adv01 { top: 1rem;left: 2%;}
	.AdvBox ul li.adv02 { top: 1rem; left: 50%; }
	.AdvBox ul li.adv03 { top: 22rem; left: 2%; }
	.AdvBox ul li.adv04 { top: 22rem; left: 50%;}

	.service-item { display: block; }
	.service-item li { width: 20%; float: left; margin: 0; height: 10rem; }
	.service-item li:hover { width: 20%; height: 10rem; }
	.service-item li .process-show i { font-size: 3.5rem; padding: 2rem 0 0.5rem 0;  }
	.service-item li .process-show h3 { font-size: 1.6rem; }
	.service-item li .hide { display: none !important; }

	.ProductCase .swiper-slide .anli-picBox { height: 15rem; }
}
@media (min-width: 300px) and (max-width: 568px) {
	.HotProduct .swiper-slide a { margin: 0 0.3rem; }
	.HotProduct .swiper-slide img { width: 50%; }
	.HotProduct .swiper-slide span { display: none; }
	.HotProduct .swiper-slide h3 { font-size: 1.3rem; padding: 0 0 0.5rem 0; }

	.ProSearch { margin: 2rem 0; }

	/*AllProduct*/
	.AllProduct { margin: 3rem 0 0 0; }
	.ProductBox { margin: 2rem 0 0 0; padding: 2rem 0; }
	.AllProduct .category ul li { width: 25%; }
	.AllProduct .swiper-container { padding: 2rem 5px 7rem 5px }
	.AllProduct .swiper-slide p { -webkit-line-clamp:2; height: 4rem; }
	.AllProduct .swiper-slide { padding: 1.5rem 0.8rem; }
	.AllProduct .swiper-slide div { text-align: center; }
	.AllProduct .swiper-slide i { display: block; font-size: 3rem; padding: 0 0 0.2rem 0;}

	.ProductAdv { padding: 3rem 0 1rem 0; }.ProductAdv .Title { padding: 0 0 1rem 0; }
	.AdvBox { background: none; }
	.AdvBox ul li div { background: none; height: 10rem; }
	.AdvBox ul li { width: 45%; }
	.AdvBox ul li.adv01 { top: 1rem;left: 2%;}
	.AdvBox ul li.adv02 { top: 1rem; left: 50%; }
	.AdvBox ul li.adv03 { top: 22rem; left: 2%; }
	.AdvBox ul li.adv04 { top: 22rem; left: 50%;}

	.service-item { display: block; }
	.service-item li { width: 20%; float: left; margin: 0; height: 10rem; }
	.service-item li:hover { width: 20%; height: 10rem; }
	.service-item li .process-show i { font-size: 3.5rem; padding: 2rem 0 0.5rem 0;  }
	.service-item li .process-show h3 { font-size: 1.6rem; }
	.service-item li .hide { display: none !important; }

	.ProductCase .swiper-slide .anli-picBox { height: 10rem; }
	.ProductCase .swiper-slide .anli-picBox .anli-logo-bg span { width: 5rem;}
	.ProductCase .swiper-slide .anli-picBox .anli-logo-bg .img-act { left: -5rem; -webkit-filter: drop-shadow(5rem 0px#fff); filter: drop-shadow(5rem 0px #fff);}

	.ProductProcess { margin: 0; padding: 3rem 0 2rem 0; }

	.ProductSolution { padding: 4rem 0 3rem; margin: 3rem 0 0 0; }
	.ProductSolution .swiper-slide i { width: 20%; font-size: 2.5rem; }
	.ProductSolution .swiper-slide div { width: 80%; }
}