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%;max-width:unset; }
.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; }

/* 三级导航 */
.menu_con { background: #1d1d26; line-height: 44px; border-top: 1px solid #272831; border-bottom: 1px solid #56565c; width: 100%; }
.menu_nav { text-align: center; }
.menu_nav a { display: inline-block; font-size: 16px; color: #fff; padding: 0 22px; }
.menu_nav a:hover { color: #426cad; }

/* 产品介绍 */
.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_list { width: 100%; padding-bottom: 50px; }
.cpys_list li { float: left; display: inline-block; width: 31%; cursor: pointer; }
.cpys_list li div { position: relative; }
.cpys_c { position: absolute; display: block; z-index: 1; right: 0%; top: 33px; width: 70%; height: 96%; background: url(/eportal/fileDir/web/template/page/aiNao/bg_dian.png); background-size: 6px 7px; opacity: 0.6; filter: Alpha(opacity=60); }
.cpys_img { display: block; width: 90%; background: url(/eportal/fileDir/web/template/page/aiNao/bg_color3.png); padding-top: 20px; position: relative; z-index: 2; -webkit-box-shadow: 0 0 60px rgba(0, 0, 0, .3); box-shadow: 0 0 60px rgba(0, 0, 0, .3); }
.cpys_img span { display: inline-block; clear: both; margin: 10px 0 18px 18px; font-size: 18px; color: #fff; }
.cpys_img_1 { width: 86%; border: 1px solid #fff; display: block; overflow: hidden; }
.cpys_img_1 img { width: 100%; transition: all 0.6s; }
.cpys_x { display: block; height: 25px; border-bottom: 3px solid #4c79b7; clear: both; width: 38px; }
.cpys_t { font-size: 14px; line-height: 40px; color: #000; width: 90%; }
.cpys_sum { font-size: 12px; line-height: 18px; width: 90%; }
.cpys_list li:nth-child(2) { margin: 0 3% 0 4%; }
.cpys_list li:hover img { transform: scale(1.2); }
.cpys_list li:nth-child(2) .gnms_img { background: url(/eportal/fileDir/web/template/page/aiNao/bg_color1.png); }
.cpys_list li:nth-child(3) .gnms_img { background: url(/eportal/fileDir/web/template/page/aiNao/bg_color2.png); }
.cpys_list li:nth-child(2) .gnms_x { border-bottom: 3px solid #4fcfd6; }
.cpys_list li:nth-child(3) .gnms_x { border-bottom: 3px solid #1a66b7; }
/*功能描述*/
.gnms {padding:0 0 30px; background:#f3f3f3; }
.gnms_con { width: 100%; overflow: hidden; }
.gnms_list { width: 110%; }
.gnms_list li { width:175px; float: left; text-align: center; margin-right:30px; }
.gnms_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; }
.gnms_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; }
.gnms_list li .tit { margin: 25px 0 15px; font-size: 16px; color: #333; }
.gnms_list li .tip { line-height: 22px; font-size: 14px; color: #555; }
.gnms_list li:hover .img img{ -webkit-transform: rotateY(360deg); -ms-transform: rotateY(360deg); -o-transform: rotateY(360deg); transform: rotateY(360deg); }
.gnms_list li:hover .tit { color: #141272; text-shadow: 0 0 10px #ccc; }
.gnms_list li:hover .tip { color: #000; }

/*应用场景*/
.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: 599px;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;}




/* 响应式代码 */
@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%; }

	/*产品优势*/
	.cpys_img { -webkit-box-shadow: 0 0 40px rgba(0, 0, 0, .2); box-shadow: 0 0 40px rgba(0, 0, 0, .2); }

	/*功能描述*/
        .gnms{ padding-bottom:0;}
	.gnms_list { width: 100%; }
	.gnms_list li { width:29%; margin: 0 2%; padding-bottom:30px; }
	.gnms_list li .tip{ height:88px;}
	/*应用场景*/
	 .comwidth{width:90%; min-width:90%;}
	.juTiUl li { width: 50%; }
	.yycj_li { width: 48%; }
	.yycj_li p { line-height: inherit; top: 40%; }

}

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



	/*产品优势*/
	.cpys { padding-bottom: 40px; }
	.cpys_list { padding-bottom: 40px; }
	.cpys_c { height: 90%; }
	.cpys_img { padding-top: 10px; -webkit-box-shadow: 0 0 40px rgba(0, 0, 0, .2); box-shadow: 0 0 40px rgba(0, 0, 0, .2); }
	.cpys_img span { margin: 5px 0 10px 11px; font-size: 16px; }
	/*功能描述*/
	.gnms_list li .tip{ height:132px;}

}

@media (max-width:1000px) {
	.banner { margin: 0; }
	a.mao { top: -45px; }
}

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


	/*功能描述*/
	.gnms { margin-bottom: 0; }
	.gnms_list li { width: 100%; margin: 0; padding-left: 120px; position: relative; float: none; margin-bottom: 10px; min-height: 100px; text-align: left; }
	.gnms_list li .img { position: absolute; left: 0; top: 0; width: 100px; height: 100px; }
	.gnms_list li .img img { width: 60px; margin-top: 20px; }
	.gnms_list li .tip{ height:auto;}

	


	/*产品优势*/
	.cpys { padding-bottom: 40px; }
	.cpys_list { padding-bottom: 10px; }
	.cpys_list li { width: 100%; }
	.cpys_list li:nth-child(2) { margin: 0; }
	.cpys_c { height: 100%; top: 20px; }
	.cpys_img { width: 94%; padding-top: 10px; -webkit-box-shadow: 0 0 40px rgba(0, 0, 0, .2); box-shadow: 0 0 40px rgba(0, 0, 0, .2); }
	.cpys_img span { margin: 5px 0 10px 11px; font-size: 16px; width: 90%; }
	.cpys_x { height: 20px; }
	.cpys_t { line-height: 30px; width: 94%; }
	.cpys_sum { padding-bottom: 25px; width: 94%; }
	/* 应用场景 */
        .juTiUl li a{font-size:12px;}
	.yycj { padding-bottom: 30px; }
	.yycj_li { float: none; width: 100%; margin-bottom: 20px; }

}
@media (max-width:450px) {
.menu_nav{ margin-left: 0%;}
	.menu_nav a {  width:23%;}
}