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 { background: url(aicc.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 { 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: 200px; float: left; margin-right: 46px; text-align: center; }
.cpysList li .tit { 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; display: block; }
.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 { 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; position: relative; height: 75px; overflow: hidden; }
.gnms_list li:nth-child(2n+1) { border-right: 1px solid #ebebeb; }
.gnms_list li .tit { line-height: 75px; 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; -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; }
.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:hover .tit img { -webkit-transform: rotateY(360deg); -ms-transform: rotateY(360deg); -o-transform: rotateY(360deg); transform: rotateY(360deg); }

/* 应用场景 */
.border-r { border-right: 1px solid #ffd829; }
.border-b { border-bottom: 1px solid #ffd829; }
.yycj { width: 100%; background: url(/eportal/fileDir/web/template/page/aiSite/yycj_bg.jpg) no-repeat center; padding-top: 35px; padding-bottom: 55px; }
.yycj_con { height: 500px; overflow: hidden; }
.yycj_col { float: left; height: 100%; }
.yycj_item { width: 330px; padding-left: 65px; padding-right: 35px; }
.yycj_item .tit { font-size: 18px; color: #fff; margin-bottom: 40px; }
.yycj_item .txt { font-size: 14px; line-height: 2.5em; color: #fff; }
.yycj_item.li01 { width: 271px; padding: 170px 30px 0; }
.yycj_item.li02 { padding-top: 35px; padding-bottom: 35px; }
.yycj_item.li03 { padding-top: 90px; }
.yycj_item.li04 { padding-top: 60px; padding-bottom: 50px; }
.yycj_item.li05 { padding-top: 55px; }

/* 经典案例 */
.jdal { padding-top: 60px; }
.jdal_list { overflow: hidden; margin-bottom: 40px; }
.jdal_list li { width: 22.5%; border: 1px solid #eee; float: left; margin: 0 1% 10px; }
.jdal_list li img { filter: grayscale(100%); -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); }
.jdal_list li:hover img { filter: grayscale(0%); -webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); -ms-filter: grayscale(0%); -o-filter: grayscale(0%); }

/* 相关资料 */
.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; }

/* 应用场景 */
.comwidth { width: 1200px; min-width: 1200px; margin: 0 auto; }
.ejMk { font-size: 32px; font-weight: bold; text-align: center; color: #000000; padding: 35px 0; }
.ejInfo { font-size: 24px; font-weight: bold; text-align: center; color: #000000; padding: 19px 0; }
.ejInfoS { font-size: 16px; font-weight: normal; text-align: center; color: #666; padding: 0 0 19px; }
.WrapBg { position: absolute; height: 100%; width: 100%; z-index: -1; top: 0; }
.WrapBg img { width: 100%; }
.juTiWrap { overflow: hidden; position: relative; }
.juTi { }
.juTiUl { border-top: 1px solid #c4c4c4; border-left: 1px solid #c4c4c4; width: 100%; margin: 20px 0 70px; }
.juTiUl li { border-right: 1px solid #c4c4c4; border-bottom: 1px solid #c4c4c4; text-align: center; float: left; line-height: 75px; width: 399px; background: #fff; opacity: 0.8; filter: alpha(opacity=80); }
.juTiUl li:hover { background: -webkit-linear-gradient(90deg, #ededed, #fff, #fff, #fff); background: -o-linear-gradient(90deg, #ededed, #fff, #fff, #fff); background: -moz-linear-gradient(90deg, #ededed, #fff, #fff, #fff); background: linear-gradient(90deg, #ededed, #fff, #fff, #fff); }
.juTiUl li a { font-size: 18px; color: #000; display: block; }

/* 响应式代码 */
@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 p { font-size: 14px; }

	/* 产品介绍 */
	.cpjs { background-position: right center; }

	/* 产品优势 */
	.cpysList { width: 100%; }
	.cpysList li { width: 30%; margin: 0 1.5%; text-align: left; margin-bottom: 30px; }
	.cpysList li:nth-child(3n+1) { clear: both; }
	.cpysList li .tit { margin-bottom: 20px; }
	.cpysList li .tit span { display: inline; margin-left: 20px; }

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

	/* 应用场景 */
	.comwidth { width: 90%; min-width: 90%; }
	.juTiUl li { width: 33.33%; }
}
@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 p { font-size: 12px; }

	/* 产品介绍 */
	.cpjsTxt { padding-top: 95px; }

	/* 产品优势 */
	.cpysList li { width: 46%; margin: 0 2% 30px; }
	.cpysList li:nth-child(3n+1) { clear: inherit; }
	.cpysList li:nth-child(2n+1) { clear: both; }
	.cpysList li .tit { height: 45px; line-height: 45px; margin-bottom: 25px; }

	/* 功能描述 */
	.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: 50px 0 0 8%; width: 70%; }
	.banner_text h2 { font-size: 20px; margin: 16px 0; }
	.banner_text p { font-size: 12px; width: 100%; white-space: normal; }
	.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%;margin-bottom: 35px;padding-top:35px; }
	.cpjsTxt { width: 100%; background: rgba(255,255,255,.5); text-align: justify; padding-top: 0px; }

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

	/* 功能描述 */
	.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; }

	/* 应用场景 */ 
	.juTiUl li { width: 100%; }
}
@media (max-width:450px) {

	/* 功能描述 */
	.gnms_list li .smy { font-size: 12px; }
}