a.mao { display: block; position: relative; top: -120px; width: 0; height: 0; }
.clearfix:after { content: "."; display: block; height: 0; font-size: 0em; line-height: 0; visibility: hidden; clear: both; }
.clearfix { zoom: 100%; }
.clear { clear: both; font-size: 0; height: 0; width: 100%; zoom: 1; }
.huilan-ejMk { font-size: 32px; font-weight: bold; text-align: center; color: #000000; padding: 35px 0; }
.w_con { width: 1200px; min-width: 1200px; margin: 0 auto; overflow: hidden; }

/*banner*/
.banner { width: 100%; min-height: 360px; background: #040918; position: relative; border-top: 1px solid #040918;margin-top: 80px;}
.banner_img { position: absolute; top: 0; right: 5%; height: 100%; z-index: 1; text-align: right; }
.banner_img img { height: 100%; }
.banner_text { position: relative; z-index: 2; margin: 80px 0 0 13%; width: 44%; border-top: 1px solid #cdced1; }
.banner_text h2 { font-size: 32px; margin: 26px 0; color: #fff; }
.banner_text p { width: 55%; border-bottom: 1px solid #cdced1; font-size: 18px; line-height: 2em; white-space: nowrap; padding-bottom: 20px; color: #fff; }


/* 产品介绍 */
.cpjs { margin-top: 40px; }
.cpjs_con { padding-bottom: 40px; }
.cpjs_con_img { width: 200px; } 
.cpjs_con_txt { width: 950px; line-height: 2.5em; font-size: 16px; text-align: justify; }
.cpjs_con_txt .huilan-ejMk { text-align: left; padding:0 0 10px; }

/* 产品优势 */
.cpys { width: 100%; padding: 50px 0 80px; background: #183188; background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #1a3790), color-stop(100%, #10105f)); background: -moz-gradient(linear, left top, right bottom, color-stop(0%, #1a3790), color-stop(100%, #10105f)); background: -o-gradient(linear, left top, right bottom, color-stop(0%, #1a3790), color-stop(100%, #10105f)); background: -ms-gradient(linear, left top, right bottom, color-stop(0%, #1a3790), color-stop(100%, #10105f)); background: gradient(linear, left top, right bottom, color-stop(0%, #1a3790), color-stop(100%, #10105f)); }
.cpys .huilan-ejMk, .yycj .huilan-ejMk { color: #fff; }
.cpysList { overflow: hidden; width: 110%; margin-top: 15px; }
.cpysList li { width: 217px; float: left; margin-right:30px; }
.cpysList li .tit { line-height: 65px; height: 65px; margin-bottom: 45px; }
.cpysList li .tit img { height: 100%; -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: transform 500ms; -o-transition: transform 500ms; transition: transform 500ms; }
.cpysList li .tit span { position: relative; color: #fff; font-size: 18px; margin-left: 20px; }
.cpysList li .tit span::after { content: ''; display: block; width: 20px; height: 1px; background: #fff; position: absolute; bottom: -10px; left: 50%; margin-left: -10px; }
.cpysList li .smy p { font-size: 14px; line-height: 22px; color: #fff; margin-bottom: 5px; }
.cpysList li:hover .tit img { -webkit-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); }

/* 功能描述 */
.gnms {  }
.gnjs_con { height: 650px; width: 1200px; position: relative; }
.gnmsImg { position: absolute; left: 50%; margin-left: -398px; }
.gnjsItem { width: 295px; position: absolute; }
.gnjsItem p.tit { font-size: 18px; color: #000; margin-bottom: 20px; }
.gnjsItem p.tips { font-size: 14px; color: #555; }
.gnjsItem01 { left: 95px; top: 125px; }
.gnjsItem02 { right: 140px; top: 50px; }
.gnjsItem03 { left: 85px; top: 350px; width: 260px; }
.gnjsItem04 { right: 90px; top: 410px; width: 260px; }
.gnjsItem:hover p.tit { color: #141272; text-shadow: 0 0 10px #ccc; }

.black { background: #07082a; padding-bottom: 70px; margin-top: -1px; width: 100%; }

/* 应用场景 */
.xgyy_list { padding: 20px 0 50px; }
.xgyy_list li { float: left; display: inline-block; width: 33.33%; text-align: center; }
.xgyy_img, .xgyy_text { display: inline-block; }
.xgyy_img { position: relative; width: 86%; text-align: center; }
.xgyy_img img { width: 60%; }
.xgyy_bg1, .xgyy_bg2 { position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
.xgyy_img .xgyy_bg1 img { width: 76%; }
.xgyy_img .xgyy_bg2 img { width: 66%; }
.xgyy_text { width: 86%; font-size: 12px; line-height: 18px; padding-top: 20px; color: #666666; }
.xgyy_list li:nth-child(2) .xgyy_bg1 img { -ms-transform: rotate(60deg); -moz-transform: rotate(60deg); -webkit-transform: rotate(60deg); -o-transform: rotate(60deg); transform: rotate(60deg); }
.xgyy_list li:nth-child(2) .xgyy_bg2 img { -ms-transform: rotate(-60deg); -moz-transform: rotate(-60deg); -webkit-transform: rotate(-60deg); -o-transform: rotate(-60deg); transform: rotate(-60deg); }
.xgyy_list li:nth-child(3) em img { -ms-transform: rotate(-180deg); -moz-transform: rotate(-180deg); -webkit-transform: rotate(-180deg); -o-transform: rotate(-180deg); transform: rotate(-180deg); }
.xgyy_list li:hover .xgyy_bg1 img { -ms-transform: rotate(360deg); -moz-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); -webkit-transition: -webkit-transform 0.7s ease-out; -moz-transition: -moz-transform 0.7s ease-out; transition: transform 0.7s ease-out; }
.xgyy_list li:hover .xgyy_bg2 img { -ms-transform: rotate(-360deg); -moz-transform: rotate(-360deg); -webkit-transform: rotate(-360deg); -o-transform: rotate(-360deg); transform: rotate(-360deg); -webkit-transition: -webkit-transform 0.7s ease-out; -moz-transition: -moz-transform 0.7s ease-out; transition: transform 0.7s ease-out; }

/* 经典案例 */
.jdal { }
.jdal_list { overflow: hidden; margin-bottom: 40px; }
.jdal_list li { width: 22.5%; border: 1px solid #eee; float: left; margin: 0 1% 10px; }

/* 相关资料 */
.xgzl { padding: 0 0px 70px; }
.xgzl_list { padding: 0 22px; }
.xgzl_list li { width: 300px; height: 83px; border: 1px solid #dadada; line-height: 83px; background: url(/eportal/fileDir/web/template/page/aiSearch/pdf_icon.png) no-repeat right top; text-align: center; }
.xgzl_list li a { display: block; font-size: 18px; color: #333; }


/* 响应式代码 */
@media (max-width:1199px) {
	body, div, p, h1, h2, h3, h4, h5, h6, ul, li, dl, dd, dt, ol, img, table, form, input, button, textarea, select, option, a { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
	html, body { min-width: 100%; }
	.w_con { width: 90%; min-width: 980px; }

	/*banner*/
	.banner { min-height: 305px; }
	.banner_img { right: 0; }
	.banner_text { margin: 80px 0 0 10%; width: 46%; }
	.banner_text h2 { font-size: 28px; }
	.banner_text p { font-size: 14px; }
	
	/* 产品介绍 */
	.cpjs_con_img { width: 25%; }
	.cpjs_con_txt { width: 70%; }

	/* 产品优势 */
	.cpysList { width: 100%; }
	.cpysList li { width:18%; margin: 0 1%; }

	/* 功能描述 */
	.gnjsItem03 { left: 45px; }
	.gnjsItem04 { right: 30px; }

	/* 应用场景 */


	/* 经典案例 */
	.jdal_list li { width: 23%; }
}
@media (max-width:1023px) {
	.w_con { width: 90%; min-width: 700px; }

	/*banner*/
	.banner { min-height: 230px; }
	.banner_img { right: 0; }
	.banner_text { margin: 35px 0 0 8%; width: 50%; }
	.banner_text h2 { font-size: 22px; } 
	.banner_text p { font-size: 12px; }

	/* 产品优势 */
	.cpysList li { width: 28%; margin: 0 2.5%; }
	.cpysList li .tit { height: 45px; line-height: 45px; margin-bottom: 25px; }
	.cpysList li .smy p{ height:132px;    overflow: hidden;}


	/* 功能描述 */
	.gnmsImg { position: static; margin-left: 0; }
	.gnjsItem { width: 200px; }
	.gnjsItem01 { left: 6%; top: 12%; }
	.gnjsItem02 { right: 2%; top: 5%; }
	.gnjsItem03 { left: 0; top: 52%; width: 160px; }
	.gnjsItem04 { right: 0%; top: 55%; width: 130px }


}
@media (max-width:1000px) {
	.banner { margin: 0; }
	a.mao { top: -45px; }
	.cpjs { background-position: 150% center; }
}
@media (max-width:767px) {
	body { min-width: 320px; }
	.w_con { width: 90%; min-width: 90%; }

	/*banner*/
	.banner { min-height: 230px; }
	.banner_img { right: 0; }
	.banner_text { margin: 50px 0 0 8%; width: 80%; }
	.banner_text h2 { font-size: 16px; }
	.banner_text p { font-size: 12px; width: 100%; white-space: inherit; }
	.menu_con { line-height: 26px; padding: 5px 0; }
	.menu_nav a { font-size: 14px; padding: 0px; line-height: 26px; width: 30%; text-align: center; }

	/* 产品介绍 */
	.cpjs { margin: 30px 0 0; }
	.cpjs_con_img, .cpjs_con_txt { float: none; }
	.cpjs_con_img { width: 40%; margin: 0 auto 20px; }
	.cpjs_con_txt { width: 100%; }

	/* 产品优势 */
	.cpys { padding: 0 0 35px; }
	.cpysList li { float: none; width: 100%; margin-bottom: 40px; }

	/* 功能描述 */
	.gnjs_con { height: auto; }
	.gnjsItem { position: static; width: 100%; margin-bottom: 15px; }
	.gnjsItem p.tit { margin-bottom: 5px; }

	/* 应用场景 */
	.xgyy_list { padding-bottom: 30px; }
	.xgyy_list li { width: 100%; padding-bottom: 20px; }
	.xgyy_list li a { display: flex; display: -webkit-flex; align-items: center; justify-content: space-between; }
	.xgyy_img { width: 40%; }
	.xgyy_img img { width: 70%; }
	.xgyy_img .xgyy_bg1 img { width: 86%; }
	.xgyy_img .xgyy_bg2 img { width: 76%; }
	.xgyy_text { width: 57%; text-align: left; padding-top: 0; }


	/* 经典案例 */
	.jdal_list { margin-bottom: 0; }
	.jdal_list li { width: 46%; margin: 0 2% 10px; }
	.jdal_list li img { filter: grayscale(0%); -webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); -ms-filter: grayscale(0%); -o-filter: grayscale(0%); }

	/* 相关资料 */
	.xgzl_list li { width: 100%; height: 60px; line-height: 60px; }
	.xgzl_list li a { font-size: 14px; }
}
@media (max-width:450px) { 
.cpjs_con_txt .huilan-ejMk{font-size:24px;}
	/* 功能描述 */
	.gnms_list li .smy { font-size: 12px; }
}