/* 清除默认样式 */
html, body, div, p, h1, h2, h3, h4, h5, h6, ul, li, dl, dd, dt, ol, img, table, form, input, button, textarea, select, option, strong, span, b, i, font, a { padding: 0; margin: 0; border: none; font-family: 'Microsoft Yahei', Arial; }
input { -webkit-appearance: none; }
textarea { -webkit-appearance: none; }
h1, h2, h3, h4, h5, h6 { font-weight: normal; }
table { border-collapse: collapse; }
a { text-decoration: none; color: #666666; font-family: "微软雅黑", "Microsoft YaHei", Arial; font-size: 14px; }
a:hover, a:active { color: #426cad; text-decoration: none; outline: none; }
a:hover { outline: none; }
ul, dl, li, dd, dt, ol { list-style: none; }
input, select, img { vertical-align: middle; outline: none; }
body { font-size: 14px; -webkit-text-size-adjust: none; color: #666666; width: 100%; background-color: #fff; }
img { max-width: 100%; border: none; }
.fl { float: left; }
.fr { float: right; }
.clearfix:after { content: "."; display: block; height: 0; font-size: 0em; line-height: 0; visibility: hidden; clear: both; }
.clearfix { zoom: 100%; }
.huilan-ejMk { font-size: 32px; font-weight: bold; text-align: center; color: #000000; padding: 35px 0; }
a.mao { display: block; position: relative; top: -125px; width: 0; height: 0; }
.clear { clear: both; font-size: 0; height: 0; width: 100%; zoom: 1; }
.w_con { width: 1200px; min-width: 1200px; margin: 0 auto; }

/*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: 100px 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 { 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 { 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: 25%; 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; }

/*功能描述*/
.gnms_list { width: 100%; padding-bottom: 50px; }
.gnms_list li { float: left; display: inline-block; width: 31%; cursor: pointer; }
.gnms_list li div { position: relative; }
.gnms_c { position: absolute; display: block; z-index: 1; right: 0%; top: 33px; width: 70%; height: 96%; background: url(bg_dian.png); background-size: 6px 7px; opacity: 0.6; filter: Alpha(opacity=60); }
.gnms_img { display: block; width: 90%; background: url(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); }
.gnms_img span { display: inline-block; clear: both; margin: 10px 0 18px 18px; font-size: 18px; color: #fff; }
.gnms_img_1 { width: 86%; border: 1px solid #fff; display: block; overflow: hidden; }
.gnms_img_1 img { width: 100%; transition: all 0.6s; }
.gnms_x { display: block; height: 25px; border-bottom: 3px solid #4c79b7; clear: both; width: 38px; }
.gnms_t { font-size: 14px; line-height: 40px; color: #000; width: 90%; }
.gnms_sum { font-size: 12px; line-height: 18px; width: 90%; }
.gnms_list li:nth-child(2) { margin: 0 3% 0 4%; }
.gnms_list li:hover img { transform: scale(1.2); }
.gnms_list li:nth-child(2) .gnms_img { background: url(bg_color1.png); }
.gnms_list li:nth-child(3) .gnms_img { background: url(bg_color2.png); }
.gnms_list li:nth-child(2) .gnms_x { border-bottom: 3px solid #4fcfd6; }
.gnms_list li:nth-child(3) .gnms_x { border-bottom: 3px solid #1a66b7; }

/*应用场景*/
.yycj { width: 100%; background: url(yycj_bg.jpg) no-repeat center center; background-size: cover; padding-bottom: 90px; }
.yycj .huilan-ejMk, .sqty .huilan-ejMk { color: #fff; }
.yycj_list { width: 100%; }
.yycj_list li { float: left; display: inline-block; width: 15%; padding-top: 30px; position: relative; height: 352px; }
.yycj_list li.active { width: 37%; margin-right: 5px; }
.yycj_con1 { height: 0; overflow: hidden; position: absolute; bottom: 0; left: 0; }
.yycj_con1 p { margin-bottom: 20px; width: 94%; }
.yycj_con1 em { position: absolute; display: block; z-index: 1; right: 0%; top: 20px; width: 80%; height: 100%; background: url(bg_dian2.png); background-size: 6px 7px; }
.yycj_con1 a { display: block; width: 90%; background: url(bg_color3.png); position: relative; z-index: 2; padding: 0 5%; height: 332px; }
.yycj_con1 a span { display: inline-block; color: #ffffff; font-size: 18px; line-height: 26px; padding: 50px 0 25px; }
.yycj_con1 a img { width: 100%; }
.yycj_con2 { overflow: hidden; color: #fff; font-size: 18px; line-height: 28px; text-align: center; }
.yycj_con2 em { display: block; width: 30px; border-bottom: 3px solid #ececed; margin: 15px auto 25px; overflow: hidden; }
.yycj_con2 span { display: block; height: 72px; padding-top: 110px; }
.yycj_con2 span img { max-height: 100%; }
.yycj_list li:nth-child(1) .yycj_con1 p { background: url(yycj_icon0.png) no-repeat center center; background-size: auto 90%; }
.yycj_list li:nth-child(2) .yycj_con1 p { background: url(yycj_icon1.png) no-repeat center center; background-size: auto 90%; }
.yycj_list li:nth-child(3) .yycj_con1 p { background: url(yycj_icon2.png) no-repeat center center; background-size: auto 90%; }
.yycj_list li:nth-child(4) .yycj_con1 p { background: url(yycj_icon3.png) no-repeat center center; background-size: auto 90%; }
.yycj_list li:nth-child(5) .yycj_con1 p { background: url(yycj_icon4.png) no-repeat center center; background-size: auto 90%; }

/*相关应用*/
.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: 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; }

/*申请体验*/
.sqty { width: 100%; background: #1d1d26 url(jktybg.jpg) no-repeat right top; background-size: auto 82%; padding-bottom: 50px; }
.sqty_text { color: #fff; font-size: 16px; line-height: 32px; text-align: center; }
.sqty_from { width: 54%; margin: 0 auto; padding-top: 30px; }
.sqty_from input { margin: 0 1.5% 16px; }
.input_1, .button_1 { line-height: 36px; border: none; height: 36px; color: #fff; border-radius: 8px; }
.input_1 { width: 44%; background: #1e3762; padding-left: 2%; }
.button_1 { width: 96%; background: #1f519e; font-size: 16px; text-align: center; cursor: pointer; }

/*相关资料*/
.xgzl { background: #f4f4f4; width: 100%; padding-bottom: 90px; }
.xgzl .cpys_img { width: 15%; }
@media screen and (min-width:1921px) and (max-width:2560px) {
	.w_con { width: 80%; min-width: 80%; }

	/*banner*/
	.banner { min-height: 465px; }
	.banner_text { margin: 120px 0 0 10%; }
	.banner_text p { font-size: 30px;  }

	/*产品优势*/
	.cpys_list li { padding: 50px 0; }
	.cpys_text { font-size: 24px; }
	.cpys_text em { font-size: 16px; line-height: 30px; height: 90px; }

	/*功能描述*/
	.gnms_t { font-size: 18px; }
	.gnms_sum { font-size: 16px; line-height: 30px; }

	/*相关应用*/
	.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; }

	/*应用场景*/
	.yycj_list li { height: 590px; }
	.yycj_con1 a { height: 570px; }
	.yycj_con1 a span { font-size: 32px; padding: 90px 0 50px; }
	.yycj_con2 { font-size: 32px; line-height: 60px; }
	.yycj_con2 span { padding-top: 250px; }

	/*相关资料*/
	.xgzl  .cpys_text { width: 64%; }
	.xgzl .cpys_text em { height: 120px; }

	/*即可体验*/
	.sqty_text { font-size: 24px; line-height: 45px; }
	.input_1, .button_1 { line-height: 80px; height: 80px; }
	.button_1 { font-size: 32px; }
	.input_1 { font-size: 18px; }
}
@media screen and (min-width:1661px) and (max-width:1920px) {
	.w_con { width: 1550px; min-width: 1550px; }

	/*banner*/
	.banner { min-height: 465px; }
	.banner_text { margin: 120px 0 0 10%; }
	.banner_text p { font-size: 22px; }
	.menu_con { line-height: 60px; font-size: 18px; }
	.menu_title { padding: 75px 0 38px; }
	.menu_title img { height: 40px; }

	/*产品优势*/
	.cpys_text { font-size: 14px; }
	.cpys_text em { font-size: 16px; line-height: 30px; }

	/*功能描述*/
	.gnms_t { font-size: 16px; }
	.gnms_sum { font-size: 14px; line-height: 24px; }

	/*相关应用*/
	.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; }

	/*应用场景*/
	.yycj_list li { height: 450px; }
	.yycj_con1 a { height: 430px; }
	.yycj_con1 a span { font-size: 24px; }
	.yycj_con2 { font-size: 24px; line-height: 40px; }
	.yycj_con2 span { padding-top: 200px; }

	/*即可体验*/
	.sqty_text { font-size: 32px; line-height: 60px; }
	.input_1, .button_1 { line-height: 60px; height: 60px; }
	.button_1 { font-size: 24px; }
	.input_1 { font-size: 16px; }
}
@media screen and (max-width:1660px) {
	.w_con { width: 1200px; min-width: 1200px; }
}
@media screen and (min-width:1024px)and (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; }
	.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%;line-height: 2.0em; }


	/*产品优势*/
	.menu_title img { height: 28px; }
	.cpys_list li { padding: 25px 0; }
	.cpys_text em { height: 80px; }

	/*功能描述*/
	.gnms_img { -webkit-box-shadow: 0 0 40px rgba(0, 0, 0, .2); box-shadow: 0 0 40px rgba(0, 0, 0, .2); }

	/*相关资料*/
	.xgzl .cpys_text { max-width: 67%; }
	.xgzl .cpys_text em { height: 120px; }

	/*应用场景*/
	.yycj_con1 a { width: 100%; }

	/*申请体验*/
	.input_1 { width: 46%; }
}
@media (max-width:1000px) {
	.banner { margin: 0; }
	a.mao { top: -45px; }

}
@media screen and (min-width:768px)and (max-width:1023px) {
	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; }
	.w_con { width: 90%; min-width: 700px; }

	/*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_nav a{    padding: 0 16px;}

	/* 产品介绍 */
	.cpjs_con_img { width: 25%; }
	.cpjs_con_txt { width: 70%; line-height: 1.5em;}

	/*产品优势*/
	.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; }
	.cpys_text em { height: 60px; }

	/*功能描述*/
	.gnms_list { padding-bottom: 40px; }
	.gnms_c { height: 90%; }
	.gnms_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); }
	.gnms_img span { margin: 5px 0 10px 11px; font-size: 16px; }

	/*应用场景*/
	.yycj { padding-bottom: 50px; }
	.yycj_list { }
	.yycj_list li { float: left; display: inline-block; width: 15%; padding-top: 20px; position: relative; height: 230px; }
	.yycj_con1 p { margin-bottom: 20px; }
	.yycj_con1 a { height: 200px; width: 100%; }
	.yycj_con1 a span { font-size: 16px; line-height: 24px; padding: 20px 0 15px; }
	.yycj_con2 { font-size: 16px; line-height: 24px; }
	.yycj_con2 span { height: 52px; padding-top: 60px; }

	/*即可体验*/
	.sqty { padding-bottom: 30px; }
	.sqty_text { font-size: 14px; line-height: 28px; }
	.sqty_from { width: 78%; }
	.input_1 { width: 46%; }

	/*相关资料*/
	.xgzl { padding-bottom: 50px; }
	.xgzl .cpys_text { max-width: 67%; }
	.xgzl .cpys_text em { height: 80px; }
}
@media screen and (max-width:767px) {
	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; }
	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{text-align:left;}
	.menu_nav a { font-size: 14px; padding: 0px; line-height: 26px; width:23%; 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%;line-height: 2.0em; }

	/*产品优势*/
	.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(4) { border-bottom: none; }
	.cpys_text em { height: 60px; }

	/*功能描述*/
	.gnms_list { padding-bottom: 10px; }
	.gnms_list li { width: 100%; }
	.gnms_list li:nth-child(2) { margin: 0; }
	.gnms_c { height: 100%; top: 20px; }
	.gnms_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); }
	.gnms_img span { margin: 5px 0 10px 11px; font-size: 16px; width: 90%; }
	.gnms_x { height: 20px; }
	.gnms_t { line-height: 30px; width: 94%; }
	.gnms_sum { padding-bottom: 25px; width: 94%; }

	/*应用场景*/
	.yycj { padding-bottom: 50px; }
	.yycj_list { }
	.yycj_list li { float: left; display: inline-block; width: 15%; padding-top: 20px; position: relative; height: auto; }
	.yycj_con1 p { margin-bottom: 20px; }
	.yycj_con1 a { height: auto; width: 100%; }
	.yycj_con1 a span { font-size: 16px; line-height: 24px; padding: 20px 0 15px; }
	.yycj_con2 { font-size: 12px; line-height: 24px; }
	.yycj_con2 span { height: 52px; padding-top: 0px; padding-bottom: 10px; }
	.yycj_con2 span img { width: 70%; }
	.yycj_con2 em { display: none; }

	/*相关应用*/
	.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; }

	/*即可体验*/
	.sqty { padding-bottom: 30px; }
	.sqty_text { font-size: 12px; line-height: 20px; }
	.sqty_from { width: 100%; }

	/*申请体验*/
	.input_1 { width: 46%; }

	/*相关资料*/
	.xgzl { padding-bottom: 50px; }
	.xgzl .cpys_text { max-width: 67%; }
}