﻿html, body, h1, h2, h3, h4, h5, h6, div, dl, dt, dd, ul, ol, li, p, blockquote, pre, hr, figure, table, caption, th, td, form, fieldset, legend, input, button, textarea, menu { margin: 0; padding: 0; }
h1, h2, h3, h4, h5, h6, small { font-size: 100%; }
h1, h2, h3, h4, h5, h6, em, strong, b { font-weight: bold; }
body, input, button, ol, ul, li { margin: 0; padding: 0; }
html, input, button, textarea { font-family: "HanHei SC", "PingHei", "PingFang SC", "Helvetica Neue", Helvetica, Arial, "Microsoft Yahei", "Hiragino Sans GB", "Heiti SC", "WenQuanYi Micro Hei", sans-serif; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
h1, h2, h3, h4, h5, h6, strong { font-weight: normal; }
h1, h2, h3, h4, h5, h6 { font-weight: 200; font-size: 40px; }
p { margin: 0; padding: 0; }
a { -webkit-tap-highlight-color: rgba(0,0,0,0); text-decoration: none; }
li { list-style: none; }
html { font-size: 16px; color: #333; }
html, body { width: 100%; height: 100%; }
body { overflow: auto; }
.left, .pull-left { float: left; }
.right, .pull-right { float: right; }
.iconfont, [class^="icon-"], [class*="icon-"] { line-height: 16px; color: #1c6ebb; font-family: "iconfont" !important; font-size: 14px; -webkit-text-stroke-width: 0px; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

.main .suimg { width: 100%; text-align: center; }
.main .suimg img { width: 750px; }
.main .sub1 { background-color: #ffffff; }
.main .sub2 { background-color: #f6f6f6; }

.dis { display: none; }

/*警告图标*/
.font-w { color: #fe7f0e !important; }
/*成功图标*/
.font-s { color: #01a114 !important; }
/*错误图标*/
.font-e { color: #f33603 !important; }
/*灰色图标*/
.font-g { color: Gray !important; }
/*蓝色图标*/
.font-b { color: #1c6ebb !important; }
/*黄色边框*/
.bor-w { border: solid 1px #fe7f0e !important; }
/*绿色边框*/
.bor-s { border: solid 1px #01a114 !important; }
/*红色边框*/
.bor-e { border: solid 1px #f33603 !important; }
/*灰色边框*/
.bor-g { border: solid 1px Gray !important; }
/*蓝色边框*/
.bor-b { border: solid 1px #1c6ebb !important; }

.header { height: 90px; }
.header .logo { height: 60px; margin-top: 15px; margin-left: 15px; float: left; }

.bannerw { width: 100%; }

.m-ensure { height: 820px; background: #f4f4f4; }
.m-ensure h3 { padding-top: 90px; text-align: center; }
.m-ensure .u-title-desc { margin: 20px auto 0; }
.m-ensure .ensure-item { margin: 0 auto; width: 595px; height: 205px; border-bottom: 1px solid #e4e4e4; font-size: 30px; }
.m-ensure .ensure-item .icon { float: left; margin-right: 20px; width: 250px; height: 204px; line-height: 214px; color: #008ee4; text-align: center; }
.m-ensure .ensure-item .fi-imsure, .m-ensure .ensure-item .fi-sure { font-size: 76px; }
.m-ensure .ensure-item .fi-global { font-size: 90px; }
.m-ensure .ensure-item p { float: left; width: 320px; height: 204px; }
.m-ensure .ensure-item .desc { display: block; margin: 4px 0; }
.m-ensure .ensure-item .desc:first-child { margin-top: 45px; }
.m-ensure .ensure-item:last-child { border: none; }

.content { padding: 40px; }
.fa_item { position: relative; width: 100%; height: 150px; display: inline-block; margin-top: 40px; cursor: pointer; }
.fa_item img { width: 100%; }
.fa_item .t { font-family: 微软雅黑; font-size: 30px; border-bottom: solid 1px #f0f0f0; line-height: 60px; padding: 0px 10px; }
.fa_item .tt { font-family: 微软雅黑; font-size: 26px; color: #4d4d4d; line-height: 45px; padding: 0px 10px; }
.fa_item .ti { font-family: 宋体; font-size: 22px; color: #999999; line-height: 30px; padding: 0px 10px; }


.tool { border-bottom: solid 1px #f0f0f0; }
.tool .t { font-family: 微软雅黑; font-size: 30px; color: #4d4d4d; line-height: 50px; margin-bottom: -1px; display: inline-block; border-bottom: solid 3px #4d4d4d; }
.tool .tt { font-family: Arial; font-size: 24px; color: #999999; }
.more { color: #133a89; border: solid 1px #c7d0e3; display: inline-block; padding: 5px 20px; font-size: 14px; margin-top: 15px; }
.more:hover { border: solid 1px #133a89; }


.m-abilities { position: relative; height: 1175px; text-align: center; }
.m-abilities h2 { padding: 90px 0 20px; }
.m-abilities .u-title-desc { margin-bottom: 40px; }
.m-abilities .anchor { display: inline-block; overflow: hidden; margin-top: 10px; margin-bottom: 10px; width: 215px; height: 200px; border: 1px solid #ccc; border-radius: 3px; }
.m-abilities .anchor .icon { display: block; margin: 38px auto 25px; width: 88px; height: 70px; font-size: 100px; line-height: 65px; }
.m-abilities .anchor .icon2 { background-position: -88px 0; }
.m-abilities .anchor .icon3 { background-position: -177px 0; }
.m-abilities .anchor .icon4 { background-position: 0 -70px; }
.m-abilities .anchor .icon5 { background-position: -88px -70px; }
.m-abilities .anchor .icon6 { background-position: -176px -70px; }
.m-abilities .anchor .desc { display: block; width: 100%; height: 66px; line-height: 66px; border-top: 1px solid #ebebeb; background: #f6f6f6; color: #333; font-size: 24px; vertical-align: middle; }
.m-abilities .anchor .fi { margin-left: 4px; font-size: 19px; vertical-align: middle; }
.m-abilities .anchor.center { margin-left: 20px; margin-right: 20px; }

.m-case { width: 750px; text-align: center; background-repeat: no-repeat; padding-bottom: 100px; }
.m-case h4 { padding: 92px 0 32px; font-size: 40px; }
.m-case .case-item { display: inline-block; margin: 25px 5px; width: 230px; height: 150px; }
.m-case .case-item p { float: left; margin-top: 15px; font-size: 20px; color: #999; }
.m-case .case-item a { color: #999; }
.m-case .case-item img { width: 100%; float: left; }
.m-case .case-logo { display: block; margin: 0 auto; width: 110px; height: 110px; background-repeat: no-repeat; }
.m-case .case2 { background-position: -112px 0; }
.m-case .case3 { background-position: -224px 0; }
.m-case .case4 { background-position: -336px 0; }
.m-case .case5 { background-position: 0 -112px; }
.m-case .case6 { background-position: -112px -112px; }
.m-case .case7 { background-position: -224px -112px; }
.m-case .case8 { background-position: -336px -112px; }

.topmenu_gd { position: fixed; top: 0; background-color: white; border-bottom: 1px solid #d9d9d9; z-index: 9999999; }
.m-nav-bottom { width: 750px; height: 98px; overflow: hidden; border-top: 1px solid #d9d9d9; text-align: center; z-index: 999999; background-color: #fff; }
.m-nav-bottom .nav-item { position: relative; float: left; display: block; margin-left: -1px; width: 14.2%; height: 98px; line-height: 98px; font-size: 30px; }
.m-nav-bottom .nav-item .active { padding-bottom: 10px; border-bottom: 4px solid #0099ff; }
.m-nav-bottom .nav-item a { color: #333; }
.m-nav-bottom .nav-item:before { content: ' '; position: absolute; top: 40px; left: 0; width: 1px; height: 20px; background: #d9d9d9; }

.m-ft { padding-top: 35px; width: 750px; height: 100px; border-top: 1px solid #d9d9d9; background-color: #f0f0f0; text-align: center; font-size: 20px; color: #999; }
.m-ft p { line-height: 30px; }

.m-tel-enroll { overflow: hidden; position: fixed; bottom: 0; width: 750px; height: 110px; text-align: center; }
.m-tel-enroll .itm { float: left; position: relative; width: 187px; height: 110px; font-size: 30px; -webkit-user-select: none; text-align: center; }
.m-tel-enroll .itm span { line-height: 60px; font-size: 40px; color: #3d9eff; }
.m-tel-enroll .itm p { font-size: 25px; }
.m-tel-enroll .itm-1 { background-color: #e6e6e6; color: #3d9eff; vertical-align: middle; }
.m-tel-enroll .itm-2 { background-color: #3d9eff; color: #fff; vertical-align: middle; }
.m-tel-enroll .fi-ren { position: relative; top: 5px; margin-right: 16px; }
.m-tel-enroll a, .m-tel-enroll a:link, .m-tel-enroll a:visited, .m-tel-enroll a:hover, .m-tel-enroll a:active { color: #3d9eff; -webkit-user-select: none; text-decoration: none; }

.sybtn { border-radius: 2px; background-color: #2dbe60; color: #ffffff; display: inline-block; font-size: 20px; height: 40px; line-height: 40px; margin: 0px 10px; padding: 0px 20px; outline: medium none; text-align: center; text-indent: 0px; }
.sybtn:hover { background: #35cc6a none repeat scroll 0 0; }
.sybtn:focus { text-decoration: none; }

.redbtn { border-radius: 2px; background-color: #f75b47; color: #ffffff; display: inline-block; font-size: 20px; height: 40px; line-height: 40px; margin: 0px 10px; padding: 0px 20px; outline: medium none; text-align: center; text-indent: 0px; }
.redbtn:hover { background: #f86b59 none repeat scroll 0 0; }
.redbtn:focus { text-decoration: none; }


/*新版样式*/
/*index*/
.banner_title { color: #005fff; font-size: 2rem; text-align: center; height: 2.08rem; line-height: 2.08rem; }
.banner_description { color: #8c8c8c; font-size: 1rem; text-align: center; letter-spacing: 0.42rem; height: 1.67rem; line-height: 1.67rem; }
.banner_line { width: 10.67%; height: 0.21rem; background-color: #005fff; margin: 0 auto; }
.banner_Item { display: flex; flex-direction: row; padding: 0.84rem 1.875rem 0 1.875rem; }
.banner_Item .banner_Item_block { background-color: #FFF; border-radius: 1.25rem; width: 42.67%; height: 12.5rem; display: flex; flex-direction: column; align-items: center; justify-content: center; box-shadow: 0 0 0.42rem #dfdfdf; padding: 0 1.25rem; }
.banner_Item .banner_Item_block .banner_Item_block_img { height:3rem;}
.banner_Item .banner_Item_block .banner_Item_block_title { font-size: 1.4rem; height: 3.34rem; line-height: 3.34rem; font-weight: 600; }
.banner_Item .banner_Item_block .banner_Item_block_description { font-size: 1.2rem; color: #acacac; text-align: center; height: 2.5rem; }

.banner_case_index { margin: 2.08rem 0.84rem 0 0.84rem; background-image: url(https://static.1zerp.com/website/m/images/new/index_case_bg.png);background-repeat: no-repeat; background-size: 100% 100%; -moz-background-size: 100% 100%; height: 28rem; }
.banner_case_index .banner_case_row { display: flex; flex-direction: row; background-color: rgba(0,0,0,0); }
.banner_case_index .banner_case_row .banner_case_item { height: 4rem; flex: 1; background-color: rgba(0,0,0,0); text-align: center; }
.banner_case_index .banner_case_row .banner_case_item Img { width: 90%; }

.banner_advantage_row { display: flex; flex-direction: row; padding: 0.84rem 3.34rem; }
.banner_advantage_item { flex: 1; text-align: center; }
.banner_advantage_item Img{width:50%;}
.banner_advantage_title { font-size: 1.4rem; }

/*about */
.banner_Img { text-align: center; margin-top: 1.5rem; }
.banner_Img Img { width: 75%; }
.aboutus_item { margin: 2rem 1.7rem 0 1.7rem; padding: 0.84rem; }
.aboutus_item .aboutus_item_head { display: flex; flex-direction: row; align-items: center; }
.aboutus_item .aboutus_item_head .aboutus_item_head_tag { width: 1.07%; height: 1.25rem; background-color: #248efc; border-radius: 0.125rem; }
.aboutus_item .aboutus_item_head .aboutus_item_head_title { font-size: 1.6rem; letter-spacing: 0.125rem; margin-left: 0.84rem; font-weight: 600; }
.aboutus_item .aboutus_item_description { font-size: 1.4rem; text-align: justify; line-height: 2.5rem; letter-spacing: 0.084rem; margin-top: 0.42rem; color: #6c6c6c; }
.aboutus_item .aboutus_item_concat { display: flex; flex-direction: row; height: 2.92rem; align-items: center; margin-top: 0.84rem; margin-left: 0.42rem; }
.aboutus_item .aboutus_item_concat Img { height: 2.08rem; width: 6.67%; margin-right: 0.84rem; }
.aboutus_item .aboutus_item_concat .aboutus_item_content { height: 4.58rem; flex: 1; display: flex; flex-direction: column; }
.aboutus_item .aboutus_item_concat .aboutus_item_content .aboutus_item_content_title { flex: 1; font-size: 1.2rem; display: flex; align-items: flex-end; letter-spacing: 0.04rem; padding-bottom: 0.21rem; }
.aboutus_item .aboutus_item_concat .aboutus_item_content .aboutus_item_content_number { display: flex; flex-direction: row; flex: 1; font-size: 1.2rem; padding-top: 0.21rem; }
.aboutus_item .aboutus_item_concat .aboutus_item_content .aboutus_item_content_number .aboutus_item_content_number1 { flex: 1; font-size: 1.2rem; letter-spacing: 0.04rem; }
.aboutus_item .aboutus_item_concat .aboutus_item_content .aboutus_item_content_number .aboutus_item_content_number2 { flex: 1; font-size: 1.2rem; letter-spacing: 0.04rem; }


/*case*/
.banner_case { margin: 2.08rem 0.84rem 0 0.84rem; background-image: url(https://static.1zerp.com/website/m/images/new/case_bg.png); background-repeat: no-repeat; background-size: 100% 100%; -moz-background-size: 100% 100%; height: 47rem; }
.banner_case .banner_case_row { display: flex; flex-direction: row; background-color: rgba(0,0,0,0); }
.banner_case .banner_case_row .banner_case_item { height: 4rem; flex: 1; background-color: rgba(0,0,0,0); text-align: center; }
.banner_case .banner_case_row .banner_case_item Img { width: 90%; }


/*news list*/
.news_item { background-color: #FFF; margin: 0.84rem 1.25rem 0 1.25rem; padding: 0.84rem; display: flex; flex-direction: row; }
.news_item Img { width: 33.33%; border-radius: 0.42rem; height: 8.34rem; margin-right:0.84rem; }
.news_item .news_item_content { flex: 1; display: flex; flex-direction: column; }
.news_item .news_item_content .news_item_title { font-size: 1.5rem; font-weight: bold; margin-bottom: 0.42rem; overflow: hidden; text-overflow: ellipsis; word-break:break-all; width: 99%;color:#272727 !important; }
.news_item .news_item_content .news_item_description { font-size: 1.3rem; color: #6c6c6c; line-height: 1.5rem; overflow: hidden; text-overflow: ellipsis; word-break:break-all;width: 99%; }
.news_item .news_item_content .news_item_time { font-size: 1.2rem; color: #6c6c6c; overflow: hidden; }



/*product*/
.banner_product_item { margin:  2.08rem 2.08rem 0 2.08rem; padding: 5rem 2.5rem 2.5rem 2.5rem; background-color: #fff; border-radius: 0.42rem; text-align: center; box-shadow: 0 0 0.42rem #dfdfdf; }
.banner_product_item Img{height:5rem;}
.banner_product_item .banner_product_item_title { text-align: center; font-size: 1.6rem; font-weight: 600; height: 2.5rem; margin-top: 1.25rem; }
.banner_product_item .banner_product_item_description { text-align: center; font-size: 1.6rem; color: #acacac; min-height: 3.75rem; line-height: 2rem; margin-top: 1rem; letter-spacing: 0.08rem; }


/*service*/
.service_item { margin: 2.08rem 1.67rem 0 1.67rem; padding: 0.84rem; background-color: #FFF; }
.service_item .sevice_item_head { display: flex; flex-direction: row; align-items: center; }
.service_item .sevice_item_head .sevice_item_head_tag { width: 1%; height: 1.25rem; background-color: #248efc; border-radius: 0.12rem; }
.service_item .sevice_item_head .sevice_item_head_title { font-size: 1.6rem; letter-spacing: 0.12rem; margin-left: 0.84rem; width: 90%; }
.service_item .sevice_item_description { font-size: 1.2rem; letter-spacing: 0.08rem; height: 2.08rem; line-height: 2.08rem; border-bottom: 0.04rem solid #acacac; color: #acacac; }
.service_item .sevice_item_content { display: flex; flex-direction: row; padding-top: 2.08rem; }
.service_item .sevice_item_content .sevice_item_content_left { flex: 1; }
.service_item .sevice_item_content Img { width: 3.34rem; margin: auto 2.08rem; }
.service_item .sevice_item_content .sevice_item_content_right { flex: 1; }
.sevice_item_content_title { font-size: 1.4rem; margin-bottom: 0.42rem; }
.sevice_item_content_description { font-size: 1.2rem; color: #acacac; text-align: justify; line-height: 1.25rem; letter-spacing: 0.08rem; }


/*solution*/
.banner_solution_item { margin: 2.08rem 2.08rem 0 2.08rem; padding: 1.25rem; background-color: #fff; border-radius: 0.42rem; }
.banner_solution_item Img { width: 100%; }
.banner_solution_item .banner_solution_item_title { text-align: center; font-size: 1.5rem; font-weight: bold; margin-top: 1.25rem;color:#272727 !important; }
.banner_solution_item .banner_solution_item_time { text-align: center; font-size: 1.2rem; color: #acacac; height: 1.25rem; line-height: 30px; margin-top: 1.25rem; }
.banner_solution_item .banner_solution_item_description { text-align: justify; font-size: 1.4rem; min-height: 5rem; line-height: 1.8rem; margin-top: 1.25rem; letter-spacing: 0.08rem; color:#555555 !important; }
