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: 120px 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 { background: url(cpjsBg.png) no-repeat 90% center; height: 610px; }
.cpjsTxt { width: 1200px; padding-top: 160px; width: 50%; }
.cpjsTxt .tit { width: 200px; }
.cpjsTxt .txt { margin-top: 40px; color: #000; font-size: 18px; line-height: 30px; }

/* 产品优势 */
.cpys {padding: 30px  0; background:#f3f3f3; }
.cpys_con { width: 100%; overflow: hidden; }
.cpys_list { width: 110%; }
.cpys_list li { width:175px; float: left; text-align: center; margin-right:30px; }
.cpys_list li .img { width: 120px; height: 120px; margin: 0 auto; background: url(/eportal/fileDir/web/template/page/aiSearch/cpys_icon_bg.png) no-repeat; text-align: center; background-size: cover; }
.cpys_list li .img img { margin-top: 21px; -webkit-transform: rotateY(0deg); -ms-transform: rotateY(0deg); -o-transform: rotateY(0deg); transform: rotateY(0deg); -webkit-transition: transform 500ms; -o-transition: transform 500ms; transition: transform 500ms; }
.cpys_list li .tit { margin: 25px 0 15px; font-size: 16px; color: #333; }
.cpys_list li .tip { line-height: 22px; font-size: 14px; color: #555; }
.cpys_list li:hover .img img{ -webkit-transform: rotateY(360deg); -ms-transform: rotateY(360deg); -o-transform: rotateY(360deg); transform: rotateY(360deg); }
.cpys_list li:hover .tit { color: #141272; text-shadow: 0 0 10px #ccc; }
.cpys_list li:hover .tip { color: #000; }

/* 功能描述 */
.gnms { background: url(/eportal/fileDir/web/template/page/aiSite/gnms_bg.png) no-repeat 10% bottom; padding-top: 60px; padding-bottom: 90px; }
.gnms_list { width: 701px; float: right; overflow: hidden; }
.gnms_list li { width: 350px; float: left; border-bottom: 1px solid #ebebeb; height: 144px; position: relative; height: 144px; overflow: hidden; }
.gnms_list li:nth-child(2n+1) { border-right: 1px solid #ebebeb; }
.gnms_list li .tit { line-height: 144px; font-size: 18px; color: #000; position: relative; }
.gnms_list li .tit img { width: 40px; margin: 0 45px 0 70px; display: inline-block; position: relative; z-index: 2; }
.gnms_list li .tit::after { content: ''; display: block; position: absolute; width: 36px; height: 36px; background: #ffd829; top: 50%; left: 75px; border-radius: 50%; margin-top: -13px; }
.gnms_list li .smy { padding: 20px 35px; font-size: 14px; line-height: 1.5em; color: #fff; background: #1a368f; height: 104px; position: absolute; top: -144px; -webkit-transition: top 300ms; -o-transition: top 300ms; transition: top 300ms; z-index: 3; display:none; }
.gnms_list li:hover .smy { }

/* 应用场景 */
.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:18px; padding-top: 20px; color: #333; }
.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%; }
	
	/* 产品介绍 */
	.cpjs { background-position: right center; }

	/* 产品优势 */
	.cpys{ padding-bottom:0;}
	.cpys_list { width: 100%; }
	.cpys_list li { width:29%; margin: 0 2%; padding-bottom:30px; }
	.cpys_list li .tip{ height:66px;}

	/* 功能描述 */
	.gnms_list li .smy { width: 100%; height: 100%; }

	/* 应用场景 */


	/* 经典案例 */
	.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:70px 0 0 8%; width: 50%; }
	.banner_text h2 { font-size: 28px;margin: 15px 0; } 
	.banner_text p { font-size: 16px; }
	
	/* 产品介绍 */
	.cpjsTxt { padding-top: 95px; }

	/* 产品优势 */



	/* 功能描述 */
	.gnms_list { width: 100%; }
	.gnms_list li { width: 50%; }


}
@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: 70px 0 0 8%; width: 80%; }
	.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 { background-position: right bottom; background-size: 70%; }
	.cpjsTxt { width: 80%; background: rgba(255,255,255,.5); text-align: justify; padding-top: 45px; }
	/* 产品优势 */
	.cpys { margin-bottom: 0; }
	.cpys_list li { width: 100%; margin: 0; padding-left: 120px; position: relative; float: none; margin-bottom: 10px; min-height: 100px; text-align: left; }
	.cpys_list li .img { position: absolute; left: 0; top: 0; width: 100px; height: 100px; }
	.cpys_list li .img img { width: 60px; margin-top: 20px; }
	.cpys_list li .tip{ height:auto;}

	/* 功能描述 */
	.gnms { padding-top: 0; padding-bottom: 35px; }
	.gnms_list li { width: 100%; }
	.gnms_list li:nth-child(2n+1) { border-right: none; }
	.gnms_list li .smy { padding: 20px; }

	/* 应用场景 */
	.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) { 
	/* 产品介绍 */
	.cpjsTxt { width: 100%; }
	.cpjs_con_txt .huilan-ejMk{font-size:24px;}
	/* 功能描述 */
	.gnms_list li .smy { font-size: 12px; }
}