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 img { width: 86%; margin: 26px 0; }
.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 { 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 { margin-bottom: 55px; }
.cpys_con { width: 100%; overflow: hidden; }
.cpys_list { width: 110%; }
.cpys_list li { width: 250px; float: left; text-align: center; margin-right: 66px; }
.cpys_list li .img { width: 120px; height: 120px; margin: 0 auto; background: url(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(gnmsBg.png) no-repeat bottom center; padding-bottom: 178px; }
.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%; }

/* 应用场景 */
.yycj { position: relative; top: -60px; }
.yycj .huilan-ejMk { color: #fff; }
.yycj_list { margin-top: 45px; margin-bottom: 70px; height: 68px; }
.yycj_list li { width: 33%; float: left; text-align: center; font-size: 18px; color: #fff; margin-bottom: 30px; }
.yycj_list li img { margin-right: 25px; -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; }
.yycj_list li:hover img { -webkit-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); }
/* 经典案例 */
.jdal, .xgzl { background: #fff; padding: 25px 0 0;  }
.jdal_list { overflow: hidden; width: 103%; margin-bottom: 40px; }
.jdal_list li { width: 300px; float: left; border-right: 1px solid #000; }

/* 相关资料 */
.xgzl { padding: 0 0px 25px; }
.xgzl_list { padding: 0 22px; }
.xgzl_list li { width: 263px; height: 83px; border: 1px solid #dadada; line-height: 83px; background: url(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 p { font-size: 14px; }

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

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

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

	/* 经典案例 */
	.jdal_list { width: 100%; }
	.jdal_list li { width: 25%; }
	.jdal_list li:nth-child(4n) { border: none; }
	.jdal.w_con, .xgzl.w_con { min-width: auto; }
}

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

	/* 功能描述 */
	.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; }
	.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: 50%; }
	.banner_text p { font-size: 12px; }
	.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; }

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

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

	/* 应用场景 */
	.yycj_list { margin: 0; height: auto; }
	.yycj_list li img { display: block; margin: 0 auto; width: 50px; margin-bottom: 20px; }
	.yycj_list li span { font-size: 14px; display: block; text-align: center; }

	/* 经典案例 */
	.jdal_list { margin-bottom: 0; }
	.jdal_list li { width: 50%; margin-bottom: 10px; }
	.jdal_list li:nth-child(2n) { border-right: none; }

	/* 相关资料 */
	.xgzl_list li { width: 100%; height: 60px; line-height: 60px; }
}

@media (max-width:450px) {
	/* 产品介绍 */
	.cpjsTxt { width: 100%; }
}