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; }

/*产品优势*/
.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;  margin-bottom:20px;}
.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; }


/* 功能描述 */
.cpys { background: #f4f4f4; width: 100%; padding-bottom: 55px; }
.menu_title { text-align: center; padding: 55px 0 30px; }
.menu_title img { height: 32px; }
.cpys_list { border: 1px solid #d8d8d8; background: #fff; }
.cpys_list li { float: left; display: inline-block; width: 33%; border-left: 1px solid #d8d8d8; margin-left: -1px; text-align: center; padding: 30px 0; }
.cpys_list li span { display: inline-block; vertical-align: top; }
.cpys_img { width: 20%; }
.cpys_img img { width: 100%; }
.cpys_text { max-width: 61%; padding-left: 4%; font-size: 14px; color: #000000; text-align: left; }
.cpys_text em { display: inline-block; clear: both; font-size: 12px; font-style: normal; line-height: 20px; color: #666; padding-top: 10px; }
.cpys_list li:hover 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; }

/* 应用场景 */
.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); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(90deg, #ededed,#fff, #fff,#fff); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(90deg, #ededed,#fff, #fff,#fff); /* Firefox 3.6 - 15 */
    background: linear-gradient(90deg, #ededed,#fff, #fff,#fff);
}
.juTiUl li a{font-size: 18px;color: #000;display:block;}

/* 经典案例 */
.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; }

/* 相关资料 */
.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 screen and (min-width:1921px) and (max-width:2560px) {
	.w_con { width: 80%; min-width: 80%; }

	/*相关应用*/
	.xgyy_img { width: 90%; }
	.xgyy_img img { width: 70%; }
	.xgyy_img .xgyy_bg1 img { width: 86%; }
	.xgyy_img .xgyy_bg2 img { width: 76%; }
	.xgyy_text { width: 90%; font-size: 16px; line-height: 30px; }
}
@media screen and (min-width:1661px) and (max-width:1920px) {
	.w_con { width: 1550px; min-width: 1550px; }
	/*相关应用*/
	.xgyy_img { width: 90%; }
	.xgyy_img img { width: 70%; }
	.xgyy_img .xgyy_bg1 img { width: 86%; }
	.xgyy_img .xgyy_bg2 img { width: 76%; }
	.xgyy_text { width: 90%; font-size: 14px; line-height: 24px; }
}
@media screen and (max-width:1660px) {
	.w_con { width: 1200px; min-width: 1200px; }
}
@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_con_img { width: 25%; }
	.cpjs_con_txt { width: 70%; }

	/* 产品优势 */


	/* 功能描述 */
	.cpys_list li { padding: 25px 0; }
	.cpys_text em { height: 80px; }

	/* 应用场景 */
        .comwidth,.juTiUl li{width:33.33%; min-width:100%;}
        .juTiUl{width:90%; margin:0 auto;}


	/* 经典案例 */
	.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 p { font-size: 12px; }

	/* 产品优势 */



	/* 功能描述 */
	.cpys { padding-bottom: 40px; }
	.menu_title { padding: 30px 0 20px; }
	.menu_title img { height: 20px; }
	.cpys_list li { padding: 25px 0; width: 50%; }
	.cpys_list li:nth-child(1) { border-bottom: 1px solid #d8d8d8; }
	.cpys_list li:nth-child(2) { border-bottom: 1px solid #d8d8d8; }
	/*应用场景*/
	



}
@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 { 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%; }

	/* 产品优势 */
	.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; }


	/* 功能描述 */
	.cpys { padding-bottom: 40px; }
	.menu_title { padding: 30px 0 20px; }
	.menu_title img { height: 20px; }
	.cpys_list li { padding: 25px 0; width: 100%; border-bottom: 1px solid #d8d8d8; }
	.cpys_list li:nth-child(6) { border-bottom: none; }

	/* 应用场景 */
	.juTiUl li a{line-height:30px;}
	/* 经典案例 */
	.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) { 
	/* 功能描述 */
	.gnms_list li .smy { font-size: 12px; }
}